Ученики познакомятся с профессией дизайнера
Изучат Tilda
Научатся делать сайты, презентации и визитки
Чему научится ребёнок:
- HTML, CSS, JavaScript - языки для создания сайтов
- Работать с Tilda и Figma
- Работе и коммуникации в команде
- Web-дизайну и созданию своих проектов
Чему научится ребёнок:
- HTML, CSS, JavaScript - языки для создание сайтов
- Работать с Tilda и Figma
- Работе и коммуникации в команде
- Web-дизайну и созданию своих проектов
У нас есть гарантия результата: в конце каждого модуля ребёнок создает свой проект - в противном случае мы возвращаем деньги
1 модуль
1 урок "Профессия frontend-разработчик"
  • Знакомство с группой и преподавателем
  • Кто такой frontend-разработчик?
  • Первые теги
  • Практика с добавлением названия сайта
2 урок "Установка редактора кода"
  • Что такое редактор кода и зачем он нужен?
  • Какие редакторы коды бывают?
  • Установка редактора кода Sublime Text
3 урок "Теги для добавления текста на сайт"
  • Основные теги для добавления текста на сайт
4 урок "Таблицы"
  • Что такое таблицы и зачем они нужны?
  • Теги для добавления таблиц на сайт
5 урок "Кнопки"
  • Как добавить кнопку на сайт?
  • Какие виды кнопок бывают?
6 урок "Практический урок"
Верстка сайта по макету (html часть)
7 урок "СSS"
  • Что такое css?
  • Как подключить стили через код
8 урок "Margin"
  • Что такое Margin и зачем он нужен
  • Как работать с Margin через CSS
9 урок "Padding"
  • Что такое Padding и зачем он нужен
  • Как работать с Padding через CSS
10 урок "Практическое занятие"
Верстка сайта по макету (css часть)
11 урок "Java Script. Анимация на сайте."
  • Что такое java script?
  • Добавление анимации на сайт (летающая надпись)
12 урок "Java Script. Анимация на сайте"
  • Добавление анимации на сайте (Интерактивное меню и кнопки)
13 урок "Выгрузка сайта на хостинг"
  • Подключение домена к сайту
  • Добавление сайта на хостинг
14 урок "Проектное занятие"
  • Выбор темы проекта
  • Создание сайта по макету для своего проекта
15 урок "Проектное занятие"
  • Выбор темы проекта
  • Создание сайта по макету для своего проекта
16 урок "Презентация проекта"
  • Доработка проекта с прошлого урока
  • Презентация проекта одногруппникам, преподавателю и родителям
2 модуль
1 урок "Профессия веб-дизайнер"
  • Знакомство с группой и преподавателем (по необходимости знакомство с новенькими)
  • Чем занимается веб-дизайнер
  • Установка и регистрация в программе фигма
2 урок "Основы работы в Фигме. Интерфейс"
  • Интерфейс программы
  • Создание простого чек-лист распорядка дня
3 урок "Создание визитки"
  • Создание визитки по ТЗ заказчика
4 урок "Создание презентации"
  • Создание презентации по ТЗ заказчика
5 урок "Создание презентации, вторая часть"
  • Создание презентации по ТЗ заказчика
6 урок "Практический урок"
  • Повторение полученных навыков
  • Верстка макета сайта по будущему ТЗ
7 урок "Практический урок"
  • Повторение полученных навыков
  • Верстка макета сайта по будущему ТЗ
8 урок "TILDA"
  • Регистрация на сайте
  • Интерфейс программы
9 урок "Верстка сайта по макету. Простые блоки"
  • Верстка сайта по макету заказчика
10 урок "Верстка сайта по макету. Простые блоки"
  • Верстка сайта по макету заказчика
11 урок "Верстка сайта по макету, zero блоки"
Верстка сайта по макету заказчика
12 урок "Анимация и дополнительные блоки"
  • Верстка сайта по макету заказчика
13 урок "Практическое занятие"
  • Верстка сайта по своему макету с 6-7 урока
14 урок "Проектное занятие"
  • Выбор темы проекта (фигма или тильда)
  • Создание
15 урок "Проектное занятие"
  • Выбор темы проекта (фигма или тильда)
  • Создание
16 урок "Презентация проекта"
  • Доработка проекта с прошлого урока
  • Презентация проекта одногруппникам, преподавателю и родителям
Как проходят занятия:
1. Погружаемся в профессию и получаем игровую валюту для мотивации

2. Придумываем и создаём тематические проекты для отработки навыка

3. Перенимаем опыт у практиков и узнаём, как все устроено на реальной работе

4. Создаём, презентуем, креативим и узнаём - развиваем полезные «мягкие» навыки
На бесплатном занятии ребёнок:
Пройдёт профориентационный тест
Узнает, какие профессии ему подходят и что они из себя представляют
Записаться на бесплатное занятие
Made on
Tilda