Старт в программировании
Front-End

Язык: Русский
Онлайн обучение
Индивидуальные лекции
12 лекций по 2 часа

Этот курс предназначен для тех, кто полон решимости начать свой путь в программировании. Мы предлагаем вам погружение в мир фронтенда, от базовых навыков до передовых технологий, чтобы вы могли создавать качественные и современные веб страницы.

€ 62 / € 1'458

Детали курса
Перед тем, как записаться

Пройдите вводное занятие, чтобы получить представление о содержании основного курса и узнать, что включает в себя профессия фронтенд-разработчика. Это поможет вам оценить свои интересы и понять, подходит ли вам этот путь.

Адаптивное расписание

Обычно курс включает 2 лекции в неделю и длится 6 недель. Однако мы гибко подходим к каждому студенту, адаптируя расписание в зависимости от вашего графика и доступности преподавателя.

Индивидуальное расписание

Обычно курс включает 2 лекции в неделю и длится 6 недель. Однако мы гибко подходим к каждому студенту, адаптируя расписание в зависимости от вашего графика и доступности преподавателя.

Мы будем рады обсудить с Вами все вопросы, детали наших курсов и предоставить вам любую информацию.

Front-End  --  Введение

Создание функциональных и удобных сайтов — это основа веб-разработки. Узнайте, кто и как разрабатывает веб-проекты, какие технологии и инструменты используются, а также какие тенденции нас ожидают в ближайшем будущем индустрии. Ознакомимся с тем, что нас ждёт на курсе.

1. Основы Композиции

Вы познакомитесь со структурой HTML-документа, основными тегами и атрибутами, научитесь создавать HTML-страницу. Рассмотрим работу с текстовыми элементами, форматирование, создание ссылок и вставку изображений. В завершение вы выполните практическое задание по созданию простой веб-страницы.

2. Таблицы и формы

На этой лекции вы научитесь создавать и стилизовать таблицы с помощью тегов <table>, <tr> и <td>. Рассмотрим создание форм с тегами <form>, <input> и <textarea>, различные типы полей ввода, кнопки и выпадающие списки. Завершим практическими заданиями по созданию таблиц и форм для веб-страницы.

3. Основы CSS и внедрение стилей

Мы познакомимся с основами CSS: селекторами, свойствами и значениями. Вы узнаете, как внедрять стили в HTML, стилизовать текст, добавлять фоны и изображения. В конце вас ждут практические упражнения по улучшению внешнего вида веб-страницы с помощью CSS.

4. Блочная и строчная модели в CSS


Рассмотрим блочную модель в CSS: контент, отступы, границы и поля. Узнаем, как использовать margin и padding для настройки расстояний. Познакомимся со строчной моделью, высотой строк и выравниванием текста. Завершим практическими заданиями по созданию блоков с различными стилями.

5. Технология CSS Flexbox


Мы начнём работу с CSS Flexbox, изучим основные концепции. Вы научитесь создавать гибкие структуры с контейнером и дочерними элементами, управлять направлением, порядком и выравниванием элементов. Завершим практическими заданиями по созданию гибкого макета с помощью Flexbox.

6. Технология CSS Grid


В этой лекции мы изучим основы CSS Grid: создание адаптивных сеток и размещение элементов в строках и столбцах. Разберем управление размерами ячеек и их позиционирование. Завершим практическими заданиями по созданию адаптивного макета.

7. Работа с медиа-запросами для адаптивных сайтов

Мы познакомимся с медиа-запросами, изучим их понятие и синтаксис. Вы научитесь создавать адаптивные стили для различных устройств, изменять размеры, расположение и отображение элементов. В завершение вас ждут практические задания по созданию адаптивного макета с медиа-запросами.

8. Интерактивность и анимации в CSS


На этой лекции вы узнаете о псевдоклассах и псевдоэлементах для создания интерактивных элементов. Изучим анимации в CSS, включая ключевые кадры, свойства animation и transition. Вы научитесь создавать интерактивные элементы, такие как кнопки и меню, и выполните задания по добавлению анимаций.

9. Оптимизация и улучшение производительности


В этой лекции мы изучим методы оптимизации кода и файлов, включая минификацию CSS. Также рассмотрим способы оптимизации изображений через сжатие и выбор подходящих форматов. Завершим практическими заданиями по улучшению производительности вашего проекта.

10. Введение в препроцессоры CSS


На этом этапе мы познакомимся с препроцессорами CSS, такими как Sass и Less, изучим их преимущества и синтаксис. Вы узнаете, как использовать переменные для гибкого задания значений, создавать “миксины” для повторного использования стилей, а также применять вложенность стилей и операторов.

11. Работа с CSS-фреймворками


