Learn HTML5 and CSS3 For Beginners

Learn HTML5 and CSS3 For Beginners - Crash Course

Рет қаралды 2,605,634

Күн бұрын

Purchase the full course here!
developedbyed.com/
Today I will share with you the first 3-4 hours of The Creative HTML5 & CSS3 course.
In this free 2 chapters we will explore getting started with html and css from absolute scratch.
So if you are a beginner in web development or you just want to brush up your skills these two chapters will help you with that.
If you enjoy the content of this course, in the full version we will explore other things such as flexbox, css grid, sass and more.
We will also build out 3 awesome projects using html and css from scratch!
Microphones I Use
Audio-Technica AT2020 - geni.us/Re78 (Amazon)
Deity V-Mic D3 Pro - geni.us/y0HjQbz (Amazon)
BEHRINGER Audio Interface - geni.us/AcbCpd9 (Amazon)
Camera Gear
Fujifilm X-T3 - geni.us/7IM1 (Amazon)
Fujinon XF18-55mmF2.8-4 - geni.us/sztaN (Amazon)
PC Specs
Kingston SQ500S37/480G 480GB - geni.us/s7HWm (Amazon)
Gigabyte GeForce RTX 2070 - geni.us/uRw71gN (Amazon)
AMD Ryzen 7 2700X - geni.us/NaBSC (Amazon)
Corsair Vengeance LPX 16GB - geni.us/JDqK1KK (Amazon)
ASRock B450M PRO4 - geni.us/YAtI (Amazon)
DeepCool ATX Mid Tower - geni.us/U8xJY (Amazon)
Dell Ultrasharp U2718Q 27-Inch 4K - geni.us/kXHE (Amazon)
Dell Ultra Sharp LED-Lit Monitor 25 2k - geni.us/bilekX (Amazon)
Logitech G305 - geni.us/PIjyn (Amazon)
Logitech MX Keys Advanced - geni.us/YBsCVX0 (Amazon)
DISCLAIMERS:
I am a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites.
🛴 Follow me on:
Twitch: / developedbyed
Twitter: / developedbyed
Instagram: / developedbyed
Github: github.com/developedbyed/
#programming #css #html

Пікірлер: 1 100

@vascogoncalves8542 4 жыл бұрын

Ed is a treasure we must protect.

@theharrypeter_xd1237 4 жыл бұрын

Lol he pinned this

@8ack2Lobby 4 жыл бұрын

Agree

@vivekojha4807 4 жыл бұрын

Yeah

@frogsama666 4 жыл бұрын

He isnt greedy as well. Hope he gets the success he seeks and much more

@BrighterWay 4 жыл бұрын

Pinned comment

@kasunjalitha2300 3 жыл бұрын

HTML------------------------------------- 0:00:00 Introduction 0:02:04 Setting Up vsCode 0:03:48 Installing Extensions 0:10:49 Basic Layout 0:15:12 Meta Tags 0:28:12 H and P Tags 0:35:11 Images and Video 0:42:21 A Tags 0:47:34 Forms 1:04:22 Lists 1:08:27 Comments 1:10:53 Tables 1:14:07 Classes and Ids 1:19:40 HTML5 Semantics 1:35:41 HTML Entities CSS--------------------------------------- 1:38:56 Intro 1:39:25 Using CSS 1:43:21 Basic Syntax 1:48:40 Selectors 2:04:11 CSS Specificity 2:11:52 Padding and Margin 2:19:56 Box Model 2:28:29 Pixels, Rem, Em? 2:42:05 Styling a button 2:49:08 Block, Inline 2:56:29 Positions 3:14:17 Pseudo Classes 3:20:13 Mini Project Thank you so much Ed !!! ❤️❤️❤️

@MysteriousStranger08 3 жыл бұрын

Thanks for this bro

@vighneshboga2027 3 жыл бұрын

thanx bro.. it helped

@luc1d991 3 жыл бұрын

tnx proud youre a srilankan

@jameslin809 3 жыл бұрын

THANK YOU

@Neerajkumar-fv8zx 3 жыл бұрын

thank you so much for the info

@TheLemonPage 4 жыл бұрын

You deserve more attention , people like you who give so much back to the community are the real mvps. Respect

