Основы Web-разработки

Блок 1: "Структура веб страницы, базовый HTML"

• как создать веб-страницу?
• осваиваем язык HTML
• необходимые тэги HTML
• ваш первый сайт с помощью HTML

Блок 2: "Базовый CSS, селекторы и каскад"

• правила CSS
• как изменить внешний вид веб-страницы?
• работа с селекторами
• добавление стилей в HTML-документ
• каскадность в CSS

Блок 3: "Продвинутый CSS, адаптивность и кроссбраузерность"

• градиенты в CSS
• как сделать анимацию?
• как сделать так, чтобы страница не "тормозила"?
• работа с адаптивностью вебсайта под мобильные устройства
• добавление кроссбраузерности

Блок 4: "Javascript: основы языка, инструменты для разработки и отладки"

• основы языка Javascript
• инструменты для работы с Javascript
• отладка кода на Javascript
• пишем первый код на Javascript для вебсайта

Блок 5: "Javascript: объекты, массивы, функции"

• объекты в Javascript
• работа с массивами
• зачем нужны функции и как их полезно использовать?
• создаём удобные функции для нашего вебсайта

Блок 6: "DOM-модель и работа со страницей"

• DOM-модель для HTML-страницы
• Поиск DOM-элементов по id, классам, тегам
• как изменить свойства и атрибуты элементов веб-страницы?
• консоль и инструменты разработчика в браузере

Блок 7: "Javascript: обработчики событий"

• браузерные события
• обработчики событий (click, mousedown, submit, ..)
• частые ошибки и исправление проблем
• улучшаем наш вебсайт с помощью обработки событий в Javascript

Блок 8: "Взаимодействие с сервером"

• подход Клиент-Сервер
• получение данных с сервера
• асинхронный JavaScript и XML (Ajax)
• работа с запросом XMLHttpRequest, GET / POST
• работа с JSON данными

Блок 9: "Дипломный проект-сайт на Javascript и HTML, CSS + разбор ДЗ"

• разбираем типовые ошибки использования CSS и Javascript
• обзор сделанных ДЗ
• собираем финальную версию нашего вебсайта как дипломную работу и сдаём на проверку ментору