What is HTML, CSS, and JavaScript?

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