Web-программирование для детей
Изучаем HTML+CSS и JavaScript

Web-программирование для детей
Изучаем HTML+CSS и JavaScript
itgen.io

Web-программирование

Web-программирование - это конструирование и создание сайтов, при помощи языка разметки HTML, стилей CSS и языка программирования JavaScript.

HTML - это скелет сайта, CSS - это его внешний вид, а JavaScript - способности. Даже, чтобы сделать красивое, анимированное нажатие кнопки понадобится написать небольшой скрипт.

Кому подходят занятия?

Лучше всего начинать заниматься после освоения базы в Scratch.
Ученик должен владеть базовыми понятиями: переменная, условие, циклы и базовые алгоритмы. Также знать, что такое умножение, деление, остаток от числа, дробные числа

Для занятий ученику необходимо хорошо владеть компьютером:
пользоваться браузером, открывать новые вкладки, скачивать и устанавливать файлы на компьютер, создавать/переименовывать папки, хорошо знать раскладку клавиатуры, печатать, использовать "горячие" клавиши, уверенно держать мышку в руках.
Подходит для учеников с 10 лет, однако, детям младше 12 необходимо пройти проверочный тест для записи.

Для занятий надо иметь установленный текстовый редактор:
Notepad++, Sublime, etc

Какие знания и навыки получит ребенок
на занятиях?

1. HTML
1. HTML
  • Понятие об основных тегах: <html>, <head>, <body>, умение создать базовые страницы, используя эти теги.
  • Форматирование текста.
  • Создание заголовков, абзацев, использование тегов strong, b, em, i, переносов и разделителей, цитат, индексов, как их использовать.
  • Работа с нумерованными и ненумерованными, многоуровневыми списками и списками определений.
  • Вставка ссылок и изображений.
  • Работа с таблицами.
  • Создание форм
2. CSS
2. CSS
  • Подключение CSS.
  • Использование селекторов и свойства: цвет, шрифт, отступы, размеры и т.д.
  • Стилизация форм и таблиц.
  • Добавление анимаций.
  • Адаптивность
  • Сетки и flexbox
3. JS
3. JS
• Типы данных, переменные.
• Операторы: арифметические, логические.
• Встроенные функции alert, promt, confirm.
• Преобразование строк в числовые значения.
• Функции: встроенные, математические функции, обычные, функции с передаваемыми значениями, смысл return и т.д.
• Массивы.
• Циклы и условия.
• Объекты и свойства.
• Классы.
• Изучают jQuery.
4. HTML+CSS+JS
4. HTML+CSS+JS
  • Теория взаимодействия языков HTML+CSS+JS.
  • Создание собственных сайтов в процессе обучения.
  • Решение задач на поиск ошибок в коде.
  • Все темы включают много практических заданий. Ученик будет верстать свои собственные динамические странички, делать браузерные игры и выполнять много практических упражнений.
  • Ребенок овладеет отличной базой. И уже с ней сможет выбрать чем больше ему нравится заниматься: сайтами или играми/приложениями, и уже углубляться в конкретном направлении.
5. Node.js
5. Node.js
Для учеников, кто научился верстать веб-страницы на HTML и CSS, освоил JavaScript, и желает перейти на новую ступень в сфере веб-разработки мы предлагаем дальше изучать Node.js

Node.js — это программная платформа, предназначенная для выполнения кода JavaScript вне браузера. Она позволяет писать бэк-енд (серверный код) для динамических веб-сайтов и веб-приложений на популярном языке JavaScript.
Работа нашего ученика - сайт для его мамы

Примеры проектов