[Udemy] Bootstrap 4 Beginners: Code a Responsive Landing Page

[Udemy] Bootstrap 4 Beginners: Code a Responsive Landing Page

Создайте профессиональный лендинг и прочный фундамент знаний по Bootstrap 4 с HTML и CSS с этим совершенно новым курсом.

• Полностью адаптивный Landing Page
• Новые компоненты Bootstrap
  
• Полное понимание сеток и медазапросов
  
• Применение нестандартных шрифтов
  
• CSS перекрытия
• Использование Font-Awesome иконок
• Применение анимаций CSS & WOW js

Этот курс поможет вам создать идеальный отзывчивый одностраничник для своего личного портфолио, или для вашего бизнеса. Вы в идеале можете иметь некоторые знания HTML и CSS, однако это не так важно. Я вам помогу пройти всё по шагам.

К концу этого курса вы будете уметь создавать современную и профессиональную целевую страницу с помощью HTML и CSS и получите четкое понимание работы фреймворка Bootstrap.

Лекций 47
Длительность 3.5 часа
Язык - английский

Спойлер: Содержание курса

Section 1: Course Introduction
Урок 1 -- Welcome to the course [00:58]
Урок 2 -- What is bootstrap? [03:33]
Урок 3 -- What you will be creating [04:39]
Урок 4 -- Bootstrap components [02:08]
Урок 5 -- Bootstrap grid system [04:12]
Урок 6 -- Bootstrap media queries [03:36]

Section 2: Setting Up
Урок 7 -- Downloading bootstrap [01:52]
Урок 8 -- Creating our file structure [03:17]
Урок 9 -- Font Awesome [02:40]
Урок 10 -- Download the course images [01:03]
Section 3: Building our Navigation
Урок 11 -- Coding the bootstrap navigation bar [10:45]
Урок 12 -- Styling our navigation bar [06:20]
Урок 13 -- Navbar section files

Section 4: Building our Header
Урок 14 -- Coding our header section [12:52]
Урок 15 -- Styling our header section [13:57]
Урок 16 -- Header section files

Section 5: Building our Social Section
Урок 17 -- Coding our social section [06:09]
Урок 18 -- Styling our social section [06:57]
Урок 19 -- Social section files

Section 6: Building our 'Who' Section
Урок 20 -- Coding our 'who' section [05:40]
Урок 21 -- Styling our 'who' section [05:55]
Урок 22 -- 'Who' section files

Section 7: Building our 'Latest Work' section
Урок 23 -- Coding our 'Latest Work' section [10:18]
Урок 24 -- Styling our 'Latest Work' section [07:14]
Урок 25 -- 'Latest work' section files

Section 8: Building our 'Why' section
Урок 26 -- Coding our 'why' section [06:49]
Урок 27 -- Styling our 'why' section [02:35]
Урок 28 -- 'Why' section files

Section 9: Building our Quotes section
Урок 29 -- Coding our 'customers' section [08:36]
Урок 30 -- Styling our 'customers' section [03:40]
Урок 31 -- Quotes section files

Section 10: Building our Pricing section
Урок 32 -- Coding our 'pricing' section [10:17]
Урок 33 -- Styling our 'pricing' section [05:12]
Урок 34 -- Pricing section files

Section 11: Building our Contact section
Урок 35 -- Coding our contact section [07:17]
Урок 36 -- Styling our contact section [01:13]
Урок 37 -- Contact section files

Section 12: Building our Footer section
Урок 38 -- Coding our footer section [10:06]
Урок 39 -- Styling our footer section [03:48]
Урок 40 -- Footer section files

Section 13: Adding our animation
Урок 41 -- Animate.css [02:31]
Урок 42 -- WOW.js [02:18]
Урок 43 -- Animating our page [15:19]
Урок 44 -- Animation section files

Section 14: The Final Section...
Урок 45 -- Viewing your work [04:58]
Урок 46 -- Where now? [02:04]
Урок 47 -- Final page files