Recreate Youtube Side Menu using Bootstrap 4 | Oleks Tsukur | Skillshare

Recreate Youtube Side Menu using Bootstrap 4

Oleks Tsukur, Front-End Developer at Apptopia

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
9 Videos (1h 21m)
    • Intro

      1:09
    • Necessary Utilities Overview

      5:31
    • Setup the workspace

      1:46
    • Build the Header

      25:55
    • Build the Content Area

      13:31
    • Side Menu Skeleton

      6:20
    • Side Menu Internals

      12:07
    • Side Menu Mobile Animation

      13:43
    • Outro

      0:34

About This Class

A fast-paced, practical class on using Bootstrap 4 to build complex UIs for a living from a guy who makes a living.

You'll build the Youtube Side Menu from scratch. But it can't float in the air by itself, so you will first build the Header and Content Area.

I have cut out all the "ums" and pauses so it feels a bit abrupt for one important reason – show you more than tell.

This class assumes you have the basic understanding of HTML5, CSS3(SCSS) but want to take your front-end skills to the next level. For example, you are:

  • someone who has shoved more theory in his head than practice (like me in the first year of learning HTML5/CSS3(SCSS).). 
  • a back-end developer who is tired of being at the mercy of front-end dev to align things
  • a project manager who is eager to know how to use Chrome Inspector to cut in half the back and forth with designers and UI devs. Especially valuable for an overseas team

31

Students

1

Project

  • --
  • Beginner
  • Intermediate
  • Advanced
  • All Levels
  • Beg/Int
  • Int/Adv

Level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

Oleks Tsukur

Front-End Developer at Apptopia

Hello, I'm Oleks. I love building UIs and sharing my knowledge in the process.

Online learning has transformed my life and I hope I can give back in some way.

See full profile

Report class