HomeХобби и стильRelated VideosMore From: LearnCode.academy

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

27092 ratings | 3211198 views
Once you're done with this, checkout lesson #2 - introduction to CSS: https://www.youtube.com/watch?v=gBi8Obib0tw How to put your website online (with coupon): https://www.youtube.com/watch?v=tq7dqdHCc7U 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: Atom.io Brackets.io Notepad++ 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 -~-~~-~~~-~~-~- Learning Web Development? Watch the FREE COURSE: "Web Development for Absolute Beginners"! https://www.youtube.com/watch?v=gQojMIhELvM -~-~~-~~~-~~-~-
Html code for embedding videos on your blog
Text Comments (2430)
AC Fake (1 day ago)
what about bracket ?
eduardjohn gestano (2 days ago)
How did you set up library load?
Laros (2 days ago)
how do you even make it an html and then make the website load in?
george7000pr (4 days ago)
mvre malaka ti les
Web Developer (5 days ago)
hi, How to build navigation bar
hadi reg (5 days ago)
you good!!
Øath betrayer (5 days ago)
x = 1; console.log('x = ' + x); var x; Output is x=1 Can someone explain this?
steph zoc (8 days ago)
How to connect sublime to gogle chrome
Primeval Fitness (9 days ago)
Would i be able to publish my website to the public internet without renting a server?
mr designer (10 days ago)
if i open the index folder it doest show the website :P
Date Cuenta (11 days ago)
I’m just getting into it right now I’d like to know if I can keep going or do I have to look for an outdated one
moe mufti (11 days ago)
Thank you for the content mate, really well organized
how do you open it in web browser
Talha Hafeez (14 days ago)
The web link in src is not working for me it shows a small cross symbol....
Gao XiangShuai (14 days ago)
there is the table tag....
GamingWithSpicy (14 days ago)
Do you have to press enter and have the spaces between lines or does it matter at all?
Anthuni Mercado (14 days ago)
Having trouble find my webpage on my browser, I’m using windows
Aaron Schuchman (14 days ago)
Can someone help me out? I downloaded sublime text but when I save the file, the page to open in chrome doesn't match with what I put in sublime text? Is anyone else having the same problem?
John Bond (16 days ago)
Good thing you remembered to close those <p> tags. In straight HTML, I tend to get sloppy myself. But with AJAX, close tags are mandatory.
Sahil Singh (16 days ago)
how do you get the local host thing?? i hate having to refresh everytime i make a change!
flare (17 days ago)
how did you get it to paste the previous tags? 10:27
Otis Davis (18 days ago)
EasyAzon 4! Amazon Wordpress Plugin! $47 | $67 30 Days Trial! Faster way to add 200,000+ info boxes or product images linked to Amazon affiliate products right into your wordpress org posts without having to go to Amazon website. bit.ly/2R2F0Ze
Otis Davis (18 days ago)
The Ticket Broker Guide! $27 | $79 60 Days Trial! Buy and sell event tickets with your smartphone or computer and profit $3000+ part-time / $25,000+ full-time monthly as a Ticket Broker. Get resale predictions on Concerts,NFL,NHL,MLS,NBA,MLB tickets. 4 to 5 stars user reviews rating on Google. bit.ly/2OXuYHz
Otis Davis (18 days ago)
E-University Courses! Using Autopilot Marketing Systems. $17 bit.ly/2xuvsxb
parastoo bakhshi (18 days ago)
it was really interesting . Thanks for the great clip. Inspirational https://dehkadeh-web.ir/
Rika Rahmawaty (19 days ago)
very goog to may learn,thank you very much ,and i wonna be learn until i can :)
Polina Nikiforova (19 days ago)
Good
BossLeo (19 days ago)
How to i make my pictures smaller?
chrono2320032003 (19 days ago)
Great video, I like the use of the split screen
Becem Rabah (22 days ago)
Free Web Hosting Zero cost website hosting => @t
Some Guy (24 days ago)
Is the TV an app you are coding on
Gurwinder Singh saini (24 days ago)
Hlo
WorstLoLPlayerNA (26 days ago)
One criticism I have for this guide is that you throw too many information that isn't organized properly, however when you explain a tag; everything is very clear. The other thing is that you should begin with the <!doctype html> and then explain every other tag. A shortcut on sublime is once the document is saved as an html document, all you need to do is type <htm....and before you finish typing html, sublime will suggests <html>. Once you hit enter, all the attributes will appear in order.
420 kyl sä tiiät (27 days ago)
lol got wix ad
Dylan Riley (27 days ago)
you can get a free license key: ----- BEGIN LICENSE ----- sgbteam Single User License EA7E-1153259 8891CBB9 F1513E4F 1A3405C1 A865D53F 115F202E 7B91AB2D 0D2A40ED 352B269B 76E84F0B CD69BFC7 59F2DFEF E267328F 215652A3 E88F9D8F 4C38E3BA 5B2DAAE4 969624E7 DC9CD4D5 717FB40C 1B9738CF 20B3C4F1 E917B5B3 87C38D9C ACCE7DD8 5F7EF854 86B9743C FADC04AA FB0DA5C0 F913BE58 42FEA319 F954EFDD AE881E0B ------ END LICENSE ------
StRixE (29 days ago)
Were are you coding?
Lenny Schanzer (1 month ago)
How is the baby going ?
DamianTheBlueDiamond (1 month ago)
how do you get library
Techy Girl (1 month ago)
Is the certificate provided by the online coarse of learn code online app ISO certified?
Berend Runderkamp (1 month ago)
thank you man! you really helped me!
Anti- Matter (1 month ago)
Isn't there an app like this one smartphones?
AoM World (1 month ago)
https://code-ui.com
Kenny1kgnf (1 month ago)
Hey how can I find a web developer and are they pricey ?
Marvin Asamoah (1 month ago)
Which IDE can I use for this please
(BLNT) SlaxherX (1 month ago)
This video made me understand it in like 2 mins keep it up!
Kate Sandra (1 month ago)
Hey LearnCode, Thanks for sharing such a needful info here. Thanks Kate | Web Developer http://netstripes.com
Ade Nurhadi (1 month ago)
i think is so easy
shesooextraa (1 month ago)
This is the best video
noob 12 (1 month ago)
You did not tell us what type of html. Now I have to use that wix.com whthyugte2ey67wgueduwqiejhdiuwq32hrej08129u3jweiomlksdwoqhfdoi32823jbed3yjhwqU*@I(Z^T8719u432ji43982iu5hr298j*3UJUEIH38RUH32IURHN3WIU2RWQRY3WQRE-IWAOEUH823E3WQHJSNBj8i3yheduwqu3ier3rn- IDEHUIFDHESDEIDIEHFNEIJNFEDISHCFDSDIEJDNEJFNEIUSEHF923HEDIW*duijwohrj3uirhewjiurfewf-fewr4hjtrnejgfrdnsgrgf-gwefwed*fewrewrewrfe
Alex Banaga (1 month ago)
Very helpful and informative video. Thank you
William Rasheed (1 month ago)
I am beginner on these courses .could u please advise me some about this section ??
this gives me hope <3
Ginger (1 month ago)
dritt bæsj på kukk
Successfuel01 (1 month ago)
Masters Programmens https://www.minilinkurl.com/33nv
Gerald Gaviola (1 month ago)
very well explained! thanks sir!
Isaac Kajibwami (1 month ago)
how do you separate the page into two part like one side you put the picture then the other side you do the writting
Sow Elhadji Demba (1 month ago)
hold windows button then push arrows right or left
Isaac Kajibwami (1 month ago)
how do you separate the page into two part like one side you put the picture then the other side you do the writting
Nanashi (1 month ago)
How did he even get the website online?
VLIKOO APK (1 month ago)
Download the application to make it easier to learn programming languages, suitable for beginners as a small dictionary FOR ANDROID HTML https://vlikoo-apk.blogspot.com/2018/11/html5-easy-v40.html CSS https://vlikoo-apk.blogspot.com/2018/11/css-easy-v30.html JS https://vlikoo-apk.blogspot.com/2018/11/javascript-easy-v17.html CSS Playground https://vlikoo-apk.blogspot.com/2018/11/css-playground-v11.html
Anish Lohani (1 month ago)
Sir can we build Websites in any cheap laptops or we need high end laptops, Mac book. ...
TMS2021 William S (2 months ago)
I've know ALOT of HTML,CSS, and JavaScript a little touch of SQL for an entire year and I can only make a very simple clicker game
Naresh kumar (2 months ago)
if you don't mind tell me the name of this software please buddy!!!!!!
Cow (2 months ago)
I'm using Sublime and I would like to know how I can open it in local host. Please help soon.
JeSoos Channel (2 months ago)
Hello mate, thank you for making this series of videos. I am a student that is currently learning how to code with java script. these videos are really helpful, thank you for making them
Akaryn (2 months ago)
but how can i open the website?
Mindset (2 months ago)
How customer get on next webpage from main home web page please tell
kek mckek (2 months ago)
What i dont get is how can i share a html file to someone? I cant send it, only text comes out with no links nor pictures
Santokio (2 months ago)
My picture doesn't work. I only get the picture icon. How can I fix?
ILM ROSHNI (2 months ago)
how to download app html
Andrzej Szandor (2 months ago)
it keeps opening in explore, how can I change it to chrome?
Libertatis Est Deus (2 months ago)
Holy shit this is waaaaaay simpler than people makes it sound 👨🏼‍💻🙇🏼🤦🏻‍♂️
Pase Aci Pase Thakbo (2 months ago)
Thanks a lot bro..
Фархад хан (2 months ago)
hi i am a web developer and i am expert in 1C-Bitrix now i want to test wordpress with Divi this kind of header is possible to make in Divi? if yes please give an simple example and i will code. the header is in the link 8 columns and 2 rows. https://www.extyl-pro.ru/
Mike Dalia (2 months ago)
I would recommend sublime text cause its free and also it has auto generate code
moumita k (2 months ago)
awesome video .
Peda Baji (2 months ago)
can u tell me the best editor for both css and html and certification course websites please
mobile gaming (2 months ago)
In which software you are writing code I have tried notepad but it doesn't work
Tamir Globus (2 months ago)
how do i open the code on the internet?
Nekoya Gates (2 months ago)
y dosent it do a indent for me when i try to do the head like it did u
Digi Biz (2 months ago)
Website Development for 5999/Rs-Only. Contact no: 6282922248
Abraham Roy (2 months ago)
Website Development for 5999 Contact no: 62820922248
when i save it shows an error HELP ;-;: The Process Cannot Access It's File Because It Is Being Used By another Process .
MagicNoob (2 months ago)
its a virus dont listen to this thief
Groove Designer (2 months ago)
Good tutorial, But there is also another option to learn about web designing from the beginning . It will also cover the basic of website and its related field. So you must watch this:- https://www.youtube.com/watch?v=Wf8D0oEiTVU You can share your views on it.
Matt Lau (2 months ago)
I would love to work remotely
RAJ EXPLORE TV INDIA (2 months ago)
Any one here in october
Lakshay Chandan (2 months ago)
can not save the page as html an error occurs all the time anything that shows details about saving it.
Kaden High (3 months ago)
Brilliant, thank you very much
T-Series giveaway (3 months ago)
2018?!?
William De Roo (3 months ago)
How do i find my site?
SONOWAL PALASH (3 months ago)
Escale Solutions: https://www.escalesolutions.com
Lucas XXL (3 months ago)
Because tags like br and img dont have end tags you have to put them inside the opening tags: <br/>
Saif Khan (3 months ago)
Your baby is looking for you mom cannot take care:)
Wenusha Malintha (3 months ago)
For better web hosting visit https://www.bluehost.com/track/wenusha/
Kapil Sharma (3 months ago)
i liked this video. you can find more video and resource for learning. Learn free programing from there http://play.google.com/store/apps/details?id=com.vconnekt.app https://itunes.apple.com/us/app/vconnekt/id1434510746?ls=1&mt=8
معاذ العبيدي (3 months ago)
how can i open this html page please response
Julian Boron (3 months ago)
No Way he just said it's a programming Languge :O
Neo Coin (3 months ago)
Hello @LearnCode.academy, Please give me your mail id I want to talk with you.
ahmad fadly effendi (3 months ago)
mantap
lThellRockl (3 months ago)
Hey man. THanks so much for the video guide. it really helped me alot. I've got a problem tho, my html codes doesnt work now and i dont know why. I'm trying to put in more <p> after the 2 pictures and the rest of the words doesnt fit into the webpage itself. Is there a limit to how any words i can put into the page that i created? Or im stucking on something that i cant see? Thanks so much for helping in advance :D
Anish Lohani (3 months ago)
Which software do you use to develop website.....I am planning to learn web developer
SEO Services (3 months ago)
https://www.youtube.com/seoservices https://www.youtube.com/watch?v=qxB57uIdxCg https://www.youtube.com/watch?v=SP--HybxL9c https://www.youtube.com/watch?v=Egx_2e9gd_4 https://www.youtube.com/watch?v=5_2TbjFAnM8 https://www.youtube.com/watch?v=tb2owR2VDO8 https://www.youtube.com/watch?v=i9Dc_Ifyk-U https://www.youtube.com/watch?v=LvdFymbJORQ https://www.youtube.com/watch?v=LcU-B8ScQLA https://www.youtube.com/watch?v=Bbp_FRDW_G4

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.