В этой лекции мы изучим CSS-фреймворки, такие как Bootstrap и TailwindCSS. Вы научитесь использовать их компоненты для создания сеток и элементов интерфейса, а также адаптировать их под Ваш проект. Завершим практическими заданиями по созданию веб-страницы.

12. Верстка макетов из Figma


В завершении мы познакомимся с Figma, изучим её основные функции и инструменты для работы с макетами. Вы научитесь экспортировать графические ресурсы из Figma, применять их в HTML и CSS. В завершение вы создадите веб-страницу на основе макета из Figma.

Каждая из пердставленых ниже лекций является концентратом многолетнего опыта и резюмирования ошибок, представленного в обкатаной форме гибких уроков.

Front-End  --  Введение

Создание функциональных и удобных сайтов — это основа веб-разработки. Узнайте, кто и как разрабатывает веб-проекты, какие технологии и инструменты используются, а также какие тенденции нас ожидают в ближайшем будущем индустрии. Ознакомимся с тем, что нас ждёт на курсе.

1. Основы HTML


Вы познакомитесь со структурой HTML-документа, основными тегами и атрибутами, научитесь создавать HTML-страницу. Рассмотрим работу с текстовыми элементами, форматирование, создание ссылок и вставку изображений. В завершение вы выполните практическое задание по созданию простой веб-страницы.

2. Таблицы и формы

На этой лекции вы научитесь создавать и стилизовать таблицы с помощью тегов <table>, <tr> и <td>. Рассмотрим создание форм с тегами <form>, <input> и <textarea>, различные типы полей ввода, кнопки и выпадающие списки. Завершим практическими заданиями по созданию таблиц и форм для веб-страницы.

3. Основы CSS и внедрение стилей

Мы познакомимся с основами CSS: селекторами, свойствами и значениями. Вы узнаете, как внедрять стили в HTML, стилизовать текст, добавлять фоны и изображения. В конце вас ждут практические упражнения по улучшению внешнего вида веб-страницы с помощью CSS.

4. Блочная и строчная модели в CSS


Рассмотрим блочную модель в CSS: контент, отступы, границы и поля. Узнаем, как использовать margin и padding для настройки расстояний. Познакомимся со строчной моделью, высотой строк и выравниванием текста. Завершим практическими заданиями по созданию блоков с различными стилями.

5. Технология CSS Flexbox


Мы начнём работу с CSS Flexbox, изучим основные концепции. Вы научитесь создавать гибкие структуры с контейнером и дочерними элементами, управлять направлением, порядком и выравниванием элементов. Завершим практическими заданиями по созданию гибкого макета с помощью Flexbox.

6. Технология CSS Grid


В этой лекции мы изучим основы CSS Grid: создание адаптивных сеток и размещение элементов в строках и столбцах. Разберем управление размерами ячеек и их позиционирование. Завершим практическими заданиями по созданию адаптивного макета.

7. Работа с медиа-запросами для адаптивных сайтов

Мы познакомимся с медиа-запросами, изучим их понятие и синтаксис. Вы научитесь создавать адаптивные стили для различных устройств, изменять размеры, расположение и отображение элементов. В завершение вас ждут практические задания по созданию адаптивного макета с медиа-запросами.

8. Интерактивность и анимации в CSS


На этой лекции вы узнаете о псевдоклассах и псевдоэлементах для создания интерактивных элементов. Изучим анимации в CSS, включая ключевые кадры, свойства animation и transition. Вы научитесь создавать интерактивные элементы, такие как кнопки и меню, и выполните задания по добавлению анимаций.

9. Оптимизация и улучшение производительности


В этой лекции мы изучим методы оптимизации кода и файлов, включая минификацию CSS. Также рассмотрим способы оптимизации изображений через сжатие и выбор подходящих форматов. Завершим практическими заданиями по улучшению производительности вашего проекта.

10. Введение в препроцессоры CSS

На этом этапе мы познакомимся с препроцессорами CSS, такими как Sass и Less, изучим их преимущества и синтаксис. Вы узнаете, как использовать переменные для гибкого задания значений, создавать “миксины” для повторного использования стилей, а также применять вложенность стилей и операторов.

11. Работа с CSS-фреймворками

В этой лекции мы изучим CSS-фреймворки, такие как Bootstrap и TailwindCSS. Вы научитесь использовать их компоненты для создания сеток и элементов интерфейса, а также адаптировать их под Ваш проект. Завершим практическими заданиями по созданию веб-страницы.

12. Верстка макетов из Figma

В завершении мы познакомимся с Figma, изучим её основные функции и инструменты для работы с макетами. Вы научитесь экспортировать графические ресурсы из Figma, применять их в HTML и CSS. В завершение вы создадите веб-страницу на основе макета из Figma.

