Introduction to HTML, CSS, JavaScript & How
websites work? | Web Development Tutorials
#1
I will teach end to end from starting. After watching this course,
technologies to make websites we will learn that from starting to end.
And to make successful and profitable websites, I 'll teach you in this
course. We will discuss how a website works. What are the roles of
JavaScript, HTML and CSS in a website? And after that we 'll go further.
And further I 'll explain you how to make a successful website. We will do
build u, we install IDE, everything in this course. Just be there with me in
this video. HTML is the metallic body in the website. CSS and JavaScript
contribute their roles in website. Brain is brain, which does the main
work. Engine along with accelerator, brake and clutch. These all things
tell a website that, how it should work. Backend can be in PHP or node JS.
And I hope you liked this analogy and understood it.
Client sends request to server, server processes 3 things HTML CSS and
JavaScript. Server sends a response says not available. Not found is 404.
Server processes the request and sends it back to client who requested
website. HTML stands for hypertext markup language. HTML is a standard
markup language which means everyone will use it only. CSS is a
stylesheet language which give good presentation to the web page or
HTML body. JavaScript is the brain of the website. Like a human is taking
wise decisions then it can take wise decisions with the help of JavaScript.
HTML is the body and CSS is its design or looks. JavaScript is its brain
that where to go, when to go how to go and when. can think Means he is
JavaScript. I want to tell you that if you go deep in JavaScript then It is a
big language and you might find it difficult. If you learn HTML, then it
does not mean you need to learn HTML 100% If you even learn HTML
80% then that s enough. And the rest of it you will learn from practice
and by building website. Don't ever make The biggest mistake beginners
do.
This video was an introductory video. Many might be thinking this was
basic and you already know this but I want to take it to advanced level
quickly I will show you how website is made and those who already know
will get to know that which are those practices which they should use.
Stay tuned in this series with me.
, HTML Tutorial: Installing VS Code & Live
Server | Web Development Tutorials #2
We use any IDE or any source code editor. Google Chrome is a good
Browser stable browser and I highly recommend it in this whole course I
will be using that browsers only If you want to use anything else you can
use Firefox. You can see Emmet Abbreviation written here When you
clicked this you get a boiler plate for HTML. By editing it you can make
your website like I will write Harry in my title I will explain all this thing to
you I just wanted to tell you as you type it gives you suggestion On
pressing enter it autocomplete.
There are two type of settings in Visual Studio code user setting
workspace setting. User setting means the user in this computer Means
person who is using the computer. There will be some things you want to
apply only on this folder. All your settings get saved in a file named
settings. son. There are by default keyboard shortcuts in your vs code.
But you will want to override some keyboard shortcuts. Like Ctrl + D
shortcut I have kept for replicating line. There will be many shortcuts of
IDEs which you have habit of. Find that in this list and override it. You will
overwrite it will automatically get in key binding. action. As you click on
new terminal an integrated terminal opens here and I have set my
terminal as gibes. Clicking here and setting as default shell You can set
your default terminal If you want command prompt or PowerShell you can
do that by default it will be PowerShell which I have selected too So if I
open my terminal now it will open Windows PowerShell.
HTML Tutorial: Basic Structure of a Website |
Web Development Tutorials #3
I have made 3 files here, CSS, JavaScript and HTML. Right now we are
focusing of HTML. So just not worry about what is in that both file, in CSS
and JS. Now we are fully focusing on HTML. If I scroll while pressing ctrl
button, then zoom in, zoom out is happening. Head includes all the meta
tags. Which we write to describe a website. What is meta tag? So the
meaning of meta tag is, meta means information about information. So
what they do? Suppose there are keywords and description, so it helps in
telling all this thing. And along with that comes any external sheet if you
want to link. We firstly write DOCTYPE in a page. Then we open a html
tag. After that we open head tag and then body tag. Head includes meta
tags, title and external sheets. Body includes the whole content of the
web page. So I have to write it something like this, also at end - -? So
whatever I 'll write between opening and closing will be shown as
websites work? | Web Development Tutorials
#1
I will teach end to end from starting. After watching this course,
technologies to make websites we will learn that from starting to end.
And to make successful and profitable websites, I 'll teach you in this
course. We will discuss how a website works. What are the roles of
JavaScript, HTML and CSS in a website? And after that we 'll go further.
And further I 'll explain you how to make a successful website. We will do
build u, we install IDE, everything in this course. Just be there with me in
this video. HTML is the metallic body in the website. CSS and JavaScript
contribute their roles in website. Brain is brain, which does the main
work. Engine along with accelerator, brake and clutch. These all things
tell a website that, how it should work. Backend can be in PHP or node JS.
And I hope you liked this analogy and understood it.
Client sends request to server, server processes 3 things HTML CSS and
JavaScript. Server sends a response says not available. Not found is 404.
Server processes the request and sends it back to client who requested
website. HTML stands for hypertext markup language. HTML is a standard
markup language which means everyone will use it only. CSS is a
stylesheet language which give good presentation to the web page or
HTML body. JavaScript is the brain of the website. Like a human is taking
wise decisions then it can take wise decisions with the help of JavaScript.
HTML is the body and CSS is its design or looks. JavaScript is its brain
that where to go, when to go how to go and when. can think Means he is
JavaScript. I want to tell you that if you go deep in JavaScript then It is a
big language and you might find it difficult. If you learn HTML, then it
does not mean you need to learn HTML 100% If you even learn HTML
80% then that s enough. And the rest of it you will learn from practice
and by building website. Don't ever make The biggest mistake beginners
do.
This video was an introductory video. Many might be thinking this was
basic and you already know this but I want to take it to advanced level
quickly I will show you how website is made and those who already know
will get to know that which are those practices which they should use.
Stay tuned in this series with me.
, HTML Tutorial: Installing VS Code & Live
Server | Web Development Tutorials #2
We use any IDE or any source code editor. Google Chrome is a good
Browser stable browser and I highly recommend it in this whole course I
will be using that browsers only If you want to use anything else you can
use Firefox. You can see Emmet Abbreviation written here When you
clicked this you get a boiler plate for HTML. By editing it you can make
your website like I will write Harry in my title I will explain all this thing to
you I just wanted to tell you as you type it gives you suggestion On
pressing enter it autocomplete.
There are two type of settings in Visual Studio code user setting
workspace setting. User setting means the user in this computer Means
person who is using the computer. There will be some things you want to
apply only on this folder. All your settings get saved in a file named
settings. son. There are by default keyboard shortcuts in your vs code.
But you will want to override some keyboard shortcuts. Like Ctrl + D
shortcut I have kept for replicating line. There will be many shortcuts of
IDEs which you have habit of. Find that in this list and override it. You will
overwrite it will automatically get in key binding. action. As you click on
new terminal an integrated terminal opens here and I have set my
terminal as gibes. Clicking here and setting as default shell You can set
your default terminal If you want command prompt or PowerShell you can
do that by default it will be PowerShell which I have selected too So if I
open my terminal now it will open Windows PowerShell.
HTML Tutorial: Basic Structure of a Website |
Web Development Tutorials #3
I have made 3 files here, CSS, JavaScript and HTML. Right now we are
focusing of HTML. So just not worry about what is in that both file, in CSS
and JS. Now we are fully focusing on HTML. If I scroll while pressing ctrl
button, then zoom in, zoom out is happening. Head includes all the meta
tags. Which we write to describe a website. What is meta tag? So the
meaning of meta tag is, meta means information about information. So
what they do? Suppose there are keywords and description, so it helps in
telling all this thing. And along with that comes any external sheet if you
want to link. We firstly write DOCTYPE in a page. Then we open a html
tag. After that we open head tag and then body tag. Head includes meta
tags, title and external sheets. Body includes the whole content of the
web page. So I have to write it something like this, also at end - -? So
whatever I 'll write between opening and closing will be shown as
