Web Development Masterclass: Learn HTML, CSS Flexbox, Bootstrap for Responsive Web Design

Luis Carlos, Engineer, Web Developer and Instructor

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
41 Lessons (2h 15m)
    • 1. Course presentation

      2:26
    • 2. Introduction

      2:55
    • 3. Flexbox layout model

      3:26
    • 4. Flexbox properties

      1:48
    • 5. Display property

      3:59
    • 6. Flexbox default behavior

      3:38
    • 7. Flexbox direction

      4:19
    • 8. Flex wrap

      3:26
    • 9. Flex flow

      1:59
    • 10. Justify content

      3:49
    • 11. Align items

      4:22
    • 12. Align content

      3:26
    • 13. Order property

      3:22
    • 14. Flex grow

      4:55
    • 15. Flex shrink

      2:29
    • 16. Flex basis

      2:07
    • 17. Flex

      4:32
    • 18. Align self

      2:43
    • 19. Holy Grail layout introdution

      0:56
    • 20. Holy Grail layout - 1st method

      5:22
    • 21. Holy Grail layout - 2nd method

      2:09
    • 22. Holy Grail layout - create header content

      5:35
    • 23. Holy Grail layout - create navigation links

      2:32
    • 24. Holy Grail layout - create main content

      3:05
    • 25. Holy Grail layout - create aside content

      1:42
    • 26. Holy Grail layout - create footer content

      2:08
    • 27. Advanced layout technique - part 1

      4:43
    • 28. Advanced layout technique - part 2 (Holy Grail layout)

      3:22
    • 29. Introduction to Media Queries

      6:05
    • 30. Make your Webpage with Responsive Layout (Holy Grail Layout)

      4:35
    • 31. Responsive Design without Media Queries (With Flex-Wrap)

      2:57
    • 32. Bootstrap flex intro

      1:40
    • 33. Bootstrap - Display utility classes and use of breakpoints

      7:21
    • 34. Bootstrap - Direction utility classes

      2:27
    • 35. Bootstrap - Flex wrap utility classes

      2:28
    • 36. Bootstrap - Justify content utility classes

      2:18
    • 37. Bootstrap - Align item utility classes

      2:11
    • 38. Bootstrap - Align content utility classes

      2:28
    • 39. Bootstrap - Align self utility classes

      2:16
    • 40. Bootstrap - Flex Grow & Shrink utility classes

      4:14
    • 41. Bootstrap - Order utility classes

      2:40