WEBVTT

00:00.000 --> 00:05.000
Introduction to full-stack development

00:05.000 --> 00:08.000
In this video, we will understand.

00:08.000 --> 00:13.000
Understand the structure of an HTML document and its main role.

00:13.000 --> 00:19.000
Explain how CSS is used for styling, layout, and responsive design.

00:19.000 --> 00:25.000
Apply JavaScript basics for interactivity and connect to full-stack development.

00:25.000 --> 00:29.000
HTML Foundations

00:29.000 --> 00:32.000
An HTML document begins with less than sign.

00:32.000 --> 00:35.000
The element wraps the whole page.

00:35.000 --> 00:44.000
Inside it, it contains metadata like the title, character set, and links to style sheets.

00:44.000 --> 00:49.000
After typing the code, go to File and choose Save As.

00:49.000 --> 00:53.000
Type the file name with .html at the end.

00:53.000 --> 00:55.000
Then save it.

00:55.000 --> 00:59.000
Now go to the folder where you saved the file.

00:59.000 --> 01:04.000
The webpage loads showing the result of your code.

01:04.000 --> 01:07.000
Styling with CSS.

01:07.000 --> 01:13.000
CSS controls how a webpage looks.

01:13.000 --> 01:18.000
It uses selectors to apply styles to elements.

01:19.000 --> 01:28.000
Class selector style groups of elements, while ID selectors target a single item.

01:28.000 --> 01:33.000
After typing the code, go to File and choose Save As.

01:33.000 --> 01:37.000
Type the file name with .html at the end.

01:37.000 --> 01:39.000
Then save it.

01:39.000 --> 01:43.000
Now go to the folder where you saved the file.

01:43.000 --> 01:48.000
The webpage loads showing the result of your code.

01:48.000 --> 01:51.000
Interactivity with JavaScript.

01:51.000 --> 01:54.000
JavaScript adds logic and interaction.

01:54.000 --> 02:02.000
It works with variables, data types, operators, conditions, loops, and functions.

02:02.000 --> 02:10.000
Control structures like if, else, and loops decide how code runs.

02:10.000 --> 02:15.000
After typing the code, go to File and choose Save As.

02:15.000 --> 02:19.000
Type the file name with .html at the end.

02:19.000 --> 02:21.000
Then save it.

02:21.000 --> 02:25.000
Now go to the folder where you saved the file.

02:25.000 --> 02:30.000
The webpage loads showing the result of your code.

02:33.000 --> 02:36.000
Web development has two sides.

02:36.000 --> 02:41.000
The front end, built with .html, CSS, and JavaScript,

02:41.000 --> 02:45.000
which controls what users see and interact with, and the back end,

02:45.000 --> 02:51.000
which manages requests, data, and server side processes.

02:51.000 --> 02:57.000
A full stack developer works on both, creating complete websites and applications,

02:57.000 --> 03:00.000
from the user interface to the database.

03:00.000 --> 03:07.000
HTML builds structure, CSS adds style, and JavaScript brings interactivity.

03:07.000 --> 03:14.000
Together they form the front end, and with the back end, they introduce the path to full stack development.