I-я НЕДЕЛЯ
Из чего состоит веб-сайт?
– понятия Frontend и Backend. Определение базы данных.
– Что входит во Frontend и что входит в Backend, что хранится в базе данных.
– Как эти части взаимосвязаны.
HTML
– Рабочая среда.
– Что такое HTML и какова его роль в Вебе?
– Синтаксис тегов (элементы и их атрибуты).
– Структура веб-сайта (doctype, html, head, body, … теги).
– Правила чистоты и качества кода. Комментарии.
– Заголовки.
– Параграфы. Форматирование текста с использованием жирного шрифта, курсива, подчеркивания и других методов выделения.
– Ссылки (абсолютные и относительные).
– Изображения. Их внедрение, регулировка размера, описание альтернативного текста,
создание кликабельного изображения.
– Таблицы. Создание таблицы. Рамки таблицы, строки, ячейки, ячейки с заголовками, слияние ячеек.
– Списки. Неупорядоченные и упорядоченные списки. Вложенный список / многоуровневые списки.
– Формы. Назначение форм, описание, поля. Текстовые, числовые, файловые и другие типы полей, их атрибуты, использование.
– Полезные дополнения к текстовому редактору.
– Прочие элементы HTML.
Работа с дизайном
– Извлечение шрифтов, цветов, изображений и стиля из дизайна с Figma/Adobe XD.
CSS
– Что такое CSS?
– Синтаксис (селекторы, декларации, параметры и значения).
– Чистота и качество кода и комментирование.
– Селекторы и их типы.
– Где и как пишется код CSS?
– Инструмент для программистов браузера.
– Цвета и фоны, обработка изображений и других элементов HTML с помощью CSS.
– Форматирование текста. Шрифты, размеры текстов, стили, толщины и прочее форматирование.
– Блочная модель CSS (content, padding, border, margin).
– Поведение элементов в строке (display).
– Расположение элементов (position).
– Адаптивная (responsive) верстка сайта (layout). Flexbox/CSS grid.
– Прочие параметры CSS. Препроцессоры CSS.
Использование CSS-каркаса (framework)
– Что такое CSS-каркас? Каковы варианты (Bootstrap / Tailwind и др.) и чем они могут быть полезны?
– Как подготовить проект, чтобы он использовал CSS-каркас (framework)?
II-я НЕДЕЛЯ
JavaScript
– Что такое JavaScript?
– Переменные.
– Условия проверки (if, switch).
– Циклы (for, while, do while, for…in, for…of, forEach).
– Массивы, стандартные ES6+ функции (filter, map, find и др.).
– Функции.
– DOM манипуляция.
IV-я НЕДЕЛЯ
PHP
– Рабочая среда.
– Чистота и качество кода. Комментирование кода.
– Переменные. Границы действия переменных (scope). Типы данных.
– Распечатка / вывод информации.
– Арифметические действия.
– Условия проверки (if, switch). Операторы сравнения и логические операторы.
– Циклы (for, while, do while, foreach).
– Массивы (indexed arrays, associative arrays).
– Функции (стандартные и дополнительно созданные функции).
– Обработка и валидация форм.
– объединение PHP и MySQL.
– Объединение различных файлов PHP (include и require).
– Введение в объектное программирование PHP (классы и объекты).
MySQL
– Создание базы данных и таблицы, просмотр, обновление, удаление.
– Написание или выполнение SQL-запросов.
VI-я НЕДЕЛЯ
WordPress
– Что такое WordPress? Обзор WordPress и подготовка среды.
– Создание темы WordPress и использование шаблонов.
Заключительный проект, презентация и отчет
REGISTRUOTIS
NUOTOLINIU BŪDU
Bandomoji paskaita
