Войти
Каталог
Тариф Стандарт
курс «Профессия
frontend-разработчик»
Профессия
Frontend-разработчик
Вы научитесь создавать удобные и эффектные сайты, приложения и сервисы. Освоите одну из самых актуальных профессий и станете востребованным специалистом для любой IT компании
8 мес
Создатели и спикеры курса - эксперты из Сбера, Yandex и Skyeng
Длительность: 8 мес. (есть возможность интенсивного обучения)
Уровень: с нуля
Формат: онлайн
Создатели и спикеры курса - эксперты из Сбера, Yandex и Skyeng
Длительность: 8 мес. (есть возможность интенсивного обучения)
Уровень: с нуля
Формат: онлайн
Почему нужно стать frontend-разработчиком
- Понятный синтаксис JavaScriptJavaScript - главный инструмент frontend-разработчика. Он считается одним из наиболее простых и понятных для новичков языков программирования. Его синтаксис крайне рационален и не вызывает каких-либо затруднений в изучении
- Широкая область применения своих навыковFrontend — это непрерывное развитие как в программировании, так и в смежных областях. Вы сможете выбрать, что по душе: мобильная разработка, веб-сайты, десктопное ПО, приложения и т.д.
- Понятный синтаксис JavaScriptJavaScript - главный инструмент frontend-разработчика. Он считается одним из наиболее простых и понятных для новичков языков программирования. Его синтаксис крайне рационален и не вызывает каких-либо затруднений в изучении
- Широкая область применения своих навыковFrontend — это непрерывное развитие как в программировании, так и в смежных областях. Вы сможете выбрать, что по душе: мобильная разработка, веб-сайты, десктопное ПО, приложения и т.д.
Успей занять место к ментору потока
Кирилл Замотаев
Занимается Web-разработкой, FrontEnd фреймворками, разработкой проектов на React и Vue.js. Имеет большой опыт работы с Web3 и криптоиндустрией.
Senior front-end develope, Beeline
Чему вы научитесь
HTML, CSS и Figma
Тестировать сайты и приложения
Работать с Javascript и библиотекой React
Продвинутым навыкам веб-разработчика
Научитесь разрабатывать сайты с помощью HTML и CSS. Узнаете, как улучшить пользовательский опыт и достичь идеальной верстки
Научитесь не только верстать, но и искать баги в работе сайтов и приложений. Освоите автоматизированное и ручное тестирование
Познакомитесь со структурами и библиотеками JavaScript, научитесь писать легко читаемый код и создадите свой первый сайт
Изучите Typescript и Node.js. Сможете создавать сайты повышенной сложности и выполнять задачи как frontend, так и backend-разработчика
Как проходит обучение
Изучаете тему с помощью видеоуроков, которые доступны на обучающей платформе
Изучение темы
Сопровождение ментором
Выполнение ДЗ
Ментор следит за вашим успехом, помогает эффективно построить обучение
70% обучения — практика, в рамках которой вы будете выполнять задания на задачах и кейсах вашей компании
Защита проекта
Защищаете проект и дополняете
им свое портфолио
им свое портфолио
Наши эксперты на курсе frontend-разработчик
Искусственный интеллект для программиста, как когда-то калькулятор для математика
Мы научим вас работать с AI программами, которые станут вашими помощниками и дадут вам сфокусироваться на важных задачах.
Программа курса
Введение в программирование
Каждому студенту мы открываем курс «Введение в программирование». Курс особенно полезен для новичков без опыта.
Вы изучите базовые навыки разработчика и поймете, как устроено программирование
Вы по шагам разберете основы языков разработки, познакомитесь с циклами, структурами данных и архитектурой кода.
Раздел I: Основы верстки: HTML, CSS + Figma
Практика на кейсах компаний.
- Структура веб страницы, базовый HTML
- Базовый CSS, селекторы и каскад
- Продвинутый CSS, адаптивность и кроссбраузерность
- Основы JavaScript, инструменты для разработки и отладки
- Объекты, массивы, функции в JavaScript
- DOM-модель и работа со страницей
- Обработка событий
- Взаимодействие с сервером
- Git и GitHub: Настраиваем репозиторий для проекта
- Формы HTML: построение, валидация, доступность
- Flex или Grid? Основы создания макетов
- Адаптивная и кроссбраузерная верстка
- Системы контроля версий. Версионирование кода, совместная разработка, CSV
- Git & GitHub. Git, Commit, Ветки, слияние веток и разрешение конфликтов, GitHub, Командная работа, Код ревью
- Жизненный цикл ПО, CI/CD
- Git, основные понятия. Знакомство с GitLab
- Введение в GitLab CI
- GitLab CI. Внутренние переменные, Артефакты, Правила
- Основы тестирования верстки + DevTools
- Улучшаем пользовательский опыт (UX) с помощью CSS-анимаций
- Идеальная верстка: делаем Pixel Perfect по макету в Figma
- Обзор инструментов Figma
- Работа с кривыми, пиктограммами и графиками
- Отрисовка элементов интерфейса
- Локальные библиотеки стилей
- Прототипирование и анимация
- Констрейнты и компоненты
- Варианты и библиотеки
- Figma Community
- Подготовка макетов для работы в команде
Раздел II: Работа с Javascript
Много практики и воркшопов. Помощь с подбором вакансий и прохождением собеседований.
- Введение. Переменные и работа с числами. Константы
- Строки, boolean и условные операторы. Преобразование типов и нестрогие сравнения
- Массивы и циклы. Объекты
- Функции / области видимости и замыкания
- Обработка событий и пользовательский ввод
- Подключение библиотек
- Регулярные выражения. Форматирование. Работа с датами
- Mикро и макротаски. Цикл событий
- Анимации и CSS фреймворки
- Структуры данных и алгоритмы
- Сборка проекта
- Кроссбраузерное тестирование
- Обработка проблем с HTML и CSS
- Обработка проблем с JS
- Реализация обнаружения функций
- Введение в автоматизированное тестирование веб-приложений
- Документы тестировщика
- Артефакты тестирования
- Жизненный цикл разработки ПО
Раздел III: Advanced JavaScript
- Продвинутые операторы JS
- Алгоритмы: рекурсия и сортировки
- Работа с графами и деревьями
- Хеш-таблицы
- Стек и очереди
- Решение алгоритмических задач
- Наследование и прототипное наследование
- Шаблонизация
- Общение с сервером
- Использование API в браузере
- Рендеринг в браузере
- Типовые виджеты
- Управление пакетами: npm
- Быстрый старт в React
- Компоненты
- Рендеринг
- Hooks
- Маршрутизация в React
- События и состояние
- CSS-стилизации
- Context API
- Методологии управления: Agile и Waterfall
- Scrum
- Kanban
- Инструменты управления
Раздел IV: Продвинутые навыки frontend-разработчика
- Введение в TypeScript
- TypeScript: базовый синтаксис, типы данных и переменные
- TypeScript: операторы, условия и циклы, числа
- Функции в TypeScript
- TypeScript: строки, массивы, кортежи
- TypeScript: union
- TypeScript: классы и объекты
- TypeScript: пространства имен и модули
- Введение в блок SQL
- Извлечение и фильтрация данных (часть 1)
- Извлечение и фильтрация данных (часть 2)
- Преобразование и сортировка данных: введение
- Преобразование и сортировка данных: advanced
- Группировка данных
- Базы данных. JDBC
- Развитие проекта. Создание todo.
- Введение в базы данных
- Объединение таблиц
- Подзапросы
- Обновление, добавление и удаление данных
- Создание, изменение и удаление таблиц
- Advanced SQL: операции с текстом и оконные функции
- Advanced SQL: ускорение и оптимизация запросов, табличные выражения
- Практический проект LEGO
- Веб-сервер: базовые знания
- Веб-програмирование на стороне серверов: быстрый старт
- Клиент-сервер
- Фреймворки серверной части
- Веб-безопасность
- Express (Node.js/JavaScript): старт работы
- Express: создание каркаса сайта
- Express: работа с базой данной
- Express: маршруты и контроллеры
- Express: отображение данных
- Express: работы с формами
- Express: установка веб-сайта
- Зачем DevOps Frontend-разработчику
- Введение в DevOps
- Linux: введение и основные концепты ОС
- Bash. Базовый инструмент скриптов в Linux
- Контейнеризация. Знакомство с Docker.
- Упаковка приложений в Docker
- Docker-Compose. Сервисы и взаимодействия
- Ansible. Основные концепции и команды
- Ansible.Роли и переменные
- Ansible. Разработка ролей
- Введение в ChatGPT и его применение в разработке программного обеспечения
- Устранение неполадок и отладка с помощью ChatGPT
- Повышение качества кода с помощью ChatGPT
- Проверка кода и документирование с помощью ChatGPT
- Автоматическое тестирование с помощью ChatGPT
- Генерация кода с помощью ChatGPT
- Лучшие практики и советы по работе с ChatGPT
- Работа над дипломным проектом для портфолио
- Рост в тимлида
- Финальная защита и консультации
2 КУРСА В ПОДАРОК
Все студенты получают доступ к бонусным курсам: «Введение в программирование» и «Бизнес английский от AgileFluent»
Введение в программирование
Блок 1: Базовые навыки
Английский для IT-специалистов от AgileFluent
1. Вводный урок
2. Self-presentation: как рассказать о себе HR-менеджеру и новой команде
3. How to give opinion: как экологично выражать своё мнение, соглашаться и не соглашаться с собеседником
4. How to ask and answer questions: как правильно строить вопросы и вежливо отвечать на них
5. Tone of voice: как различать и соблюдать различия формального и неформального стиля в сообщениях и email-ах
2 онлайн-практикума по бизнес-английскому от AgileFluent абсолютно бесплатно.
Блок 1: Базовые навыки
- Кто такой разработчик
- Как работает интернет
- Как работает компьютер
- Как устроено программирование
- Основы языков программирования
- Структуры данных и алгоритмы
- Циклы
- Объектно-ориентированное программирование
- Архитектура кода
- Лайфхаки и инструменты разработчика
- Твой дальнейший путь обучения
Английский для IT-специалистов от AgileFluent
1. Вводный урок
2. Self-presentation: как рассказать о себе HR-менеджеру и новой команде
3. How to give opinion: как экологично выражать своё мнение, соглашаться и не соглашаться с собеседником
4. How to ask and answer questions: как правильно строить вопросы и вежливо отвечать на них
5. Tone of voice: как различать и соблюдать различия формального и неформального стиля в сообщениях и email-ах
2 онлайн-практикума по бизнес-английскому от AgileFluent абсолютно бесплатно.
Отзывы студентов наших курсов
Василий Сорохтин
курс "Профессия: Аналитик"
Александр
курс "Профессия: Аналитик"
Артем Чистяков
курс "Продакт менеджер"
Вячеслав Михайлов
курс "Профессия: Продакт менеджер"
Елизавета Шаронова
курс "Профессия: UX/UI дизайнер"
Оксана Безкаравайная
курс "Профессия: UX/UI дизайнер"
Андрей Шелковников
курс "Профессия: Аналитик"
Тарифы
Стандартный
- Освоение всех навыков профессии middle&senior продакт-менеджер
- Поддержка при прохождении курса
Продвинутый
- Все опции базового тарифа
- Поддержка менторами
- Расширенный доступ к образовательным программам
- Трекинг с пошаговым сопровождением
Премиум
- Все опции продвинутого тарифа
- 40 индивидуальных встреч 1-1 с ментором
- Возможность выбрать ментора из 50+ экспертов
- Составление индивидуального плана развития на несколько лет вперед
Часто задаваемые вопросы
Для решения задач потребуется ноутбук или ПК, лекции и уроки можно смотреть с мобильного телефона.
Учиться можно в любом возрасте, но оплачивать — только с 18 лет. Если вам меньше 18, уточните у менеджера, какие у вас есть возможности оплаты и как вам начать обучение.