PSD to Bootstrap 4: Turn your web design into a web page

Luke Fabish, Let's get coding!!

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
15 Videos (1h 56m)
    • Introduction to the class.

      1:20
    • Who is this class for?

      1:04
    • What you'll learn in this class.

      3:16
    • What is Bootstrap?

      2:26
    • Bootstrap concepts overview.

      8:21
    • How to implement Bootstrap navigation.

      10:40
    • How to make Bootstrap navigation responsive.

      10:23
    • How to add a dropdown menu to Bootstrap navigation.

      11:44
    • Create a layout with containers, rows and columns.

      14:57
    • Bootstrap columns in detail.

      7:02
    • Add a data table with small columns.

      9:40
    • Creating Bootstrap input controls.

      5:40
    • How to create a page footer in Bootstrap.

      4:08
    • How to customize a Bootstrap web page.

      25:00
    • Class review.

      0:42
19 students are watching this class

About This Class

This is where you learn how to turn a web design into a web page with Bootstrap 4.

Bootstrap is the fastest way you can build a web page that's responsive and displays perfectly everywhere.

This class teaches the concepts and techniques you can use to build Bootstrap web pages.

Besides fundamental concepts, you'll lean how to:

  • Create complex navigation that works perfectly on large and small devices.
  • Implement dynamic layouts using Bootstrap's grid styles.
  • How you can customize your Bootstrap web page to make it really your own.
  • This class uses a variety of theory and practical examples to make sure you learn to use Bootstrap with confidence.

I'll be with you every step of the way during the course, so if you need any help - just ask!

25 of 25 students recommendSee All

Thank you for this class Luke ! your lessons make help me understand certain concepts better ! you are a great instructor ! we hope more lessons from you !
I've never gotten this far with bootstrap. I had to make some small adaptations for small things that didn't came out the same, but nothing that google can't solve
This class was the right level for me--i am familiar with CSS and HTML but hadn't yet encountered Bootstrap. It was invented after i left professional web development, so getting back in the game to make my sites mobile friendly has been challenging. The instructor is clear, enunciates well, is an animated speaker, and every step is shown on the videos. (For a more advanced user this might be tedious, but it was exactly what i needed.) I hope Fabish records more web dev classes!
Sän Inman

patron saint of sarcasm

426

Students

1

Project

Luke Fabish

Let's get coding!!

I'm a great believer in empowerment through learning, and that's what I believe teaching on Skillshare is all about.

As a professional software engineer I've benefited massively from educational resources on the Internet.

Especially, I want my Skillshare classes to be an entry point for anyone who wants to learn about programming from the very beginning, and to start a journey into the world of professional software development.

See full profile