Курсы

Отзывы

FAQ

Франшиза

+7 (951) 860-33-79

WEB-ДИЗАЙНЕР

Ученики познакомятся с профессией дизайнера

Изучат Tilda

Научатся делать сайты, презентации и визитки

У нас есть гарантия результата: в конце каждого модуля ребёнок создает свой проект - в противном случае мы возвращаем деньги

Web-дизайну и созданию своих проектов

Работе и коммуникации в команде

Работать с Tilda и Figma

HTML, CSS, JavaScript - языки для создания сайтов

Чему научится ребёнок:

для детей от 12 до 17 лет

1 урок: «Профессия frontend-разработчик»

1 модуль

1 урок: «Профессия frontend-разработчик»

Знакомство с группой и преподавателем

Кто такой frontend-разработчик?

Первые теги

Практика с добавлением названия сайта

2 урок:
«Установка редактора кода»

2 урок: «Установка редактора кода»

Что такое редактор кода и зачем он нужен?

Какие редакторы коды бывают?

Установка редактора кода Sublime Text

3 урок: «Теги для добавления текста на сайт»

3 урок: «Теги для добавления текста на сайт»

Основные теги для добавления текста на сайт

4 урок: «Таблицы»

4 урок: «Таблицы»

Что такое таблицы и зачем они нужны?

Теги для добавления таблиц на сайт

5 урок: «Кнопки»

5 урок: «Кнопки»

Как добавить кнопку на сайт?

Какие виды кнопок бывают?

6 урок: «Практический урок»

6 урок: «Практический урок»

Верстка сайта по макету (html часть)

7 урок: «СSS»

7 урок: «СSS»

Что такое css?

Как подключить стили через код

8 урок: «Margin»

8 урок: «Margin»

Что такое Margin и зачем он нужен

Как работать с Margin через CSS

9 урок: «Padding»

9 урок: «Padding»

Что такое Padding и зачем он нужен

Как работать с Padding через CSS

10 урок: «Практическое занятие»

10 урок: «Практическое занятие»

Верстка сайта по макету (css часть)

11 урок: «Java Script. Анимация на сайте»

11 урок: «Java Script. Анимация на сайте»

Что такое java script?

Добавление анимации на сайт (летающая надпись)

12 урок: «Java Script. Анимация на сайте»

12 урок: «Java Script. Анимация на сайте»

Добавление анимации на сайте (Интерактивное меню и кнопки)

13 урок: «Выгрузка сайта на хостинг»

13 урок: «Выгрузка сайта на хостинг»

Подключение домена к сайту

Добавление сайта на хостинг

14 урок:
«Проектное занятие»

14 урок: «Проектное занятие»

Выбор темы проекта

Создание сайта по макету для своего проекта

15 урок:
«Проектное занятие»

15 урок: «Проектное занятие»

Выбор темы проекта

Создание сайта по макету для своего проекта

16 урок:
«Презентация проекта»

16 урок: «Презентация проекта»

Доработка проекта с прошлого урока

Презентация проекта одногруппникам, преподавателю и родителям

1 урок: «Профессия веб-дизайнер»

2 модуль

1 урок: «Профессия веб-дизайнер»

Знакомство с группой
и преподавателем (по необходимости знакомство с новенькими)

Чем занимается веб-дизайнер

Установка и регистрация в программе фигма

Знакомство с группой и преподавателем (по необходимости знакомство с новенькими)

2 урок: «Основы работы в Фигме. Интерфейс»

2 урок: «Основы работы в Фигме. Интерфейс»

Интерфейс программы

Создание простого чек-лист распорядка дня

3 урок:
«Создание визитки»

3 урок: «Создание визитки»

4 урок: «Создание презентации»

4 урок: «Создание презентации»

Создание презентации по ТЗ заказчика

5 урок: «Создание презентации, вторая часть»

5 урок: «Создание презентации, вторая часть»

Создание презентации по ТЗ заказчика

6 урок: «Практический урок»

6 урок: «Практический урок»

Повторение полученных навыков

Верстка макета сайта по будущему ТЗ

7 урок: «Практический урок»

7 урок: «Практический урок»

Повторение полученных навыков

Верстка макета сайта по будущему ТЗ

8 урок: «TILDA»

8 урок: «TILDA»

Регистрация на сайте

Интерфейс программы

9 урок: «Верстка сайта по макету. Простые блоки»

9 урок: «Верстка сайта по макету. Простые блоки»

Верстка сайта по макету заказчика

10 урок: «Верстка сайта по макету. Простые блоки»

10 урок: «Верстка сайта по макету. Простые блоки»

Верстка сайта по макету заказчика

11 урок: «Верстка сайта по макету, zero блоки»

11 урок: «Верстка сайта по макету, zero блоки»

Верстка сайта по макету заказчика

12 урок: «Анимация и дополнительные блоки»

12 урок: «Анимация и дополнительные блоки»

Верстка сайта по макету заказчика

13 урок:
«Практическое занятие»

13 урок: «Практическое занятие»

Верстка сайта по своему макету с 6-7 урока

14 урок:
«Проектное занятие»

14 урок: «Проектное занятие»

Выбор темы проекта (фигма или тильда)

Создание

15 урок:
«Проектное занятие»

15 урок: «Проектное занятие»

Выбор темы проекта (фигма или тильда)

Создание

16 урок:
«Презентация проекта»

16 урок: «Презентация проекта»

Презентация проекта одногруппникам, преподавателю и родителям

Доработка проекта с прошлого урока

Как проходят занятия:

Погружаемся в профессию и получаем игровую валюту для мотивациим

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

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

Создаём, презентуем, креативим и узнаём - развиваем полезные «мягкие» навыки

На бесплатном занятии ребёнок:

Узнает, какая профессия и курс ему больше подойдёт

Создаст собственный мини-проект