Главная страница Категория другое (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

Скачать курс архивом Скачать материалы курса

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

30 ч 50 мин

Категория

Другое (Frontend)

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

229 Видео

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

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

Язык

Английский

Дата выхода

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

Bootstrap - это самая популярная в мире платформа для веб-разработки для мобильных устройств на HTML, CSS и JavaScript. Bootstrap для вас, если вы хотите быстро создать супер крутой сайт, который работает на разных устройствах и браузерах. Он легок и супер мощный. Недавно мы включили новые проекты из Bootstrap 4 beta в дополнение к Bootstrap 3, который является стабильной версией Bootstrap.

Мы собрали все лучшие практики по созданию сайтов в уникальный проектный курс, который научит вас всем нюансам веб-разработки при создании реальных проектов. Проекты охватывают общий процесс разработки и достаточно разнообразны, чтобы охватить очень широкий спектр веб-сайтов. Проекты, рассматриваемые в курсе:

Bootstrap 3

Photo App Sales Website: простой проект для начала. Это поможет вам быстро освоить основные структуры Bootstrap, и вы быстро приступите к работе.
Photo App Sales Website с использованием SASS - Научитесь использовать SASS вместе с Bootstrap для этого следующего проекта. В этом курсе вы узнаете о грид-системах, стилизации списков и компонентах индикатора выполнения.
Шаблон социальной сети - это будет довольно сложный проект с несколькими компонентами. Вы узнаете о вложенных сетках, группах кнопок, плагине галереи и адаптивных медиазапросах.
Целевая страница агентства - Этот проект разрабатывает целевую страницу с использованием LESS. LESS - это препроцессор CSS. Вы также изучите демонстрацию Jumbotron, эффект прокрутки вниз и Font Awesome Icons.
Фотогалерея - вы научитесь создавать отображение фотогалереи с использованием таких компонентов, как Grid UI и Tab Widget. Вы также узнаете, как использовать Bootstrap Image Carousel и Photo Lightbox Jquery Plugin.
Шаблон администратора CMS - Узнайте, как создать шаблон администратора для системы управления контентом. Вы узнаете, как использовать классы таблиц Bootstrap, глифы, хлебные крошки и группы кнопок.
Веб-хостинг - Веб-сайт компании - Этот проект научит вас компонентам Bootstrap, таким как инструменты пользовательского интерфейса Bootswatch, карусель содержимого, значки стека и стильные шрифты.
Шаблон электронной коммерции - Узнайте, как создать интерфейс веб-сайта электронной коммерции. Изучите такие компоненты, как Tab Widget, Product Grid и Custom header.
Business Bootstrap Theme - Узнайте, как использовать анимацию на вашем сайте с анимацией CSS. Также научитесь оптимизировать свой сайт для мобильных устройств с помощью этого удивительного проекта.
Веб-сайт блога - научитесь создавать внешний интерфейс блога с такими компонентами, как выпадающее меню, форма контакта, миниатюры карусели и вид сетки.

Bootstrap 4

Что нового в Bootstrap 4 - Узнайте все, что нового в Bootstrap
Hello World Project - создание полного шаблона проекта
Complete Website Project - полный сайт, созданный с использованием новейших функций Bootstrap 4
Другие проекты Bootstrap 4 будут добавлены в ближайшее время.

Со всеми этими проектами у вас за спиной вы можете построить практически все с Bootstrap.

Посмотреть больше

Урок 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 - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.

+191

Категории

Комментарии

Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.

Другие материалы в этой категории

Изображение курса Курс Bootstrap 4 с нуля

udemy

2 нояб. 2017 г., 19:06

CSS

Курс Bootstrap 4 с нуля

Learn Bootstrap 4 - Make Real World Projects & Templates

Изучайте HTML, CSS, Javascript и Bootstrap 4 и продавайте премиальные шаблоны онлайн - создавайте премиальные темы и зарабатывайте деньги! Вы хотите повысить свой доход в качестве веб-разработчика? Может быть у вас много идей для веб-приложений, но не знаете с чего начать? Или вы ищете работу в веб-разработке которая наконец даст вам свободу и гибкость, о которой вы мечтали? Bootstrap 4 упрощает разработку веб-сайтов. Он создан для людей всех уро

13 ч 32 мин

Английский

Посмотреть

Изображение курса Bootstrap 4 с нуля с 5 проектами

udemy

Brad Traversy

3 мая 2019 г., 17:42

CSS

Bootstrap 4 с нуля с 5 проектами

Bootstrap 4 From Scratch With 5 Projects

Вы изучите все утилиты, компоненты, виджеты и сетки и создадите реальные темы и веб-сайты. Вам не нужно знать Bootstrap 3 для этого курса. Даже если вы уже знакомы с Bootstrap 4, пропустите обучающие разделы и сразу перейдите к разделу 6, чтобы создать простую тему и начать проекты. Все полностью модульно!

11 ч 22 мин

Английский

Посмотреть

+34

Изображение курса Фреймворк Bootstrap 4: Руководство по адаптивной верстке

webformyself

28 мар. 2019 г., 20:31

CSS

Фреймворк Bootstrap 4: Руководство по адаптивной верстке

Bootstrap — самый популярный в мире на сегодняшний день HTML-, CSS- и JavaScript-фреймворк для верстки адаптивных, кроссбраузерных, веб-страниц и веб-проектов. Bootstrap помогает при верстке страниц, упрощает и ускоряет ее. Фреймворк состоит из множества различных компонентов, которые «собирают» веб-страницу: форм, кнопок, навигации, сетки блоков и так далее.

48 ч 15 мин

Русский

Посмотреть

+37

Изображение курса Социальная сеть, построенная с помощью Laravel и Bootstrap.

Codecourse

12 дек. 2017 г., 01:24

Laravel

Социальная сеть, построенная с помощью Laravel и Bootstrap.

Social Network

Социальная сеть, построенная с помощью Laravel и Bootstrap. Аутентификация, добавление и принятие запросов друзей, публикация на временной шкале, ответ на статусы друзей и их сходство.

4 ч 6 мин

Английский

Посмотреть

+14

webformyself

7 февр. 2018 г., 20:55

CSS

Фреймворк Bootstrap 4

Bootstrap прост в использовании, чем и завоевал любовь многих верстальщиков и разработчиков. Четвертая версия Bootstrap принесла довольно много интересных изминений, которые сообщество давно хотело увидеть. В этом курсе мы их и рассмотрим.

4 ч 32 мин

Русский

Посмотреть

+107