Ивановский Торрент трекер
Яндекс.Погода
 

[Quote]
HUNTER

Bootstrap 4 From Scratch With 5 Projects
Год выпуска: 2017
Производитель: Udemy
Сайт производителя: https://www.udemy.com/bootstrap-4-from-scratch-with-5-projects/
Автор: Brad Traversy
Продолжительность: 9,5h
Тип раздаваемого материала: Видеоклипы
Язык: Английский
Описание: 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 custom workflow 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.
Bootstrap Starter Pack
Once you get through the sandbox, we will setup the starter pack which I also created for this course. This will give us a real development workflow to compile Bootstrap 4 from source and compile Sass. It will even give us a dev server with autoload. This is what we will use for the 5 projects
5 Real Projects/Themes
We will use the Starter pack to create 5 real world themes including
LoopLap - A social UI Theme
Mizuxe - A Book/Product Showcase Theme
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
26:27
Welcome To The Course
Предварительный просмотр
04:52
What Is Bootstrap?
Предварительный просмотр
03:42
What's New In Bootstrap 4?
05:59
Initial Environment Setup
06:08
Bootstrap Sandbox Setup
Предварительный просмотр
05:46

Typography & Utilities
39:55
Section Introduction
Предварительный просмотр
01:46
Headings & Basic Typography
Предварительный просмотр
05:37
Text Alignment & Display
Предварительный просмотр
06:41
Floats & Fixed Positions
04:32
Colors & Background
04:33
Margin & Padding Spacing
08:26
Sizing & Borders
05:07
CSS Breakpoints
03:13

CSS Components
01:28:21
Section Intro
Предварительный просмотр
01:52
Buttons & Button Groups
Предварительный просмотр
12:18
Navbar & Navs
14:44
List Groups & Badges
11:28
Forms & Input
09:37
Input Groups
05:00
Alerts & Progress Bars
07:28
Tables & Pagination
04:57
Working With Cards
15:36
Media Objects
05:21

Grid System & Flexbox
31:43
Section Introduction
01:31
Grid System
14:27
Grid Alignment
04:28
Flexbox Classes
07:30
Auto Margin, Wrap & Ordering
03:47

JavaScript Widgets
38:22
Section Introduction
01:05
Carousel Slider
11:37
Collapse & Accordion
05:14
Tooltips
08:00
Popovers
06:55
Modals
05:31

Bootstrap Starter Pack Setup
30:36
Section Introduction
03:13
Install NPM Dependencies
05:44
Creating The Gulpfile.js
15:30
Completing The Starter Pack
06:09

Project 1 - LoopLab Social Theme
47:28
Project Intro
01:34
Setup & Navbar
08:37
Home Section Area
15:57
Explore Section Area
07:33
Create & Share Section Areas
07:01
Footer, Contact Modal & Responsiveness
06:46

Project 2 - Mizuxe Book Theme
55:04
Project Intro
01:28
Custom Navbar & Logo
10:45
Showcase & Primary Color Change
11:04
Newsletter & Boxes
06:57
About Section With Accordion
08:42
Authors Area
09:04
Contact & Footer
07:04

Project 3 - Blogen Admin UI
01:05:44
Project Intro
01:57
Navbar & Main Header
10:24
Add Buttons & Modals
12:36
Finishing The Dashboard
09:00
Resource Table Pages
09:59
Details & Settings Pages
11:05
Profile & Login Page
10:43

Project 4 - Glozzom Multi Page Theme
01:35:02
Project Intro
02:01
Navbar & Carousel
16:17
Home Icons, Heading & Info Sections
11:21
Video Section With Autoplay Modal
08:06
Photo Gallery & Newsletter
12:29
Page Header & About Section
06:42
Icon Boxes & Testimonial Slider
09:26
Services Page
11:26
Blog Page With Cards
06:22
Contact & Staff Sections
10:52
-
Project 5 - Portfoligrid
40:41
Project Intro
01:14
Main Header
13:14
Home Collapse Content
06:18
Resume Collapse Content
07:16
Work Collapse Content
07:19
Contact Collapse Content
05:20
Файлы примеров: присутствуют
Формат видео: MP4
Видео: AVC, 1280x720, 16:9, 30fps, ~400kbps
Аудио: AAC, 44.1kHz, 128kbps, stereo

Скриншоты



Quick Reply

Name:

               
       
     
Heads necessary to send messages to enable JavaScript
Display posts:    

Current time is: 16-Oct 11:24

All times are UTC ± 0


You can post new topics in this forum
You can reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You cannot attach files in this forum
You cannot download files in this forum

!ATTENTION!
The site does not give electronic versions of products, and is engaged only in a collecting and cataloguing of the references sent and published at a forum by our readers. If you are the legal owner of any submitted material and do not wish that the reference to it was in our catalogue, contact us and we shall immediately remove her. Files for an exchange on tracker are given by users of a site, and the administration does not bear the responsibility for their maintenance. The request to not fill in the files protected by copyrights, and also files of the illegal maintenance!