Программирование HTML и CSS

Создание сайтов и веб-приложений, по-другому веб-программирование — занятие полезное и для детей, и для взрослых. Структурировать контент и расположить его так, как вам нужно, поможет язык гипертекстовой разметки HTML. Благодаря ему, вы сможете указать, в каком порядке на веб-странице должны размещаться все ее элементы. Например, уточнить, когда начинается новый абзац, на сколько колонок должен быть разбит текст или таблица, куда встать ссылке или иллюстрации и так далее.

CSS — каскадные таблицы стилей, которые позволяют решить, как именно будут выглядеть объекты HTML. Допустим, выбрать шрифт, цвета, фоновые изображения. Если представить, что  HTML помогает сложить сайт как стену из кирпичиков, то CSS можно назвать краской для этой стены.

В первой части курса дети научатся азам веб-разработки. Преподаватели расскажут, как устроены интернет-сайты и из чего они состоят. Ребята изучат основные теги, свойства и атрибуты HTML, научаться работать с библиотекой Bootstrap а также поймут, как сделать созданные ими веб-страницы уникальными при помощи таблиц стилей CSS.

По окончании 12 уроков модуля дети:

• Изучат основы HTML и CSS, научатся работать в среде Visual Studio Code;
• Сделают собственную веб-страницу и потренируются добавлять на нее разные элементы: гиперссылки и якорные ссылки, иллюстрации, списки, таблицы, текст и так далее;
• Поработают над внешним видом страницы, управляя ее элементами при помощи CSS;
• Научатся создавать и добавлять анимации;
• Узнают, что такое адаптивная верстка сайта и научатся ее применять.

Во время прохождения курса дети смогут почувствовать себя начинающими фронтенд-разработчиками. Они изучат веб-разработку, основы программирования на JavaScript, библиотеку ReactJS и NodeJS.

В первом модуле научатся создавать веб-страницы и при помощи HTML-разметки и CSS управлять элементами на них, а также поработают над дизайном собственного сайта.

Во втором модуле начнется изучение языка программирования JavaScript. Ученики познакомятся с его основными конструкциями и способами их применения для того, чтобы добавить сайту интерактивности. Также ребята научатся писать веб-приложения на JS.

Финальный модуль посвящен знакомству и работе с библиотекой React и программной платформой Node.js. В конце курса начинающим разработчикам предстоит защита собственного проекта на React.

Ребятам предстоит пройти путь от знакомства с HTML и CSS до написания собственного сайта.

• Изучение элементов страницы и основных тегов HTML;
• Что такое CSS, и для чего он используются;
• Создание нумерованных и маркированных списков.
• Знакомство с разнообразными форматами изображений и их размещение на веб-странице;
• Изменение внешнего вида таблиц. Добавление их на веб страницы;
• Контейнеры для стилизации. Группировка элементов при помощи тега div.
• Работа со шрифтами в CSS. Псевдоклассы и псевдоэлементы;
• Трансформационные и анимационные возможности CSS;
• Подключение и работа с библиотекой Bootstrap;
• Навигационная панель Bootstrap. Размещение в ней элементов контроля формы.
• Слайды в Bootstrap. Возможность создания карусели изображений для их демонстрации.

Веб-разработка и веб-дизайн по праву могут считаться профессиями будущего. Поэтому создание сайтов для детей — перспективное направление обучения, вне зависимости от того, станут они в будущем профессиональными программистами или просто смогут поправить не устраивающую их верстку веб-страницы.

Уроки по видео. Для тех, кто изучает HTML и CSS самостоятельно или хочет регулярно повторять пройденное, мы собрали бесплатные видеоуроки на YouTube-канале школы программирования «Пиксель».

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

После изучения модуля 1 «Создание веб-сайтов. Программирование HTML и CSS» дети продолжат курс обучения:

Модуль 2. «Создание веб-сайтов. Программирование на JavaScript»;
Модуль 3. «Создание веб-сайтов. Библиотека ReactJS — JavaScript».

Подарите ребенку его первые курсы по созданию сайтов на HTML. Ждем на занятиях в школе «Пиксель».