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

7 of 7 students recommendSee All

This is great for someone who wants to level-up as a front-end developer! The guy sounds a bit shy, but he knows the stuff. And it's always great to recreate something so popular as the YouTube layout. Knowing that is done by the top talent in the industry. And after the class, you can do it yourself. Nice!

25

Students

1

Project

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