Bootstrap 4 From Scratch With 5 Projects

4.7 (12460)
Онлайн-курс
Payment
Обучение платное
Language
Английский
Duration
11.5 часов курса
Курс от Udemy
Чему вы научились?
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
О курсе

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
    Лекторы
    Brad Traversy
    Brad Traversy
    Full Stack Web Developer & Instructor at Traversy Media
    Платформа
    /storage/img/providers/udemy.svg
    Курсы Udemy подойдут для профессионального развития. Платформа устроена таким образом, что эксперты сами запускают курсы. Все материалы передаются в пожизненный доступ. На этой платформе можно найти курс, без преувеличений, на любую тему – начиная от тьюториала по какой-то камере и заканчивая теоретическим курсом по управлению финансовыми рисками. Язык и формат обучения устанавливается преподавателем, поэтому стоит внимательно изучить информацию о курсе перед покупкой.
    Рейтинг
    4.7
    (8170)
    (3533)
    (746)
    (121)
    (68)
    Комментарии (12460)
    Как и любой другой веб-сайт, konevy использует файлы cookie. Эти файлы используются для хранения информации, включая предпочтения посетителей и страницы веб-сайта, которые он/она посещал. Информация используется для того, чтобы подстроить содержимое нашей страницы под тип браузера пользователя и другие параметры и таким образом улучшить его пользовательский опыт. Для получения более подробной информации о файлах cookie, пожалуйста, прочтите статью «Что такое файлы cookie»