@CobraGameplays 4 жыл бұрын

Respect!

@bru7964 3 жыл бұрын

3:41:30

@TheLemonPage 3 жыл бұрын

@@CobraGameplays we meet again old friend

@codingwithdg8605 3 жыл бұрын

I think the same about Ed. He's gradually getting more attention and that's awesome, but still underrated.

@GamingTSH 2 жыл бұрын

❤️👉 kzfaq.info/get/bejne/otN5qrx9q7--aYk.html 👈❤️

@imPriyankCoder 4 жыл бұрын

Ed you are the first developer whom i see who really cares about new dev coming to this field thank you.

@ShubhamKumar-sq2pg 4 жыл бұрын

man, how can you forget the OG? Brad Traversy.

@imPriyankCoder 4 жыл бұрын

First of all i respect your opinion a great way to put it. I love brad his content are preety amazing but the only thing with brad is his course is mostly on crash course i absolutely dont get it. He is wonderful person and amazing human being but as far as content management in term of latest design perpestive and concept understanding no one can beat ed. Again there are many great developer like one of my favorite net____(i dont want to publicity on here) i absolutely big fan of his teaching method too but design perpestive no one can beat ed or come close. Thanks cheer

@GamingTSH 2 жыл бұрын

❤️👉 kzfaq.info/get/bejne/otN5qrx9q7--aYk.html 👈❤️

@learner-gs8vm 3 жыл бұрын

Usually, it gets difficult to sit, listen and leran through a long video but you have such guts to let the audience stick around you and keep learning the whole things as your way is quiet brief and clear. Especially, you don't ever linger on the points but tries to wrap up with clearing every doubt. You have a good sense to communicate and you have good knowledge of tools you are teaching with. I am really impressed by your learning methodology. I have learned a lot from you in both of these stuffs of HTML and CSS. I am about to complete many of the doubts in HTML tags. I listened every point very clearly. Now, trying to stick around to learn CSS later. Keep up a great work like that. As it is said that sharing is caring whether it comes a stuff or a piece of knowledge, it is good and you are doing a good job.

@WeirdSnakeGal 3 жыл бұрын

I had been looking at a lot of videos that covered that subject but yours is by far the best. It is very accessible to beginners unlike other videos where you don't understand anything they're doing. I love watching it and learned a great deal and laughed at the same time. Thank you

@luigivolpe8539 4 жыл бұрын

i just singed up for the full course, Just wanted to say u make me smile everyday! and u teach me alot! thnx man!

@Barulheira 4 жыл бұрын

I'm impressed, even watching the basics I still learned some useful stuff that I didn't known, thank you Ed!

@saitejajonnadula 3 жыл бұрын

All your tutors are crystal clear and interesting. Appreciate the way you teach!

@bexineyy 3 жыл бұрын

Rest of the world: Hello World Ed: sAndWicH boY

@theorangegamer1176 3 жыл бұрын

Yep

@kianbago1710 3 жыл бұрын

Not only teaching but, the sense of humor was also fantastic, he knew every moment that feels bored so he had to ice break. #Respect

@GamingTSH 2 жыл бұрын

❤️👉 kzfaq.info/get/bejne/otN5qrx9q7--aYk.html 👈❤️

@earldelacruz3727 4 жыл бұрын

Thank you master for this tutorial. I almost gave up coding years ago but because of some Yt channels like yours, i can now have a new career. Goodluck with your ventures and more power to you

@spreadhysteria3650 3 жыл бұрын

2:40 thanks for teaching me something from experience, that is some next level front-end.

@paulcharman8113 2 жыл бұрын

Ed, just gotta say a big thanks for the way you do these videos, really informative, well explained and not too fast to be able to understand it. Have completed this video and signed up for the full course and am just about to start project 2. Have learnt so much from your approach. Looking forward to the rest of the course and putting some of the content into practice

@GamingTSH 2 жыл бұрын

❤️👉 kzfaq.info/get/bejne/otN5qrx9q7--aYk.html 👈❤️

@topellasrinivasarao1125 4 жыл бұрын

Seriously,this is best tutorial ever I've been watching tons of videos about these topics but truly you are awesome. Anybody new to webdesign will end up learning most of the language from just watching this video

