Bro Jenuel

Learning new things everyday is part of what makes being a rational human being great. And as developers, it is part of our job to learn new things continuously, whether or not these things are from positive learning experiences. In this tutorial, I will point out a few important JavaScript best practices so you don’t have to learn it the hard way. Get ready to level to your code! 1. Avoid polluting the global scope Declaring variables is a lot of fun. Sometimes, you may declare global variables even if you don’t want to. In today’s browsers, the global variables are stored in the window object. So, since there’s a lot of stuff going on there, you may override default values. Let’s suppose you have an HTML file which contains a <script> tag containing (or which loads a JavaScript file containing): var foo = 42 ; console . log ( foo ) ; This will obviously output 42 in the console. But since the code is not executed in a function, the context will be the glob

Hi im a web dev here. Because of Covid19 most of us moved from office based to Work From Home environment. So during this time, I was able to use my free time in creating a website. This is my website that I created using domain in freenom . jenuelganawed.ml Step 1 Create your app. Go ahead and create you webapp/site. You can use nodejs, VueJs, AngularJs, React Js, or maybe pure html,css, and js. Step 2 Build Your App (optional) remove the directory where the build files are created in .gitignore file. Step 3 Add it as a new Repository in your account. Create a new repository, and push your files inside it. Step 4 Add it in Netlify Open Netlify , if you don’t have an account then create one. Then you can now add it in netlify with the option ‘New Site From Git’ and set it up. Step 5 Create you own domain name For me, since I want to test the website I created a free domain in freenom. And then use it to your netlify website in the domain setting option. I did not c

When I heard about The new Windows Terminal I was mind Blown because of how beautiful it is to customize your own terminal window. Terminals are one tool most programmers use to automatically generate something or build something. So having this kind of terminal is awesome. After Downloading the terminal there is something missing. And that is opening the Windows Terminal in the context menu. What A context menu is when you right-click on a directory and an option will show up. Something like this image. This is really a good feature to have because you can just easily open your project by doing it. And so because of that, I created a simple PROJECT that is easy and simple to setup. So, to set up this, Important You should have installed the Windows Terminal on your system. If you haven't installed yet, you can go to these options to download the app: Microsoft Store - you directly download it on the Mic

What is a dark theme? A dark theme displays dark color in the maximum of the UI, reducing strain in our eyes. Recently, a dark theme is a common trend, that can be seen on most websites and apps. Here in this blog, I am going to share one of the easy ways to add a dark theme when we click a button. Turn Your webpage from here: To here: Our main concern is to change the theme, so we are not focusing on beauty and other functionality. HTML We are just creating a button, so we need just a single button tag in the HTML file. <button id= "myBtn" > Push Me </button> CSS The below code is used to create the basic light theme on the page. * { margin : 0 ; padding : 0 ; border : none ; box - sizing : bor

A while ago, I wrote a post on some of the most important advantages of Svelte. Back then, the framework had just received a major update, and it was quite a hot topic to cover. Now, after the dust has settled, Svelte still has a lot going for it, but it also has some drawbacks that previously went unnoticed. I don't want to rant over these small issues because that's not the point of this article, and besides - I really like Svelte! But for your information, these are: TypeScript support - although it's been added recently, it wasn't there at the time Svelte exploded in popularity. Thus, most of its still small, but very important for the framework ecosystem will most likely not support it. Syntax differences - Svelte feels good when you get used to it, but because of its compiler-bas