Курс предоставляет возможность обучаться frontend-разработке уже с подросткового возраста. Для ребят 11-14 лет составлены практические уроки для получения навыков вёрстки сайтов на HTML, CSS и добавления интерактивных элементов за счёт JS-скриптов. Профессионалы обучают работать с дизайн-макетами сайтов разных ниш и тематик, применять функционал Photoshop. На курсе научат создавать удобные и стильные адаптивные веб-интерфейсы, размещать и корректировать графический контент, тексты, видео. Освоение CSS-инструментом поможет с лёгкостью создавать меню, разнообразные блоки, слайдеры и галереи для реализации полноценных веб-проектов.
Чему вы научитесь
Создавать современные стильные сайтыВнедрять на сайт интерактивные элементы для пользователейРеализовывать собственные проекты в области frontend-разработкиВерстать веб-страницы, которые подстраиваются под любые размеры экранаРаботать над визуальной частью сайтов за счёт инструментов каскадных стилейКак быстро окупится обучение
Показываем, как будет расти ваш заработок вместе с опытом. И сколько времени потребуется, чтобы окупить вложения в образование
Преподаватели
Элла Т.
IT-специалист
Сергей Т.
IT-специалист
Никита Г.
Программист
Владислав Фролышев
Помощник системного администратора
Владислав Л.
Программист
Никита М.
Программист
Максим Штиль
Веб-разработчик; Преподаватель программирования для детей
Владислав Т.
Разработчик
Павел П.
Программист
Глеб В.
Эксперт
Татьяна Т.
Программист
Екатерина З.
Программист
Никита Ш.
Веб-разработчик
Андрей Злобин
Эксперт
Кирилл Х.
Программист
Владимир Иванов
Руководитель группы информационной безопасности в Coddy
Мария Х.
Программист
Александра Старикова
Разработчик сайтов; Преподаватель программирования для детей
Андрей К.
Разработчик
Георгий С.
Программист
Николай Т.
Разработчик
Анна В.
Эксперт
Программа курса
Программа содержит 9 модулей, по 4 урока в каждом. При проведении занятий учитывается специфика обучения детей 11-14 лет для наилучшего усвоения материала. Представлены варианты дистанционного или офлайн-формата, в группе или с персональными уроками. За время прохождения программы студенты выполнят 3 учебных проекта и один собственный под руководством преподавателя. Успешное обучение вознаграждается сертификатом от школы, а мотивационная система с призами сохраняет тягу к получению знаний.
Изучите составляющие HTML-страницы и освоите её вёрстку с помощью тегов. Освоите применение текстового редактора для упрощения процесса вёрстки.
Узнаете, какие характеристики есть у тегов и для чего они нужны. Поймёте, как сделать сайт с разными разделами на отдельных страницах, размещать на нём изображения и ссылки.
Разберётесь в CSS-стилях и возможностях преобразования HTML-составляющих с их помощью. Познакомитесь с плагинами для текстовых редакторов.
Отработаете на практике создание многостраничника и научитесь ориентироваться в древовидной структуре с директориями и файлами.
Разберётесь, что из себя представляют блоки и как реализовать их на практике.
Узнаете, как преобразовать за счёт шрифтов и стилей отображение символов для статей и информационных фрагментов.
Познакомитесь со свойствами для размещения текста и графического контента относительно друг друга.
Сделаете веб-страницу с семантическими элементами и блоками для информационного сайта.
Изучите, как размещать картинки для заднего плана. Узнаете, как пользоваться ключевыми словами для селекторов. Научитесь делать визуальные эффекты, активирующиеся при наведении курсора.
Поймёте, как создавать гибкие макеты для веб-страниц для соблюдения адаптивности. Потренируетесь использовать новые знания в обучающей игре по FlexBox.
Начнёте создавать многостраничный сайт для интернет-магазина.
Доработаете свой сайт с галереей и товарными карточками.
Узнаете, что такое сетка и как ей пользоваться. Потренируетесь применять Grid за счёт учебной игры.
Разберётесь, как можно добавлять стили до или после определённого элемента, а также привязывать их к первому символу или строке в тексте. Поймёте, как накладывать текст поверх изображений, верстать интересные блоки.
Научитесь изменять масштаб, положение элемента относительно других объектов и делать анимацию на сайте.
Отточите полученные навыки приведения в движение объектов на веб-страницах на примере темы космоса.
Узнаете, в чём специфика создания сайта для продажи товаров.
Разберётесь в пользовательских CSS-свойствах. Научитесь добавлять шрифты и JS-скрипты, оформлять меню и шапку сайта.
Освоите разработку блока, который первым попадается на глаза пользователю при посещении сайта интернет-магазина.
Узнаете, как продемонстрировать потенциальному покупателю наиболее востребованные товары и вызвать доверие за счёт информации о компании.
Поймёте, как сделать динамический блок с отображением отзывов потребителей товаров.
Узнаете, как можно добавлять видео на сайт, корректировать его воспроизведение и делать форму обратной связи.
Изучите особенности реализации галереи с изображениями и нестандартного фона.
Разберётесь, как подстраивать отображение картинок, видео, текста и блоков на сайте под разные устройства.
Рассмотрите, как облегчает работу со стилями библиотека Tailwind CSS.
Узнаете, как сделать отступы, тени, эффекты, кнопки и адаптивный дизайн за счёт фреймворка.
Разберётесь в деталях создания товарных карточек с различными полями и элементами при помощи Tailwind и Flex-контейнера.
Поймёте, как работать с сеткой и сделать страницу о коллективе сотрудников.
Узнаете, как сделать первый экран сайта для приложения с компактным гамбургер-меню.
Продолжите заниматься наполнением сайта информацией о приложении и его реализации.
Выполните задачу по составлению блоков и слайдеров о сотрудниках.
Потренируетесь работать над футером и блоком со стоимостью.
Определите для себя нишу, для которой займётесь созданием сайта.
Сделаете веб-страницы с контентом и скорректируете недочёты.
Доделаете сайт и опубликуете его для публичного доступа. Начнёте работу над презентацией для освещения своего проекта.
Расскажете подробнее о своём проекте и представите свою проделанную работу на суд преподавателей.
Как проходит обучение
Изучение темы
Просмотр обучающих видеороликов
Выполнение практических заданий
Делаете все тогда, когда вам это удобно и в подходящем вам темпе
Работа с куратором
Объяснение возникших вопросов, закрепление пройденного материала и исправление ошибок
Создание итогового проекта
Данный проект, показывающий ваши навыки, будет прекрасным дополнением к вашему портфолио
Помощь с трудоустройством
Создадите портфолио
Научитесь работать на себя
Спецификация
Отзывы о Coddy
Часто задаваемые вопросы
Обучение организовано так, что вы можете спокойно совмещать его с работой, учебой и личной жизнью. Именно вы решаете, когда работать с материалами курса - вы занимаетесь тогда, когда удобно вам. Все уроки курса будут всегда в вашем доступе, даже после окончания курса, поэтому вы в любой момент сможете повторить пройденный материал.
Именно вы решаете, когда и сколько заниматься. Обычно студенты тратят на обучение от трех до пяти часов в неделю.
Да, вы всегда сможете задать вопрос преподавателю в личном кабинете. Также вы будете получать от него обратную связь после выполнения домашних заданий.
Другие популярные курсы
Профессия: Product Manager
Директор по маркетингу
UX/UI-дизайнер Plus