@PandaPro4k 3 күн бұрын

mm m m m m mm m m m m m mm m 😅😮😅😮😅😮😮😅😅😮😅😮😅😮😅😅😮😅

@Mayor1248 Күн бұрын

PLEASE ADVISE ME. I was told to spread my savings across different things like BTC and Stocks to protect and support my retirement. with everything being shaky,I'm considering going into Trade. i don't wanna make the wrong choice.

@Zubaida.Ali.Ali5327 Күн бұрын

I always advice new members and will also advise you to have a mentor orientation on how it works before getting involved. Trade offers more benefits than just holding.

@Zubaida.Ali.Ali5327 Күн бұрын

Kate Floretta in stagram

@Zubaida.Ali.Ali5327 Күн бұрын

Kate Floretta Face book

@Zubaida.Ali.Ali5327 Күн бұрын

She Trade for Top Celebrities and super stars & could Mentor you.

@maureen... Күн бұрын

Ellen DeGeneres hosted Kate floretta on TV 2 yrs ago that was where I saw kate and followed up.i have also been attending her Trade seminars.

@marcelltoth2825 4 жыл бұрын

Thank you man, this is exactly what I needed to complete my university project. Please keep up the good work and wish you all the best. -Greetings from Hungary! :)

@stayrelaxed599 4 жыл бұрын

thank you so much bro, you really helped me a lot to improve more things! i love you!

@infobahnpirate9713 4 жыл бұрын

This is so amazing! Thanks! Subbed and purchasing the courses now. 👍🏻

@TheGeekosDen 4 жыл бұрын

This is EPIC. I remember when you only had 15k subscribers, keep up the good work man! One of the best web development channels around!!!

@cognitivetech8323 3 жыл бұрын

hey HorrorPills, need you support here as well kzfaq.info/get/bejne/m66UnKyZubbGnps.html

@TheGeekosDen 3 жыл бұрын

@@cognitivetech8323 stop adverttising

@lucaswernerkuipers8120 4 жыл бұрын

This is treasure. You are amazing, Ed. This is the type of content that can change many of our lives for good and improve society;

@GamingTSH 2 жыл бұрын

❤️👉 kzfaq.info/get/bejne/otN5qrx9q7--aYk.html 👈❤️

@oof8756 3 жыл бұрын

I am loving this guy's course, deserves 1 million subscribers. The perfect mix of being playful and learning

@primeshmohanty7701 4 жыл бұрын

The Christmas has come early for me i guess. Thanks a lot for sharing the course Ed! 😍

@GamingTSH 2 жыл бұрын

❤️👉 kzfaq.info/get/bejne/otN5qrx9q7--aYk.html 👈❤️

@janbacons9631 4 жыл бұрын

I'm really grateful for you Ed. I always find coding kinda difficult but watching you made me realize coding is really easy and fun.

@lukman7059 4 жыл бұрын

Ed thank you so much for doing thing amazing act of kindness! So much love for you ❤️ hope you grow more & more!

@GamingTSH 2 жыл бұрын

❤️👉 kzfaq.info/get/bejne/otN5qrx9q7--aYk.html 👈❤️

@gamesseries7300 4 жыл бұрын

I thought you will be uploading 1,2 Hours, but you did,

@developedbyed 4 жыл бұрын

Extra love

@darshandhabale143 4 жыл бұрын

@@developedbyed Actually twice the love

@keto-rl2ce 2 жыл бұрын

AWESOME vid, gifted teacher!! Highly informative, rapid, yet easy to follow learning curve, amazingly chill!

@cheesecake9733 3 жыл бұрын

even though i have experience with html & css, there are still some basics that i didnt really know. like the use of rems! you covered each topic really well, you covered right away the issues/concerns of each topic by manipulating it with several approaches and let us show what it displays. like adding display: block to inline elements, or box-sizing which were a few of my issues back then when i build my projects. you are amazing ed! thank you for this!

@mounir101 4 жыл бұрын

Added at my HTML&CSS Playlist.

@dimi9431 3 жыл бұрын

Great video! Explains everything so well.

@Amilkez 4 жыл бұрын

I've been watching the video without any distractions like I usually do. I think I just like the way you do it and I'm familiarized with your voice. I'll definetely subscribe for the full course.

