Skip to main content

Posts

Knockout Text Html and CSS

Creating a Knockout TExt
Recent posts

JavaScript Best Practices: Tips & Tricks to Level Up Your Code

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

Create and Deploy Website in just a SECOND

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

Windows Terminal Context Menu - How To Setup

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

Easy way to add a dark theme on your website

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

Solid - The best JavaScript UI library?

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

How To Become A Web Developer

STEP 1: PICK THE SKILLS YOU NEED TO WORK IN WEB DEVELOPMENT Web developer jobs are typically skill-based (as opposed to requiring credentials like a tech-specific bachelor’s degree or even an associate’s degree), which means if you have the skills, you can do the job. Step one then on the road to web development: identify exactly what those skills are. In doing so, it’s important to note there are two categories of web developer jobs: front-end development and back-end development. FRONT END WEB DEVELOPMENT SKILLS HTML CSS JavaScript Front-end developers work with the visual parts of a website that users see and interact with through their web browser. According to Ana Martínez, Front-End Developer at digital production studio Commite Inc., there’s a trifecta of coding languages that serve as a backbone for any front-end developer career. Martine