Frontend-разработчик на JavaScript

Научитесь создавать WEB-приложение с нуля за 6 месяцев

600.000 ₸

6 месяцев

Для новичков

Формат обучения - Онлайн

Информация о преподавателе

Троянов Даниил

Троянов Даниил

Главный Frontend разработчик

Fullstack разработчик в Eurasia Group Kazakhstan

Навыки

JavaScript

TypeScript

React

NextJs

HTML5

CSS

SCSS

Tailwind

Redux

RTK

Git

Node.js

Vite

Webpack

SSR

SSG

Linux

Frontend-разработчик с 4,5-летним опытом работы в международных IT-компаниях, специализирующихся на e-commerce, финтехе и enterprise-решениях. Обладает глубокой экспертизой в современном стеке технологий: React, TypeScript, Redux, Next.js, а также опытом интеграции платежных систем, оптимизации производительности и SEO. Методика преподавания основана на реальных проектах с постепенным изучением теории. Каждый студент создает портфолио из практических работ, которые можно использовать при трудоустройстве. Опыт наставничества и обучения новых разработчиков в командах, проведение код ревью и создание технической документации. Владеет методологиями Agile/Scrum инструментами командной работы

О проекте

Курс "Frontend Developer – Junior course" рассчитан на начинающих программистов, которые хотят изучить современную фронтенд разработку. В этом курсе вы узнаете основы HTML, CSS и JavaScript и научитесь создавать интерактивные веб-приложения и адаптивные пользовательские интерфейсы. Также вы познакомитесь с различными концепциями разработки, такими как компонентный подход, работа с DOM, асинхронное программирование, препроцессоры CSS и многое другое. На протяжении всего курса вас будут сопровождать практические задачи для закрепления пройденного материала. Frontend разработка — это создание пользовательской части веб-приложений, с которой непосредственно взаимодействуют пользователи. Одним из основных преимуществ фронтенд разработки является высокий спрос на рынке труда и возможность сразу видеть результаты своей работы. Это делает её идеальным выбором для начинающих разработчиков и тех, кто хочет быстро войти в IT-сферу. После завершения курса вы сможете создавать свои собственные веб-сайты и интерактивные приложения, работать с популярными фреймворками и продолжить изучение более сложных тем. Также вы научитесь публиковать созданные вами проекты на GitHub и использовать их в качестве портфолио для своего резюме.

247 академических часов

Язык обучения – Русский

Длительность курса - 26 недель

Стоимость курса – 600.000 KZT

Процесс отбора студентов, предполагает 3 этапа

Тестирование

Прохождение тестового задания.

Мотивационное письмо

Оценка резюме и мотивационных писем.

Интервью

Интервью с преподавателем и куратором курса.

Критерии отбора студентов

  • Выполнение тестового задания должно быть не менее чем на 70% от максимально возможного количества баллов.

  • Получение не менее 7 баллов из 10, при оценке мотивационных писем.

  • Положительное решение о допуске к курсу по итогам интервью с преподавателем и куратором курса

Кому подойдет курс?

Кто уже работает

Кто хочет сменить профессию, и кому требуется удаленная работа в IT-сфере

Студентам

Которые хотят развиваться в новом и современном направлений

Разработчикам

Кто хочет закрепить свои знания практикой

Программа курса

  • Введение в веб-разработку и роль frontend-разработчика

  • Структура веб-страницы, браузеры и DevTools

  • HTML: основы разметки, теги и атрибуты

  • Семантическая разметка, формы и валидация

  • Доступность (accessibility) и SEO-основы

  • Практический проект: Многостраничный сайт-портфолио с навигацией, контактной формой и галереей работ

  • CSS: синтаксис, селекторы, каскадность и специфичность

  • Блочная модель, позиционирование элементов

  • Flexbox: создание гибких макетов

  • CSS Grid: двумерные сетки и сложные макеты

  • Адаптивный дизайн и медиа-запросы

  • CSS-переменные, препроцессоры (Sass/SCSS)

  • Анимации и переходы в CSS

  • Практический проект: Верстка лендинга кофейни по Figma-макету с адаптивом под мобильные устройства и простыми hover-эффектами

  • JavaScript: синтаксис, переменные, типы данных

  • Операторы, условные конструкции, циклы

  • Функции: объявление, параметры, область видимости

  • Массивы и методы работы с ними

  • Объекты, методы объектов, деструктуризация

  • Строки и регулярные выражения

  • Практический проект: Игра "Камень, ножницы, бумага" против компьютера с подсчетом очков

  • Document Object Model (DOM): структура и навигация

  • Поиск и выбор элементов, изменение содержимого

  • Создание, удаление и модификация элементов

  • События: обработчики, всплытие и погружение

  • Работа с формами, валидация на стороне клиента

  • Хранение данных: localStorage и sessionStorage

  • Практический проект: Калькулятор чаевых с возможностью расчета суммы на человека, сохранением истории расчетов и настройкой процента чаевых

  • Асинхронность в JavaScript: callbacks, setTimeout

  • Promises: создание и обработка промисов

  • Async/await: современный подход к асинхронности

  • Fetch API: отправка HTTP-запросов

  • Работа с JSON, обработка ошибок при запросах

  • Подключение к внешним API и обработка данных

  • Практический проект: Приложение для поиска фильмов через OMDB API с карточками фильмов и детальной информацией

  • Система контроля версий Git: основные команды

  • GitHub: создание репозиториев, работа с ветками

  • Рефакторинг, декомпозиция, структурирование и базовая приложения

  • Настройка рабочего окружения: VS Code, расширения

  • Сборщики проектов: введение в Webpack или Vite

  • Пакетные менеджеры: npm/yarn, работа с зависимостями

  • Линтеры и форматтеры кода: ESLint, Prettier

  • Практический проект: Настройка проекта с автоматической сборкой и деплой на GitHub Pages

  • Обзор популярных фреймворков: React, Vue, Angular

  • Основы работы с React: компоненты, JSX

  • State и props в React, жизненный цикл компонентов

  • Hooks в React: useState, useEffect

  • Условный рендеринг, списки и ключи

  • Стилизация React-компонентов

  • Практический проект: Блог с возможностью добавления постов, фильтрации по категориям и поиска

  • Планирование и архитектура веб-приложения

  • Работа с дизайн-макетами Figma/Adobe XD

  • Оптимизация производительности веб-страниц

  • Тестирование кода: введение в юнит-тесты

  • Деплой проектов: GitHub Pages, Netlify, Vercel

  • Создание портфолио и подготовка к собеседованиям