[Udemy] Bootstrap 4 for Beginners - Build 5 Websites from scratch [2017, ENG]

Introduction to Bootstrap
22:27
Welcome to Bootstrap 4
Предварительный просмотр
08:39
What is Bootstrap introduction to Bootstrap 4
Предварительный просмотр
05:45
New Bootstrap 4 Features
03:35
Course editor and resources overview
04:27
Resources
00:01
–
Getting Started with Bootstrap
18:54
Setup Bootstrap on your computer
07:34
Try out Bootstrap adding classes
03:37
Bootstrap Containers to Hold Elements
04:09
Media sizes in Bootstrap
03:16
Media Size Resource
00:18
–
Bootstraps grid
42:24
Bootstrap Grid columns
11:42
Source Code
00:44
Bootstrap Column Auto Sizing
11:15
Coding exercise
01:47
Grid Column Order and spacing
10:23
Source Code
00:56
nested rows within rows
05:06
Source Code
00:30
–
Bootstrap Rapid Design
28:57
standout text typography
05:02
Source Code
00:31
List group items
08:28
Source Code
00:24
Bootstrap responsive images
07:02
Source Code Images
00:20
Bootstrap JumboTron
03:40
Badges in Bootstrap
02:27
Source Code
01:01
–
Bootstrap Buttons
25:10
Buttons in Bootstrap
09:06
Bootstrap Button Groups
05:24
Source for Buttons
01:09
Button Radio Buttons and check boxes
09:15
Source Code Solution
00:16
–
Bootstrap Common Components and utilities
25:20
Bootstrap Progress bar
10:09
Bootstrap Progress bar Source Code
00:10
Font and Background color
03:50
Font and Background color source code
00:07
Bootstrap Utility Classes
09:28
Bootstrap Utility Classes source code
01:35
–
Bootstrap structure
56:47
Bootstrap tables
10:36
Tables source code
01:17
Bootstrap Cards
04:34
Card Structure and grouping
11:57
Card Source Code
02:52
Bootstrap Forms Grid
07:24
Source Code Basic Form
00:13
Input Group Addons
08:13
Form Select and File Input
03:06
Drop down menu Bootstrap
06:22
Example Drop down menu
00:12
–
Navigation Bootstrap component
29:47
Bootstrap Nav Component
09:53
Bootstrap Nav Component example
00:55
Bootstrap NavBar Responsive
12:10
Bootstrap NavBar Responsive Source Code
00:38
Navbar options Bootstrap
04:50
Source code
01:20
–
Bootstrap interactive components
37:25
Bootstrap Alerts
04:42
Alert example code
00:09
Popover and Tooltip
05:37
Source Code
00:24
Collapse and show elements
04:11
Source Code example
00:51
Bootstap Modals
09:43
Modal source
00:56
Bootstrap Image Carousel
09:56
Source Code Carousel
00:54
–
Conclusion
08:22
Bootstrap conclusion
04:13
Section Overview Website 1
01:30
Source Files for Bootstrap site from course
01:51
Changes from early Bootstrap 4 versions
00:48
-
Rapid Web development create a quick website
01:41:29
Section Preview Website 2
01:47
Build a Default Bootstrap template
06:13
Build responsive navbar
06:21
Responsive NavBar Bootstrap 4
08:41
Source Code
00:33
Full Height Section
08:05
Build section
06:16
Bootstrap Buttons Section
05:24
Bootstrap 4 Cards in Action
06:40
Source Code
04:36
Bootstrap 4 Forms
04:41
Add new section with background image
04:59
Source Code
06:00
Footer Styling Bootstrap 4
05:03
Bootstrap ScrollSpy
04:06
Bonus jQuery Animate Method
10:22
Source Code
07:00
Website Build Overview
04:22
Section Resources
00:18
-
Multiple Page Image header Bootstrap 4 website
02:08:35
Section Preview Website 3
01:45
Project Introduction
02:09
Create Bootstrap template
04:22
Design Website Structure
07:16
Setup NavBar Structure
03:09
Create a Responsive Navbar Bootstrap 4
09:29
Source Code
00:46
Build image Background Section
11:57
Source Code
01:16
Bootstrap 4 Footer Structure
06:33
Adding Font Awesome Icons
05:43
Source Code
01:42
Design Home Page
04:48
Build Home Page
10:37
Home Page Source Code
02:37
Design Planning About Page
04:27
Bootstrap List and Grid About Page
11:24
Source Code About Page
03:24
Plan and Design Services Page
03:07
Services Page using Cards
07:00
Source Code Services
04:54
Setup Contact Page Design
04:40
Build Contact Form Bootstrap 4
08:34
Source Code Contact Form
02:51
Multiple Page Bootstrap 4 Website review
03:42
Section Resources
00:20
-
Build Multiple Page Website from scratch portfolio site
02:00:52
Section Preview Website 4
01:54
Project Introduction
02:19
Quick Bootstrap 4 Setup
07:35
Build Bootstrap Page Structure
02:20
Build Bootstrap Responsive NavBar
11:45
NavBar Source
00:36
Build Footer Structure
07:12
Build Footer at Font Awesome
07:08
Footer Source Code
01:03
Complete WebPage Layout
05:08
Design Index Page Layout
04:51
Setup Bootstrap 4 Grid
05:48
Home Page Carousel
09:20
Source Code Carousel
00:42
Add Call to Action Section
02:11
Bootstrap 4 Cards
05:43
Source Code Home Page
03:53
Plan About Page Design
02:06
Collapse Elements Build About Page
06:23
Source Code About Page
01:29
Plan and Design Portfolio Page
02:00
Bootstrap Cards Portfolio Page
06:02
Portfolio Page Source Code
05:18
Plan Contact Page
02:08
Build Contact Form
10:25
Source Code Contact Form
02:18
Webpage overview and Review
02:52
Section Resources
00:20
-
Bootstrap Parallax Style Single Page Website
01:15:05
Section Preview Website 5
02:16
Basic Bootstrap 4 Template Creation
03:20
Template Source Code
00:11
Create Bootstrap NavBar
11:08
NavBar Source Code
00:41
Header Section
06:30
Build another Section
07:56
Add About Me Section
07:41
Bootstrap Cards and Grid
07:55
Create a contact form
07:08
Add A Footer
03:13
Bonus animate with jQuery
07:30
Project Overview
02:37
Source Code Index
05:52
Source Code CSS
00:46
Resources
00:20