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 Transfer Protocol helps to indicate if a response is successful or not. Status codes are guided by section 10 of RFC 2616. Most of the time, the users do not see the codes returned from the browser, but they are returned every time the browser interacts with the server.

Status codes can help provide a better user…


How to set up React 18 Alpha with Snowpack and Vercel

Header Image

If you prefer watching a video…

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

the video version of the article

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…


Header Image for Article

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…


Blog Post Image On HTML event attribute

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…


Photo by Lubo Minar on Unsplash

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…


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

  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

Deji Adesoga

Software Developer & Technical writer https://www.youtube.com/TheCodeAngle Subscribe to my email list now at eepurl.com/gZ-jJH

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store