Самостоятельно создаем многостраничные сайты, изучаем язык программирования JavaScript, идеально подходящего детям в качестве языка для обучения основам веб-разработки
Сомневаетесь, будет ли интересно вашему ребенку? Попробуйте для начала бесплатное занятие с наставником. А решите потом!
Забронировать бесплатное занятие с тренером
Что будет?
Изучение основ языка разметки HTML и способов применения таблиц стилей CSS
Изучение языка програмирования JavaScript
Что будет результатом всей программы?
Ребенок научится создавать и изменять оформление и стиль отдельных элементов сайта
Разберется со систематизацией информации
Изучит основы языка программирования JavaScript
С помощью полученных навыков соберет свой сайт
❷
Как занимаемся?
от 1 встречи в неделю
2 урока по 45 минут = 1 встреча
с переменой в 5 минут
Программа курса
Понятие “Веб-разработка” Знакомство с веб-разработкой Создание и сохранение своей Первой веб-страницы — Основные html-теги Изучение и применение основных html-тегов — Знакомство с css Создание и подключение css-файла — Доработка первого сайта Наполнение сайта контентом Загрузка сайта в интернет — Начало создания интерактивной фотогалереи Изучение еще большего количества css-свойств и html-тегов — Добавление изображений в фотогалерею Добавление и позиционирование изображений — Знакомство с css-анимациями Изучение основных свойств css-анимаций — Media-запросы и адаптивная вёрстка Адаптация веб-сайта под все возможные размеры экрана — Работа с дизайн-макетом в Figma Вёрстка сайта по макету (Начало работы над финальным проектом) — Стилизация финального проекта Продолжение работы над финальным проектом. Стилизация — Создание файла для медиа-запросов Создание файла для медиа-запросов. Настройка плавности анимации. — Доработка финального проекта Исправление ошибок. Презентация проектов
Полоса состояния (bar). Часть №1 — Полоса состояния (bar). Часть №2 — Кнопка (button) — Другие виды кнопок (textbutton, imagebutton) — Сетка из объектов с внедрением цикла (grid) — Область с прокруткой (viewpoint) — Вызов или показ экрана с параметрами — Тонкие настройки экрана (modal, zorder)