Сегодня сайт нужен почти каждому: бизнесу, блогеру, творческому проекту, даже школе. Умение создавать сайты — это навык, который всегда пригодится. На нашем курсе по дизайну и разработке веб-приложений ребенок осваивает два инструмента: Figma для создания прототипов и Tilda для верстки без кода.
Figma — это профессиональный инструмент, которым пользуются дизайнеры по всему миру. В ней создают макеты сайтов, приложений, интерфейсов. В Figma ребенок научится работать с композицией, типографикой, цветом, выстраивать логику взаимодействия пользователя с интерфейсом.
Tilda — это конструктор, который позволяет воплотить дизайн в работающий сайт без написания кода. Причем Tilda нужна не только новичкам, на ней создают сайты крупные компании, известные блогеры, интернет-магазины.
Что изучают на курсе:
- Основы композиции и цвета. Ребенок узнает, как расположить элементы на странице, чтобы было красиво и удобно. Что такое контраст, ритм, баланс. Как подбирать цветовую гамму, чтобы сайт выглядел профессионально. Например, он научится использовать цветовой круг и понимать, какие цвета сочетаются, а какие — нет.
- Типографика. Как выбрать шрифт, какого размера сделать заголовок, а какого — текст, чтобы читалось легко. Например, ребенок узнает, что существуют шрифты с засечками (для печатных текстов) и без засечек (для экранов), и научится подбирать их правильно.
- UX/UI — основы взаимодействия с пользователем. Ребенок научится думать с точки зрения пользователя: где должна быть кнопка, чтобы её было удобно нажимать, как построить навигацию, чтобы посетитель не потерялся. Он поймет, почему кнопки в интернет-магазинах всегда крупные и контрастные, а формы обратной связи — короткие.
- Работа в Figma — создание макетов, работа со слоями, компонентами, авто-лейаутами. Ребенок научится создавать адаптивные макеты — такие, которые будут красиво выглядеть и на компьютере, и на телефоне. Он освоит инструменты: прямоугольник, текст, изображение, а также узнает, как делать интерактивные прототипы с переходами между страницами.
- Сборка сайта в Tilda. Перенос макета в конструктор, настройка блоков, анимации, адаптивности. Подключение форм, карт, виджетов. Ребенок научится использовать готовые шаблоны и разберется, как работает Zero Block — инструмент в Tilda, позволяющий создавать уникальный дизайн.
- Публикация — как привязать домен (бесплатный поддомен Tilda или свой), опубликовать сайт в интернете и поделиться ссылкой с друзьями. В конце курса у каждого ученика будет собственный сайт с уникальным адресом.
На протяжении курса ребенок может создать несколько сайтов. Например, первый проект — простой лендинг (одностраничный сайт) для вымышленного блога или хобби. Сайт о своей коллекции марок или о любимом музыкальном коллективе. Второй проект — сайт-портфолио, где можно собрать свои рисунки, фотографии или поделки. Это не только учебная работа, но и реальный инструмент для самопрезентации. Третий — полноценный многостраничный сайт: например, интернет-магазин игрушек или страница школьного кружка с расписанием и формой записи.
На каждом этапе ребенок получает обратную связь от преподавателя и учится улучшать свои работы.
К концу курса по разработке веб-приложений у ребенка будет не только готовый, опубликованный сайт, но и понимание, как устроены все сайты, которые он видит в интернете. Он научится оценивать дизайн, замечать удачные решения и критически относиться к неудачным.