Start Web Development in 2021

Hassamkazmi
3 min readJan 10, 2021

--

Now the world has changed and businesses are running from the internet, so why you should not jump into this field.

If you are ready! Let's start our journey….

Web development course outline
Web Development Course Outline

First of All, we will start with Basic HTML(website Skeleton).

Fundamentals of HTML:

An HTML document can be described by a set of HTML tags. We will introduce several common HTML tags that can be used to produce a basic page with images, lists, tables, and links.

Basic Tags of HTML

  • <html> … </html> — The root element. …
  • <head> … </head> — The document head. …
  • <title> … </title> — The page title. …
  • <body> … </body> — The page’s content. …
  • <h1> … </h1> — A section heading. …
  • <p> … </p> — A paragraph. …
  • <a> … </a> — A link. …
  • <img> — An image.
  • <input> — For inputs field …
HTML file with Basic Tags

This HTML file makes a structure for our website, after that, we want some beauty on our website.

The word beauty in web development means CSS…..

CSS(Cascading Style Sheets):

CSS is the language we use to style an HTML document.CSS describes how HTML elements are to be displayed.

Fundamentals of CSS:

  • color, change the font color, etc.
  • padding, the space around the content. In the example below, it is the space around the paragraph text.
  • border, the solid line that is just outside the padding.
  • margin, the space around the outside of the border.
  • Align, centering, and left/right aligning block elements.
  • Table, borders, width and height, text alignment, padding, and background and text colors
  • Floating, pushing elements left and right (useful for images and layouts)
  • Pseudo-class, changing attributes of links that are unvisited, “active”, “hover”, and “visited”. Several additional selectors are in a table
  • CSS Combinators, selectors for descendants, children, and siblings

By applying CSS, now our website looks better.

Apply JavaScript for interaction, by using javaScript our website perform some actions like calculation, save username password, etc…

JavaScript:

JavaScript is a text-based programming language used both on the client-side and server-side that allows you to make web pages interactive. Where HTML and CSS are languages that give structure and style to web pages, JavaScript gives web pages interactive elements that engage a user.

If you want to become any kind of web developer, you absolutely need to learn JavaScript — and you should start with plain old vanilla JavaScript first. The best way to start learning JavaScript is to get hands-on.

Fundamentals of JavaScript:

Variables

Data Types

Arithmetic, Assignment, and Comparison Operators

Operator Precedence

Functions

3.Data Structures

Array

Object

Maps

Conditionals

Switch Statement

The For Loop

While Loops

Working With Strings

DOM

Events

After Completing JavaScript we can learn ReactJs(ReactJs is a JavaScript library) and Bootstrap or Material UI to boost up our career.

Jump into React…..

https://hassamkazmi.medium.com/jump-into-react-b1df32d0921d

Follow me for more blogs

--

--

Hassamkazmi
Hassamkazmi

Written by Hassamkazmi

Dedicated web developer. Strong creative and analytical skills.

No responses yet