Современная web-разработка

 

 

Целью курса является обучение, как основополагающим принципам, так и последним тенденциям мира web-разработки. Осваивая пример за примером, вы научитесь самостоятельно строить как привычные многостраничные сайты, так и современные одностраничные приложения; пользоваться библиотеками для быстрого прототипирования и реализовывать серверы. Среди проектов первого модуля курса – “Викторина”, “Список дел”, игра “Пятнашки”. 

На курсе:

Вы познакомитесь с основополагающими принципами и последними тенденция в мире web-разработок;

Научитесь создавать современный многофункциональный сайт, презентации и web-приложения;

Познакомитесь с приемами построения web-страниц на HTML, CSS и JavaScript;

Научитесь работать с библиотеками JQuery и Bootstrap для быстрого оформления сайтов;

Изучите принципы обмена данными с сервером;

В качестве финальной части проекта напишите собственную компьютерную игру «Пятнашки».

Продолжительность курса : 2 модуля (1 год)

Введение

Вы познакомитесь с основополагающими принципами и последними тенденция в мире web-разработок

 

Краткое содержание первого модуля: 

Занятие №1. HyperTextMarkupLanguage
Задание каркаса и элементов страницы, ссылок, картинок, таблиц.

Занятие №2. CascadingStyleSheets
Изменение внешнего вида элементов: цветов, размеров, отступов.

Занятие №3. CSS. Выравнивание и эффекты
Структурирование элементов на странице. Трансформации и анимация.

Занятие №4. JavaScript. DOM, переменные и функции
Использование чисел и строк, изменение содержимого страницы.

Занятие №5. JavaScript. Условные конструкции и циклы
Вариация поведения страницы в зависимости от условий.

Занятие №6. JavaScript. Структуры данных
Способы хранения и организации данных.

Занятие №7. JQuery
Библиотека для эффективного управления содержимым страницы.

Занятие №8. Bootstrap
Библиотека, предоставляющая большое количество готовых элементов.

Занятие №9. CSS. Позиционирование
Взаимное расположение элементов. Глубина.

Занятие №10. Зачет
Проверка знаний в устной форме.

Занятие №11. Игра “Пятнашки”. Начало
Реализация игрового поля, ячеек и их перемещения.

Занятие №12. Игра “Пятнашки”. Завершение
Перемешивание костяшек и вывод поздравительного сообщения.

Курс рассчитан на 1 год (2 модуля)

Курс предназначен для выпускников первого модуля курса “Современная web-
разработка”, освоивших введение в HTML, CSS и JavaScript.

Содержание второго модуля:

Занятие N1. Система контроля версий

Как и где стоит хранить код разрабатываемых приложений. Для разминки после каникул – рисование на холсте.

Занятие N2. Погружение в JavaScript

Продвинутые функции языка. Отладка программ.

Занятие N3. Node.js

Различные типы серверов. Особенности работы HTTP.

Занятие N4. MongoDB

Система управления базами данных.

Занятие N5. Vue.js. Связывание данных

Автоматическое связывание изменений хранимых данных с изменениями на
странице.

Занятие N6. Vue.js. Методы

Генерация списков, события и анимация в библиотеке Vue.js.

Занятие N7. Vue.js. Компоненты и маршрутизация

Построение сложных одностраничных приложений.

Занятие N8. Зачет

Практическая проверка знаний.

Занятие N9. Фотолента. Аутентификация

Система регистрации: регистрация, вход, выход.

Занятие N10. Фотолента. Загрузка

Механизм загрузки изображений на сервер.

Занятие N11. Фотолента. Новости

Страница с последними фотографиями пользователей.

Занятие N12. Impress.js

Библиотека для построения эффектных трехмерных презентаций.


Обратный звонок по курсу Современная web-разработка

13 + 13 =