@taylortoast2 4 жыл бұрын

Watched the first part here on KZfaq. Heading over to your course site for more. Great content and explanations.

@himo007 4 жыл бұрын

Thank you sooo much Ed for your course, you are one of my favorite mentors.. once I can afford to buy your courses I will do it and support you, thanks again..

@anthonyflores1700 3 жыл бұрын

For all who read this comment should know that Ed deserves all the cheers and possible contributions because he is one of the few developers that I have seen that really committed by the new developers that come to this field. THANK YOU ED! I have seen approximately 5 HTML and CSS videos but I wasn't satisfied and this one gave me everything I needed. Thanks for those extra tips.

@kristofferohrn 9 ай бұрын

Just spent 3 hours looking through this. Really appreciate it!

@arwahsapi 3 жыл бұрын

Been web developing since HTML 1.0 in 1998 and am still watching this for skill-updating. Long life learning for a developer is a must.

@divyanshpratap1069 4 жыл бұрын

I was looking for this thanks for uploading this video. Lots of love from India.

@masibasiry7444 3 жыл бұрын

Hey Ed, Im at the beginning of your course! i LOVE it, super clear and easy to learn, Thanks so Much

@jcabacinho 4 жыл бұрын

Ed you're amazing... thanks for all the input you gave to this web developer in the making 😁 Greetings from Portugal

@erasmasngandu4995 4 жыл бұрын

Hi,Ed.This is great and it's what I need to start a full project with confidence.

@subham-raj 4 жыл бұрын

Bro, I'll surely support you and some of my other idols when I get the job I'm looking for

@GamingTSH 2 жыл бұрын

❤️👉 kzfaq.info/get/bejne/otN5qrx9q7--aYk.html 👈❤️

@muhamedgalal3093 4 жыл бұрын

Normally anyone makes a paid course doesn't let even 5 mins free But Ed gave us 4 hours for free! A huge shout out to u Ed

@GamingTSH 2 жыл бұрын

❤️👉 kzfaq.info/get/bejne/otN5qrx9q7--aYk.html 👈❤️

@annagogev7477 3 жыл бұрын

This is a treasure. You are amazing, Ed. The best video I watch on the youtube so far. Thank you for sharing your experience with us.

@GamingTSH 2 жыл бұрын

❤️👉 kzfaq.info/get/bejne/otN5qrx9q7--aYk.html 👈❤️

@evtubera 4 жыл бұрын

I’m a fan now! I love your voice and you are a great teacher! Thanks for the video! 💛😊

@kieranm6433 4 жыл бұрын

Didn’t expect to learn that much going into this (already well versed at HTML/CSS) but Ed never fails to amaze! Learnt a ton in the end 👌

@GamingTSH 2 жыл бұрын

❤️👉 kzfaq.info/get/bejne/otN5qrx9q7--aYk.html 👈❤️

@Alice-gj4xn 6 ай бұрын

Karen1640.i pray for you

@VerifyBot 4 жыл бұрын

I've purchased the course but i'll watch this anyways cause you totally deserve the money for the ads since you put so much effort on this!! Love your channel!! 💫

@robottopdz4519 3 жыл бұрын

@@newmoivesmazenaxa5203 it's amazing i love it and I tried to make a little one with qazi age-in-days-calculator.netlify.app/

@srikanthracharla420 3 жыл бұрын

Hii can you please share the course with me please, Please contact Gmail: srikanthr3211@gmail.com If you need i ll pay for u

@omarboug681 3 жыл бұрын

Please guys help me In 1:45:05 he written "h1" and its red - when i write "h1" it is yellow and css not working how do i return it to red in css PLZ PLZ PLZ I NEED HELP BROS

@srikanthracharla420 3 жыл бұрын

@@omarboug681 share your code here

@omarboug681 3 жыл бұрын

@@srikanthracharla420 i just typed h1 and its yellow , why its not red like him when he typed it ?

@nastyaveres394 2 жыл бұрын

You explained what ems and rems are in such a clear way :) thanks so much for making this video, learned a lot!

@Kaqua3D 3 жыл бұрын

as they say in belgium, ed is ne goede man die we veel betalen om onze pattaten te schillen

