Learn HTML5 and CSS3 From Scratch - Full Course

Поділитися
Вставка
  • Опубліковано 25 лис 2024

КОМЕНТАРІ • 4,3 тис.

  • @CodingAddict
    @CodingAddict 5 років тому +7443

    1)What is HTML - 2:47
    2)Google Chrome and Visual Studio Code - 5:11
    3)Download Google Chrome - 6:02
    4)Download Visual Studio Code - 8:11
    5)Create A Project - 13:58
    6)First Webpage - 16:09
    7)Visual Code Settings - 20:35
    8)Download Live Server Extension - 22:48
    9)Basic HTML Document Structure - 26:59
    10)Implementing Basic Document Structure - 29:05
    11)Word Wrap and Emmet - 34:50
    12)Heading Elements - 40:24
    13) Paragraph Elements - 44:33
    14)White Space Collapsing - 47:50
    15)Lorem Ipsum Dummy Text - 49:22
    16)Images - 51:17
    17)Multiple Path Options - 57:15
    18)External Images - 1:00:06
    19)Nice Images - 1:02:43
    20)Width and Height Attribute - 1:05:49
    21)Crop Images - 1:08:40
    22)Proper Path-1:12:07
    23) Comments And Line Breaks - 01:15:37
    24) External Links - 01:19:47
    25) Internal Links - 01:23:32
    26) Links Within Page - 01:25:53
    27) Empty Links - 01:30:10
    28) Sup And Sub Elements - 01:32:39
    29) Strong And Em Elements - 01:34:39
    30) Special Characters In Html - 01:37:02
    31) Unordered Lists - 01:38:58
    32) Ordered Lists - 01:41:25
    33) Nested Lists - 01:42:18
    34) Table Element - 01:43:57
    35) Forms - Input And Submit Elements - 01:46:10
    36) Forms - Textarea - Radio - Checkbox - 01:58:12
    37) Prettier And Code Formatter - 02:09:40
    38) Keyboard Shortcuts - 02:14:56
    39) External Resources - Head Element - 02:26:06
    40) Html Project Intro - 02:30:15
    41) Project Setup - 02:32:16
    42) Download Images - 02:35:17
    43) Logo, Heading, Navigation - 02:39:02
    44) Home Page Completed - 02:42:51
    45) About Page - 02:54:30
    46) Numbers Page - 02:58:09
    47) Contact Page - 03:04:14
    48) Resource Files - 03:09:11
    49) Text Editor Setup - 03:09:42
    50) Css Intro - 03:16:03
    51) Workspace Setup - 03:17:35
    52) Inline Css - 03:20:22
    53) Course Resources - 03:23:40
    54) Internal Css - 03:25:01
    55) External Css - 03:28:00
    56) Power Struggle - 03:39:40
    57) Basic Css Syntax - 03:44:17
    58) Element Selectors - 03:52:27
    59) Grouping Selectors - 03:55:15
    60) Id Selectors - 03:57:27
    61) Class Selectors - 04:02:09
    62) Id And Class Selector Summary - 04:06:17
    63) Div And Span Elements - 04:08:30
    64) CSS Inheritance - 04:16:44
    65) More Info On Inheritance - 04:20:08
    66) Last Rule, Specificity, Universal Selector - 04:22:30
    67) Colors Intro - 04:27:33
    68) Color And Background-Color Properties - 04:28:13
    69) Color Names - 04:32:33
    70) Rgb - 04:33:30
    71) Rgba - 04:37:46
    72) Hex - 04:44:33
    73) Vs-Code Color Options - 04:50:58
    74) External Resources - 04:52:57
    75) Units Intro - 04:55:39
    76) Pixels, Font-Size, Width, Height - 04:56:18
    77) Percent Values - 05:02:13
    78) Em Values - 05:05:44
    79) Rem Values - 05:11:42
    80) VH And VW - 05:14:41
    81) Default Browser Syles - 05:19:14
    82) Calc Function - 05:29:07
    83) Typography Intro - 05:33:38
    84) Font-Family - 05:34:07
    85) Font-Stack Generic Fonts - 05:36:47
    86) Google Fonts - 05:39:23
    87) Font-Weight Font-Style - 05:46:00
    88) Text-Align And Text-Indent - 05:53:30
    89) More Text Properties - 05:56:52
    90) Box-Model Intro - 06:04:31
    91) Padding - 06:04:53
    92) Margin - 06:13:28
    93) Border - 06:19:01
    94) Border-Radius, Negative Margin - 06:23:57
    95) Outline Property - 06:27:24
    96) Display Property Intro - 06:34:58
    97) Display Property - 06:35:19
    98) Basic Horizontal Centering - 06:43:26
    99) Mobile Navbar Example - 06:48:11
    100) Box-Sizing Border-Box - 06:58:29
    101) Display Inline-Block - 07:06:46
    102) Display:none, Opacity, Visibility - 07:09:29
    103) Background-Image Intro - 07:16:20
    104) Background Images Setup - 07:16:43
    105) Background-Image-Property - 07:19:43
    106) Background-Repeat - 07:27:45
    107) Background-Size - 07:34:07
    108) Background-Position - 07:36:58
    109) Background-Attachment - 07:41:18
    110) Linear-Gradients - 07:47:04
    111) Background Image Shortcuts Combined - 07:56:49
    112) Linear-Gradient Colorzilla - 08:06:56
    113) Float Position Intro - 08:11:08
    114) Float Property - 08:11:47
    115) Float Property Column Layout Example - 08:19:18
    116) Position Static - 08:25:59
    117) Position Relative - 08:30:44
    118) Position Absolute - 08:33:18
    119) Position Fixed - 08:38:42
    120) Media Quries - 08:42:30
    121) Z-Index - 08:57:07
    122) ::Before And ::After Pseudo Elements - 09:06:04
    123) Css Selectors Intro - 09:27:14
    124) Basic Selectors - 09:28:26
    125) Descendant Child Selectors - 09:31:07
    126) First Line And First Letter - 09:35:50
    127) :Hover Pseudo-Class Selector - 09:36:56
    128) Link Pseudo-Class Selectors - 09:40:03
    129) :Root Preudo-Class Selectors - 09:44:36
    130) Transform,Transition,And Animations - 09:51:01
    131) Transform:transition() - 09:52:17
    132) Transform:scale() - 09:58:52
    133) Transform:rotate() - 10:01:20
    134) Transform:skew() - 10:04:47
    135) Transition Property - 10:06:31
    136) Multiple Transition - 10:09:13
    137) Transition Delay - 10:11:11
    138) Transition-Timing Function - 10:16:36
    139) Animation - 10:25:51
    140) Animation-Fill-Mode - 10:35:51
    141) Last Module Intro - 10:40:53
    142) Css Variables - 10:41:32
    143) Font-Awesome Icons - 10:56:19
    144) Text-Shadow Box-Shadow - 11:07:55
    145) Browser Prefixes - 11:14:44
    146) Semantic Tags - 11:19:23
    147) Emmet Workflow - 11:24:11

  • @viro0os904
    @viro0os904 3 роки тому +1916

    To who ever see’s this comment : i know the feeling when you see an 11h long vid, but trust me you can do it!
    You are no different from the people who have finished this course, i am 5h in and it seems hard but do not give up, you chose this path for a reason so giving up is not a choice!

    • @hamzabriguich9238
      @hamzabriguich9238 3 роки тому +15

      Ty for the inspiration and i have a question how can i download the things that he downloaded on the video like images and headlines.. cuz we're watching the course on yt not udemy

    • @viro0os904
      @viro0os904 3 роки тому +6

      @@hamzabriguich9238 i’m not sure what you mean but if you meant where to download images from you can download them from your browser and import it to your vs code, or you can use them in your html without importing by copying its path.

    • @arpitshukla3250
      @arpitshukla3250 3 роки тому +5

      Thanks for the motivation brother. 😎👍

    • @alberttobijoseph566
      @alberttobijoseph566 3 роки тому +4

      You are encouraging. I just started and you read my mind. Thanks

    • @wiNtersPista
      @wiNtersPista 2 роки тому +2

      It was not hard at all

  • @kashyapshirodkar9013
    @kashyapshirodkar9013 4 роки тому +1594

    Some day in the future we're all gonna come back and recall this as the first video which got us started!

  • @BuiltbyJay
    @BuiltbyJay 3 роки тому +790

    I know this video is long but it really helped me grasp the basics of html and css. Now I've built projects and learnt SASS. Currently learning JavaScript. Don't give up.

    • @favourpopoola9819
      @favourpopoola9819 3 роки тому +7

      You were able to see what was being done? I couldn't see a thing. Is there something I can do?

    • @BuiltbyJay
      @BuiltbyJay 3 роки тому +18

      @@favourpopoola9819 Well I'll try my best to answer your question. Try writing down notes and take your time. Also practice everything done in the video,just watching won't help--that's if you weren't doing that already.And also find someone who's ahead of you in programming (a mentor),to help you when you get stuck. Hope this helps😊.

    • @dogonwall6680
      @dogonwall6680 3 роки тому +6

      this video is 3 years old is it still relevent to current html version and which pathing did you took to learn webdevlopment can you tell me i want to learn as quickly and as efficiantly as possible

    • @donaldsawyer2618
      @donaldsawyer2618 3 роки тому +1

      Is your goal to become a software engineer?

    • @dogonwall6680
      @dogonwall6680 3 роки тому +2

      @@donaldsawyer2618 probably yes

  • @gloemanuel
    @gloemanuel 4 роки тому +669

    I'm 39 years old and I'm starting now. Hope to improve and work like a developer. Wish me good luck if i'm not to late...

    • @Mellow-Minded
      @Mellow-Minded 4 роки тому +7

      Good luck :D

    • @gloemanuel
      @gloemanuel 4 роки тому

      Thnx @seloha 😊

    • @lilmermaid5239
      @lilmermaid5239 4 роки тому +6

      you're great ! wish u best of luck

    • @gloemanuel
      @gloemanuel 4 роки тому +2

      @@lilmermaid5239 thanx! 🙏

    • @sorein_7
      @sorein_7 4 роки тому +30

      I'm 37 , and i just started also ! :)
      Good luck !

  • @sergeyzosim
    @sergeyzosim 5 років тому +692

    Whos downvoting? Its high quality FREE course. Author is sharing his knowledge for 11 hours. How come you could press that downvote button?

    • @Ayntak
      @Ayntak 5 років тому +24

      Maybe they'r crying cause no project at the end.. :(
      I voted up for sure.

    • @abrar_16m
      @abrar_16m 5 років тому +38

      Probably angry teachers 😂.

    • @infosec-c7g
      @infosec-c7g 4 роки тому +7

      @@abrar_16m Probably, loooool

    • @shubham4516
      @shubham4516 4 роки тому +3

      How many days did you take to finish this completely? I am deciding to start now !

    • @ranahrantau4517
      @ranahrantau4517 4 роки тому +4

      @@shubham4516 3 days with 1.4x speed play

  • @navidmohammadzadeh2141
    @navidmohammadzadeh2141 5 років тому +437

    I watched the whole course and the only thing that I can tell you guys is that this course is highly recommended and it would be one of the best tutorials you may find in this field. It is quite handy and you also enjoy the instructor since he is quite professional and has a sense of humour.
    Good luck to those who like to watch the whole course. It takes three days four hours daily.

    • @ImShabedo
      @ImShabedo 5 років тому +3

      good comment

    • @hajji384
      @hajji384 5 років тому +2

      Good review man 😘

    • @МаоЦзэдун-б5с
      @МаоЦзэдун-б5с 4 роки тому +4

      i finished the course but where is CSS project :D oh, well, do something by myself

    • @joshboss4892
      @joshboss4892 4 роки тому +2

      @@МаоЦзэдун-б5с How was this course? I want to start but I don't think I can make quality porfolios like i see online

    • @mandanap
      @mandanap 4 роки тому +3

      yeah it's true when you watch only, if you want to practise as well then takes much longer

  • @nuranura3209
    @nuranura3209 2 роки тому +350

    day one - 57:58
    day two - 1:50:00
    day three - 4:01:00
    day four - 6:04:34 6:30:00
    day six - 7:51:00
    day seven - 8:42:30
    day eight 10:12:00

  • @viccodes3671
    @viccodes3671 4 роки тому +260

    Took off my ad blocker because I have respect for y'all.

  • @discreet_boson
    @discreet_boson 4 роки тому +2281

    Freecodecamp be like:
    I'm about to start this man's whole career

    • @mr.marius5094
      @mr.marius5094 4 роки тому +41

      hahaha dude that was so funny cuz its not end career :))))

    • @itsmariaa18
      @itsmariaa18 4 роки тому +18

      bruh i wish!!!!!! im gonna complete this now, i need a dif career path

    • @septic7301
      @septic7301 4 роки тому +2

      ikr

    • @mr.marius5094
      @mr.marius5094 4 роки тому +16

      @@Mo-zx4ez normally the meme says: I'm about to end this men whole career. And this is the opposite 🤣🤣🤣

    • @ante8146
      @ante8146 3 роки тому +4

      @@itsmariaa18 did you do it?

  • @123imnotmomo3
    @123imnotmomo3 4 роки тому +384

    strangely I feel comfort at the fact that we are all watching this video during quarantine in order to develop new skills. lets stay motivated guys!

  • @prnjl-6175
    @prnjl-6175 4 місяці тому +2

    The Amount of joy after completing this course can't be expressed, Trust the process, get it done. Future self will thankyou.

  • @mindsetinvestors1579
    @mindsetinvestors1579 4 роки тому +170

    DONE!
    I took the regress way of learning by doing everything he was doing as I was watching the tutorial, pausing the video, and rewinding it back hundreds of times, taking 19 pages of notes and working on the project with my own inputs.
    What an amazing tutorial, and I couldn't be any happier with the delivery. John, you don't only have the skill and talent for coding, you also are wonderful at communicating and delivering what you know to others in a manner a child will understand. Keep up the good work, brother!

    • @drgarad
      @drgarad 4 роки тому

      Hey Mindset, I am thinking about WATCHING this 11 hours course, and what I can do with it, have you still built it with a basic HTML website, any updates?

    • @ranausamasaleem4980
      @ranausamasaleem4980 4 роки тому

      Bro can u send me the pictures of your notes.... It will really help me plz reply to that.... I will send u my fb or ig account if u want to send me pictures of ur notes

    • @arthurion
      @arthurion 3 роки тому +16

      @@ranausamasaleem4980 there is no point in looking at other people's notes, otherwise the meaning disappears, you need to make your own or not do it at all

    • @laertlani2826
      @laertlani2826 3 роки тому +2

      @@arthurion Agreed. if you're gonna look through 19 pages for something you're not clear on you might as well watch the video.

    • @js8597
      @js8597 3 роки тому

      Im lazy so i just make notes as comments within the html and css docs themselves explaining the code that comes before it.

  • @severinelegon7741
    @severinelegon7741 4 роки тому +635

    I just sat through the whole video during a week period, took notes as I went and replicated the examples on studio visual code for myself. Thank you so so much, I have learned so much! I am now ready to go through my notes and practice and do some personal projects until I get completely comfortable with HTML and CSS!! Can't wait to get better and eventually learn JavaScript!! I am trying to change my career path and learn at my own pace! I hope to become a web developer and this had been my first step!

  • @muhammadwaqasiqbal8243
    @muhammadwaqasiqbal8243 4 роки тому +23

    I just completed the whole video. It took me 6 days to complete it and i must say the guy in this video is an amazing teacher and fun too. If you are starting to learn HTML and CSS from the scratch this is the best video you can learn it from. Thank you for providing such a quality content and that too completely free.

  • @daviti_u
    @daviti_u 3 роки тому +14

    I have just finished this 11 and half hour HTML/CSS course!

    • @carloschu7127
      @carloschu7127 9 місяців тому +1

      Tesla is laughing in the form of Front End.

  • @glgunblade
    @glgunblade 4 роки тому +75

    I like how he teaches it to us like we're dummies, and I mean that in a good way. Far too often too many instructors never explain the whys and use too much technical jargon quickly blowing throw a explanation. Sure this way it can be a bit slow depending on how much you already know but at least you know down to the fine details WHY you should be using something in laymans terms and actually understand it and absorb it into your brain.
    There really isn't enough of that.

  • @Molivi
    @Molivi 5 років тому +1619

    I just finished the tutorial (after 3 days), and I can say it is pretty much equivalent to my University course!
    Thanks for the detailed video, it had everything! I suggest x1.25 speed to save 3+ hours in the long run.
    have fun watching :)

    • @godwinfrance2156
      @godwinfrance2156 5 років тому +5

      where you able to access the codes ?

    • @healingyourself2952
      @healingyourself2952 5 років тому +10

      Which university

    • @VinyZikss
      @VinyZikss 5 років тому +94

      3 days? Damn I spent 1 week watching it. Although I kept pausing all the time to write things down...

    • @siddhartharoy5263
      @siddhartharoy5263 5 років тому +7

      It is much from than your university for sure !

    • @VinyZikss
      @VinyZikss 5 років тому +48

      @@igauravpandey yeah bro, it's better to go slow and understand everything than go fast and miss important stuff

  • @shiva-fe5ke
    @shiva-fe5ke 5 років тому +30

    2 hours through this course and already very satisfied with the web I created. Thank you for being such a great teacher

  • @1GhanaBa
    @1GhanaBa 2 роки тому +3

    I have spent about a month and some weeks on this and I must say it's worth it... For the first time I am going to build my own project am happy, God bless the instructor

  • @harambe2185
    @harambe2185 5 років тому +236

    I learned more in 3 days than 5 years in highschool. Thank you!

    • @Saad-mh8rb
      @Saad-mh8rb 4 роки тому +14

      no one spends 5 years in high school

    • @Peanutz4life
      @Peanutz4life 4 роки тому +13

      @@Saad-mh8rb canadians do

    • @David-rq1ok
      @David-rq1ok 3 роки тому +3

      @@Saad-mh8rb us in south africa do

    • @ph3mmy136
      @ph3mmy136 3 роки тому +2

      @@Saad-mh8rb I spend 6

    • @101-c6y
      @101-c6y 3 роки тому +1

      @@Saad-mh8rb In Scotland I was in 6 years.

  • @wim874
    @wim874 4 роки тому +99

    I've learned more with this video, than 1 year of class in university. The only thing I regret about this movie is that i didn't discover it sooner.

    • @ripscru8032
      @ripscru8032 3 роки тому +1

      you discovered it now

    • @zedhacking
      @zedhacking 3 роки тому +1

      @@ripscru8032 lol

    • @kigali_glam
      @kigali_glam 3 роки тому

      How to make CSS switch / toggle / custom checkbox - only HTML and CSS ua-cam.com/video/sjfw5pOrYgg/v-deo.html

  • @abazur7742
    @abazur7742 5 років тому +105

    omg, i'm glad i'have already been through this... Good luck to every one, who just started their journey!

  • @anindagoswami6793
    @anindagoswami6793 Рік тому +55

    Day1 -1:58:00
    Day2 -3:10:00
    Day3 - 5:25:00
    Day4 - 7:00:00
    Day5 - 9:06:20
    Day6 - 11:30:52
    it's a detailed video about HTML and CSS go for it.. best of luck.

  • @sudhirkarmakar4943
    @sudhirkarmakar4943 3 роки тому +181

    I'm 22 and starting to learn coding. This is my first video. Wish me luck!🙏

    • @youtubel1239
      @youtubel1239 3 роки тому +4

      Good Luck bro!

    • @Xcceler
      @Xcceler 3 роки тому +23

      I'm 28 so imagine what you could accomplish by the time your my age jus keep at it. Hoping to get somewhere in web development myself by the age of 30.

    • @lewitness1759
      @lewitness1759 3 роки тому +3

      Try CS50 bro!

    • @eyos9562
      @eyos9562 3 роки тому +4

      I'm 19 and I am starting today. Good Luck @Sudhir Kamakar

    • @kingmaverick632
      @kingmaverick632 3 роки тому +1

      Same dude lol

  • @aerdon0856
    @aerdon0856 3 роки тому +23

    Done! I started on June 7 and finished on August 9. The total days I studied through this course was 19 days. All the gaps are days wherein I tried and applied what I've learned by developing a website for my father's business. Now, I'm not sure I have EVERYTHING he just said on the top of my head, but I kept a note through which I could refer to PLUS all the resources he recommended. Thanks so much!
    What I've heard is that Javascript should be next after this. I've also been told to go for PHP. I plan to attain "fluency" in web development, then move on to C++ or Python or whatever. Still not sure, but I'll worry about software development when I get there.
    In any case, if people wouldn't mind, give this comment a like so I could--and everyone else--keep track of those who have finished the course. Comment your journey and your destination :D my ultimate goal is to be a game developer!

    • @succubus3907
      @succubus3907 3 роки тому +1

      Oh yeah that's also my goal, but I did on reverse I've spend the last months learning python until I was fluent with the basic concepts and OOP and now I'm diving into web development. And your route is pretty good, once you finish JS which will take a bit more time you are set to start being a webdev. Hope you have a good career and keep going as far as you can ;3

    • @owoukoekanem6366
      @owoukoekanem6366 2 роки тому

      Please where do I get he project he said we’d do at the end of the course
      Just finished the course

    • @alicejoy1277
      @alicejoy1277 2 роки тому

      Ouu 10 Mons ago
      Am in an hour
      This is really fun
      Computer science is the future

  • @roryJamrock
    @roryJamrock 5 років тому +135

    UA-cam needs to implement an "extra like" or "love" that we can express towards videos. This is great stuff man.

    • @ParzivalHomage
      @ParzivalHomage 4 роки тому +4

      there is a button called 'DONATE' for that ;)

    • @bing.chilling_7
      @bing.chilling_7 4 роки тому +1

      There is a option called *JOIN*

  • @ogbonnayachikwado1079
    @ogbonnayachikwado1079 Рік тому +27

    Guys, this dude deserves an award in this field, just finished the video and I'm super excited about the massive knowledge I got from this incredible video...1milion thumbs up to you

    • @SilvaOnTube
      @SilvaOnTube Рік тому

      I have to agree. I have seen his courses on Udemy for quite some time but had elected to buy others. His UA-cam channel is amazing!

    • @valentinaiyamu
      @valentinaiyamu Рік тому

      Hello please I couldn't access video resources, can you help?

    • @SilvaOnTube
      @SilvaOnTube Рік тому

      @@valentinaiyamu I posted a comment "for clarity's sake." The jump at about the 43:07 time mark is to a course he has on Udemy. Only if you have bought the course can you download the resources to which he refers. It's harder, but you can pause and take notes.

  • @eisaahmed5323
    @eisaahmed5323 3 роки тому +594

    I completed the course in 10 days
    One day I will come back over here and realize that this was where I started up

    • @venkateshvenky2880
      @venkateshvenky2880 3 роки тому +5

      How was the experience bro... Can u make webpages NOW ?

    • @eisaahmed5323
      @eisaahmed5323 3 роки тому +27

      @@venkateshvenky2880 yeah I have got into html and css pretty much
      I am giving it some practice and within a week I am thinking to move on to javascript
      Best of luck to you too!

    • @venkateshvenky2880
      @venkateshvenky2880 3 роки тому

      @@eisaahmed5323 thank u

    • @atanaspeltekov3381
      @atanaspeltekov3381 3 роки тому +20

      I completed it in two days with 6 hours of sleep and three meals. I had three months to make the IT project but procrastinated until the last 4 days

    • @mbotidemuwak2671
      @mbotidemuwak2671 3 роки тому +2

      I just started!
      Hopefully I'll complete it.

  • @faatimabah
    @faatimabah 2 роки тому +9

    Monday 27/06/22 I started my 12 Weeks journey to become Web developer starting with this video, I will be learning to code for 4h everyday for 3months and hopefully by then, I would be a confident web dev... I am documenting my journey on my youtube channel.
    Good Luck everyone👍🏽 we can do it.

    • @saintsupp4513
      @saintsupp4513 2 роки тому

      where i can find out that resourse file

    • @CamaguNcoso
      @CamaguNcoso 4 місяці тому +1

      @@faatimabah it is 2024. How is your progress this year

  • @mayankpandey2220
    @mayankpandey2220 2 роки тому +92

    Right now I'm at 10:41:21, just came here to appreciate this awesome tutorial. This was my very first experience to start with coding and I think now I feel better and will look forward to learn the other languages!❤️

    • @sarthakbajaj8798
      @sarthakbajaj8798 2 роки тому

      Do you think this video is good enough to learn basics till intermediate level of html and css or it covers the advanced level of html or css too?

    • @xZipperEdgex
      @xZipperEdgex 2 роки тому

      @@sarthakbajaj8798 I’m currently starting this video. But I do know Travesty Media has a pretty good started tutorial for HTML and CSS here on UA-cam.

    • @mayankpandey2220
      @mayankpandey2220 2 роки тому +2

      @@sarthakbajaj8798 Yes!, This is a great video complete it once and do one or two projects and hop on to another language!

    • @sarthakbajaj8798
      @sarthakbajaj8798 2 роки тому

      @@mayankpandey2220 thanks a lot

    • @kuznetsov5172
      @kuznetsov5172 2 роки тому +1

      @@sarthakbajaj8798 this will only teach you the basics, 11 hours is not long enough to "learn" http and css. there is no short cut to it but hard work.

  • @heidyalpizar
    @heidyalpizar 3 роки тому +38

    Two years later after you uploaded this video I find it and is still so useful! Your explanations are very clear and to the point. Thank you so much!

    • @helenodoma
      @helenodoma 2 роки тому +1

      Please who is the tutor in the video he is so good

  • @shalinisrivastava9840
    @shalinisrivastava9840 5 років тому +4

    This is my first comment on any youtube video. I dont comment but hardwork of John Smilga really compelled me to do so. His video is really awesome, the only video one needs to watch.Really thanks John...for providing such wonderful course for free. I really appreciate your effort. Love you John .

  • @flatbreadsub
    @flatbreadsub 4 роки тому +10

    I watched this alkl in one day.... quarantine is the best thing that has happened for people that want to learn online. School allows me to be free for longer which lets me pursue my own passions that I wasn't able to do with school before quarantine.

  • @ahmedabubakar7972
    @ahmedabubakar7972 2 роки тому +7

    This guy is really good. I love how he breaks down everything without assuming the learner knows anything. This is exactly how a tutorial should be. 8 billion thumbs up for John

  • @camilaandreanietomoya5879
    @camilaandreanietomoya5879 Рік тому +5

    Hello everyone! 👋🏻
    I'm super excited, I just finished this video, but I can say that totally is worth it. To be honest I started to program like 2 years ago, starting with HTML and CSS. At that time, I learned pretty basic stuff, and I didn't learn HTML and CSS more deeply.
    Then I realized that I gotta master my skills, and I just took this course. It's really impressive, I learned new things, and I understand some things that I was confused about. Now, I can say that I am confident with HTML and CSS, and I can't wait to get on with it, practice and make cool projects.
    Thanks, Professor, you're my lifesaver... 🤗

  • @Dankschon
    @Dankschon 3 роки тому +1912

    5:30 am alright Imma change my life

  • @sachin__ak
    @sachin__ak 4 роки тому +25

    Holy grail of HTML and CSS!🔥perfect starting tutorial for a web dev.

  • @dkatro548
    @dkatro548 5 років тому +22

    This is the best course, you're not just learn about HTML + CSS, you also learn about the work environtment!
    Good job John, thanks!

    • @tamjidibnakabir4856
      @tamjidibnakabir4856 3 роки тому

      Any group for improvement of coding!?i wanna join

    • @ultimatedoug2227
      @ultimatedoug2227 2 роки тому

      @@tamjidibnakabir4856 there are discord servers related to programming like the programmers hangout. very helpful

  • @sipintarpatrick
    @sipintarpatrick 2 роки тому +21

    the best html and css tutorial i've ever seen on youtube. thanks learning a lot from you, sir.

    • @aleealee9576
      @aleealee9576 2 роки тому

      did this make you able to build a project ?

  • @nicolaspaiva4790
    @nicolaspaiva4790 2 роки тому +15

    I have started my journey to become a Web Developer (initial plan, I am really loving the basics) on the 12th of January, and I hope that by the 12th of January 2023, I will come back to this video and say:
    THANK YOU VERY MUCH!

  • @zippytyro
    @zippytyro 5 років тому +50

    That's startling that y'all are putting so much work. Lots of love from India.

  • @KTones
    @KTones 4 роки тому +338

    Who ever create this video, you will go straight to heaven.

  • @mervinmarias9283
    @mervinmarias9283 Рік тому +3

    You can save yourself the eyesore of the long link by clicking on the image you need in google images, when the side window opens right click and select "save image link". That will give you the shorter https link without needing to download to your drive.

  • @Nox2468
    @Nox2468 4 роки тому +60

    Just finished the whole course. Wanted to say a huge thank you to author for coming up with such amazing lessons! Cheers from UA!

  • @alphabetadministrator
    @alphabetadministrator 4 роки тому +30

    This is a divine html and CSS tutorial. I sincerely appreciate it!

  • @subhuman7695
    @subhuman7695 5 років тому +43

    11 HOOUURSSS ??? WOOOWWW 😱 This is awesome... I hope this summarizes everything on these two markup languages 😊 Good luck Beginners.... 👍🏼

  • @dexterluna1436
    @dexterluna1436 4 місяці тому

    Day 1: 1:39:21
    Day 2: 2:43:29
    Day 3: 4:23:27
    Day 4: 6:44:17
    Day 5: 7:09:25
    Day 6: 10:06:31
    Day 7: 11:30:52
    Done! Thank you very much!

  • @ihiechindimele255
    @ihiechindimele255 3 роки тому +21

    Addicted to this tutorial. I thought I knew stuff about html but 2 hours into this video has humbled me. Thanks so much to the tutor. By the way I am just starting out in programming and this is just perfect for me now

  • @maryshchenkko
    @maryshchenkko 3 роки тому +8

    ( For me )
    88) Text-Align And Text-Indent - 05:53:30
    89) More Text Properties - 05:56:52
    90) Box-Model Intro - 06:04:31
    91) Padding - 06:04:53
    92) Margin - 06:13:28
    93) Border - 06:19:01
    94) Border-Radius, Negative Margin - 06:23:57
    95) Outline Property - 06:27:24
    96) Display Property Intro - 06:34:58
    97) Display Property - 06:35:19
    98) Basic Horizontal Centering - 06:43:26
    99) Mobile Navbar Example - 06:48:11
    100) Box-Sizing Border-Box - 06:58:29
    101) Display Inline-Block - 07:06:46
    102) Display:none, Opacity, Visibility - 07:09:29
    103) Background-Image Intro - 07:16:20
    104) Background Images Setup - 07:16:43
    105) Background-Image-Property - 07:19:43
    106) Background-Repeat - 07:27:45
    107) Background-Size - 07:34:07
    108) Background-Position - 07:36:58
    109) Background-Attachment - 07:41:18
    110) Linear-Gradients - 07:47:04
    111) Background Image Shortcuts Combined - 07:56:49
    112) Linear-Gradient Colorzilla - 08:06:56
    113) Float Position Intro - 08:11:08
    114) Float Property - 08:11:47
    115) Float Property Column Layout Example - 08:19:18
    116) Position Static - 08:25:59
    117) Position Relative - 08:30:44
    118) Position Absolute - 08:33:18
    119) Position Fixed - 08:38:42
    120) Media Quries - 08:42:30
    121) Z-Index - 08:57:07
    122) ::Before And ::After Pseudo Elements - 09:06:04
    123) Css Selectors Intro - 09:27:14
    124) Basic Selectors - 09:28:26
    125) Descendant Child Selectors - 09:31:07
    126) First Line And First Letter - 09:35:50
    127) :Hover Pseudo-Class Selector - 09:36:56
    128) Link Pseudo-Class Selectors - 09:40:03
    129) :Root Preudo-Class Selectors - 09:44:36
    130) Transform,Transition,And Animations - 09:51:01
    131) Transform:transition() - 09:52:17
    132) Transform:scale() - 09:58:52
    133) Transform:rotate() - 10:01:20
    134) Transform:skew() - 10:04:47
    135) Transition Property - 10:06:31
    136) Multiple Transition - 10:09:13
    137) Transition Delay - 10:11:11
    138) Transition-Timing Function - 10:16:36
    139) Animation - 10:25:51
    140) Animation-Fill-Mode - 10:35:51
    141) Last Module Intro - 10:40:53
    142) Css Variables - 10:41:32
    143) Font-Awesome Icons - 10:56:19
    144) Text-Shadow Box-Shadow - 11:07:55
    145) Browser Prefixes - 11:14:44
    146) Semantic Tags - 11:19:23
    147) Emmet Workflow - 11:24:11

  • @ishaan2477
    @ishaan2477 3 роки тому +17

    Finally I did it...
    it took me 3 days
    and if you are getting bored just push till 8 hour mark from that point stuff gets really interesting
    and i'd also recommend making short notes

  • @usamabinhafeezabbasi3873
    @usamabinhafeezabbasi3873 3 роки тому +1

    Completed this course now and going to make some projects for first time. Live free code camp and tutor as well. Thanks from Pakistan. Internet is the best tech of this century. I could get lectures from best professionals at zero cost😆😏

  • @shaniceganas1687
    @shaniceganas1687 4 роки тому +4

    Just finish doing the course it was amazing and I learnt so much more in this course than in any other course I have tried.

  • @cerealbawxtv
    @cerealbawxtv 3 роки тому +174

    Just over an hour in. Loving it so far! I actually feel very confident that I'll learn and become very good at this whole coding thing. You're an amazing teacher. You make things very clear and easy to understand for a complete beginner like myself. Thank you so much!

    • @SachinSingh-vy7pm
      @SachinSingh-vy7pm 3 роки тому

      ua-cam.com/video/67uhPE6DNYU/v-deo.html

    • @kigali_glam
      @kigali_glam 3 роки тому

      How to make CSS switch / toggle / custom checkbox - only HTML and CSS ua-cam.com/video/sjfw5pOrYgg/v-deo.html

    • @rookieprogrammer1767
      @rookieprogrammer1767 3 роки тому +2

      How did things go 9 months later?

    • @Ilovedoingthingsthatidontknow
      @Ilovedoingthingsthatidontknow 3 роки тому

      if u there plz help me out with the little thing waiting for reply

    • @cerealbawxtv
      @cerealbawxtv 3 роки тому +6

      @@rookieprogrammer1767 I fell off track a bit with my studying but I have a basic understanding of HTML and CSS at this point. Currently getting into JavaScript now and hopefully I could land a job as a developer early in the new year haha

  • @yasssh7835
    @yasssh7835 5 років тому +23

    having finished till 7 hrs , I can tell you this is a beast course

  • @axelef2344
    @axelef2344 Рік тому +2

    I got finished in some 3 weeks. I appreciate so much the fact it's free for me so I did this course earnestly and thoroughly. TY very much!

  • @kajetonasa6613
    @kajetonasa6613 4 роки тому +24

    The voice of this guy feels so sincere :)

  • @joshuasampson2092
    @joshuasampson2092 3 роки тому +55

    Okay so, I'm coming to see this. A new programmer, wish me luck guys. I hope this is resourceful.

  • @Pepe-jw7xw
    @Pepe-jw7xw 4 роки тому +62

    Some people were so overwhelmed with his hardwork that they cried and accidentally *disliked* his video .....

  • @EnglishGeekWahoo
    @EnglishGeekWahoo 3 роки тому +1

    Some shake their asses and make their livings outtaf social media, others like this good man are shaking their heads for the best of others, you deserve like, share and subscribe, you’re making your living teaching and spreading knowledge, cheers bro

  • @rishdhisabith2585
    @rishdhisabith2585 2 роки тому +3

    This course gave me the ideal start to HTML and CSS. Throughout the tutorials, I paused your video, coded myself on my text editor, then took notes. I just made it all the way up to the end of the course. The order of the modules was perfect. The explanations were crystal clear to understand. And your sarcasm was awesome😄, which helped me to keep going through the entire 11 and a half an hour course without getting bored. I would like to Thank you, sir, for such a wonderful course
    Edit :
    A few days after this course I was able to clone Facebook and Instagram login pages coding all by myself with the codings taught in this video. This course is a GEM 🤩

    • @Ryan-uk3pq
      @Ryan-uk3pq 2 роки тому +1

      Please tell me, is this course excellent for me? I am a beginner and the course is very long. I am afraid to watch it and nothing will be gained.

    • @rishdhisabith2585
      @rishdhisabith2585 Рік тому +1

      @@Ryan-uk3pq Watch it and code by yourself. Once you reach the end, thank me later.

  • @thareeshprabakaran
    @thareeshprabakaran 4 роки тому +12

    I've done it 7 hours, and I already feel much confident about me mastering HTML and CSS. This tutor is an absolute legend.

    • @ankitasood8589
      @ankitasood8589 4 роки тому

      i have done 5.30 hours keep going

    • @maxmaxwell4211
      @maxmaxwell4211 4 роки тому +1

      Hi, can ask if i can follow this tutorial with windows 10 or i need a mac

    • @maxmaxwell4211
      @maxmaxwell4211 4 роки тому +2

      @@ankitasood8589 Hi, can ask if i can follow this tutorial with windows 10 or i need a mac

    • @ankitasood8589
      @ankitasood8589 4 роки тому +2

      @@maxmaxwell4211 You can follow this tutorial .It doesn't matter whether you have windows or mac.Just keep going.All the best

    • @maxmaxwell4211
      @maxmaxwell4211 4 роки тому +1

      @@ankitasood8589 Thank you

  • @brunoavelar4003
    @brunoavelar4003 3 роки тому +7

    The passion in your voice is surreal.

  • @farahsarwar-e7-lhr667
    @farahsarwar-e7-lhr667 Рік тому +31

    Finally completed 🙌
    Thanks for the course.
    Now I am going to do some projects using html and css.

    • @fatimafarhan5956
      @fatimafarhan5956 Рік тому +4

      Hello, will you please be kind enough to tell me how effective and helpful this course was for you.

    • @altashakhan3349
      @altashakhan3349 Рік тому +2

      Guide me also

    • @motherbruha
      @motherbruha Рік тому +1

      @@fatimafarhan5956 I would like to know as well please

  • @jawad_youtube
    @jawad_youtube 3 роки тому +26

    Thanks to all the teachers who have been providing us this kinda free education with quality content.💖

  • @moderndaypoet2518
    @moderndaypoet2518 2 роки тому +3

    This is so awsome! For free too! I'm a single dad now but still wa t to find time to learn. Just curiosity a d would like to get my son into coding one day. So once I find time in a normal schedule, I'll definitely JOIN for the $4.99 a month! You guys are awsome!

  • @aravindsanjeev4150
    @aravindsanjeev4150 3 роки тому +19

    This like the 4th long tutorial I am watching from this channel. So far I have been watching Python, Django, React tuts. But I never really learned HTML and CSS in their complete form other than the basics that was needed to learn other tuts. Actually, thanks for this tutorial!

  • @wasnatehere
    @wasnatehere 2 роки тому

    Anyone considering watching this, absolutely do! I finished it after about 5 days and am now onto making my first site. Now, coming back to reference is like visiting an old friend. John, thank you so much for your hard work!!

  • @Bkkboyyz
    @Bkkboyyz 4 роки тому +8

    At 37:40, Emmet autocomplete is not on by default.
    If you've just installed VSC, you need to head over to "settings">search for emmet>scroll down and click>trigger expansion on tab :)

  • @nivmittal
    @nivmittal 4 роки тому +9

    One of the best free HTML and CSS tutorial I ever saw. Everything is crystal clear and no hiding at all and very well done. Thanks for posting it, it was very helpful and I look forward to seeing your other courses.

    • @tamjidibnakabir4856
      @tamjidibnakabir4856 3 роки тому

      Any group for improvement of coding!?i wanna join

    • @modemvedasree8294
      @modemvedasree8294 3 роки тому

      Will this tutorial covers both html and css from scratch to advance level or it's only for beginners?

    • @nivmittal
      @nivmittal 3 роки тому +1

      @@modemvedasree8294 This tutorial is intermediate level, I watched this multiple times to understand this.

    • @modemvedasree8294
      @modemvedasree8294 3 роки тому

      @@nivmittal okay thank you

  • @gennie01
    @gennie01 3 роки тому +139

    I'm only 2hrs in but learned so much already! Thanks a lot for your generosity in sharing your knowledge. Good thing I started out with your course as it is easy to follow.

  • @stacydevries4241
    @stacydevries4241 2 роки тому +1

    this is what is called a very good video with who we can call as an excellent teacher, john smilga.

  • @ophirn.m7817
    @ophirn.m7817 4 роки тому +5

    I finished the course after about four to five weeks of casual learning and you are a incredible teacher and it was really interesting thank you for all of this fun

    • @maxmaxwell4211
      @maxmaxwell4211 4 роки тому

      What are you doing after finishing the course

    • @ophirn.m7817
      @ophirn.m7817 4 роки тому +2

      @@maxmaxwell4211 I did allot of projects and then started to learn JavaScript

    • @anikethpaul3657
      @anikethpaul3657 3 роки тому

      @@ophirn.m7817 Are you at a job right now?

    • @ophirn.m7817
      @ophirn.m7817 3 роки тому

      @@anikethpaul3657 no I am a student

  • @diamondbros6446
    @diamondbros6446 3 роки тому +9

    I cannot thank you enough for this tutorial, it has always been my dream to be a website developer and thanks to you that dream came true!

    • @kigali_glam
      @kigali_glam 3 роки тому

      How to make CSS switch / toggle / custom checkbox - only HTML and CSS ua-cam.com/video/sjfw5pOrYgg/v-deo.html

  • @juanjozo1000
    @juanjozo1000 4 роки тому +5

    Excelent tutorial! Just a quick note for 3:41:28.
    The style of h1 doesn't get overwritten by the internal style element in the html file because it is "stronger", but because of the order in which instructions are passed (first the external css file source is assigned, and then the internal style element gets declared).
    For instance, if one were to put the internal style element before the assignment of the external css file, then the external css settings would take over (since they are the last to be executed).

    • @rawanBairouti
      @rawanBairouti 2 роки тому

      Thank you for writing this comment! This is quite important to know.

  • @thepriestofvaranasi
    @thepriestofvaranasi Рік тому +2

    36:30
    2:09:42
    3:16:04
    4:37:46
    5:56:52 - Text properties
    6:35:04 - Display properties
    7:37:00 - Background position
    8:29:22 - Positioning
    9:27:28 - CSS selectors
    10:16:47 - transition (transition timing function)
    10:57:23 - Font awesome

  • @PrimeFreedom2008
    @PrimeFreedom2008 5 років тому +7

    You are such a great teacher as you did not let any simple thing without explanation this is really recommended for the absolute beginners for sure.
    thank you

  • @jjacklt
    @jjacklt 2 роки тому +25

    2 hours in, as a complete beginner, this is extremely helpful and interesting so far. Have also seen one from Programming with Mosh and I find both great, but this one even more comprehensible with more explanations. Keep up the great work, looking forward to watch till the end.
    PS: I can also recommend playing it on 1.25x speed, however I'm the type of person that has to hit the backwards button a lot.

    • @nfh0849
      @nfh0849 2 роки тому +1

      How's it going so far? I'm looking for a place to start learning html and css (and javascipt) for a project of mine. Do you think it's worth investing time into this video? Thanks.

    • @jjacklt
      @jjacklt 2 роки тому +1

      @@nfh0849 It's definitely worth it! It worked so well that I actually build my own website!

    • @nfh0849
      @nfh0849 2 роки тому

      @@jjacklt Cool! Guess I'll give it a try

    • @sportsupdate1462
      @sportsupdate1462 2 роки тому

      @@nfh0849 How's it going so far?? Have you completed??

  • @franklinmayoyo
    @franklinmayoyo 2 роки тому +14

    Finally
    After a week of several pauses and replays, I finally, wrap this up.
    much love to the tutor and the channel for providing this information for free.
    I used to leave ads to play as I stretch and dehydrate

    • @goodzergood2507
      @goodzergood2507 2 роки тому +1

      What it took me 5 months to finish this

    • @franklinmayoyo
      @franklinmayoyo 2 роки тому

      @@goodzergood2507 I understand maybe you had other commitments...am idle all week that is why....am currently learning javascript on his channel (coding Addict)... then I combine it with HTML and CSS.

    • @goodzergood2507
      @goodzergood2507 2 роки тому

      @@franklinmayoyo next thing I have to learn is JavaScript

    • @franklinmayoyo
      @franklinmayoyo 2 роки тому

      @@goodzergood2507 sure... you should. I recommend you go for his JavaScript course (JavaScript Fundamentals) here on his UA-cam channel (coding addict).... freecodecamp have two courses on the same from different tutors but they don't explain everything from the start (not good for absolute beginners)

    • @elpeeda42
      @elpeeda42 2 роки тому

      @@franklinmayoyo Thanks for the suggestion. I was trying to find a javascript tutorial but i didn't know this same tutor has he's own channel. Thanks :)

  • @codingschool1496
    @codingschool1496 2 роки тому +1

    i swear to God the best so far i have come acrossed. i saw 11 hours long i said jeezzz why . but you the best lecturer so far i wish i could buy you a coffee

  • @robdevore6193
    @robdevore6193 2 роки тому +12

    Out of the many HTML+CSS tutorials I've watched, this has been BY FAR the most in-depth tutorial, while also allowing for easy comprehension. It's astonishing to me that this is free.
    11 hours is nothing in the grand scheme of things. I put the course on 1.25x speed and finished it within a 2 day span. My level of understanding of HTML and CSS is now 100x what it used to be when I was trying other courses out. I'm going to hone my skills and develop some simple webpages now, and hopefully move onto some Javascript courses.
    Very grateful to you sir, for the wonderful experience.

  • @AndrewDzula
    @AndrewDzula 3 роки тому +17

    Probably condensed an entire semester into one video, absolute king

    • @tamjidibnakabir4856
      @tamjidibnakabir4856 3 роки тому

      Any group for improvement of coding!?i wanna join

    • @kigali_glam
      @kigali_glam 3 роки тому

      How to make CSS switch / toggle / custom checkbox - only HTML and CSS ua-cam.com/video/sjfw5pOrYgg/v-deo.html

  • @indiedy_ghaze0968
    @indiedy_ghaze0968 3 роки тому +6

    Just finished the course, it took me about one week to complete because I took it slow but I am so glad I chose to overcome this, it was one of my biggest fears as a young teen back then and I thought it was the hardest thing in the world, now that I'm looking into it, man its really not that hard I wish I would have faced this sooner but I'm glad I did it now, thank you whoever you are, I will remember the fun times and humorous moments as well as the learning
    (Man this really also teaches me to take advantage of all these other coding courses less than 11 hours lol, JavaScript here I come!)

  • @CuriousMinds-V1
    @CuriousMinds-V1 Рік тому +2

    day one - 1:05:50
    day two - 1:58:24
    day three - 3:20:18 - 3:28:10
    day four - 4:22:38 - 4:27:41
    day five - 5:57:10
    day six - 8:40:03
    day seven - 9:25:20
    day eight - 10:16:40
    day nine - finished

  • @kangjavves6259
    @kangjavves6259 Рік тому +4

    day 1= 52:09
    day 2= 1:33:14
    day 3= 2:17:35
    day 4= 3:16:06
    day 5= 4:16:50
    day 6= 5:19:28
    day 7= 6:04:46
    day 8= 6:35:12
    day 9= 6:56:39
    day 10= 7:57:31

    • @mute0000
      @mute0000 Рік тому

      il bro si è stancato

  • @Sawta
    @Sawta 3 роки тому +9

    2:09:40 For anyone having problems with Prettier:
    Settings -> Format -> Default Formatter -> "Prettier - Code Formatter"
    2:20:25
    To select an entire line in Windows: Ctrl+L, not I.

  • @Jaycode4578
    @Jaycode4578 2 роки тому +3

    Thank you for this wonderful video. It's almost three years now, but I can tell you this is one of the best video out there. You are amazing!

  • @harshit6855
    @harshit6855 2 роки тому +2

    Just Finished this video ,Worth Wathcing now I will head towards advanced CSS and some projects then Javascript and react . thank you so much sir for such a premium content

  • @tannerbarcelos6880
    @tannerbarcelos6880 5 років тому +19

    cannot wait to be a front end engineer!! I just love visuals and UX and coding. Screw the hardcore boring stuff. i want to be creative and have fun and have impact too!

  • @ferozalimeghani2561
    @ferozalimeghani2561 2 роки тому +4

    Your long tutorial is just what I needed to learn html and css from scratch. Thanks for the hard work of creating such a lengthy tutorial. Also it has much to learn for new users of visual source code text editor and chrome developer tools.

  • @NoorHoods
    @NoorHoods 3 роки тому +4

    Nearly 4 hours in now - Wow! What a tutorial! It's absolutely amazing. I've never had so much fun in a tutorial ever. The fact that I feel more and more confident with every minute watching this, says a lot. Looking forward to the rest, but I'm going to try my best not to burn out. I try to take some breaks, where I just practice things I have learned. I will recommend this video to anyone who wants to start HTML and CSS.

    • @joychen1285
      @joychen1285 3 роки тому

      I stopped at 4 hours today, will continue css part tomorrow. How many hours you made now?

    • @NoorHoods
      @NoorHoods 3 роки тому

      @@joychen1285 I've been working these past 2 days, so I haven't been able to do any more. Will do more later today:)

    • @tamjidibnakabir4856
      @tamjidibnakabir4856 3 роки тому

      Any group for improvement of coding!?i wanna join

  • @willywrld
    @willywrld Рік тому +1

    The most simplified html css course on youtube. Thank a lot.

  • @nolajeason6265
    @nolajeason6265 3 роки тому +18

    And my college has collected over 30k from me so far...when this free video is 1 million times better than my college...

  • @twb_luis915
    @twb_luis915 4 роки тому +656

    Parents: you can watch one video before you go to bed

    • @maheshguptha9796
      @maheshguptha9796 3 роки тому +3

      Hahaha

    • @Xcceler
      @Xcceler 3 роки тому +4

      That's a good one 😂

    • @prashantchawla5996
      @prashantchawla5996 3 роки тому +2

      i am doing this in windows and my settings arent working properly they do not come with the left hand tab full of suggestions like his does , did you perhaps have the same problem could you tell me what i am doing wrong

    • @KA-cm3nv
      @KA-cm3nv 3 роки тому +6

      I wish I watched this when I was in high school. Now I’m trying to get out of my shitty job at 30 lol

    • @hovasg1085
      @hovasg1085 3 роки тому +2

      put you to sleep real quick 😂

  • @glennevans2525
    @glennevans2525 4 роки тому +8

    I appreciate your teaching style and humor. Makes the course enjoyable.

    • @kigali_glam
      @kigali_glam 3 роки тому

      How to make CSS switch / toggle / custom checkbox - only HTML and CSS ua-cam.com/video/sjfw5pOrYgg/v-deo.html

  • @dadecky5276
    @dadecky5276 2 роки тому +1

    finished the course today, im so happy. i hope this will be a good start

  • @marcinb7223
    @marcinb7223 4 роки тому +8

    i just finished course :)
    a week of hard work, I feel I've learned a lot. Thanks man! I appreciate it

    • @tarekflici4617
      @tarekflici4617 3 роки тому +1

      is it worth watching dude?

    • @conscious_competence3703
      @conscious_competence3703 3 роки тому

      I'm on hour ten right now. I still need to go over some things but that's just because it's a lot of info. He does a great job explaining though.

  • @tris756
    @tris756 3 роки тому +4

    I started watching the UA-cam course and after like 40 minutes bought in on Udemy. The price isn't high, for me it was 12 bucks, but it's worth the money, a lot of important knowledge gathered in one course. Good job John!

    • @kigali_glam
      @kigali_glam 3 роки тому

      How to make CSS switch / toggle / custom checkbox - only HTML and CSS ua-cam.com/video/sjfw5pOrYgg/v-deo.html

  • @logicmonster6197
    @logicmonster6197 2 роки тому +24

    I would like to thank freecode and especially this man who is explaining
    This man explains like he really want u to learn and the way he is so respectful and apologizing every time.
    He understands as a beginner what kind of DIFFICULTIES u might face so he's gonna make it easier for u

  • @enikyne
    @enikyne 2 роки тому +2

    Pray for me folks... I am entering this career path as a not so tech-savvy person. For those in my shoes, here's some encouragement. Taking notes, following along, and understanding errors i make, it took me almost a whole month to finish this course! Full time physical job and a supportive wife, plus other time consuming life duties I covered 30 minutes of content a day. I never thought i'd understand anything but with faith and consistency, we can do all things :)
    Also, i use to type like a turtle with my neck hunched down at the keyboard but i forced myself to take my time following along with proper typing finger form(tutorials!) I believe in perfecting form will make the long run a whole lot better for anyone.
    On to the next part, whichever it is xD God bless y'all and hang in there!