МДК 04.02 Кодирование на языках веб-программирования

Лекции:

  1. Вводное занятие
  2. Этапы создание сайтов
  3. Основы HTML и CSS
  4. Структура HTML документа
  5. Разметка текста с помощь тегов
  6. Ссылки и изображения
  7. Основы CSS
  8. Оформление текста
  9. Наследование и каскадирование
  10. Блочный элемент
  11. Селекторы
  12. Использование фонов
  13. Возможности HTML и CSS
  14. Основы JavaScript
  15. Структура кода JavaScript
  16. Переменные Javascript
  17. Типы данных JavaScript
  18. Взаимодействие alert, prompt, confirm JavaScript
  19. Преобразование типов JavaScript
  20. Базовые операторы, математика JavaScript
  21. Операторы сравнения JavaScript
  22. Условное ветвление JavaScript
  23. Введение в CMS

Курс:

  1. Курс: HTML CSS JS
  2. Интерактивный курс по JavaScript

Практические задания:

Работа с конструктором:

  1. Tilda + База Tilda + Практическое задание
  2. Создание сайта (по темам)
  3. Сравнение конструкторов

Фронтенд разработка:

  1. Создание файлов
  2. Разметка текста
  3. Работа с изображениями и ссылками
  4. Знакомство с HTML и CSS + материал

Создание структуры HTML

  1. Теги header и footer, шапка и подвал
  2. Тег section, смысловой раздел
  3. Тег nav, основная навигация
  4. Тег article, независимый раздел
  5. Тег aside, дополнительное содержание
  6. Оформление текста
  7. Испытание

Работа с CSS

  1. Основы CSS + материал
  2. Стилизация при помощи CSS

Верстка лендинга:

  1. Видеоматериал «Основы HTML и CSS»
  2. Практическая работа «Верстка блока»
  3. Видеоматериал «Верстка лендинга»
  4. Практическая работа «Верстка лендинга»
  5. Видеоматериал «Адаптивность для сайта»

Верстка сайта по макету

  1. Макет сайта

JavaScript

  1. JavaScript: Переменные, операторы и функции