Главная страницаКатегория другое (frontend)Изучите Bootstrap, создавая проекты - Включает Bootstrap 4

Изучите Bootstrap, создавая проекты - Включает Bootstrap 4

Name: Изучите Bootstrap, создавая проекты - Включает Bootstrap 4
Rating: 3.7 (4 reviews)

Learn Bootstrap By Building Projects - Includes Bootstrap 4

udemy

★3.7 (всего оценок - 4)

Продолжительность

30 ч 50 мин

Категория

Другое (Frontend)

Количество уроков

229 Видео

Дата добавления

7 дек. 2019 г., 15:28

Язык

Английский

Дата выхода

15 окт. 2019 г., 00:00

Дата обновления

29 апр. 2026 г., 05:55

Хотите быстро и уверенно освоить Bootstrap 3 и Bootstrap 4? Этот курс — практический путеводитель по современным инструментам веб‑разработки, который помогает учиться не на теории, а создавая реальные проекты. Каждый урок усиливает ваши навыки и делает вас ближе к уровню профессионального фронтенд‑разработчика.

Что представляет собой этот курс

Курс полностью основан на проектной методике: вы изучаете Bootstrap, шаг за шагом создавая настоящие сайты, интерфейсы и шаблоны. Такой формат позволяет быстро усвоить структуру фреймворка, научиться адаптивной верстке и работе с современными препроцессорами.

Чему вы научитесь

Ключевые навыки

Использование сеток Bootstrap для построения гибких макетов.
Работа с компонентами интерфейса: кнопки, карточки, формы, навигация, карусели.
Создание адаптивных сайтов, корректно работающих на всех устройствах.
Использование SASS и LESS совместно с Bootstrap.
Интеграция jQuery‑плагинов, фото‑галерей и других UI‑элементов.
Работа с Bootstrap 4 и его новыми возможностями.

Зачем это вам

К концу курса вы овладеете полным циклом разработки сайтов на Bootstrap и сможете создавать блоги, лендинги, промо‑страницы, интерфейсы админ‑панелей и интернет‑магазины.

Проекты, которые вы создадите

Проекты на Bootstrap 3

Photo App Sales Website

Ваш первый проект, с которого начнётся знакомство с сеткой, базовой структурой и стилями Bootstrap.

Photo App Sales Website с SASS

Изучите препроцессор SASS, научитесь работать со сложными компонентами и кастомизировать стили под свои задачи.

Шаблон социальной сети

Множество UI‑элементов, вложенные сетки, группы кнопок, галереи и медиазапросы — отличный опыт создания сложного макета.

Целевая страница агентства

Освоите LESS, эффекты прокрутки, работу с Jumbotron и иконками Font Awesome.

Фотогалерея

Создание галереи на основе Grid UI, вкладок, карусели изображений и Jquery Lightbox.

Шаблон администратора CMS

Таблицы, хлебные крошки, глифы, группы кнопок — всё, что нужно для панели администратора.

Сайт веб‑хостинга

Разберёте UI‑темы Bootswatch, карусели и дополнительные элементы интерфейса.

Шаблон интернет‑магазина

Изучите структуры каталога, сетку товаров, кастомный header и взаимодействие компонентов.

Business Bootstrap Theme

Анимации CSS и адаптивная оптимизация — создание динамичной бизнес‑темы.

Сайт блога

Навигация, формы, миниатюры, сетки — полноценный интерфейс современного блога.

Проекты на Bootstrap 4

Что нового в Bootstrap 4

Краткий и структурированный обзор всех ключевых изменений фреймворка.

Hello World Project

Создание базового шаблона с использованием новых классов и компонентов Bootstrap 4.

Complete Website Project

Полноценный сайт, где вы примените весь функционал актуальной версии Bootstrap.

Новые проекты на Bootstrap 4 регулярно добавляются, чтобы вы всегда работали с актуальными технологиями.

Почему этот курс идеально подходит для новичков и практикующих разработчиков

Вы не просто изучаете синтаксис — вы создаете проекты, которые можно добавить в портфолио. После прохождения курса вы сможете уверенно сверстать практически любой сайт на Bootstrap.

Итог

Освоив все проекты курса, вы получите прочную базу по Bootstrap 3 и Bootstrap 4, научитесь быстро создавать современные адаптивные сайты и сможете уверенно стартовать или продвинуться в профессии веб‑разработчика.

