Главная страницаКатегория cssСоздание адаптивного веб-сайта с использованием HTML5, CSS3, JS и Bootstrap

Создание адаптивного веб-сайта с использованием HTML5, CSS3, JS и Bootstrap

Name: Создание адаптивного веб-сайта с использованием HTML5, CSS3, JS и Bootstrap
Rating: 4.2 (13 reviews)

Build Responsive Website Using HTML5, CSS3, JS And Bootstrap

udemy

★4.2 (всего оценок - 13)

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

7 ч 52 мин

Категория

CSS

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

59 Видео

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

7 мая 2020 г., 12:15

Язык

Английский

Дата выхода

16 окт. 2019 г., 14:54

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

29 апр. 2026 г., 07:45

Освойте полный цикл создания современного адаптивного сайта, используя HTML5, CSS3, JavaScript, jQuery и Bootstrap. Курс подходит для новичков и тех, кто хочет систематизировать знания и уверенно создавать интерфейсы, корректно отображающиеся на любых устройствах.

Чему вы научитесь

Курс объединяет ключевые технологии фронтенд‑разработки, позволяя шаг за шагом перейти от основ к полноценному рабочему проекту.

Понимать структуру веб-страниц и создавать корректную разметку с использованием HTML5.
Оформлять элементы сайта и разрабатывать адаптивные стили с помощью CSS3.
Использовать JavaScript и jQuery для добавления интерактивности.
Быстро собирать интерфейсы на основе Bootstrap и кастомизировать их под задачи проекта.
Создавать адаптивный сайт, оптимизированный под мобильные и широкие экраны.

Ключевые модули курса

Основы HTML5

Вы изучите семантические теги, структуру документа и принципы построения удобной, понятной разметки.

CSS3 для современного дизайна

Курс включает работу с селекторами, Flexbox, Grid, анимациями и адаптивной версткой для создания гибких макетов.

JavaScript и jQuery

Раздел посвящен основам скриптов, обработке событий, работе с DOM и динамическим элементам страницы через jQuery.

Bootstrap для ускорения разработки

Вы освоите сетку Bootstrap, готовые компоненты и практические приемы кастомизации интерфейса.

Итоговый проект

Завершив обучение, вы создадите полноценный адаптивный сайт, который корректно работает на мобильных устройствах, планшетах и компьютерах. Проект станет частью вашего портфолио и демонстрацией практического владения технологиями.

Для кого подходит курс

Начинающих разработчиков, делающих первые шаги во фронтенде.
Студентов, изучающих веб-технологии.
Маркетологов и дизайнеров, желающих понимать принципы верстки.
Всех, кто хочет быстро научиться создавать современные адаптивные сайты.

Преимущества обучения

Понятные объяснения без лишней теории.
Пошаговое создание реального проекта.
Освоение сразу нескольких востребованных технологий.
Актуальные материалы, соответствующие современным стандартам веб-разработки.

Урок 1.00:02:38
Welcome & Getting Started!
Урок 2.00:02:09
What is Web Design?
Урок 3.00:04:55
What is Wireframing?
Урок 4.00:01:49
What is UI & UX?
Урок 5.00:06:52
Web Typogrphy
Урок 6.00:04:47
Web Colors
Урок 7.00:02:08
Icons for Web
Урок 8.00:03:09
Images for Web
Урок 9.00:03:48
Whitespacing for Web Design
Урок 10.00:02:05
Getting Inspiration for Web Design
Урок 11.00:02:34
Choosing Code Editor
Урок 12.00:02:04
What Is HTML?
Урок 13.00:01:13
Basic HTML Structure
Урок 14.00:11:38
Coding Small Business Page With HTML5
Урок 15.00:02:02
Google Chrome Developer Tools
Урок 16.00:02:57
What is CSS?
Урок 17.00:03:34
CSS Box Model
Урок 18.00:01:16
Class & ID Selectors
Урок 19.00:21:04
Add CSS To Small Business Page
Урок 20.00:01:48
Basic JavaScript
Урок 21.00:03:41
Getting Sarted With JQuery
Урок 22.00:02:41
Bootstrap Framework Version
Урок 23.00:02:58
What Is Bootstrap Framework?
Урок 24.00:03:03
Bootstrap Grid System
Урок 25.00:11:11
Add Bootstrap Framework To Small Business Page
Урок 26.00:03:12
Introudction To Build Responsive Website
Урок 27.00:14:29
Setting Up Project Folder
Урок 28.00:12:41
Building Header - Part 01
Урок 29.00:18:53
Building Header - Part 02
Урок 30.00:13:40
Building About Us - Part 01
Урок 31.00:17:41
Building About Us - Part 02
Урок 32.00:10:24
Building Testimonials - Part 01
Урок 33.00:11:50
Building Testimonials - Part 02
Урок 34.00:13:20
Building Features - Part 01
Урок 35.00:16:26
Building Features - Part 02
Урок 36.00:04:01
Building Purchase Now - Part 01
Урок 37.00:06:57
Building Purchase Now - Part 02
Урок 38.00:05:31
Building Screens
Урок 39.00:05:41
Building Counter - Part 01
Урок 40.00:08:50
Building Counter - Part 02
Урок 41.00:10:12
Building Download Now - Part 01
Урок 42.00:14:22
Building Download Now - Part 02
Урок 43.00:12:30
Building Contact Us - Part 01
Урок 44.00:14:57
Building Contact Us - Part 02
Урок 45.00:10:51
Building Footer
Урок 46.00:18:08
Building Navigation - Part 01
Урок 47.00:14:24
Building Navigation - Part 02
Урок 48.00:14:55
Building Navigation - Part 03
Урок 49.00:05:22
Add Auto Padding To Header
Урок 50.00:15:39
Add Slider To Screens
Урок 51.00:06:33
Add Counters
Урок 52.00:08:51
Add Animation - Part 01
Урок 53.00:14:30
Add Animation - Part 02
Урок 54.00:23:47
Media Queries & Making Website Perfect For Responsive Layout
Урок 55.00:01:46
Markup Validation
Урок 56.00:04:18
Images Optimization
Урок 57.00:02:37
Add Basic SEO
Урок 58.00:04:49
Cross Browser Testing
Урок 59.00:02:16
Great! You Did it!

Автор - udemy

udemy

Udemy — одна из самых масштабных платформ в мире, предлагающая обучающий контент от авторов и экспертов со всего света. Сервис объединяет миллионы учеников и десятки тысяч преподавателей, создающих курсы на самые разнообразные темы.Основные возможности платформыШирокий выбор тем: от программирования и дизайна до маркетинга, психологии и личной эффективности.Глобальное сообщество авторов: материалы создаются специалистами из разных стран.Удобный ф

+198

Комментарии