Веб-разработка — перспективная отрасль программирования, которая требует и технических навыков, и творческого подхода. Сегодня созданием сайтов могут заняться дети уже в возрасте 12 лет. Для этого им нужно освоить язык гипертекстовый разметки HTML и таблицы стилей (CSS).
Мы в школе программирования для детей "Пиксель" приготовили бесплатные уроки по HTML для детей, чтобы познакомить юных инженеров с основами веб-разработки, а также дать начальные знания для освоении языка JavaScript. В этом курсе мы изучаем программирование для детей и учимся создавать сайты. Поехали!
Урок 1. Установка Brackets и основные теги HTML
Учиться программировать мы будем в Brackets — у этой программы довольно простая структура и интерфейс. В первом видеоуроке мы скачаем и установим Brackets и начнем знакомство с HTML: изучим теги, которые должны быть на каждой веб-странице, и научимся делать заголовки разного типа.
Урок 2. Тег <img>, списки и гиперссылки
В этом видео мы узнаем, какие существуют форматы изображений (png, jpg, gif), и научимся добавлять их на веб-страницу с помощью тега <img>. Также мы изучим, что такое нумерованные и маркированные списки, внутренние и внешние гиперссылки, и узнаем, какие теги для них нужны.
Урок 3. Таблицы и основы CSS
Мы научимся создавать таблицы с помощью текстового кода, для этого познакомимся с тегами <table>, <tr>, <td> и <th>. Затем начнем изучение CSS — каскадных таблиц стилей, которые отвечают за внешний вид веб-страницы.
Урок 4. Создаем интернет-магазин
В четвертом уроке мы научимся делать интернет-магазин. Для этого нам нужно добавить библиотеку Bootstrap и изучить элементы трансформации в CSS.
Урок 5. Игры, которые помогут в изучении верстки
В этом видео мы познакомим вас с тремя играми, которые помогут разобраться в HTML и CSS. Вы начнете лучше разбираться в селекторах, узнаете, что такое псевдокласс и его разновидности, познакомитесь с инструментами CSS Flexbox и CSS Grid, которые помогают разработчикам управлять элементами сайта. Больше игр и ссылки на них вы можете найти в нашей статье.
Урок 6. Создаем калькулятор на JavaScript
Наконец, мы перейдем к языку JavaScript и создадим свой проект: запрограммируем калькулятор на веб-странице.
Урок 7. Бибилотека jQuery
В этом видео мы подключим jQuery — библиотеку JavaScript, которая создана для более удобного взаимодействия с веб-страницей.
Плейлисты с видеоуроками регулярно пополняются, подписывайтесь на наш YouTube-канал, чтобы следить за выходом новых видео и открывать для себя мир IT-технологий!
Если же вам нужен наставник, загляните в Школу программирования для детей “Пиксель”: пройдите полный курс по созданию сайтов на HTML, CSS и JavaScript.
Больше полезных материалов:
• Программирование на Python в Minecraft для детей от 9 лет — бесплатные видеоуроки