@ovidiupetrescu2156 4 жыл бұрын

Deci nu-mi vine sa cred. ED e roman! :)) Bravo!!!! Foarte foarte tare!!!!

@istandaloneroronoazoro5188 4 жыл бұрын

Nici mie frate! :)

@garvitsharma2726 4 жыл бұрын

Holy shit thank you so much for this!! I will buy the course anyways when I have an extra 20$ just to support :)

@gavinputterill8175 3 жыл бұрын

I've watched a couple of your Javascript tutorials already and I was thinking why is your text different colours and why do you have different icons to me. Thanks for clearing that up and bringing me up to speed. Great content btw. You're becoming my guru. It's nice that you add a bit of personality in your videos, it suites the KZfaq platform more than others out there doing the same as you.

@cristianvulpe1408 4 жыл бұрын

Ed, the course is awesome. The projects are incredible. So Glad I enrolled in this course.Looking forward for the next series. If you ca do another course for javaScript that will be so cool. Thanks a lot.

@marekh19 4 жыл бұрын

Great value content our Gorgeous Ed!🔥 Would love to see similar course on JavaScript.

@MiledRizk 2 жыл бұрын

Very nice tutorial, thanks! one thing though, at time 2:10:00 , when speaking about the !important function, you meantioned that writing multiple !important will make the last one executed, since things work from top to bottom, but, in fact, adding !important to an id has a higher importance than !important with an h1 or a class. That means, !mportant with an id will be executed regardless of it's position, and !important with a class has more importance than !important with an h1 Edit: around minute 2:48:00 when trying to make the button a circle, the best way is to make the Padding values equal, this way we don't have to increase the width and height to make it rounded.

@vasanthrs1140 4 жыл бұрын

This is my best Christmas ever Thankyou Ed

@kevinholloman 2 жыл бұрын

Great training! Just bought the course bundle with this course and the Javascript course!

@ApurvKhare 4 жыл бұрын

Thank you Ed. It's always good to share few hours of your course so that people can know if they wanna buy the entire course incase they aren't sure.

@kriticksharma3088 3 жыл бұрын

I just searched for html course. I am a lazy guy who just search for things and don't follow along but the way u teaches, it just blow my mind and it was so much interesting. Pardon if any mistake (poor English)😂. I watched 20 mins of lecture in free time. Will complete this course today only😀👍

@Ja-vr7go 4 жыл бұрын

Thank you for the video. I have been having a hard time understanding HTML5 and CSS3. Been going between this to UX design tutorial.

@sad-jx2uw 4 жыл бұрын

Omg ed!!!! You're such a good guy! :) I hope you create more vids about node js and create some projects. Ty Ed!!

@DuBz007. 3 жыл бұрын

Thank you so much for providing quality content!

@cmdaltctr 3 жыл бұрын

I never understand why real KZfaqrs like Ed who gives back to community knowledge and lessons that ACTUALLY help you build a better life does not get more than 1 million subscribers but lousy influencers who promote some brands of electronics and fashion even though they know its really lousy (they do it for sponsorships anyway) gets all the attention. It's the mentality that we need to change. Thank you, Ed, you are really a jewel, a pearl!

@chadrackkyungu2167 4 жыл бұрын

i really like the way you are teaching last time i watched another tutorial on css grid it was awesome thank you ed

@niranjankumarcoimbatore5842 4 жыл бұрын

One of the best American Tutors .....an Indian can found in KZfaq to enhance his computer programming skills....Well explained and broadly covers all the topic.....first two chapters so much detailed....Wondering how the remaining chapters contain tons of information...Thank you ...Coimbatore India....

@valtersilva2641 4 жыл бұрын

I wasn't even gonna buy the course but you are such a good person that now I'm definitely buying it.

@bilaluddin2345 4 жыл бұрын

he looks unimpressed in his thumbnail, but honestly the course is amazing

@camilomezu5008 4 жыл бұрын

Thanks ed i really need this, i will buy the course as soon as i can, greetings from Colombia

@adeebsiddiqui5140 2 жыл бұрын

Thanks a lot Ed. You are such an amazing person dude. THE BEST TUTORIAL IN YT.

@its_pauljoseph 4 жыл бұрын

