If you prefer watching a video…

Be sure to Subscribe to the Official Code Angle Youtube Channel for more videos.

Talk is cheap. Show me the code
― Linus Torvalds

Table of Contents

1. Introduction
2. Installation and Set up of React Using Snowpack
3. Folder Structure
4. Code Overview
5. Running the Application
6. Deployment Process Using Vercel
7. Conclusion

Introduction

Earlier this month the React Team released some updates concerning the release of React 18. These updates include the following:

• Work has begun on the React 18 release, which will be the next major version.
• A working group has been created to prepare the community for the gradual adoption…

Introduction

A Date Picker is a form of graphical user interface that allows users to select a date from a calendar and/or time from a time range. The common practice in which a date picker is implemented is by providing a text-box field, which when clicked upon to enter a date, displays a pop-up calendar, such that when one of the characters on the calendar is selected, it displays the value inside the text input field.

Some of the advantages of using a date picker include:

• Entering dates becomes easier for the user and you can control the format of the…

Don’t aspire to make a living, aspire to make a difference.- Denzel Washington

Table of Contents

1. Introduction
2. HTML Form Events
   2.1 onblur
   2.2 onchange
   2.3 oncontextmenu
   2.4 onfocus
   2.5 oninput
   2.6 oninvalid
   2.7 onreset
   2.8 onsearch
   2.9 onselect
   2.10 onsubmit
3. Conclusion

Introduction

HTML forms allow users on a web page to enter data that will be sent to a server for processing. HTML forms are a powerful way of interacting with a web application. They include various elements called controls like (Text Input, Checkboxes, Radio Box, Select Box, e.t.c).

The HTML forms are enclosed inside a <form></form> element. The <form> element has various attributes…

When it is dark enough, you can see the stars.
― Ralph Waldo Emerson

Introduction

According to an American survey, children between the ages of 8–12 and 13–18 spend a daily average of 4 hours 44 minutes, and 7 hours 22 minutes staring at screens (respectively). The data for these numbers were collected in 2019. This figure is higher for adults and, according to an article in the Washington Post earlier this year, the amount of screen time we consume has increased considerably due to COVID-19.

Today, mobile devices take up a large percentage of the amount of time that people…

Introduction

When creating the design of a web page, one of the most important things to be into consideration is user interactivity. A good example of user interactivity is the Modal box.

A modal box mostly appears as a message box in the Browser based on an action performed by a user. The modal box comes in different forms and shapes which includes the Alert box, Flash notification box, Dialog box, Lightbox. Etc.

The unique feature of the modal box is the fact that it disables the main window in the browser but keeps it visible, with the modal window showing…

The only way to learn a new programming language is by writing programs in it.

― Dennis Ritchie

Table of Content

1. Introduction
2. History
   2.1 Angular
   2.2 React
   2.3 Vue
3. Requirements & Installation Process
   3.1 Angular
   3.2 React
   3.3 Vue
4. Conclusion

Introduction

As we all know, Javascript is the heart and soul of frontend web development. To build complex web applications, using vanilla javascript is probably not the right choice as you may end up pulling the hair out of your head.

To make things easier and product development faster, a library like jQuery was introduced in 2006.

Later on, in 2010 Angular js was…

Give a man a program, frustrate him for a day. Teach a man to program, frustrate him for a lifetime.

― Muhammad Waseem

Introduction

As we all know, web development is a vast and wide field that encompasses a range of career paths. Often this can be overwhelming for newcomers to the industry as they are tasked with trying to figure out which path is right for them. For example, careers abound in many fields including mobile app development, UI and UX design, game development, software testing, database administration, system analysis, and SEO (to name but a few). …

What we know matters but who we are matters more.

- Brené Brown

Introduction

Today we are going to build a simple registration form. The requirements for this tutorial is just a basic knowledge of Html and CSS as well as a code editor.

A Preview of What We Are Going To Build