HTML & CSS for Beginners | FREE MEGA COURSE (7+ Hours!)

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

Komentáře • 891

  • @envatotuts
    @envatotuts  Před 9 měsíci +36

    If you loved this video, make sure you check out Adi's new course-Motion Design for the Web: czcams.com/video/vqXLGX0szIQ/video.html

    • @taariqq
      @taariqq Před 5 měsíci +1

      May we know when was this course recorded? Thank you for such generous efforts.

  • @GERARDOLUWALADEMI
    @GERARDOLUWALADEMI Před 8 měsíci +38

    I am a student in nigeria i am 12 years old and i am an independent web dev thanks to envato

  • @MessGaming69
    @MessGaming69 Před 2 měsíci +22

    This man spent 8 HOURS for us for no cost! Love u from PAKISTAN❤

  • @anubratachanda457
    @anubratachanda457 Před rokem +104

    If i had this series when i was started learning web devlopment, it would have been one of my best tutorial regarding html css.. I have not seen all of your lectures but took a glance of most important lectures like position, flex grid, unit, display.. Form. And i think you have covered all of this topics very well organized and in details... And specially your voice 😄.. I think your voice is one of many reasons for me to choose your course👍❤

    • @AdiPurdila
      @AdiPurdila Před rokem +3

      Thank you :)

    • @altashakhan3349
      @altashakhan3349 Před rokem +11

      I lost my mother recently i couldn't concentrate on studies suddenly after crying so much i search to learn some coding to get a job i came here learning from today was depress now i am feeling good let's hope I get a job soon

    • @fanofcameron
      @fanofcameron Před rokem

      K@@altashakhan3349 All the best for you!!

    • @ritikritik9686
      @ritikritik9686 Před rokem

      ​@@altashakhan3349 be strong bro wishing you best for your future

    • @goodness2410
      @goodness2410 Před 8 měsíci +1

      Yeah his voice is so calming and soothing😄

  • @abhirai6124
    @abhirai6124 Před 2 lety +63

    I'm watching from India. Thanks for your time and dedication ❤️🙋🏻‍♂️

  • @bewebnow
    @bewebnow Před rokem +25

    I hope the creator continues making similar content, diving deeper into these ideas and exploring related subjects.

  • @_aidid
    @_aidid Před rokem +16

    Very few HTML tutorials on CZcams have this much details, this video is very helpful for the beginners

  • @wanjaphilimon
    @wanjaphilimon Před rokem +16

    I am from Uganda and I have been looking for a good teacher for this course and I think I have found him. I am now camping here. Thank you for your hard work and generosity sir.

  • @OluwatomisinAkinyele
    @OluwatomisinAkinyele Před 8 měsíci +4

    I just finished your full course. May God bless you. You’re the best Web Developer Tutor ‘ve ever seen. I’d love you to help us do something like this on Jacascript. And you didn’t tutor us on how to place icons Into placeholders too. I’d love that. Thanks Adi!!! From Nigeria!

  • @Lotus_Trade
    @Lotus_Trade Před 2 lety +27

    I’m on 46mins. I’ll keep updating y’all.
    Edit: 1hour now
    This is the best video on CZcams. He explain everything in full details.

    • @Lotus_Trade
      @Lotus_Trade Před 2 lety +3

      took a break i stopped at 2 hours..its great to take a break

    • @blackchicken2243
      @blackchicken2243 Před rokem +2

      It’s been 2months ye done yet?

    • @Lotus_Trade
      @Lotus_Trade Před rokem +1

      @@blackchicken2243 nope but i finished the w3schools css,javascript and Html.. ill continue..because is best to learn more..and i am about to write exams

    • @blackchicken2243
      @blackchicken2243 Před rokem +1

      @@Lotus_Trade ok good look bro

    • @kashifshahani7565
      @kashifshahani7565 Před rokem +1

      @@Lotus_Trade hi brother whats your take now on the course is it worth taking? Please do guide us about the best course online? And do comment on this course and have you completed it yet

  • @rrasch8125
    @rrasch8125 Před rokem +4

    The BEST explanation of forms creation on CZcams…Thank you so much!!

  • @tashlimhasan6762
    @tashlimhasan6762 Před rokem +62

    I have finished this course successfully, Alhamdulillah! Now, what is next? Can you please suggest a further advanced course so that I can design any advanced webpage myself? Thanks in advance.

    • @goranpavlovic9051
      @goranpavlovic9051 Před rokem +5

      Did you find something next? Do you practice?

    • @barneytheolddog9468
      @barneytheolddog9468 Před rokem +1

      js

    • @fusionforty45five88
      @fusionforty45five88 Před rokem +1

      Python any day

    • @user-dp6im8sl6e
      @user-dp6im8sl6e Před 10 měsíci +7

      You should just practice with html and css for some time. Then learn css frameworks such as boostrap and sass or less.
      Then make a proper webpage with just these.
      After that you need to learn JavaScript and its frameworks such as React. Then practice with it.

  • @bedtimestorieswithdevyana1473
    @bedtimestorieswithdevyana1473 Před 11 měsíci +5

    Completed 2 hours and I could say this is the best tutorial for absolute beginners.

  • @AlexPo-dd1ll
    @AlexPo-dd1ll Před 5 měsíci +4

    Thank you so much. I finally found what I always wanted to study: HTML and CSS full course. Thank you Envato. I am starting this course today.

  • @sameerasmr6217
    @sameerasmr6217 Před 2 lety +13

    I'm studying them now in my higher education.
    And this is amazing work and thank you for these extra free knowledge... This is very easy to understand any type of knowledge with very patience.
    This kind of education channels are worthy to CZcams. 👏
    Long well 🙏

  • @dongdong510
    @dongdong510 Před 2 lety +24

    I woke up at 4 a.m. and turned on CZcams. I wanted to learn coding, but I don't know what to do first. I didn't watch your channel even though I subscribed to it before. There was a language barrier. I just put it off to see you later, but I think this video will help me a lot. I'll slowly follow one by one.Thank you for making the video(Subscribers in South Korea)

    • @Emmi807
      @Emmi807 Před 2 lety

      Jinjjaaa 😱😱?

    • @zahid1909
      @zahid1909 Před 2 lety

      Everything happened to me that happened to you, with just a little difference, instead of 4am, I woke up at 2:30 am. Hope I will fall back now to follow your path.

  • @diwakar8815
    @diwakar8815 Před rokem +4

    i finally created my first website using this figma concept. i didnt know that we can see the height and widths of the image elements anyways i eyeballed most of the things from the concept. I first read "Internetting is hard" to learn basics of html and css surprisingly i knew everything i needed to create this website thanks to internetting is hard. i had struggled with the chair images though had to re read that section and watched your tutorial.

  • @user-xy8px9lj2o
    @user-xy8px9lj2o Před rokem +16

    One hour in and I already love your course! I like how we first have theories and then a practice! Thank you so much!

  • @user-uh1bp2wr9t
    @user-uh1bp2wr9t Před 9 měsíci +3

    Some people have a gift to teach as this is the BEST ever video about HTML and CSS,thanks a million for this.🥳🥳🥳🥳🥳🥳🥳🥳🥳🥳🥳🥳🥳🥳🥳🥳🥳🥳🥳🥳🥳🥳

  • @Bananediyenadam
    @Bananediyenadam Před rokem +4

    2 saat 23 dakikadır izliyorum gerçekten çok güzel ilerliyor. İngilizceniz varsa biraz kesinlikle izleyin. Bir çok kurstan daha faydalı ve akıcı ilerliyor dersler. Her gün en az 1 saat izleme kotası koydum kendime umarım aksatmadan bitirebilirim. Eğer bitirirsem bitirdiğim ilk kurs olacak gerçekten.
    Gread job and thanks a million for this free course. I'm 31 years old and i want to change my career. You have been very helpful to me. Thanks again and again and again. You are an awesome teacher.

    • @AdiPurdila
      @AdiPurdila Před rokem

      Thank you for the kind words! Glad you liked the course.

  • @user-zx3so5do1b
    @user-zx3so5do1b Před rokem +14

    As an hearing impaired student, thanks for the subtitle! It helps a lot to understand your awesome lecture. Thank you!

  • @waqarshah9283
    @waqarshah9283 Před 2 lety +6

    Teacher has a vast knowledge about his topic. I am interesting to learn this course from him.

  • @MatematicasconDani
    @MatematicasconDani Před rokem +3

    10minutes and I liked me. It's time to learn HTML, CSS and English. Full motivated, thanks

  • @miguelazo1977
    @miguelazo1977 Před 8 měsíci +2

    I've been trying to learn code/programming for four years and I never learn anything. This time I WANT TO GO SERIOUSLY. I have a lot of Udemy courses but THIS VIDEO is much better than all my courses combined. EXCELLENT WORK.

  • @ColinKinsella
    @ColinKinsella Před 2 lety +4

    Great demonstration of use of element widths set to 100% + min-width + max-width. This is exactly the problem that stopped me playing around with a pagebuilder system, with insufficient knowledge, and made me start to look for CSS training. Been folllowing this video form start. If fills in so many gaps in my minimal knowledge of CSS

  • @NatthaphongKUN
    @NatthaphongKUN Před 11 měsíci +3

    Hello Adi PURDILA and Envato Tuts+, I would like to thank you sooo much for this course. It is very helpful for my class and maybe for my future career! I am very appreciate it.

  • @experimentalphysics
    @experimentalphysics Před 7 měsíci +2

    Thank you very much Mr. Adi Purdila. You have my gentle gratitude. I was complete noob, when i started this course. Now, i have thorough understanding about HTML and CSS.
    The course is designed perfectly for the new-comers. Explanations of topics are up to mark.
    Highly recommend this course. You will definitely learn and enjoy it.

  • @vuthyyt9977
    @vuthyyt9977 Před rokem +5

    I'm back here after learn this course last year . Now I become a full stack developer. Thank you envato to give me the roadmap in this journey . ❤

  • @bridgetohenhenigbinobaro1759

    best teacher i have seen so far, very detail and explain everything and easy why it is done like that.

    • @AdiPurdila
      @AdiPurdila Před 2 lety

      Thank you for the kind words!

  • @MrHorizonkid
    @MrHorizonkid Před 9 měsíci +2

    I, just started with this course although I know most of the stuff but a bit rough in the units(em/rem/px),positioning and difference between div/section/aside elements(use case) in my web knowledge. But this course deserves our money, the overall quality is better than most paid ones. I would ask Mr.Adi for an in depth HTML and CSS/SCSS advanced course even if it is not free for those who have completed this and his WEB Design course(free on CZcams).

  • @myeducationvlogs8483
    @myeducationvlogs8483 Před rokem +5

    First of all your fluent and English was very clear💫🤝💯

  • @paulolatoyefikayo
    @paulolatoyefikayo Před 6 měsíci +2

    Thank you so very much, Adi
    This is the most patiently taught HTML & CSS Tutorial I have encountered.
    This is definitely a channel for my growth.

  • @SubIfURAballer
    @SubIfURAballer Před rokem +2

    I was looking for somewhere I could learn how to web develop and maybe do side jobs for people while I'm still in high school. Everything was just so expensive and nothing has the clarity of this, keep doing what your doing, I really appreciate it!

  • @bulabtc9804
    @bulabtc9804 Před rokem +8

    Thanks for this Masterpiece.... I've been learning HTML and CSS for 2 months now but I understand your own teaching in just about few days now I'm better than before.... Please do you have a class on JavaScript and React for Beginners too? (Taught by you)....
    I would love to learn from you. Thanks

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

    I have learned so many things throught your course. you're a good teacher.
    I want to have the link of your javascript courses too. Thank you for your time and well explanation.

  • @4Mulator
    @4Mulator Před 2 lety +4

    Adi, I'm so grateful to have found you! Is there a JavaScript course too?

  • @dinnertonight298
    @dinnertonight298 Před rokem +5

    Best beginner-friendly guide out there! Great job Adi Purdilla

  • @abhishek_kaul000
    @abhishek_kaul000 Před 8 měsíci +3

    It is Such a great lesson I had for the Html and Css just finished it and i start to felt like a pro already. Simultaneously, I was following the MDN docs to get the more in-depth knowledge about the topics. I really appreciate your efforts. Hats off to you man! It took me about a week to went from beginner to pro in Html and Css.

  • @moularaoul643
    @moularaoul643 Před 2 lety +9

    Thank you so much. I can't wait to take the course!!!

  • @Neil_09
    @Neil_09 Před 2 lety +41

    This is my favorite course. Very well explained with practical tutorials that you can follow with. This course is worth more than anything. I'm so thankful envato cause i was kinda stuck in web dev progress but this course what i really needed. So thank you again for your generosity and uploading it for free.

    • @AdiPurdila
      @AdiPurdila Před 2 lety +2

      Cheers, glad you liked the course!

  • @dylankrejci9965
    @dylankrejci9965 Před rokem +9

    I cannot thank you enough for this. I'm studying computer science in college right now but have been kind of burning out on the backend-style I've been focusing on. Wanted to try out web/frontend development so I decided to check the internet for some good resources. Could not have asked for a better resource, and for free! Now that I've finished the course I'm going to attempt to recreate some webpages from scratch to test my knowledge. Haven't been this excited about computer science in awhile.

  • @harrisonmensahadiko2392
    @harrisonmensahadiko2392 Před 11 měsíci +4

    Adi Purdila, this class is a total flyer. You are so clear and effective in teaching a complete beginner like me. Everything is cool with your teaching and I found it so easy to understand your tutorial. You are awesome. I thank you very much for this class.

  • @CHAUHANPRINCESINGH
    @CHAUHANPRINCESINGH Před rokem +5

    thankyou brother for this (html & css) course.
    love from delhi, INDIA🙏

  • @pikerobx2180
    @pikerobx2180 Před rokem +2

    Awesome course Highly recommend wether you are a beginner or need to improve you skills !!

  • @logictech055
    @logictech055 Před rokem +3

    Sir you have the great methodology i have learn alot of things from this course b happy sir ❤

  • @laziahainembabazi6920
    @laziahainembabazi6920 Před rokem +3

    Am watching from Uganda and love this

  • @ayushgargofficial3393
    @ayushgargofficial3393 Před 8 měsíci +2

    thanks for this course it is one of the best
    everything is explained in easy and layman language
    with very high quality content

  • @LjutiSandzak
    @LjutiSandzak Před rokem +3

    wish you the best brother inshAllah , thanks for learning us ❤

  • @calcodez
    @calcodez Před rokem +13

    Just finished the course 😊
    Super super awesome.
    Will definitely be trying out the homeworks.

    • @envatotuts
      @envatotuts  Před rokem

      Awesome! Thank you!

    • @rockoyhead
      @rockoyhead Před rokem

      @@envatotuts I cannot find the homeworks, only figma link is in description?

  • @adefilasaheed5171
    @adefilasaheed5171 Před 7 měsíci +2

    This course was very helpful and i appreciate you for this.

  • @user-oz2im3tb6w
    @user-oz2im3tb6w Před rokem +2

    The fact that this course is free is a big flex, too much value at no cost, Thank you so much sir.

  • @blessedcyber6186
    @blessedcyber6186 Před 2 lety +4

    I'm enjoying it man.

  • @edwardfabunmi
    @edwardfabunmi Před rokem +3

    Thanks so much for this wonderful and insightful course.
    I gain largely from this course.
    God bless you sir, and may the God keeps increase your knowledge.
    Thanks once again, and God bless

  • @davidgordon9180
    @davidgordon9180 Před 2 lety +3

    All good stuff! Something for folk to bear in mind is that GitHub are retiring ATOM on 15 December 2022. ATOM itself, and all projects, etc on this platform will be archived to allow time for users to migrate their stuff. So you might want to kick off on something else...

    • @AdiPurdila
      @AdiPurdila Před 2 lety

      Ah, good to know. Thanks David!

  • @mlsegyptfindpropery
    @mlsegyptfindpropery Před 2 lety +7

    One of the best training html css in youtube 👌 thanks

    • @AdiPurdila
      @AdiPurdila Před 2 lety

      Thank you!

    • @omur2360
      @omur2360 Před 2 lety

      i think THE best, rather than “one of them” :))

  • @tt4m
    @tt4m Před 2 lety +4

    انك حقا رائع انا احبك جدا💙💙

  • @nightmarechroniclesthestory

    Great course! I believe this course uses the Pareto Principle, also known as the 80/20 rule, is a concept named after Italian economist Vilfredo Pareto. It states that roughly 80% of the effects come from 20% of the causes or inputs. In other words, a minority of inputs or efforts tend to produce the majority of results or outcomes.

  • @friendofnature1662
    @friendofnature1662 Před 6 měsíci +1

    I would also like to thank you for the guidance on😄 this path, only a few teachers are so analytical and speak to the right tone and at the right pace!! Congratulations on such great courses!!

  • @sahratlebanon8248
    @sahratlebanon8248 Před rokem +1

    Thank you tuts for this course. Very fruitful🙌🙌

  • @belbites3087
    @belbites3087 Před rokem +6

    Just finished the HTML and CSS course. Who would have thought I master all of these in youtube, and know its fundamentals. Literally from noob to expert. You saved me!
    Next Stop is Javascript, may I request to add full course of MySql? By far you are the best❣️
    In essence, Thank you so much sir for this tutorial I really appreciate your time and effort making this.
    Godbless you always, and sending love from Philippines🇵🇭

  • @exploredesign9509
    @exploredesign9509 Před 2 lety +4

    Im A interior designer trying to learn something extra and this excites me!

  • @minertest5524
    @minertest5524 Před rokem +2

    Finally, i found a great course. Thnk u!

  • @hamzaadam273
    @hamzaadam273 Před 9 měsíci +4

    This is one of the best videos I have seen in studying web development.Thank you very much for this masterpiece. I started learning to code recently and I really appreciate your work. this is the first time I have commented on a youtube video😂. I just couldnt help it with how insightful this was

  • @freecoding8577
    @freecoding8577 Před 2 lety +3

    You Are Such A Brand Outclass

  • @tonymendis9105
    @tonymendis9105 Před rokem +2

    It is very well structured and very easy to learn format.

  • @garebizarre4446
    @garebizarre4446 Před 2 lety +5

    Thank you somuch. I happened to be wanting to learn it and you arrived by making it

  • @adamnice559
    @adamnice559 Před rokem +2

    I really liked this whole course ,it was an enjoyement and i quite learned a lot even my mother language isn't english.But if you could just tell me how to actually use these skills to make money.

  • @colinclews6473
    @colinclews6473 Před rokem +4

    I loved the course. I knew nothing about html & css before, but now I think I’m ready to tackle my project. I will need some graphical elements as part of my design and I’ve been reading about the canvas element. Is this a block element? I’ve seen how to resize it to the entire page but haven’t seen how to let it automatically resize with the window. Do you have any suggestions. Thanks.

    • @AdiPurdila
      @AdiPurdila Před rokem

      I think canvas is inline-block, because it doesn't force a new line, but it can take width and height. To resize with the window, try the % or vw units.

  • @a.s8106
    @a.s8106 Před rokem +1

    only two years ago you started to learn web design? you're so great!!

  • @ramprasad_v
    @ramprasad_v Před rokem +2

    Thanks & very helpful. I love the way you presented

  • @bojanmodrusan7940
    @bojanmodrusan7940 Před rokem +35

    Just finished the course, took me some 3 weeks, I think. Awesome stuff. I really enjoyed the whole thing and learned a lot. Thank you so much! Now practise, practise, practise! :)

  • @fahemhamou6170
    @fahemhamou6170 Před rokem +3

    تحياتي الخالصة من الجزاءر شكراجزيلا للقناة thank you very much

  • @m.daniyalawan5476
    @m.daniyalawan5476 Před rokem +3

    Best Ever course I have seen and completed in life. Amazing teaching skills will come for more after completing #HomeWork. Love from Pakistan.

  • @beantsingh8946
    @beantsingh8946 Před rokem +2

    Thnx again I love ur way of study❤❤

  • @md.moijeuddinmolla1328
    @md.moijeuddinmolla1328 Před 2 lety +5

    Without you guys, we are helpless.
    Take love and respect

  • @techworld_jroshan
    @techworld_jroshan Před rokem +4

    This is amazing or awesome youtube channel for computer science and technology or coding language or programming language 🙏🙏 I also want to started teeching about this topic. Nobody don't miss any video Envanto trust channel

  • @abhishekm7300
    @abhishekm7300 Před 2 lety +3

    Crystal clarity in ur voice and the way u explain.. Thank u so much..

  • @profsam-vd4xh
    @profsam-vd4xh Před 8 měsíci +2

    I just love the way he speaks... They are very clear

  • @emmanueleugeniom.petalio4617

    I think many of watching this course agree me that this is a excellent and very helpful tutorial for the beginners.

  • @mariumbegum7325
    @mariumbegum7325 Před rokem +1

    Great course, fantastic that it is free!

  • @marklesterbravo645
    @marklesterbravo645 Před rokem +2

    Very much appreciated!❤️

  • @bangdhechannel564
    @bangdhechannel564 Před rokem +3

    Thank you sir. I'm learning css too, but I'm a beginner

  • @JavlonbekAkbarov-rv6id
    @JavlonbekAkbarov-rv6id Před 10 měsíci +2

    Thank you your lessons are So great lots of love from Uzbekistan ❤❤❤

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

    its super easy to understand and very well built i cant believe that people put in this much work to teach others for free you deservere sub and like which i did already

  • @royaluelpulma1117
    @royaluelpulma1117 Před 6 měsíci +3

    Thanks for providing a great content like this one!

  • @adesiyanadekunle428
    @adesiyanadekunle428 Před rokem +1

    It has improved my knowledge greatly..

  • @leagueoflegendegoodgame9618

    The First one who i like how hee give u all what u need for dont give up ty for all

  • @minavasiljevic8320
    @minavasiljevic8320 Před rokem +2

    I can't describe how much this video helps me! Thank you!

  • @layciebowers8044
    @layciebowers8044 Před 8 měsíci +3

    You have made my final project so much easier Adi… thank you SO much for taking the time to create this course and help me brush up on all that I have forgotten. I am very grateful!

  • @techievinod
    @techievinod Před rokem +3

    Thank You Dear ! For Your Great Effort . Please Make More Videos On Same Topic. With Some Different Projects.

  • @Umair85903
    @Umair85903 Před 2 lety +3

    I Can't Wait For this

  • @moularaoul643
    @moularaoul643 Před 2 lety +3

    The magic of the web! from my country (Cameroon in Africa)), I listen to one of the most beautiful courses in web development! Thank you Professor Adi Pudilla. What could be more beautiful?

  • @ColinKinsella
    @ColinKinsella Před 2 lety +3

    Ref Positioning elements at 5:21:17 Comment. It is quite difficult to take in how adding "relative" in the .set class affects the top and left margin for the .absolute .highlight - whereas with default static setting the absolute positioning of the highlight was reletive to .learn not .set I assume it will become clearer as I put this into use. It is probably part of undersanding CSS structure where settings for one class are dependant on a parent settings.

    • @AdiPurdila
      @AdiPurdila Před 2 lety

      Yep, undestanding positioning can be quite tricky. Once you get to practice it will become clearer.

  • @johnnyspie
    @johnnyspie Před rokem +2

    By far the best tutorial for beginners

  • @Rozpor7
    @Rozpor7 Před rokem +7

    Lesson 22 till now (to keep my self reminded)

  • @jdillon8360
    @jdillon8360 Před rokem +1

    Excellent course. I can't believe this is free as well. I am learning so much. Thank you!

  • @user-xz6bl6np9v
    @user-xz6bl6np9v Před 11 měsíci +1

    your teaching system is very nice.... thank you so much....

  • @muhammadabubakar4629
    @muhammadabubakar4629 Před rokem +5

    This course is really great 🔥🔥🥂

  • @patricejilani5304
    @patricejilani5304 Před 11 měsíci +1

    Just began and I love it. Excellent teacher.

  • @nimo-boampongpaul4343
    @nimo-boampongpaul4343 Před 2 lety +3

    One of the best online teacher.