«Если бы строители строили дома так, как программисты пишут код, то первый же дятел, присевший на фасад, уничтожил бы цивилизацию.»

Вводная лекция

Создание современных и удобных сайтов — это сложный и увлекательный процесс. На вводной лекции вы узнаете, как строятся веб-проекты, какие специалисты участвуют в их разработке и какую роль играет front-end разработчик в команде. Мы обсудим ключевые технологии, актуальные тренды и подробно разберём, что вас ждёт на курсе.

Основы UX/UI дизайна и его роль
в современном мире
Введение в дизайнерское мышление и процессы
Практики взаимодействия с другими отраслями и специальностями
Обзор инструментов и технологий, используемых в UX/UI дизайне

Старт в программировании

От изучения основ HTML и CSS до освоения фреймворков и анимаций. Научитесь разрабатывать стильные и функциональные веб-страницы, сделайте первый шаг к карьере программиста. Учитесь с нами и создавайте собственные проекты, уверенно вступая в мир разработки.

Разбор домашшних заданий
Вечный доступ ко всем материалам курса
Поддержка в подготовке к собеседованиям
Сертификат об окончании курса

Подпишитесь
на обновления

Подпишитесь на нас, чтобы не пропустить скидки, события и актуальные новости платформы.

Вы успешно подписаны!
Мы также будем рады видеть вас в
Нашем Клубе
Произошла ошибка

Мы собрали наиболее часто задаваемые вопросы в этом списке, однако если у вы не найдете интересующий вас ответ, не стесняйтесь обращаться к нашему менеджеру.

Как долго длится курс?

Длительность курса составляет 6 недель, с занятиями два раза в неделю по 2 часа. Однако мы подходим к расписанию гибко и решаем этот вопрос индивидуально с каждым учеником.

В каком формате проходят занятия?

Занятия проходят в онлайн-формате с использованием видеоконференций и интерактивных платформ. Также предусмотрены практические задания и проекты. В близжайшее время мы откроем офлайн аудиторию в городе Прага. Следите за новостями.

Какие навыки мне нужны для начала курса?

Специальная подготовка не требуется. Наши курсы рассчитаны на новичков, не знакомых с миром IT. Однако благодаря индивидуальному подходу они также подходят специалистам, желающим повысить квалификацию.

Какой софт нужно установить для прохождения курса?

Для прохождения курса потребуется установить Visual Studio Code. Вы также можете использовать любой другой редактор, который вам удобен, так как существует множество инструментов для написания кода. В основном мы будем работать с VS Code и рассмотрим плагины и команды для ускорения разработки именно в нем. На последнем уроке понадобится графический редактор Figma, который потребуется для верстки с готового макета сайта.

Будет ли возможность получить обратную связь по своим работам?

Конечно! Наши преподаватели будут систематично предоставлять обратную связь по вашим проектам и заданиям, как в ходе лекции, так и между занятиями.

Есть ли возможность рассрочки?

Да, мы предоставляем возможность оплаты в рассрочку. Подробности можно узнать у нашего менеджера.

Какие проекты я буду выполнять в рамках курса?

В процессе обучения вы освоите такие технологии и инструменты, как Flexbox, Grid, Bootstrap и Tailwind. На каждом уроке вы будете разрабатывать новые веб-страницы, что поможет вам определить предпочтительные технологии для создания сайтов. Домашние задания позволят вам собрать разнообразное и полноценное портфолио.

Какие перспективы открываются после завершения курса?

Вы сможете самостоятельно создавать одностраничные и небольшие сайты без сложной логики на стороне Backend. Мы покажем вам как и где применять свои навыки, продавать макеты на фриланс-биржах, а также получите все необходимые знания для устройства на работу на должность Junior Front End разработчика.

Что если я не смогу посетить заранее запланирование занятие?

После завершения курса вы сможете создавать одностраничные сайты и небольшие проекты, используя современные технологии фронтенда. Вы получите прочные базовые знания, которые станут основой для дальнейшего развития. Курс подготовит вас к работе на позиции Junior Front-End разработчика и поможет уверенно начать карьеру в веб-разработке.

Коммуникация осуществляется посредством Telegram.

Для Экстравертов

Наш менеджер ответит на все ваши вопросы касающихся обучения на курсах. Просто свяжитесь с ним в телеграм.

Связаться с менеджером

Для Интровертов

Зачем общаться с реальным человеком когда мы сделали для вас умного робота который справиться с этой задачей не хуже?

Чат с ботом

Наши Telegram сервисы

Мы стараемся создать комфортную среду для тех, кому интересно IT и развитие в нем. Вас ждут специально обученный ИИ-Ассистент, Новостной канал, наш Клуб и многое другое. Присоединяйтесь к нашим Telegram сервисам, для лучшего понимания контекста индустрии и нетворкинга.

Подробнее