Учим создавать лендинги и многостраничные сайты, начиная с разработки структуры, заканчивая дизайном и наполнением контентом. Осваивая пример за примером, участники курса научатся самостоятельно строить собственные веб-ресурсы, пользоваться библиотеками для быстрого прототипирования и реализовывать серверы.
В программе курса
- Основополагающие принципы веб-разработки.
- Последние тенденции мира web-разработки на примере реальных задач на практических примерах.
- Самостоятельное создание многостраничного сайта шаг за шагом.
- Самостоятельное создание современного одностраничного приложения.
- Использование библиотек для быстрого прототипирования.
- Навыки реализации серверов.
Подробная программа
-
Занятие №1. HyperText Markup Language.
- Древовидная структура HTML;
- форматирование документа;
- отображение картинок и ссылок.
-
Занятие №2. Cascading Style Sheets.
- Структура стилей, селекторы;
- наследование и каскадирование;
- размеры, отступы и поля.
-
Занятие №3. CSS. Выравнивание и эффекты.
- Модуль FlexBox;
- трансформации и переходы.
-
Занятие №4. JavaScript. DOM, переменные и функции.
- Переменные, функции и события;
- объектная модель документа.
-
Занятие №5. JavaScript. Условные конструкции и циклы.
- Операторы сравнения;
- конструкция if;
- логические операторы;
- циклы while и for.
-
Занятие №6. JavaScript. Структуры данных
- Словари и массивы;
- модель примитивов и объектов.
-
Занятие №7. JQuery.
- Поиск узлов в документе;
- добавление и удаление элементов;
- модификация стилей.
-
Занятие №8. Bootstrap.
- Разметка и выравнивание;
- кнопки, списки и панели;
- модальные окна.
-
Занятие №9. CSS. Позиционирование.
- Обтекание элементов;
- Загрузка группы изображений для игры.
- свойства position и z-index.
-
Занятие №10. Зачёт.
- Один вопрос по CSS и один по JavaScript.
-
Занятие №11. Игра «Пятнашки». Начало.
- Создание пустого игрового поля;
- заполнение поля костяшками;
- логика перемещения элементов;
- реализация анимации.
-
Занятие №12. Игра «Пятнашки». Завершение.
- Перемешивание костяшек;
- вывод поздравительного сообщения.
Начинайте учиться уже сейчас!
