Веб-разработка. Быстрый старт
О чём курс
Вам нужен первый рабочий проект в портфолио, который можно показать заказчику — именно его здесь собирают пошагово, от чистого кода до публикации в сети. Вы разберете верстку сайта с нуля, научитесь работать с блочной моделью и позиционированием элементов через Flexbox и Position. Также освоите базовую логику на JavaScript: создание интерактивного слайдера, фильтрацию контента и работу бокового меню. В финале выложите готовый сайт на GitHub Pages, получив навык деплоя собственных проектов.
Программа обучения
- Подготовка
- Обзор проекта
- Необходимые программы
- Hello World
- Необходимая теория
- HTML. Теги
- Emmet
- Основная структура
- Id и class
- BEM
- Первая секция. Разметка
- Работа с путями
- CSS. Теория
- Св-ва позиционирования. Flexbox
- Св-ва позиционирования. Position
- Блочная модель
- Стилизация
- Начало стилизации. Normalize
- Цвет. Составные свойства
- Первая секция
- Первая секция. Стилизация
- Подключение шрифтов
- Первая секция. Позиционирование
- Первая секция. Текст
- Переиспользование блоков
- Блок обертка
- Вторая секция
- Вторая секция. Фильтр
- CSS Переменные
- Вторая секция. Элементы
- Вторая секция. Выравнивание списка
- Вторая секция. Геометрический элемент
- Третья секция
- Третья секция. Разметка
- Третья секция. Стилизация
- Остальные секции
- Секция меню
- Иконки соц. сетей. SVG
- Реализация элементов на Javascript
- Боковое меню. Верстка
- Боковое меню. Класс для состояний
- Подключение скриптов
- Боковое меню. Реализация
- Слайдер. Верстка
- Слайдер. Реализация
- Фильтр. Селектор
- Фильтр. Сортировка
- Деплой
- Деплой. GitHub Pages
- Отображение на мобильных
- Задание
- Домашнее задание. Что нужно сделать
Другие материалы школы 12
L loftschool Все материалыОтзывов пока нет. Будьте первым!
Это не розничная цена — это ваш взнос в складчину. Мы собираем группу участников и делим между ними стоимость официального доступа: каждый платит только свою долю, а получает весь материал. Чем больше участников, тем меньше взнос. После того как сумма собрана, мы оформляем официальный доступ и раздаём материалы всем, кто участвовал.
Нажмите кнопку «Получить доступ» на этой странице и следуйте инструкциям. Вас переведёт на форму оплаты — доступны все современные способы (карта, СБП, электронные кошельки). После оплаты на почту придёт письмо с доступом: материалы выдаются в разделе «Мои складчины» на нашем основном сайте skladchik.org. Учтите: в России skladchik.org открывается только через ускоритель интернета (VPN) — настроить его можно за пару минут по инструкции на skladchik-kak-voiti.online.
Да, конечно. Все материалы — видео, PDF, дополнительные файлы — можно скачать к себе на компьютер и пользоваться ими сколько угодно, без ограничений по времени. Ссылки остаются активными в вашей библиотеке «Мои складчины».