if you are learning how to code you really need to know the building blocks of the web
which includes css html and javascript today i'm going to be breaking down each one for you
so by the end of this video you have a very clear understanding of what each one does before we get
started though make sure to hit that subscribe button for more tech and coding related content
shout out to some of these subscribers here thank you i see you some of you have been with me since
under 5 000 subscribers which is crazy so thanks for being along on this journey if you are someone
that is looking to become a web developer it is so essential that even before you maybe write a piece
of code or open your computer to code that you have an understanding of the three building blocks
of the web which is css html and javascript it's so important to not just be able to write these
things but also have an understanding so you can continue to grow and progress in your career let's
start with html html stands for hyper text markup language and no html is not a programming language
but it is such a huge part of the building blocks when it comes to the web without html
honestly the web would i don't even know what it would look like html at the core is a huge part
of the web html uses different tags and elements to identify what you see on screen so for example
if you are looking to have a paragraph on screen you would use the p tag if you were looking to
have an image on screen you would use the img tag these tags will show exactly what it is you are
trying to show to the user i like to think of html as a way to have different instructions as to what
to show to the user so for example as i mentioned the ptag to show paragraphs the img to show images
and it's a really great way to think of html as kind of a set of instructions websites would look
pretty boring though if it wasn't for the help of css as you can see this would be a website without
any css it's boring it's plain i mean who would really want to use any websites and that's where
we go to css while html is the markup language css you can think of as the design language
css stands for cascading style sheets and there are many different versions of css many different
takes on it but at its core css is used to make a website look good sounds simple right
why complicate things it does get complicated the further you get into it but at its core
that's what it does i'm going to show you a website here that has css as you can see it's
a no-brainer it makes things just instantly look so much better i think as humans we are so visual
so css is so important i often hear people say front-end is boring or designers or front-end
people they have such a boring job which is completely not true i think it's just because back
end is having a moment but in reality these people who focus on front end or design they have such an
important job to ensure that when a user goes to a website for example they actually stay there
right away because of what they see visually when you think css think of it as a list of rules that
you can assign properties to different html tags you can make each tag look unique have different
styles depending on what it is before css this was i'll show you on screen how to write styles
as you can see it would get very inefficient as it continued to get longer and longer with more
styles writing it directly in line in the html tags that's why css is so amazing to have its own
file where you can put all the different styles into it nowadays there are so many different css
frameworks that you can use that really help speed up the process when you are designing
or developing a website and the look of it some include tailwind bootstrap pure css foundation css
i would say tailwind and bootstrap right now are definitely the most popular ones
i've used tailwind a little bit bootstrap a ton in the past and at this point it's literally between
their documentation it's in the community online it makes it very easy to start using okay so if
i put this website on screen here now that we have html and css you can see that it looks fine
what really are you missing probably nothing until you start interacting with it and that's where
javascript comes in javascript essentially is a programming language that is used to help with the
user interacting with the website so what i mean by that is actually i'm going to put up on screen
here when you interact with the website you will get a response back from the website this might be
a pop-up this might be notifications an animation and so much more most dynamic behavior you see on
websites is thanks to javascript javascript has many different frameworks and libraries
that can be used with it but i always say if you are learning javascript start with vanilla
javascript javascript is widely used across the web and now is used not only both in the front-end
side of things and also to now it's used in the back end with node and express for the purpose
of this video though we are going to talk mainly about the front-end use with javascript when you
think javascript it's not necessary to add to make a website however it can add so much more dynamic
possibility to the website and make it more exciting for the user so next time you think
javascript essentially just think of it does something it tells the computer to do something
here are a few more things that javascript is used for you can use javascript to add interactivity to
websites if you want to make a website more than a static page as we spoke about also you can use
javascript to develop mobile applications it's not just used for websites it's also used to create
apps you have on your phone or tablet you can also use javascript to create web browser-based games a
lot of games you play directly from your browser are made with javascript and as i mentioned it's
also used for back-end web development so as you can see all three ingredients are needed
to make a really wonderful interactive website and it's possible to make without a website
without javascript as i mentioned however having the help of javascript can really
enhance the website let's just say that i hope this helps you in a very quick way
have a high level understanding of what html is what css is and what javascript is with the three
of them combined you are really unstoppable when it comes to making different websites thank you
all for watching this video i hope you found it very valuable and helpful make sure to give the
thumbs up button to this video and also hit the subscribe button if you haven't already
leave in the comments other videos you want to see and i will see you all soon thanks everyone