Programming

Image header

A First Look at How To Set Up React 18 Alpha with Snowpack and Vercel

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 Introduction Installation and Setup of React using Snowpack Folder Restructure code overview Running the app Deployment Process Using Vercel Conclusion Introduction …

A First Look at How To Set Up React 18 Alpha with Snowpack and Vercel Read More »

featured image

Top 10 Date Pickers in React

Never bend your head. Always hold it high. Look the world straight in the eye. – Helen Keller Table of Contents Introduction @yoc/react-datepicker materialui-daterange-picker react-datetime-picker react-date-range react-date-picker react-big-calendar react-datetime react-day-picker @material-ui/picker react-datepicker Conclusion Introduction A Date Picker is a form of graphical user interface that allows users to select a date from a calendar and/or …

Top 10 Date Pickers in React Read More »

Html Image

A Detailed Breakdown of HTML Form Event Attributes

Don’t aspire to make a living, aspire to make a difference. – Denzel Washington Table of Contents Introduction HTML form events  onblur onchange oncontextmenu onfocus oninput oninvalid onreset onsearch onselect onsubmit 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 …

A Detailed Breakdown of HTML Form Event Attributes Read More »

Article Image

4 Ways to Create a Modal Popup Box with Html, CSS and Vanilla JavaScript

Knowing is not enough; We must apply. Willing is not enough; We must do. – Bruce Lee Table of Content Introduction Sample 1 Sample 2 Sample 3 Sample 4 Conclusion 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 …

4 Ways to Create a Modal Popup Box with Html, CSS and Vanilla JavaScript Read More »

Getting Started With: Angular vs React vs Vue

Angular vs React vs Vue – Getting Started

The only way to learn a new programming language is by writing programs in it. ― Dennis Ritchie Table of Content Introduction History Angular React  Vue Requirements & Installation Process Angular React  Vue Conclusion Introduction This article provides a step by step guide on how to install the three most popular javascript framework/library in the …

Angular vs React vs Vue – Getting Started Read More »

Image showing HTTP status code

A Break Down of HTTP Status Code

I eat and drink at my desk, but I’m a tidy eater. – Jamie Zawinski Table of Content Introduction Informational Response (100 – 199) Successful Response (200 – 299) Redirects (300 -399) Client Error (400 – 499) Server Error (500 – 599) Unofficial Codes by Different Platforms Deprecated Conclusion Introduction HTTP which stands for  Hypertext …

A Break Down of HTTP Status Code Read More »

7 Must Have Skill For A Modern Day Front-end Developer

minutes Introduction Gone are the days were front-end web development is all about creating websites with just custom Html, css and probably a bit of javascript for interaction. With the popularity of frameworks and libraries, the requirements to work as a front-end developer continues to become more ambiguous. This could serve as a problem for beginners in the long-run as …

7 Must Have Skill For A Modern Day Front-end Developer Read More »

Auto Complete Country Application With Javascript & JSON

Introduction Today we are going to make an autocomplete application that displays the capital and country code of different countries around the world. To do this, we are going to be making use of a json file that contains all the data that we need. Here is a working example of our project So, there will be no …

Auto Complete Country Application With Javascript & JSON Read More »