Створення адаптивного сайту із Bootstrap 3

Про курс

Bootstrap є набір інструментів для полегшення розробки вебдодатків та сайтів. Він використовує HTML і CSS для типографії, форм, кнопок, таблиць, сіток, навігації тощо, а також додаткові розширення JavaScript, які спрощують роботу веб-розробника.

Даний курс покликаний продемонструвати створення ефективного адаптивного вебдодатку за допомогою Bootstrap 3 і розрахований як на веброзробників-початківців, які володіють HTML, CSS і JavaScript на високому рівні, а також основами jQuery, так і на програмістів з досвідом, які займаються Frontend-розробкою та хочуть удосконалити свої навички верстки.

Цей курс входить до спеціальності:

Frontend Developer Верстальник сайтів

Попередні Вимоги

Володіння HTML, CSS та JavaScript на просунутому рівні. Знання основ бібліотеки jQuery.

Ви навчитеся

використовувати Bootstrap 3 для створення сайтів;
застосовувати адаптивну колонкову верстку;
працювати з різними компонентами на вебсторінці (зображення, таблиці, форми, кнопки тощо);
реалізовувати списки, навігаційне меню, шапку сайту, панелі та інші елементи сайту;
використовувати JavaScript для створення модальних вікон

Завантажити матеріали курсу Для отримання матеріалів курсу необхідно авторизуватися

Отримати сертифікат Для отримання сертифікату необхідно авторизуватися

Олександр Пономаренко

Тренер-консультант. Web-розробник

Інші курси автора

Тривалість: 3 год 22 хв
Курс створено: 23.12.2015
Уроків: 5
Оновлено: 17.03.2018
Мова: російська

Що входить до курсу

5 відео уроків
Домашні завдання

ДИВИТИСЯ

Увійдіть або зареєструйтеся для того, щоб продовжити перегляд безкоштовного відео

№1

Введення в Bootstrap

0:30:30

Матеріали уроку Домашні завдання Тестування

Даний відео урок складається з наступних тем:

Структура курсу
Короткий огляд Bootstrap
Підключення Bootstrap до сайту
Колонкова верстка на прикладах
Форматування текстових елементів
Відображення фрагментів коду на сторінці

Системи сіток Bootstrap

0:40:40

Матеріали уроку Домашні завдання Тестування

На цьому відео уроці буде розглянуто, що таке сітки в Bootstrap, як адаптувати сітку під усі пристрої, а також використання класів для роботи із зображенням.

Верстка адаптивного макету на Bootstrap. Частина 1

0:44:02

Матеріали уроку Домашні завдання Тестування

На цьому виді уроку розглядається процес створення адаптивної навігаційної панелі за допомогою Bootstrap.

Верстка адаптивного макету на Bootstrap. Частина 2

0:49:11

Матеріали уроку Домашні завдання Тестування

На цьому відео уроці розглядається використання адаптивної сітки, а також підключення іконок.

Верстка адаптивного макету на Bootstrap. Частина 3