Веб-програмування

Программа курса

Часть 1: Основы HTML и CSS

На этом курсе начинают с основ HTML. Студенты узнают, что такое язык разметки гипертекста, изучают основные теги и структуру сайта. Практические задания включают верстку страниц на примере Шрека и Stark Industries. Затем переходят к работе с мультимедиа - изображениями, видео и аудио. Последний модуль части знакомит с CSS - цветами, шрифтами и основным оформлением.

Часть 2: Углубленная работа с CSS

Здесь рассматривают селекторы CSS, их типы и способы применения. Студенты изучают блочную модель, отступы и границы элементов. Особое внимание уделяется ссылкам и свойствам фона. Завершается часть рассмотрением различных типов позиционирования элементов на странице.

Часть 3: Дизайн и макетирование

Эта часть сочетает основы дизайна с практическими навыками. Студенты изучают принципы UI/UX дизайна, анализируют поисковые запросы и целевую аудиторию. Знакомятся с Figma для создания макетов. Последний модуль посвящен Flexbox - современному инструменту для разметки страниц.

Часть 4: Верстка и публикация

Студенты переходят к практической верстке сайта по макету. Учат работу с VS Code, Emmet аббревиатурами и кросбраузерностью. После завершения верстки проект публикуют на GitHub, добавляют в поиск и подключают метрику.

Часть 5: Расширенные возможности CSS

Здесь рассматривают псевдоклассы и псевдоэлементы для создания интерактивных элементов. Студенты изучают CSS трансформации и анимации для добавления движения на страницу. Последний модуль углубляет знания блочной модели и рассматривает липкое позиционирование.

Часть 6: Современные технологии верстки

Эта часть охватывает Grid-layout для создания сложных сеточных макетов. Студенты учат CSS переменные для эффективного управления стилями. Особое внимание уделяется адаптивной верстке для различных устройств. Завершается часть созданием форм для взаимодействия с пользователем.

Часть 7: Серверная часть и WordPress

Студенты знакомятся с PHP - языком серверного программирования. Учат переменные, циклы и массивы. Затем переходят к WordPress - популярной системе управления контентом. Обучаются создавать темы и натягивать собственные проекты на движок.

Часть 8: JavaScript и интерактивность

Последняя часть посвящена JavaScript для добавления интерактивности. Студенты учат основы языка, работу с DOM и обработку событий. Практические задания включают создание бургер-меню и карусели изображений для собственных проектов.

Итоговый проект

Курс завершается финальным проектом, где студенты применяют все полученные навыки - от дизайна до публикации готового сайта.

Что получат студенты

После завершения курса студенты будут уметь создавать веб-сайты с нуля. Они освоят верстку на HTML/CSS, основы JavaScript и PHP. Научатся работать с WordPress и публиковать проекты в интернете. Каждый студент создаст собственный проект для портфолио.

Как организовано обучение

Курс сочетает теоретические знания с практическими заданиями. Каждый модуль содержит упражнения для закрепления материала. Преподаватели имеют практический опыт в веб-разработке. Студенты работают в среде, способствующей изучению технических терминов английского языка. После успешного завершения курса выдается сертификат.