Professional Website From Scratch | HTML & CSS For Beginners

Sdílet
Vložit
  • čas přidán 8. 09. 2024

Komentáře • 130

  • @pythonantole9892
    @pythonantole9892 Před 10 měsíci +137

    Brad is one of the few web dev teachers that has love for newbies and beginners. Kudos Brad!

    • @TraversyMedia
      @TraversyMedia  Před 10 měsíci +62

      These tutorials are their introduction to this whole world. I try as best as I can to explain things in a simple way and teach real-life skills. Seasoned devs can follow any tutorial, docs, articles but beginners need things presented in a certain way imo. Also, I learn so many different areas that I am always a beginner in something. So I know how it feels and understand how to convey things in that way.

    • @AvidAfrican
      @AvidAfrican Před 10 měsíci +4

      With Him i build my first and second HTML and CSS based website....

    • @WadieGamer
      @WadieGamer Před 10 měsíci

      Straight facts

    • @ভোমরা
      @ভোমরা Před 10 měsíci +2

      Google Bard

  • @webdevluc
    @webdevluc Před 10 měsíci +18

    Great design and love the fact that it's vanilla CSS. These full project videos from design to code are the best to learn from. Thanks for sharing this for free Brad

  • @IRgEEK
    @IRgEEK Před 10 měsíci +14

    Brad's content always great. Thanks Brad. I've never had a good eye or been great on the CSS side. This gives me a good refresher/practice for my Monday. Thanks

  • @Fuck__Russia
    @Fuck__Russia Před 10 měsíci +18

    Brad produces such good content, most of the time, at no cost... Thank you Brad for all you do for us 😉👍

  • @codingshare9973
    @codingshare9973 Před 10 měsíci +2

    I just wanna thank Traversy Media
    I've been learning from Traversy Media since 2018 unti now
    now I am a Senior Back End Dev in a company
    thanks for your quality teaching

  • @bonchan4404
    @bonchan4404 Před 10 měsíci +3

    I love you brad . Im forever grateful to you . Because of you i got hired as a React Developer a year ago and now im in a senior position . Sorry if im not watching some of your videos anymore because i had enough and been stucked for tutorial hell for so long ! Thank you brad . Love from 🇵🇭

    • @awakenwithoutcoffee
      @awakenwithoutcoffee Před 10 měsíci

      awesome. How long did you study for and what study path did you take ?

  • @nimira43
    @nimira43 Před 10 měsíci +3

    Brad is the best coding teacher and instructor who is engaging, informative and whose approach is no nonsense and straight to the point. I'm a student of his courses on his website and Udemy and anyone who is serious about coding MUST check those out, in particular his own website. Thanks Brad for for those courses and all the resources you provide here on CZcams. It's deeply appreciated. Respect.

  • @Anarxhist0
    @Anarxhist0 Před 10 měsíci +5

    I've learnt so much from you through your amazing videos.
    They are well detailed and explained.
    Thanks a bunch

  • @golden7877
    @golden7877 Před 27 dny

    backend dev here , i appreciate this video a lot as its been a lot since i touched css and this is a great refresher for me .

  • @ahabion
    @ahabion Před 10 měsíci +1

    Brad is "the beast" of online teachers. Appreciate the content so much and I hope that many more are learning and developing by his instruction.

  • @rajiohida7143
    @rajiohida7143 Před 5 měsíci

    When it comes to web design and development, Brad Traversy is the first to look up to. bravo Brad!

  • @ivan8661
    @ivan8661 Před 9 měsíci

    This has to be THE BEST Tutorial i have seen yet. Just the perfect Tempo to follow along and the Way you explain Things calmly is great. I understood how to use utility Classes and Variables so well. This just makes the whole Workflow so much easyer and better, then the Way i was doing it. It realy helps a lot for People like me who have done some Html Css Projects but just dont know the best Practices that u gonna need on a Job and how to go from a Figma File to a coded Website. This was great thanks so much!

  • @user-iw6by7zc1u
    @user-iw6by7zc1u Před 10 měsíci +6

    Thank you for making such great videos

  • @alimansimov1929
    @alimansimov1929 Před 4 měsíci

    Just perfect, there are needed projects like this about the grid, flex, mobile-first design. Also it would be good about animation projects.

  • @khurramshehzad-g2b
    @khurramshehzad-g2b Před měsícem

    Great efforts sir, i have some basic knowledge of HTML and CSS and this tutorial tested my knowledge and enhanced my skills broadly. keep doing this

  • @alwaisy
    @alwaisy Před 10 měsíci

    Every year Brad launches new tutorial of HTML & CSS. It is getting advanced each year.

  • @mmelimahlobo7656
    @mmelimahlobo7656 Před 8 měsíci

    It never ceases to amaze that he knows almost everything,frontend,backend,UI you name😅❤

  • @FallenAngelMMA
    @FallenAngelMMA Před 10 měsíci +1

    This is simple brilliant!
    keep up the great work. We are expecting more content like this, beginner friendly tutorials!
    Thanks a ton!

  • @ElementoryMyDearWatson
    @ElementoryMyDearWatson Před 3 měsíci

    This was incredibly helpful and informative. Thank you so much for your generosity in taking the time to create this and share it with us

  • @user-ru8hn9hb5c
    @user-ru8hn9hb5c Před 10 měsíci +1

    I know CSS and HTML very well. Still going to watch this video.

  • @raphaeljaggerd3585
    @raphaeljaggerd3585 Před 10 měsíci +3

    I love your stuff. Just finished your php mvc course (Don't ask why i'm learning php). I was wondering if you could do more low-level tutorials, under the hood stuff. For example building tools and libraries instead of just using them. I think that would help people become better developers.

    • @TraversyMedia
      @TraversyMedia  Před 10 měsíci +10

      Nothing wrong with PHP, in fact I am working on a PHP From Scratch course and a Laravel course now 😉

    • @raphaeljaggerd3585
      @raphaeljaggerd3585 Před 10 měsíci

      Can't wait@@TraversyMedia

    • @nimira43
      @nimira43 Před 10 měsíci +1

      Can't wait for the Laravel course😊

    • @sujalkhatiwada2267
      @sujalkhatiwada2267 Před 10 měsíci

      @@TraversyMedia, waiting for this, when will the course be released? any prediction? and what project is there using PHP? and also using Laravel?

  • @user-os1tf9iw9t
    @user-os1tf9iw9t Před 10 měsíci

    Hi there,
    I just wanted to let you know that I genuinely enjoy your content. It's always a source of joy and knowledge for me. Keep up the fantastic work! 👍

  • @VirendraBG
    @VirendraBG Před 8 měsíci

    I was desperately waiting for this video from you.
    Thanks a lot 🙏🏻

  • @olebaky9182
    @olebaky9182 Před 9 měsíci

    Thanks . I learnt many css tricks here. Great teacher. Trust this guy !!

  • @user-il5lx4nd5e
    @user-il5lx4nd5e Před 4 měsíci

    Hey Brad, thank you for this tutorial. The best I have followed so far!

  • @adnanamin3666
    @adnanamin3666 Před 10 měsíci

    Not a noob but whenever I see any content from Brad, I just jump right in! ❤

  • @ashutosh_tiwari
    @ashutosh_tiwari Před 9 měsíci +1

    Brad is the Dev God🔥

  • @WebnetTechnologies
    @WebnetTechnologies Před 2 měsíci

    with this i say brad you are a God sent👍

  • @kasali310
    @kasali310 Před 10 měsíci +1

    Hey Brad!Thankyou for your great and helpfull videos! i have learned a lot from you.I would suggest you to have to repos (start and end). So that we fellow a long.

  • @h0ust0nwehaveapr0blem
    @h0ust0nwehaveapr0blem Před 3 měsíci

    Thank you for the vid. It was quite interesting. I did not have to google anything (except for out of curiosity), everything was easy and joyful.

  • @UnlistedJs
    @UnlistedJs Před 7 měsíci

    thank you alooot for your help sir i learn alot from you in this one video can you make more things about css please your the besttt love you

  • @wesdavis8011
    @wesdavis8011 Před 7 měsíci

    Perfect timing , i was looking for something like this! Thanks!

  • @codinglord1
    @codinglord1 Před 10 měsíci

    I love your work and i am able to come this far in my programming career because of your great videos......Thanks traversy media

  • @danielcastillo289
    @danielcastillo289 Před 10 měsíci

    Thank You Brad. You are the greatest at explaining the reasoning behind what you do so I can understand the big picture. **BTW I think FAB is for the "brands" library of Font Awesome. Please keep making these videos. I purchased your latest JS and Bootstrap courses and loving it so far.

  • @yj4105
    @yj4105 Před 10 měsíci

    hi Brad, I am a big fan of you. I watched your JS, Nodejs, Algorithm course. now I am looking forward your new reactjs18...

  • @RockstahRolln
    @RockstahRolln Před 10 měsíci

    As always another terrific video from you Brad! Thank You Sir!

  • @zn4496
    @zn4496 Před 8 měsíci

    Thank you Brad I really appreciate the content you produce, as I am new to Web dev

  • @otunmartins2414
    @otunmartins2414 Před 10 měsíci

    Great content. You could use absolute positioning for each of the individual images. But there’s also no need for that stress

  • @killyoupigs
    @killyoupigs Před 9 měsíci

    I love this guy... best teacher I've ever had

  • @WilmanArambillete
    @WilmanArambillete Před 10 měsíci

    you are amazing! Congratulations for this video. It is very very educational and super well explained!

  • @paulthomas1052
    @paulthomas1052 Před 10 měsíci

    Hi Brad, another great demo - thanks so much !

  • @benmahdjoubharoun1467
    @benmahdjoubharoun1467 Před 10 měsíci

    If you could walk us through a successful deployment of a mern stack, the app sometimes works all perfectly with all its features then it doesn't if not at all after deployment. Thanks Traversy!

  • @daggerv3
    @daggerv3 Před 10 měsíci

    Can you make a forum next? Love your videos. Thank you, Brad!

  • @daggerv3
    @daggerv3 Před 10 měsíci

    When Brad says this is not a JS tutorial but you pick up some handy tips anyway.

  • @tramparse84
    @tramparse84 Před 10 měsíci +1

    Thanks for the tutorial Brad. I just have a quick question regarding the decision to build it desktop first. Would you generally advise to build mobile-first, then refactor for tablet/desktop?

  • @NetlifyApp
    @NetlifyApp Před 10 měsíci

    Such a great video! Always providing so much value!

  • @Yahya_Umar
    @Yahya_Umar Před 10 měsíci +2

    I enjoyed your videos! Do you have any plans to create a tutorial on building an inventory management system using Next.js? Your tutorials are fantastic, and I'd love to see one on this topic! I also want to include some as well as utilize free APIs for data integration.

    • @TraversyMedia
      @TraversyMedia  Před 10 měsíci +5

      Not an inventory management system exactly, but after I finish up my PHP courses, I am revamping my Next.js course. CZcams projects will follow.

    • @Yahya_Umar
      @Yahya_Umar Před 10 měsíci +1

      @@TraversyMedia That sounds like a fantastic approach! Mastering both PHP and Next.js is a powerful combination. Your future CZcams projects are sure to benefit from this diverse skill set. Best of luck with your learning journey and the exciting content you'll create!

  • @DmitrySafarov
    @DmitrySafarov Před 6 měsíci

    Thank you, Brad!. It is very useful!

  • @rowan5229
    @rowan5229 Před 10 měsíci

    I love your content, effortless and easy to follow. ❤

  • @okiroroobrutheanagho8779
    @okiroroobrutheanagho8779 Před 10 měsíci

    Brad is a great teacher.

  • @mhnoni
    @mhnoni Před 2 měsíci

    I wouldn't call this for "Beginners", I mean I lost you at min 10:50 when you typed "link" with auto text, I had no idea whats going on there, and no explanation on how and why to close the brackets etc..
    All ok but then after 15 min, the tutorial went so fast and it became complicated.
    maybe if you have a programming background then this tutorial would be fun but not for absolute beginners.
    Anyway, I will need to go and find an absolut beginner tutorial and then come back here. so thanks for this great tutorial.

  • @infinateU
    @infinateU Před 10 měsíci

    This was a nice 2 hr clip. Big thanks.
    Is it possible to play out the integration of a fruit vendor into web3 from(already has 2 ORACLE's & play to earn concept) Cardano Network, imagine all sensors/hardware is present. 2 parts? Then Explore dynamics?
    1- Start with setting up Network
    2- Create Smart Contract between atleast 2 participants?
    * Zoom app (nutritional/fasting guide) + fruit vendor app.

  • @melvinnuslahdtuah269
    @melvinnuslahdtuah269 Před 10 měsíci +3

    Long live Brad ❤

  • @kirangubbala8410
    @kirangubbala8410 Před 10 měsíci

    Thank you Brad for ur way of explanation. Request to make java tutorials

  • @outpost31737
    @outpost31737 Před 10 měsíci

    Thanks Brad. Very helpful indeed.

  • @user-me1lz1bq3i
    @user-me1lz1bq3i Před 4 měsíci

    This is what I have been looking for

  • @tech_channel110
    @tech_channel110 Před 10 měsíci

    well explained brad
    keep helping us
    kindly make more videos on react advanced
    and next js framework

  • @samsiddique4751
    @samsiddique4751 Před 10 měsíci +1

    Thanks for the video please upload more content related to frontend, by the way which font and theme you are using in vs code ?

  • @MilanSisara-id8vv
    @MilanSisara-id8vv Před 10 měsíci

    Lots of love from India

  • @nysunra
    @nysunra Před měsícem

    Fast demo. A lot to take in, not much explanations as to the why of doing something a particular way. Very overwhelming for beginners but thankful to try.

  • @Gnajs
    @Gnajs Před 10 měsíci

    Thanks, Brad! Is this a newer version of the "Build a Responsive Website | HTML, CSS Grid, Flexbox & More" video tutorial from 3 years ago?

  • @lukaskennedy5067
    @lukaskennedy5067 Před 3 měsíci

    Amazing. Thank you!

  • @likandokayombo
    @likandokayombo Před 10 měsíci

    Brad thank you for the quality content 👏

  • @SaberYTfarlight
    @SaberYTfarlight Před 10 měsíci

    Brad 🐐🐐, please make a 2023 react & Tailwind project! ❤

  • @lastspoil5547
    @lastspoil5547 Před 7 měsíci +1

    Why did you pick Light 300, Regular 400, SemiBold 600, and Bold 700 for the font Poppins. What's the logic behind picking styles for fonts?

  • @f.t.5859
    @f.t.5859 Před 9 měsíci

    Thanks Brad, gratitude.

  • @joaquindelrio2806
    @joaquindelrio2806 Před 4 měsíci

    Thank you!

  • @michaelkachiwalajr6381
    @michaelkachiwalajr6381 Před 10 měsíci

    THANK YOU WATCHING FROM MALAWI

  • @muneeb7980
    @muneeb7980 Před 10 měsíci +1

    For the iCodeThis challenges, is there any way to view other peoples code for the challenges for situations when I get stuck? Viewing submissions does not let me view the code.

  • @Saba-cn8gp
    @Saba-cn8gp Před 10 měsíci

    I have taken your courses, and yes, you are an excellent teacher, you helped me as well. Your free content is also very good, but I noticed that you don't use BEM. Can you say why?

  • @user-vn2ot8pd9r
    @user-vn2ot8pd9r Před 10 měsíci

    You are awesome mister traversy ❤🤗

  • @debprasadkafle564
    @debprasadkafle564 Před 8 měsíci

    I like this very much.👍👍

  • @Mike-df4ze
    @Mike-df4ze Před 10 měsíci

    Good job, congrats.

  • @keldawott7406
    @keldawott7406 Před 5 měsíci

    This was a great tutorial :3

  • @adrianozuna2149
    @adrianozuna2149 Před 10 měsíci

    TRAVERSY MEDIAAAA LET'S GO

  • @vectoralphaSec
    @vectoralphaSec Před 10 měsíci +1

    Hey Brad will you or anyone else in your channel be doing a brand new and updated Intro to Django course that focuses on and uses Django 4.2+ anytime soon? I was looking to learn Django from you cause you are so good, but i see the last Django course is over 4 years old and uses Django 2.x. Anyway was just wondering if you were or not. Thanks for all the hard work you do.

  • @wesamabdulrahman1809
    @wesamabdulrahman1809 Před 10 měsíci

    Thank you so much !

  • @ShahzadAhmed-kt5zg
    @ShahzadAhmed-kt5zg Před 10 měsíci

    You are Awesome love you sir

  • @leenfares7131
    @leenfares7131 Před 8 měsíci

    Hi Brad , thanks for your awesome videos I have learnt a lot . but I have question, Why didn't you use the measurements like width, height , font sizes from figma file , why aren't exactly the same ? thanks

  • @AmarjeetSingh-pn5du
    @AmarjeetSingh-pn5du Před 20 dny

    I am a beginner who is not from IT backgroud please guide me how to use his playlist which things i have to learn first

  • @ghofranedarragi5601
    @ghofranedarragi5601 Před 10 měsíci

    thanks a lot for this video

  • @sanjaybatak3549
    @sanjaybatak3549 Před 10 měsíci

    Thanks Brad

  • @n4mlss
    @n4mlss Před 10 měsíci

    Many thanks 🍻

  • @squishyclip8846
    @squishyclip8846 Před měsícem

    how can i move the text heading in the hero container to bottom?

  • @lifeisbeautifu1
    @lifeisbeautifu1 Před 10 měsíci

    Amazing!

  • @Iam_sami_8080
    @Iam_sami_8080 Před 10 měsíci

    I enjoy your object oriented php mvc course on udemy

  • @ememdigh5126
    @ememdigh5126 Před měsícem

    Hi I cant remove my png background I mean that checked in background I even used "background-blend-mode" or "mix-blend-mode" But when I used your logo its worked can you help me what is going on here?!😅TY

  • @Alexffire4808
    @Alexffire4808 Před 9 měsíci

    how would we know that if we will give max-width of 1100px then the navbar items will come in the center? it could be any pixels with number of width sir?

  • @bigtynsonly3866
    @bigtynsonly3866 Před 2 měsíci

    How can i access the link for the figma file? Whenever i click on it, it automatically downloads but i can't access it.

  • @nicanorarce157
    @nicanorarce157 Před 6 měsíci

    i love you brad.

  • @tonybp
    @tonybp Před 10 měsíci

    What VSC theme is being used? looks cool.

  • @abenjamin13
    @abenjamin13 Před 10 měsíci

    Absolutely FANTASTIC Brad thank you ❤. I and the rest of the community appreciate you 🫵.

  • @08Carl
    @08Carl Před 10 měsíci

    What are the best challenging websites to learn web dev ?

  • @brandondexter5308
    @brandondexter5308 Před 7 měsíci

    I was disapointed to find that the link to the Figma assets times out.

  • @danieligbinidu6880
    @danieligbinidu6880 Před 10 měsíci +1

    Wow 😲😲

  • @Yoursyoutuber12
    @Yoursyoutuber12 Před 7 měsíci

    We did not add the lg and xl class in the HTML so how are we adding them in the CSS.

  • @user-jr4nc4ig5r
    @user-jr4nc4ig5r Před 9 měsíci

    Im having trouble with the my websites logo image... its coming up as broken and im not sure why... can anyone help?

  • @scoppyeah
    @scoppyeah Před 10 měsíci

    Phenomenal

  • @andrewshorts1198
    @andrewshorts1198 Před 10 měsíci

    He may not be pregnant, but he always delivers.

  • @howtopassthat
    @howtopassthat Před 10 měsíci

    what about backend with C# or JAVA