Урок 1.00:03:30
Intro
Урок 2.00:05:43
Who is this Course for
Урок 3.00:03:29
How to Succeed
Урок 4.00:03:43
Advantages and Disadvantages
Урок 5.00:05:32
What this Course will Cover
Урок 6.00:10:32
Html Review
Урок 7.00:06:23
Css Review
Урок 8.00:05:16
Framework vs Library
Урок 9.00:13:14
Reading Documentations
Урок 10.00:08:16
Getting Started
Урок 11.00:10:51
Sass-Intorduction
Урок 12.00:03:40
Gulp-Intorduction
Урок 13.00:04:13
Installing-Sass-Windows
Урок 14.00:04:23
Installing-nodejs-and-npm
Урок 15.00:05:55
Starting out with gulp and sass
Урок 16.00:05:43
Testing with Browsersync
Урок 17.00:05:08
Sass Porject Structure
Урок 18.00:11:54
Variables and Nesting
Урок 19.00:10:49
BEM
Урок 20.00:08:08
Extends Mixins and Includes
Урок 21.00:07:24
Functions and Operators
Урок 22.00:01:47
LAB1 Problem
Урок 23.00:03:19
LAB1 Solution
Урок 24.00:01:28
LAB2 Problem
Урок 25.00:08:21
LAB2 Solution
Урок 26.00:03:17
Flexbox
Урок 27.00:10:14
Installing with NPM
Урок 28.00:06:33
Adding Custom Bootstrap to Project
Урок 29.00:05:57
Container and Breakpoints
Урок 30.00:07:56
Grid Options
Урок 31.00:06:59
Equally width Columns
Урок 32.00:05:16
Gutters and Alignment
Урок 33.00:03:52
What to stay away from in Bootstrap Grid
Урок 34.00:04:55
Nesting and Sass
Урок 35.00:00:47
Lab Problem
Урок 36.00:03:52
Lab Solution
Урок 37.00:05:12
Typography
Урок 38.00:04:08
RFS
Урок 39.00:05:46
RFS in Action
Урок 40.00:07:01
Vertical Rhythm Updated
Урок 41.00:04:24
Code
Урок 42.00:06:33
Images and Figures
Урок 43.00:04:32
Table Syntax
Урок 44.00:05:01
Bootstrap Tables
Урок 45.00:03:12
Bootstrap Responsive Tables
Урок 46.00:06:23
None Bootstrap Responsive Tables
Урок 47.00:01:20
Lab Problem
Урок 48.00:03:56
Lab Solution
Урок 49.00:09:58
Node Modules
Урок 50.00:09:26
Building JavaScript
Урок 51.00:02:37
Util.js
Урок 52.00:04:26
Alerts
Урок 53.00:08:03
Bootstrap Colors
Урок 54.00:04:26
Close Alerts
Урок 55.00:05:23
.JavaScript Alerts
Урок 56.00:05:20
Badges
Урок 57.00:05:36
Breadcrumb
Урок 58.00:02:51
Lab Problem
Урок 59.00:07:22
Lab Solution
Урок 60.00:04:15
Buttons
Урок 61.00:06:18
Overriding Bootstrap
Урок 62.00:07:15
Button State
Урок 63.00:10:31
Button Group
Урок 64.00:03:22
Pagination
Урок 65.00:11:45
Card
Урок 66.00:05:38
Media object
Урок 67.00:08:25
List Group
Урок 68.00:03:07
Lab Problem
Урок 69.00:02:31
Lab Solution
Урок 70.00:06:27
Carousel
Урок 71.00:10:52
Carousel JavaScript
Урок 72.00:08:09
Collapse
Урок 73.00:07:04
Dropdown
Урок 74.00:07:33
Dropdown JavaScript
Урок 75.00:05:32
Jumbotron
Урок 76.00:01:50
Lab Problem
Урок 77.00:04:32
Lab Solution
Урок 78.00:09:14
Froms Layout
Урок 79.00:07:45
Froms Validation and Custom Forms
Урок 80.00:04:06
Froms Testing Component
Урок 81.00:04:06
Input Groups
Урок 82.00:09:39
Navs
Урок 83.00:07:33
Navbar
Урок 84.00:03:03
Navbar Color Schemes
Урок 85.00:05:11
Nav Tabs and List Group Tabs
Урок 86.00:01:37
Lab Problem
Урок 87.00:08:14
Lab Solution
Урок 88.00:10:11
Modal
Урок 89.00:06:00
Modal JavaScript
Урок 90.00:02:59
Progress
Урок 91.00:07:43
Scrollspy
Урок 92.00:04:52
Spinners
Урок 93.00:01:35
Lab Problem
Урок 94.00:03:13
Lab Solution
Урок 95.00:10:50
Tooltip
Урок 96.00:03:55
Popovers
Урок 97.00:06:48
Toasts
Урок 98.00:01:44
Bootstrap Cheat Sheet
Урок 99.00:03:54
Intro to Accessibility
Урок 100.00:09:18
Accessibility Options
Урок 101.00:07:08
Utilities Borders Clearfix Close icon Colors Display Embed
Урок 102.00:04:28
Utilities Flex Floats Overflow Position Screen Readers
Урок 103.00:09:53
Utilities Shadow Sizing Spacing Stretched link Text Vertical align Visibil
Урок 104.00:05:59
Theming
Урок 105.00:03:37
Single Product Page Intro
Урок 106.00:14:35
Markup Overview
Урок 107.00:07:54
Decresing Size of css and js
Урок 108.00:01:53
Blog Intro
Урок 109.00:08:02
Blog Code Walkthrough
Урок 110.00:13:12
Blog Adding Contact Page
Урок 111.00:02:01
Stock Image Webiste Intro
Урок 112.00:10:58
Stock Image Webiste Code Overview
Урок 113.00:01:53
Image Gallery Intro
Урок 114.00:12:31
Image Gallery Header Live Code
Урок 115.00:07:57
Image Gallery Grid Column Layout
Урок 116.00:01:54
Intro Landing Page Project
Урок 117.00:09:08
Code Overview
Урок 118.00:02:56
Intro to Adming Dashboard
Урок 119.00:10:29
Admin Dashboard Layout Overview
Урок 120.00:05:35
Portfolio Header
Урок 121.00:11:22
Banner and Icons
Урок 122.00:09:29
Portfolio Markup and Styles
Урок 123.00:06:17
Portfolio Modal and js
Урок 124.00:06:05
Form
Урок 125.00:03:37
Resume Website Intro
Урок 126.00:08:40
Resume Website Code Review
Урок 127.00:01:17
Intro Coming Soon
Урок 128.00:09:59
Coming Soon Page Html Markup
Урок 129.00:13:12
Coming Soong Styling-1
Урок 130.00:07:33
Coming Soong Styling-2
Урок 131.00:07:46
Coming Soon Slider
Урок 132.00:03:58
Intor to Slicing
Урок 133.00:10:33
Header Section
Урок 134.00:12:23
Service Section
Урок 135.00:15:10
Pricing Table and Testimonials Sections
Урок 136.00:09:00
Contact us Section
Урок 137.00:12:29
Footer
Урок 138.00:05:25
Course Intro
Урок 139.00:07:19
Bootstrap Overview
Урок 140.00:07:12
Creating a Starter Template
Урок 141.00:02:19
Project Intro
Урок 142.00:10:01
Navbar and Jumbotron
Урок 143.00:12:38
Navbar and Jumbotron - Grid System
Урок 144.00:09:58
Columns, icons & Footer
Урок 145.00:11:19
Columns usage
Урок 146.00:16:10
Inner Pages, Accordion & Form
Урок 147.00:18:11
Mobile Optimization
Урок 148.00:02:01
Project Intro
Урок 149.00:13:30
Sass Environment Setup
Урок 150.00:10:29
Bootstrap HTML Markup
Урок 151.00:15:00
Adding Bootstrap HTML Markup - Final Changes
Урок 152.00:15:52
SCSS Styles
Урок 153.00:02:06
Project Intro
Урок 154.00:15:27
Main Page
Урок 155.00:18:09
Main Page - Adding Button Group
Урок 156.00:11:04
Main Page - Adding More Wall Features
Урок 157.00:10:11
Main Page - Fine tuning the main page
Урок 158.00:15:31
Members, Groups & Profile Pages
Урок 159.00:10:43
Members, Groups & Profile Pages - Final Changes
Урок 160.00:10:47
Photos With ToolTip & Modal
Урок 161.00:10:05
Final changes to the project
Урок 162.00:02:45
Project Intro
Урок 163.00:09:31
Setup Less Environment
Урок 164.00:10:50
Digital Agency HTML Markup
Урок 165.00:10:52
Digital Agency HTML Markup - Final changes
Урок 166.00:11:57
Navbar & Intro CSS
Урок 167.00:09:47
Final Navbar Changes
Урок 168.00:13:39
Page Section CSS
Урок 169.00:11:32
Scrolling & Navbar Effect
Урок 170.00:02:01
Project Intro
Урок 171.00:10:28
Image Grid
Урок 172.00:07:41
Category Tabs
Урок 173.00:09:31
Image Carousel
Урок 174.00:10:39
Image Lightbox
Урок 175.00:03:25
Project Intro
Урок 176.00:17:22
Login Page & BootSwatch Navbar
Урок 177.00:15:13
Resource Tables
Урок 178.00:09:42
Resource Tables - Final Changes
Урок 179.00:10:45
Breadcrumbs, Pagination & Button Groups
Урок 180.00:10:04
Table Sorter
Урок 181.00:11:33
Search Filter
Урок 182.00:15:01
Adding Form Pages
Урок 183.00:02:04
Project Intro
Урок 184.00:08:28
Theme & Navbar
Урок 185.00:17:35
Carousel Slider
Урок 186.00:11:00
Icon Blocks & Price Tables
Урок 187.00:11:32
Icon Blocks & Price Tables - Final Changes
Урок 188.00:17:45
Domains & Contact Pages
Урок 189.00:07:26
Login Modal
Урок 190.00:01:49
Project Intro
Урок 191.00:16:58
LESS Setup & Navbar
Урок 192.00:10:06
Header & Product Grid
Урок 193.00:14:15
Header & Product Grid - Creating the Final View
Урок 194.00:14:29
Tab Showcase
Урок 195.00:12:43
Tab Showcase - Final Changes
Урок 196.00:16:51
Product Details Page
Урок 197.00:01:47
Project Intro
Урок 198.00:13:40
Folder & Vendor Setup
Урок 199.00:19:47
Navbar & Animated Showcase
Урок 200.00:10:14
Homepage Sections
Урок 201.00:10:41
Homepage Sections - Final touches
Урок 202.00:14:00
Inner Pages
Урок 203.00:13:40
Inner Pages - Final changes
Урок 204.00:17:46
Mobile Optimization & Animation
Урок 205.00:01:36
Project Intro
Урок 206.00:14:46
Base Layout & Navbar
Урок 207.00:11:43
Custom Carousel Slider
Урок 208.00:13:51
Custom Carousel Slider - Final Changes
Урок 209.00:14:43
Blog Posts
Урок 210.00:09:42
Single Post & Inner Pages
Урок 211.00:08:03
New In Bootstrap 4
Урок 212.00:04:46
Code Editor
Урок 213.00:10:34
Initializing A New Project
Урок 214.00:05:05
Quick SASS Introduction
Урок 215.00:11:10
Gulp
Урок 216.00:06:27
Hello World Example
Урок 217.00:02:28
Summary
Урок 218.00:10:23
Building The Menu
Урок 219.00:09:01
Jumbotron and Footer
Урок 220.00:09:59
Main Content Sections
Урок 221.00:11:33
Starting Sass Build Out
Урок 222.00:08:38
Completing Sass For Index
Урок 223.00:11:50
Creating The Contact Page
Урок 224.00:09:22
Styling The Content Page
Урок 225.00:11:20
Creating The About Page
Урок 226.00:11:04
Additional Styling And Custom Media Breakpoints
Урок 227.00:11:49
Installing Font Awesome
Урок 228.00:07:43
Grid Analysis
Урок 229.00:01:25
Summary

Автор - udemy

udemy

Udemy — одна из самых масштабных платформ в мире, предлагающая обучающий контент от авторов и экспертов со всего света. Сервис объединяет миллионы учеников и десятки тысяч преподавателей, создающих курсы на самые разнообразные темы.Основные возможности платформыШирокий выбор тем: от программирования и дизайна до маркетинга, психологии и личной эффективности.Глобальное сообщество авторов: материалы создаются специалистами из разных стран.Удобный ф

+198

Комментарии