Веб-программирование: создание сайтов от Coddy

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

На курсе ребенок научится создавать сайты и посадочные страницы, используя язык HTML и таблицы стилей CSS. Он самостоятельно выполнит несколько проектов и опубликует их.

1-й модуль

Познакомитесь с HTML, изучите его теги и элементы. Самостоятельно попробуете создать веб-страницу. Изучите синтаксис языка стилизации CSS. Узнаете, как изменить стиль текста и размеры элементов. Выполните проверочное тестовое задание по предыдущей теме. Научитесь изменять внутренние и внешние отступы элементов.  Выполните финальное тестирование и зарегистрируетесь на GitHub. Опубликуете готовые проекты и разберете допущенные ошибки.

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

Изучите синтаксис языка стилизации CSS. Узнаете, как изменить стиль текста и размеры элементов.

Выполните проверочное тестовое задание по предыдущей теме. Научитесь изменять внутренние и внешние отступы элементов. 

Выполните финальное тестирование и зарегистрируетесь на GitHub. Опубликуете готовые проекты и разберете допущенные ошибки.

2-й модуль

Узнаете, что такое Flexbox и как с его помощью можно провести позиционирование элементов. Выполните практические задания. Научитесь устанавливать фоновое изображение. Разберете свойства background и закрепите полученные знания на практике. Вам расскажут о способах создания анимации и добавлении ее на страницу. Выполните необходимые практические задания. Пройдете финальное тестирование и доработаете собственные проекты, опубликуете их в интернете. Разберете возможные ошибки при работе над проектами.

Узнаете, что такое Flexbox и как с его помощью можно провести позиционирование элементов. Выполните практические задания.

Научитесь устанавливать фоновое изображение. Разберете свойства background и закрепите полученные знания на практике.

Вам расскажут о способах создания анимации и добавлении ее на страницу. Выполните необходимые практические задания.

Пройдете финальное тестирование и доработаете собственные проекты, опубликуете их в интернете. Разберете возможные ошибки при работе над проектами.

3-й модуль

Узнаете, что такое Grid layout и как с его помощью провести позиционирование элементов. Разберетесь, чем Grid layout отличается от Flexbox. Выполните практические задания на изученную тему. Создадите первый экран посадочной страницы. Поработаете над навигацией будущего сайта. Сделаете третий экран и версию проекта для мобильных устройств. Пройдете финальное тестирование по всем темам курса. Закончите работу над проектом и опубликуете его.

Узнаете, что такое Grid layout и как с его помощью провести позиционирование элементов. Разберетесь, чем Grid layout отличается от Flexbox. Выполните практические задания на изученную тему.

Создадите первый экран посадочной страницы. Поработаете над навигацией будущего сайта.

Сделаете третий экран и версию проекта для мобильных устройств.

Пройдете финальное тестирование по всем темам курса. Закончите работу над проектом и опубликуете его.