The best developer,love❤

@100tahunyanglalu6 4 жыл бұрын

Request, learn php & MySQL for beginner

@muaidmahmoud9545 4 жыл бұрын

Is it easier than html and css?

@omarboug681 3 жыл бұрын

Please guys help me In 1:45:05 he written "h1" and its red - when i write "h1" it is yellow and css not working how do i return it to red in css PLZ PLZ PLZ I NEED HELP BROS

@suwatchainanchai6637 3 жыл бұрын

I have been stuck learning html and css for a while. Your course makes me understand a lot of things. I will take a look at your courses and give it a try.

@jiantingzhang3802 4 жыл бұрын

Huge fan Ed!!!!! really amazing job, helped me a lot, appreciate!

@KandowaTech 3 жыл бұрын

Hello there. I hope you're doing fine and staying safe. I just want to ask you for a little favor. Can you please do me a favor and go and subscribe to my channel, please. I'd really appreciate that. Thank you! kzfaq.info/love/77D6wozqvCH6VfpeAN1aww

@husseinmuhammad2121 4 жыл бұрын

Love from Zanzibar Tanzania, "Mambo Jambo" 🤗

@ng3apis 3 жыл бұрын

Live Server before Ed's course: 3 mil downloads. Live Server after Ed's course 6.2 mil downloads. :D

@ng3apis 3 жыл бұрын

@@eleazarpeniel1619 Traversy media is awesome as well. It was fun fact - relax and take care

@HegazyS 2 жыл бұрын

it's been a pleasure to come cross this video. thanks a lot man. i really appreciate it

@chirilcugureanu1853 4 жыл бұрын

I was screaming "write the ! then TAB" at the beginning 😂

@dream_boy_ 4 жыл бұрын

yeah bro you cam see my channel my video

@andymyung1132 3 жыл бұрын

"Amazon, we are buying Amazon." -Dev Ed

@TechLucky-kw7vo 4 ай бұрын

First time ever, I understood everything someone explained about HTML. Hats off!

@fadingsmoke9206 Жыл бұрын

Thank you Ed, you dont know how much i appreciate this.

@munch6814 4 жыл бұрын

when you are so early, there are only 2 views

@Hi-ku5qj 6 ай бұрын

blabla

@bozhenahmed749 3 жыл бұрын

Love ykur videos man im new to HTML and web thing but ykur videos took me to a different level keep up and don't stop 🤜🤛

@user-yz4iy4kc6p 3 жыл бұрын

Just completed this video(3 days). Thanks, Ed! Will purchase the bundle this week.

@imanemourtadi4129 3 жыл бұрын

i just start your course and i am a huge fan of your way of teaching and also of your voice. lot of love from Morocco

@amjoode2 4 жыл бұрын

You're a saint!, I'm still goind to buy the whole thing to suppoert you.

@skimzconceited3530 4 жыл бұрын

found out about this channel last week and i have been here since, Great work our gorgeous youtuber on the internet.....

@ascarilord113 7 күн бұрын

This is the best crash course I have come across so far

@tintut.j4673 3 жыл бұрын

You are awesome, man. Keep up the good work!

@jafetl.ch.8961 4 жыл бұрын

You are a pro! I going to watch it 😎🤙🏼 Thanks

@manasp1077 4 жыл бұрын

Manh!, Why did'nt I hear about You Earlier. You Are Totally Awesome. No one in the youtube is simple as you.

@orlandoneto7432 3 жыл бұрын

I gave this video a thumbs up right from the start. Great course. Thank you very much!

@winkpeace7922 4 жыл бұрын

Best instructor ever !! , Thank you thank you thank youuu so much

@mindys.4632 3 жыл бұрын

I must tell you that your voice is very soothing! It's everything to my learning ears.

@upsmantech1 2 жыл бұрын

funny lady

@marienixon148 2 жыл бұрын

So happy to find this again! I lost it, but it's saved to a playlist now 😀

@nunez2717 4 жыл бұрын

Totally agree with denismeister's comment below. Just watched about 2 minutes of this KZfaq video and ended up clicking on the link and purchased the course. KZfaq is beyond blessed to have some one like Dev Ed! Thank you Dev Ed!!!!