Web Development Tutorial For Beginners - how to make a website
HTML-код
- Опубликовано: 5 фев 2025
- Learn Web Dev the way professionals do! This FULL course covers it all. We'll learn HTML, CSS, Javascript and the workspace/computer setup that professionals use.
IMPORTANT! If you ONLY want a website for yourself or your business, DO NOT learn all this stuff...it's a waste of your time.
Instead, click here: to go to WIX ADI bit.ly/2LQYBf7. Wix is by far the easiest and cheapest way to get a website up and running without learning the skills of a web developer.
Note, that's an affiliate link, so feel free to snoop around on their site to find the Wix ADI on your own if you don't want to support this channel.
This first video will get you setup for how to make a website by first setting up your computer for web development.
Next up, we'll learn HTML for beginners, then start baking in CSS to our HTML!
• HTML Tutorial for Begi...
~-~~-~~~-~~-~
Also watch: "Tailwind CSS - why CSS utility classes save so much time"
• Tailwind CSS - why CSS...
~-~~-~~~-~~-~
isn't it cool that you search "how to make a website" and bam 2 weeks later your now a web developer
I did, Thanks for the lesson man!
This is so inspiring. Will I be able to do this on a MacBook Air since that’s the only laptop I have or do I need a monitor?
@@amandac9894 I'm pretty sure you can do this on a MacBook Air, good luck!
@@amandac9894 you absolutely don't need anything else, what you have is perfectly fine!
i tried making a flask website but now that i have c++ experience maybe i can actually do it this time
What a fucking mess
If Dani recommended, It must be good right?
Edit: A year has passed and I am now a web developer. Thanks Dani!
yush XD
Honestly, I've seen a lot of videos, but this ones are better then most, also Dani got me here :)
yes but actully no
I found this video without Dani. lol. Love his channel tho. This tutorial must be good.
who is dani
Man, people are charging for this stuff and you're giving it away to humanity for free. I love you!
Idk. Here what I got.
“mega name=“viewport” content=“width=device-width, initial scale=1.0””
This is brilliant stuff. I have an interview for a software development apprenticeship next week, so i'm scouring the net for HTML, CSS & Javascript tutorials to refresh my memory :D So these definitely help :)
Hope you got that job and your happy in it.
@xpn _ Hey, unfortunately not! I got pretty close and went for a second interview in fact but they were no longer interested in gaining an apprentice :(. Would have been a pretty good job too I think.
How's everything?@@IG7799-c4u
Finally, a course that will connect all my isolated knowledge and give me the confidence to start building websites. Thank you.
Best tutorial, short, direct, with necessary tips and explanations. Without unnecessary short talks, "jokes"...Need more, please share
Bro,my Asian parents have been proud of me ever since I have started programming website. thank you man.
W
i only recently got into web development and always wanted to make my own website for my upcoming minecraft server. Thanks to Dani for bringing me here and i hope i can really get into it!
"! tab" does not work on current version of VS code, it needs to be enabled through File>Preferences>Settings>Extensions>Emmet by ticking the box of "Trigger Expansion on Tab".
It works for me lol but you don't need it
Thank you for this!!
Thank you so much!
My keyboard tab is not working. where the file ?
You are doing God's work! Bless you.
Achoo
your pfp is the middle finger.......
@@marcv610 I know, its hard to take this comment seriously
My favorite extension for vs code is auto save. It automatically saves the document for you, which is super helpful.
When you learn react and use create-react-app, you will want to turn off this auto save feature just like me
Very impressed with the easy content! I've realized I'm such a quite slow learner and thankfully this seems the right course for me! There are a ton of other useful courses, but they have such high speed that I can't keep up with. I'm going to try my hardest to motivate myself to become a full stack web developer. It's never too late, and I really want to do more with my life than just being anybody. I appreciate so much RUclips and content creators for everything they do to improve other people's lives. This is a big deal for those who need it!🤩
hope its going well. Just started this journey, this is my second time going through this to store some of this stuff in my memory bank lol. First time I just went through it without really thinking, just copying in my own style.
Update about this?
After a long break, i am doing back web development.. your tutorial seems like a fresh start. very helpful video series. thanks :)
25
First laptop
Tried python(couldn't set path)
Found this recommended to me. Tried it with the knowledge I might never get it.
Actually worked n felt amazing. I almost gave up on this quest for computer programming. Which I have always wanted but didn't know where to start.
OK you saved me today with this video. Thank you. I'll be back with the progress. 💋
if anyone is having an issue with the "!" and tab button not working.. keep reading. I tried this tutorial and after typing "!" followed by the tab button, nothing happened. renamed the file and still nothing. looked through commands but only the first portion of the "DOC" showed. *so I decided to type in "doc" and the full layout became available for use. In other words; it worked.*
Searched for : explain neural network in a layman term
Result : your video
End result : I'm not disappointed after watching your web developer for beginner tutorial.
One of the best channel on RUclips, because your tutorial is too easy to understand.Thank you in millions.
This was a really really good tutorial. You're amazing!
Great tutorial. However, you should probably mention that if the "open with live server" option doesn't pop up immediately, it's because the extension wasn't downloaded... for anyone who had that issue, just go the extensions panel (looks like a box in a box) and type in live server and download the one you want.
Second thing he mentioned to download
I'd watched some videos of this series, year ago, and now came back to it after year. but it was so difficult for me to find your channel back. I went through multiple channels to find you and fortunately here we are.
Best learning channel for HTML. Lots of love from Pakistan
I remember wathcing this entire playlist while learning the basics of Web Development.
Good video, I was waiting for quick HTML & CSS tutorial in 5min, lol
I'm so excited!
Thank you so much for restarting this series. I was also watching your first series and I got lost at episode 4, which was about bootstrap. Please continue on this series
same here
I thank you by all my heart for these tutorials!
Dani: Tutorial from stone age 😂😂
He was not talking about this one
Yeah. This is 2018/2019
yep
He was talking about a different one
He wasn't talking about this one
I've seen a lot of tutorials and u have made the best so far thank u sm
It is now my mission to watch all your videos til I get to the latest one
Thank you so much for this series! P.S. I came from Dani. :)
same
Man I came here for Dani and honestly this helped me a lot thank you keep it up 👍
This is a fantastic course so far, ty!
wow you are the best👏👏
Found your post interesting to watch. I can't wait to see your new videos soon. Good Luck with the upcoming update. This RUclips channel is really very informative and effective.
THANK YOU!!!! I 'VE taken another coding course and couldn't figure out how to do the VIDEO STUDIO CODE EDITOR and it was doing my head in!! I ended up using CODE PEN but video studio code is way better for the intel sense. Although I'm a beginner I can see how Video Studio Code would be easier and less time consuming! Awesome video! good work.
I know this is going to make you a healthy income over time , i am happy though . This is exactly what this era needs and you're the only one doing this i know of . Now i know you specifically mention web development but i mean the concept of teaching useful modern skill sets . I only need wix skills for me and my wife however i am going to stay here and learn to develop for hobby , i am a knowledge seeker who always wanted computer skill sets at a powerful level .
Thank you for updating the tutorial Will!
wow i find my web development guru finally please complete this series
thanks man,your explanations and helped me install all of them!
Dani recommended a very helpful video, thanx
Hey I was learning Web Development from you previous set of videos and I saw these today. Thanks man, I really appreciate the effort and time you took to create these videos. I'm enrolled in college and I took Data Structures and Algorithms and other classes but as my courses do progress, I'm not sure whether they teach us Web Development. :)
I'm in year 11 rn in school and im gonna start today my journey being a web developer / software developer. When i attend college i want to know everything so, see you in a year and ill tell you hows it going. (also somebody remind me to come back to this video in 2021 november, wish me luck
How did your web developer journey go?:)
Wow, you made this beyond simple. Much appreciated!
done with html and css in about 2 hrs
recommended!!
Please i want to learn more about web development beginner videos.... thanks...i love your videos
Thanks man, very useful tutorial!!!
great video from a c++ programmer wants to learn web design
Dani recommends! great turtorial
Hi, first of all, thank u for amazing course
quick question, browser does not reflects updates in the code, does anyone know how to fix this problem ?
going to wix doesnt help me build a website to run on off my local server, but your videos will help me with that
Anyone from 2024
Yo!! hi there
✋
Here
lol
Is this stuff still worth it.. considering it's from 6yrs ago?
I don't want to be a pro web developer, I want to be a pro artist, but this was fun, and I want to learn more and possibly benefit in the future from one very valuable skill being able to make my own website to tell my story.
4:12 I did Open With Live Server and then a little pop up appeared and said Open a folder or workspace... (File -> Open Folder) and Im not sure what that means...
I started by watching your videos from 2013, and they were an extremely useful tool to relearn the nuances and commands (and basics of HTML in general) since I haven't done any coding since my short time in college back in 2010-2011.
Unfortunately, I got hung up at the "Bootstrap Tutorial for Beginners" video simply due to how much things have evolved since 2013. They look to be some of your first videos uploaded, but even 7 years ago you had almost flawless explanations and very well produced content.
Would you say this series is a direct update to what you were teaching in 2013?
i commented to remind u about ur comment😂😂
@@Pr3tty.nafiii i replied to remind you of your comment to his comment
I have seen lots of course in online but this one is live and attractive for me. If you have any suggestion after completing this course please give some advice such what should I do after doing foundation course and so forth.
Dani, thank you VERY VERY much
He is on Mac 🖥! Love it
im here making a site for my store it will be done one day soon!
That editors matters a lot.
I use sublime text 3.
Just because it shows code in awesome colors.
HOLY FUCK THIS IS COOL I HAD A DREAM WHERE I MADE A GROUP WEBSITE AND NOW I'M FUCKING DOING IT! I'M ACTUALLY NOT PROCRASTINATING ONE TIME THANK YOU DUDE!!!
Thank you for the hello world. Shout out!
Thanks a lot, your videos are really helpful.
From cebu, philippines❤🎉
Yes you can run scan using cmd command prompt,!
and i just finished following all the 2013 content XD, alright time to learn more. Thanks a lot man, i hope i can get this skill to pro level (real work).
This is so cool❤
Please make a video about your favourite development tools/dev tips/libraries and tools
The Most Helpful Definitely gonna recommend
Can you do a video about the extensions that you use?
this link can create you a super website just for 3.25 dollars www.bluehost.com/track/roshadha123kurera/
2 Chrome extensions that are must haves. Pesticide (For debugging and easy layout viewing) and JSON Viewer (Takes JSON Endpoints (URLs) and formats them in the browser)
thanks for the tutorial it really helped me
loved the tutorial do upload more like this....
TechieYouth refers us to these videos and it's extremely good one.
Thanks! I have all the WebDev 101 videos documented here, too learncode.academy/webdev
Good one
you are so good at teaching man
Visual studio code is a IDE
integrated
development
Environment
The first time I tried this, the ! TAB worked just fine. Now that does not work. Visual Studio Code just underwent a new update. Did they change that?
great tutorial, this is exactly what i was looking for, thanks from colombia
Very helpful and informative guide. I hope it is OK if I translate some of them into Swedish.
thanks man this was really helpful
im on windows but the live server doesnt work for me. I have to refresh the page just for the changes to show up
I pressed the key-tab, but instead of it generating the codes cursor only shifted forward.
i also think you should teach people how to use wix really really well , this is another channel you can do , wix only , this is smart for you and extremely , extremely helpful to the community my friend . Listen , i'd help out even on that project to be honest because , people in this day need modern skills .
why does it show a notification said: "Open a folder or workspace... (File -> Open Folder)" when i click on open with live server?
I loved your course excellent presentation , excellent tips and very nicely done Excellent !! Ive placed a link to your course with highly professional web hosts
T hats how much I enjoyed and learnt from your 11 part course Brilliant !!
beaútifully explained
who came from Dani?
MEEEEEEEEEE
Yo merengues
whats dani
ruclips.net/video/HeZHG1bFJDg/видео.html
i came here for the sick asf copyright footer
Good stuff.... Gonna do the whole series... like a rookie ;)~
Hi, please I'm having problems. Whenever I'm done, I can't open. It usually say something blah blah blah and give option whether to ignore all firmware or something something and display something I don't understand.
Hey so wouldn't it be possible for me to do it offline and also i already started a simple web and am still on the first line
thank you very much. helped me a lot
I am new at this so forgive me if this should be obvious to me but ..... I am watching your beginner videos with web design. My question is .... is there an order of operation I should be watching these videos in? Thanks so much!!
Thank you Dani for recommending this video
Please help me when i share my html file it says some images maybe blocked to prevent the receiver from identifying your computer
Hi, I followed every step and I even installed the live server extension the problem is that it says Application not found
Hello, please help me. Why am I clicking on this Live Server? What if the status bar shows port: 5500 with no pop-up page? Cannot synchronize, only open file refresh to see. Thanks.
On windows which is the shortcuts for empty template code
bro i have windows after ! i hit tab but there was no empty site template or any changes
Hi! I hope you noticed me because I wanna ask you something. 4:42 why does my live server not do like that??
i am a 7 grader and i wanna show my theacher how good i can go code so THX FOR THE HELP i have not yet watch all the tutorials but im gonna do it now so my theacher will be
proud
7th graders code now?
My 8th grade curriculum last year was about HTML/CSS/JS and my 7th grade curriculum last last year was about basic computer functions like Word/Excel/Powerpoint + Malware/Virus/Web safety.
Well i'm just starting learining Web Dev and what do you guys think about is that tutorial a good start ?
hey, can anyone help me im kinda new to this
on 4:11 i`ve right clicked my mouse but why there is no "open with live server"option.
Someone please help me :`)