Web Development

Overview

People access websites using software called a web browser. Popular examples include Firefox, Internet Explorer, Safari, Chrome, and Opera. When you ask your browser for a web page, the request is sent across the Internet to a special computer known as a web server which hosts the website. Web servers are special computers that are constantly connected to the Internet, and are optimized to send web pages out to people who request them.

People are accessing websites on an increasing range of devices including desktop computers, laptops, tablets, and mobile phones. It is important to remember that various devices have different screen sizes and some have faster connections to the web than others

HTML

HTML stands for Hyper Text Markup Language. It is the standard markup language for creating Web pages and also describes the structure of a Web page. It consists of numerous elements which the browser understands and deliver visuals based on what each element stands for

Syntax

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<div class="app-container"></div>
</body>
</html>

CSS

Cascading Style Sheets deals with beautification of our webpages. It deals with the presentation and layout of HTML markups written.

Presentation: How to control things like the color of text, the fonts you want to use and the size of those fonts, how to add background colors to pages (or parts of a page), and how to add background images.

Layout: How to control where the different elements are positioned on the screen. You will also learn several techniques that professionals use to make their pages more attractive.

Syntax

.app-container {
display: flex;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
}

JavaScript

JavaScript is a programming language that adds interactivity to your website. This happens in games, in the behavior of responses when buttons are pressed or with data entry on forms; with dynamic styling; with animation, etc. This article helps you get started with JavaScript and furthers your understanding of what is possible. JavaScript is one of the most popular modern web technologies! As your JavaScript skills grow, your websites will enter a new dimension of power and creativity.

Syntax

const a = "Hello world!!!";
console.log(a);
// Prints out "Hello world!!!"
tip

This is just an overview of the web development training contents. Kindly check through other sub sections to have access to the courses materials.

Edit this page