Web Development Tutorial for Beginners (#1) - How to build webpages with HTML, CSS, Javascript
Vložit
- čas přidán 20. 10. 2013
- Once you're done with this, checkout lesson #2 - introduction to CSS:
• Web Development Tutori...
How to put your website online (with coupon):
• How to put your websit...
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 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 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: • Javascript Tutorial Fo...
~-~~-~~~-~~-~
Also watch: "Responsive Design Tutorial - Tips for making web sites look great on any device"
• Responsive Design Tuto...
~-~~-~~~-~~-~ - Jak na to + styl
I was watching this tutorial 6 years ago.. now I am here to give you my warm regards sir, and I swear I have no words but thank you so much for this tutorial. Today I am Senior software engineer with 5+ years professionally in web development field. So I pray for you and your family's healthy sir 🙏 You bring joy and comedy in teaching me basic web development and I will never forget that. I wish I could see you and thanking you in person sir.
Have a great one ahead!! you have my respect sir. Thank you once again 🙏
Congrats dude! You earned it.
This tutorial still work in 2021? Same software? Thank you.
@@diniidesign9852 yes i also started doing this like 2 days ago, it still works.
@@barni1120 THANKS!
I HAVE 3 MONTHS TO LEARN CODE AND MAKE THE WEBSITE OF MY GIRLFRIEND BRAND... YOU THINK IT IS POSSIBLE ? thanks for advice
Of course I get a wix ad before this
hah, so similar...yet so very different.
It's old video.. It's html5 now which is very different from this one !!
dead ass same
Bruh I got 3
Hotel? Trivago! Here
i laughed so hard when he said congrats you're a web developer
lol me too
when did he say that?
czcams.com/video/MNcHpLU54pw/video.html
Same
@@azazelproductions4112 he said that last night 😀
Good thing you remembered to close those tags. In straight HTML, I tend to get sloppy myself. But with AJAX, close tags are mandatory.
In 15 minutes you taught, what I learned by spending 8 months in school
:/ PERIOD ! But I still need help with this I think bcuz the sublime changed
czcams.com/video/MNcHpLU54pw/video.html
Scammed by school
:/ same facking thing I said. Years am trying to learn and can’t understand it. And this guy taught me in less than an hour. All those money I wasted should be yours.
EXACTLYYYYYYYYYYYYY!
Just a clarification for the use of , and , tags, found on stackoverflow:
"As others have said and are explicit (i.e. "make this text bold"), whereas and are semantic (i.e. "this text should be emphasised").
In the context of a modern web-browser, it's difficult to see the difference (they both appear to produce the same result, right?), but think about screen readers for the visually impaired. If a screen-reader came across an tag, it wouldn't know what to do. But if it comes across a tag, it knows that whatever is within should be emphasised to the listener. And therein you get the practical difference. "
good to know
Ohhhhhh
I'm screaming with joy when I'm learning this. Like your lesson a lot.
I watched this video 6 year ago. I now work at Google in Seattle washington as a Software Engineer making near 1Million dollars a year. I have a huge mansion here. Thank you for all the help. I have many vacation houses in California and Florida now as well.
Small things can really make people reach stars i guess 🙂
"We've defined an tag, but that tag doesn't know enough about itself to know where to go...."
I am an tag...
Lmao, we are all an tag.
" If you don't know where you want to go, then it doesn't matter which path you take. " - Cheshire Cat, Alice in Wonderland
:) :)
I am more of an hole I'm afraid.
Just go with I Love you
lol:)
@@tyugg841 Why, loveyou, exactly? I don't have anyone to say that to...
lmao lolol #foreveralone
I watched a tutorial playlist it lasted a few hours and you taught me everything in that playlist in 15 minutes it makes a lot more sense and is so much more concise your amazing man
May I know the applications and software that help build a website
You're a good teacher. It's freaking easiest tutorial I've ever seen
I love how there's a wix ad in an html tutorial.
haha.
I doubt that's random I'm not an expert but it's likely targeting advertising e.g if you shop online for pools you might have a higher chance of getting a pool ad
Great introduction to HTML. Not overwhelming seems to be pretty efficient way to teach.
I found a good way at memorizing these codes and doing them. After what he did, try to delete every codes you copied and create one without looking at the video. It helps me a lot! For an example, up until 5:24 we learned quite a bit, so we have to delete what we copied and try to write these codes on our own, but we change the title to some other name and body content so we can practice.
Thank you very much for your advice!
you are a lifesaver. I've been struggling with my course a lot and this made things a whole lot easier. THANK YOU!
You’re a great teacher 👨🏫. Short and concise straight to the point explanations. I’m refreshing my html css JavaScript basics and find your videos to be extremely helpful!
I came into this thinking that I would be confused and lost in what's happening. But you actually made it make sense.
Great teacher.
Thaks, Cam! Great to hear it's a good start for you. Nothing in Web Dev requires a genius to learn...just a little dedication and confidence that you can learn it.
LearnCode.academy I have to agree. I have only just recently started college and I am taking a Computing course. One of our units we have to study is web design/development and I would kinda like to become a web dev. So I thought I'd start learning before it gets too late. I must say, you're video is very clear and slow which is a good thing. You didn't talk to fast and you made complete sense which makes me want to watch more of your videos and keep learning! Good job!
Thanks Daniel. I appreciate it a lot. Best of luck learning!
@@forestbyfilm Howd it go?
I love this guy, explains it so well. Everyone else makes it overwhelming but this guy consistently reminds you that it isn't hard.
That's how it seems because he didn't even scratch the surface of what you can do with HTML5
He did not talk about forms, tables, classes, attributes, I could go on and on about every topic he did not cover
Please which ide can I use?
Marvin Asamoah I like atom
@@zzzz-eh I don't get you
You are so helpful and clear with your explanations. Thank you for being there for beginners. I just got into Web Development and I find your videos to be incredibly helpful.
Ooohhhh! This is the type of stuff that comes up when I right-click on a page and go to 'inspect element'. I see! I am officially enlightened!
Great intro to web development here! I really like how you explain everything in simple terms that even total beginners can understand. Keep up the great work man :)
Thanks! I've just created my fist Hello World web page and I'm happy as a child.
This dude is copying harvard tutorials
Man this is a really amazing tutorial, you don't make it overcomplicated and you make things very easy to understand! i cant wait to do lesson #2 css.
1 Video in: already a subscriber. Thank you so much!
Thank you for the super easy to understand video! I just started learning html a couple moths ago and watching this feels like a good refresher. Look forward to more videos!
In 15 minutes you learn what you taught and students ruin their lives
Taking out those horrible student loans which they have to pay on for years
You are a special gift from God
Thank you
Nice to meet you new Friend I am glad my comment made you pleased and a smile
God bless you
Made sure to watch the add because educational content like this should be paid out the most in CZcams. There needs to be a CZcams version for this kind of content.
You make this easy to understand - I love your teaching style, THANK YOU !!!
Thanks Paul.
8:06
Him: Is on Google
Also him: *Goes to google*
you should be on the top boy
😆😆
Best in-depth lesson that’s on CZcams! Thank you, so easy to understand
I was nearly giving up learning and you saved me and my motivation, thanks!
This is the video that started it all for me as a freshman in high school.
Thank you for the content mate, really well organized
Thank you finally the tutorial I was looking for everybody else explain so much blah blah blah making it harder to understand it than what it is!! Kudos for you!
I tried learning html on a website I couldn’t really understand why and how things work but after watching this not only did I learn a lot I understand exactly how they work. Point is you got a sub thanks
oh man thank you so much you made my day i was searching for so long until i found you my mom is so proud of me love from belgium
*Covid-19* : Making Programmers Since 2020 🎓
same
Your such a good teacher in 15 minutes I learned most of the html language. thank you
Slight mistake in this video; stands for LIST Item, not Line Item.
Great content! trying to add value to myself and you are definitely helping a lot! keep it up!
Kudos great educational video easy to understand, just beginning to learn this for my project, thank you can use all the help
Anybody watching this in 2020?
This video is awesome. It really is that easy to learn HTML. And here I thought it would’ve been clickbait.
Thank god that I found the best website tutorial on youtube, after watching dozen of shitty tutorials mostly doing advertising for a third party site.
I couldn't find name of this guy.
Enisan Odunayo Isaac
But I have like for this.
Samw
same here
This is scam better be report this shit
I like you
ohh noo i thought it was was you
the only website development walk through without hard indian accents
l m a o
Look up Traversy Media, he's amazing
The fuckin CZcams icon and comment combined killed me
I am having soo much fun learning this! Thanks to lurking a few forums over the years that use BBCode, I am already familiar with a lot of these tags! Thanks for posting!
No joke, why didn't I just watch this video instead of spending months on free code camp. Learned everything you needed to know super quick, thank you learn code academy.
13 years old here trying to understand the basics of the job i want
me too:)
hey I'm 13, you got that right. I know discord.js
I'm 15 near 16, I wish I had started from 13 as well, by now I would know so much stuff, I'm still pretty young tho and have a lot of time to learn.
Snap
you are very lucky and smart to be learning this and practising at a young age. I'm 20 years old and at university I wish I started younger
"I'm sure mom will take care of it... Said like a good dad",
Almost dropped my IPAD laughed so hard
concentrate on the tutorial buddy
Its such a serious dad joke!
Hey, thanks for this! This video is very educational, informative, and detailed! I look forward to seeing more of your videos! You just earned a new subscriber! :)
Finally, I have found a useful learning channel thanks bro you earned a subscriber
you're so good :D taking it slow and easy so i can learn so quickly without having to repeat the video 10000 times thanks
FallenSach Thanks! Glad it was a good pace for you.
LearnCode.academy How do you open it with Chrome? Do I need to set my default browser to Chrome again?
You just need to to file>open from chrome. or command+o on mac, ctrl+o on windows.
Okei, thanks!
how do u do that
I would highly recommend Brackets its a really good html/css editor
+ModdedGrant It is.
***** You're Welcome!
+ModdedGrant agreed, that's what I use
Daniel Neustadter Yeah it's a pretty good program
I'm on my 2nd week of learning Web Development and am also using Adobe Brackets. It's awesome!
when using subime text if you just do
Great tutorials dude, thanks so much! And to think that THIS is where it aaall began...
Enisan Odunayo Isaac video tutorial are awesome
My title has a < next to it, how do I fix it? Help much appreciated, thank you.
keep up the great work
Neopets and assorted forums taught me most of this, thanks child-me for using your time on such things!
Thank you. This is so much clearer than my prof!
Haha dude that one time you said sorry if you hear my baby crying etc LMAO like for that and thanks you make it sound pretty easy
How do i start my file as a webiste?
(like you did on the right side of the screen?)
I've been a mechanic for almost 20 years. I have minimal computer skills, but I am trying to change careers. You explain things well, I am going to watch all your videos to help me learn this.
start with learning pcs so all the shortcuts start using ctrl c ctrl v ctrl r windows shift arrow keys that will make u more comfortable using pcs then work on ur typing then work on coding being efficient and comfortable is most important to help u learn it will make u want to learn
Thank you for producing an excellent lesson!
Thanks so much for this tutorial, i greatly appreciate it, this channel has really helped me to build a website that is fully functional and has motivated me to create a CZcams channel on web development called ''Joshua Eugene'' to share value.
I believe we need more channels like this one
I basically learn all this in my myspace days lol
I'm gonna learn everything from this guy. I just did this in 20 minutes. made a little website and wrote my roommate is homo and showed him. this is super fun.
I am learning more from you than my school IT teacher.lol. Both of you said the same thing but I understood you better.
Enisan Odunayo Isaac"
OK
:3
Mmm
Picoworkers v; jajjajaja
I feel like I learned 90x this just from editing my Myspace page back in the day.
He said back in the day.....
People did, as lechko and I shall reiterate, back in the day.
Hamza Gaming You're incapable of comprehending basic sentences apparently.
What is the thing that he is using to veiw your website live while coding it?
you were*
just wanted to say its my first time ever trying web development and your video help a lot so thank u very much for your amazing tutorial
Thanks, you are a really good teacher. I've understood all what you were saying!
"It looks like a foreign language", lol it is, it's the language of the computer!
No, actually, It isnt. Its the language of a Website. Binary is the language of a computer.
@@bilaltariq7819 Einstein
@@bilaltariq7819 Well, this is complicated. Not that I don't agree with you, but what is really language? Just a series of noises we use to associate with real objects. Kind of like binary and machine instructions.
How did he access his b=website I'm confused can someone help?
this is the most helpful video ive watched trying to learn javascript and html now i can actually start figuring out what i need to do :)
This one video started started all my coding thanks so much!!
I think NetBeans is the best free editor, that's what I use.
+1 for NetBeans :)
can i use Netbeans and still follow the tutorial steps, or do i need to use sublime?
i normally use notepad++ which is fine but sublime is 100% better. I havent tried everything but from what i have seen its the best so far
Atom Good To
Eric A. Sublime is a very good text editor but almost any text editor should be able to do the same thing it’s just that sometimes certain things might take longer since certain text editors use more advanced features such as shortcuts
How to use the LOCALHOST so it will automatically refresh what i have done with the site!?
Long reply but it should come with most web developing apps like HTML5
Hi we can help you organize your own website for more customer's impact. We have more than 46,000 available template here www.templatemonster.com?aff=Samanthaf
use xampp bro. :-)
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
This is more than enough to start simple website!
This is why practicals important than monotonous learning
Awesome! I have a list of my 101 videos up to date here, too: learncode.academy/webdev
@@learncodeacademy thank you bhai!🤘😎
Enisan Odunayo Isaac
good
"Enisan Odunayo Isaac"
Thank you so much for this video!!! its easy to follow and SUPER helpful!
I don’t need to go to school. I can just watch your videos. Within 15 minutes I gathered more knowledge then I did in school which I’ve been going to for about a year LOL
Why doesn't my letters go like the colors thing?
You have awesome teaching skills mate. May ALLAH bless you for what you are doing.
This was better than learning through Code Academy!
Really helpful glad that i watch it.Thank you!
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.
save on notepad + refresh on chrome
Me: Fine I’ll do it myself
So useful!! Learned a lot more from this than my freaking textbook…
This honestly helped me to understand how to code a website thank you
can anyone tell me how to display my work on internet i did everything but i can't display it to show my website
thank you
You need to go online and find a company that will sell or rent u a URL then send them the files for them to "host" - look for "Web hosting service" and try to find good prices
Bruh man ur amazing, I just watched a 1h video of someone doing the exact same u did. And u did it better
Thank you so much, got a clear understanding now more than ever .....appreciate it stay blessed
I thin html works a bit different now. Because all this source linking and hyperlink doesnt work
It still works to me
what is the code your using?
If you do
it works to me.
Don't forget the "
I can't read what's on the page. It's to small.
Can you do another version in bigger font plz.
Of course. A Karen.
Men This is my first time doing really big thanks to you I already enjoying it.💓
Impressive simplicity my friend. Very well done.
i use scratchpad.io as a workplace to view & code then copy & paste to atom or sublime
thanks man scratch is awesome
Thanks, Buddy. Coolest thing I saw today.
Like for “Enisan Odunayo Isaac”
I agree with your comment