Bootstrap 4 From Scratch With 5 Projects

4.7
12 460 комментариев
Payment
Обучение платное
Certificate
Сертификация бесплатная
Duration
11.5 часов курса
О курсе

This course will literally take you from knowing nothing about Bootstrap 3 or 4 to learning all of the utilities, components, widgets and grids and building real world themes and websites. You do NOT need to know Bootstrap 3 for this course. Even if you already know Bootstrap 4, skip the learning sections and head right for section 6 to create the simple boiler theme and start the projects. Everything is completely modular!

Custom Bootstrap Sandbox

I have created a completely custom HTML learning environment for the first few sections of this course. Each lecture has an html page associated with it and has a start state. As we move along through the lectures, you code along with me learning all that Bootstrap 4 offers including helpers/utilities, components, widgets, flexbox and more.

5 Real Projects/Themes

We will create 5 real world themes including. These projects are completely open source and you are free to use them anywhere.

  • LoopLap - A social UI Theme
  • Mizuxe - A Book/Product Showcase Theme (Sass Project)
  • Blogen - A blog admin area UI
  • Glozzom - A multi page theme with a carousel and some 3rd party scripts
  • Portfoligrid - A portfolio theme using the grid, flexbox and the collapse widget
  • Программа
    Intro & Getting Started
    Learn what Bootstrap is and what this course is about. We will also setup the environment for the course
    Welcome To The Course
    In this intro video we will talk about what you can expect from this course. We will also talk about the Bootstrap 4 projects included
    What Is Bootstrap & Why Use It?
    What's New In Bootstrap 4?
    Initial Environment Setup
    Bootstrap Sandbox Setup
    In this video we will setup the custom Bootstrap Sandbox UI that I have created. This sandbox will be used in the next few sections to learn about utilities, components, grids, widgets, etc. Make sure you follow along and unzip the files to your machine
    Typography & Utilities
    Learn utilities and helper classes of Bootstrap 4 as well as typography and text formatting
    Section Introduction
    Headings & Basic Typography
    Text Alignment & Display
    Floats & Fixed Positions
    Colors & Background
    Требования
    • You should have basic knowledge of HTML & CSS
    • You do NOT need to know any Bootstrap 3
    Что Вы изучите?
    • Learn and create amazing high quality Bootstrap 4 themes and UIs from scratch
    • Learn the Bootstrap 4 utilities, classes, components & JS widgets using a custom sandbox environment
    • Learn semantic HTML5 & modern CSS3 techniques
    • Learn to compile Sass in the easiest way possible using a GUI
    Лекторы
    Brad Traversy
    Brad Traversy
    Full Stack Web Developer & Instructor at Traversy Media

    Brad Traversy has been programming for around 12 years and teaching for almost 5 years. He is the owner of Traversy Media which is a successful web development YouTube channel and specializes in everything from HTML5 to front end frameworks like Angular as well as server side technologies like Node.js, PHP and Python. Brad has mastered explaining very complex topics in a simple manner that is very understandable. Invest in your knowledge by watching Brad's courses.

    Платформа
    Udemy
    Курсы Udemy подойдут для профессионального развития. Платформа устроена таким образом, что эксперты сами запускают курсы. Все материалы передаются в пожизненный доступ. На этой платформе можно найти курс, без преувеличений, на любую тему – начиная от тьюториала по какой-то камере и заканчивая теоретическим курсом по управлению финансовыми рисками. Язык и формат обучения устанавливается преподавателем, поэтому стоит внимательно изучить информацию о курсе перед покупкой.
    96.99 $ 149.99 $
    Рейтинг
    4.7
    8 113
    3 513
    745
    120
    68