Основы программирования
Front-End

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

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

€ 630 / € 24

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

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

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

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

Финальный результат

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

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

Интерфейсы - Введение

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

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

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

2. Цвет

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

3. Свет и Тень

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

4. Типографика

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

5. Основы брендинга

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

6. Эволюция интерфейсов и дизайн систем

В этой лекции мы изучим основы CSS Grid: создание сеток, размещение элементов с помощью grid-row и grid-column, управление размерами и расположением ячеек. Завершим практическими упражнениями по созданию адаптивных макетов.

7. Information architecture & User experience

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

8. User interface

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

9. Фриланс и Трудоустройство

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

10. Айдентика

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

11. Логотипы

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

12. Этика и Handover

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

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

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

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

1. Основы Web-верстки и азы 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: создание сеток, размещение элементов с помощью grid-row и grid-column, управление размерами и расположением ячеек. Завершим практическими упражнениями по созданию адаптивных макетов.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

€ 24

Запись на вводную лекцию

Курс UI/UX

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

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

€ 630

Запись на основной курс

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

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

Благодарим Вас за подписку!
Произошла ошибка

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Чат с ботом

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

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

Подробнее