Web Development Tutorial for Beginners (#1) – How to build webpages with HTML, CSS, Javascript

Once you’re done with this, checkout lesson #2 – introduction to CSS:

How to put your website online (with coupon):

How to build webpages with html, css, javascript tutorial for beginners.
In this video, we’ll cover how to develop websites using just the computer you have already.
I’m using Sublime Text editor http://www.sublimetext.com/ and Google Chrome

Other great text editors:

Now, if you just want a website and don’t want to be a web developer, don’t mess with learning all of this, get a site from squarespace.com and use squarespace plugins from http://thecustomsquare.com to make your site unique.

Learn how to develop your own websites using the computer you already have. The basics of web development is the html file, which is centered around html tags. In this first lesson, we’ll cover the basic html tags and how to use them to build a web page.

Once you learn HTML, you can use CSS to add style to your pages and JavasScript to add animation and fun features.

Learn Javascript with the Javascript tutorials for beginners: https://www.youtube.com/watch?v=fGdd9qNwQdQ&list=PLoYCgNOIyGACnrXwo5HMCfOH9VT05znGv


Pranav Patil says:

what should i do to on the prediction for tags in sublime text editor

Creative Works says:

very nice tutorial. can u please give me name of software that u used to record video and edit for this tutorial.

Ben Cherian says:

how can I create localhost 9000 the same way you are? When I access the index.html using Chrome, it seems that I’m getting different results than you do in your tutorial.

g.abdula A says:

2017 🙂

Tyroo West says:

thanks for this video it was very informative and straight forward!

DigitalPsyops16 says:

I went ahead at got Livereload, it seemed very convenient. It’s free and not too difficult to set up. https://www.youtube.com/watch?v=sUY06rWklXU

Mantis Toboggan says:


brazildesigncolor ART says:

iliked very simple and cool

Alice H says:

so, you don’t have to close the img tag?

Abraham Franco says:

1 Video in: already a subscriber. Thank you so much!

ItzMGTV says:

this is a lot easier than coding games


thanks for making this type of video…………….

Mantis Toboggan says:

Learn how. To be a fast faggot

Omid incarnation says:

How did you change the setting to be real time on Chorom?
when I write the code first I should save it and then I have to refresh the browser to see the result.
but when you write the browser show it automatically.

Joshua Wilson says:

is this html5?

Robert says:

Hi, this may sound like a dumb question but how can I get my screen to be split like yours? meaning how you have the actual typing in section on the left screen and then the other screen to the right of it where I can see my work as I go along…

Pecko Hernandez says:

How Do you put up that chrome thing on the right im using windows Seven

Programming Standards says:

I have a new, updated, extremely short version of this video on my page, go check it out!

Applehead says:

How do I open it with chrome?

Mohammed Ali Fazal says:

How do I open the other window and see the changes being done to the webpage while doing it like you? Please help. I use Windows.

I Kelly Omega says:

Thanks so much ive learnt a lot

beshoy farag says:

If like html then Keep claim and watch my youtube channel beshoyfarag

kcrede says:

how do I indent in html

Shiroime says:

You’re indeed way better than, my pseudo “teacher”(temporary teacher), in my university which was constantly trashtalking to every student. Concerning the
tag, he said that we should not use it(implying at all I guess) but barely explained why. From what I’ve read on the internet you can use it but in particular situation else it would be “semanticly incorrect”. Don’t really know what you think about that ?
I already know the basic of html but I wanted to watch a tutorial to see if what i’ve learnt was correct or not. It’s always interesting to learn from different person(different point of view).
Just you should just have introduced the

tag earlier In my opinion.
And I’m wondering, is there really any html page where you directly write text in the tag without using the

tag ?

EDIT : I just forgot to say : great video :’)

MUSIC says:

good dad

d chandra sekhar says:

how do u link the sublink to the chrome windows?
i m not getting it
plzz help in me accessing into it

Maliau Kotope says:

Wow, Thank you so much For making this so easier as it is, I used to think coding was for genius people. Make more videos man, I’m definitetly subscribing.

Jeremy Shaji says:

hello sir,
can I use sublime text 1.4 ?!

teemoIRL says:

the new version is easy af, finishes tags, suggests tags, repositions marker inbetween tags

Kant says:

I’m going to learn HTML, CSS, JAVASCRIPT AND PHP, because I’m preparing for IT ( Called as ICT in Dutch ).

sachin dabgar says:

which IDE are you using?????????????

IlNinjalI says:

How can i even make the website to start editing it or its in the same sublime text I’m a newbie btw

n_hell 2405 says:

help could not connect to live reload server.

Festus Muberuka says:

Hope its fine to spam the discord channel here https://discord.gg/9Dmms2S

Olivia L says:

wait so strong is bold, em is italics, what do you use for underlining then? still ??

Nathan Buckingham says:

Nevermind Mastered it HAHA :P.

 Write a comment


Do you like our videos?
Do you want to see more like that?

Please click below to support us on Facebook!