Full Stack Web Development for Beginners- Part 2: Flexbox, CSS Grid and Bootstrap 4 - Skillshare

Full Stack Web Development for Beginners- Part 2: Flexbox, CSS Grid and Bootstrap 4

Chris Dixon, Web Developer & Online Teacher

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
34 Videos (2h 60m)
    • Welcome to the course!

      1:54
    • What is Flexbox?

      3:26
    • Flex direction

      4:42
    • Flex wrap and justify content

      5:16
    • Align items

      5:21
    • Align content

      4:26
    • Controlling child items: order

      2:57
    • Controlling child items: grow and shrink

      6:15
    • Controlling child items: alignment

      2:37
    • Time to practice: Integrate Flexbox into Tech Store

      1:01
    • What is the CSS Grid?

      0:56
    • First look at the CSS grid

      7:16
    • Grid gaps

      2:28
    • Track repeating and the fr unit

      3:42
    • Min and max track sizes

      2:06
    • Grid line numbers

      7:06
    • Grid line names

      5:53
    • Grid template areas

      7:11
    • Nesting grids

      2:32
    • Alignment

      5:47
    • Time to practice: Song Finder layout

      6:55
    • What is Bootstrap?

      3:33
    • What we will be building

      2:29
    • Creating a Bootstrap project

      7:01
    • The Bootstrap grid

      8:27
    • Adding images and text

      11:35
    • Bootstrap navbars

      9:54
    • Bootstrap carousels

      6:33
    • Adding controls to the carousel

      4:34
    • Bootstrap modals

      8:32
    • Bootstrap forms

      13:52
    • Bootstrap utilities

      12:12
    • Thank you

      0:52
    • Follow me on Skillshare!

      0:23
11 students are watching this class