FULL STACK WEB DEVELOPMENT

INCLUSIVE LEARNING 1
 TECHNOLOGIES COVERED

• HTML • Angular Framework

• CSS with Bootstrap • React Framework

• JAVASCRIPT • MongoDB

• Express.js • Project Testing

• Node.js • Domain

• MySQL • Web Hosting

INCLUSIVE LEARNING 2
 HTML

• HTML, or HyperText Markup Language, is the standard markup language used to create
web pages. It is the backbone of most web content and defines the structure and layout
of a web page's elements, including text, images, hyperlinks, forms, and more.
• HTML uses a system of tags and attributes to describe the content and its presentation
on a web page.

INCLUSIVE LEARNING 3
HTML Layout

INCLUSIVE LEARNING 4
 CSS

• CSS is the language we use to style an HTML document.

• CSS describes how HTML elements should be displayed.
• CSS saves a lot of work. It can control the layout of multiple web pages all at once.

INCLUSIVE LEARNING 5
 CSS3 Features
• 2D and 3D transformations for shapes and text.

• Rounded Corners.

• Shadow effect.

• Transitions and Animations: Smooth and Dynamic

Visual Effects.

• Flexbox:

Powerful Layout Capabilities for Responsive Design.

• Media queries:

Conditional styling for different screen sizes.

INCLUSIVE LEARNING 6
 Bootstrap

• Bootstrap is the most popular CSS Framework for

developing responsive and mobile-first websites.
• Bootstrap 5 is the newest version of Bootstrap.
• As a framework, Bootstrap includes the basics for
responsive web development, so developers only need to
insert the code into a pre-defined grid system. The
Bootstrap framework is built on Hypertext Markup
Language (HTML), cascading style sheets (CSS) and
JavaScript.

INCLUSIVE LEARNING 7
JavaScript
• JavaScript is the world's most popular programming
language.
• JavaScript is the programming language of the Web.
• JavaScript is easy to learn.

• Scripting
Javascript executes the client-side script in the browser.
• Interpreter
The browser interprets JavaScript code.
• Platform Independent
Javascript will run in the same way in all systems with
any operating system.

INCLUSIVE LEARNING 8
JavaScript Architecture

INCLUSIVE LEARNING 9
 Node.js

Node.js features
• Node.js is an open source server environment
• Node.js is free
• Node.js runs on various platforms (Windows, Linux,
Unix, Mac OS X, etc.)
• Node.js uses JavaScript on the server.
• Node.js can generate dynamic page content
• Node.js can create, open, read, write, delete, and close
files on the server
• Node.js can collect form data
• Node.js can add, delete, modify data in your database

INCLUSIVE LEARNING 10
Node.js Architecture

INCLUSIVE LEARNING 11
Express.js
• Express is a node js web application framework that
provides broad features for building web and mobile
applications. It is used to build a single page, multipage,
and hybrid web application.
• It's a layer built on the top of the Node js that helps
manage servers and routes.
• Express was created to make APIs and web applications
with ease,
• It saves a lot of coding time almost by half and still
makes web and
• Another reason for using express is that it is written in
javascript as javascript is an easy language even if you
don't have a previous
INCLUSIVE LEARNING 12
Express.js Architecture

INCLUSIVE LEARNING 13
 MySQL
• The “SQL” part of “MySQL” stands for “Structured Query
Language.” SQL is the most common standardized language used
to access databases.
• Depending on your programming environment, you might enter
SQL directly (for example, to generate reports), embed SQL
statements into code written in another language, or use a
language-specific API that hides the SQL syntax.
• MySQL Database is a client/server system that consists of a
multithreaded SQL server that supports different back ends,
several different client programs and libraries, administrative tools,
and a wide range of application-programming interfaces (APIs).

INCLUSIVE LEARNING 14