Онлайн курс Frontend разработчик

ОСТАВИТЬ ЗАЯВКУ

МОИ КУРСЫ

Рус

Оплачивай в рассрочку

Научись делать полноценный сайт, начиная от макета до загрузки на хостинг и стань высокооплачиваемым специалистом в IT

Записаться на курс

Смотреть программу

Профессия Frontend разработчик

23 Июня

Старт потока

Онлайн

Формат

3,5 месяца

Обучения

Стоимость

ОНЛАЙН КУРС

УРОВЕНЬ: С НУЛЯ

12845 грн

~~18350 грн~~

-30%

ДО КОНЦА МАЯ

Оплачивай курс в рассрочку!

Почему выбирают наши курсы

Реальная стажировка

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

Менторская поддержка

Наша программа и менторы обучающих групп показывают отличные результаты вот уже 4 года и помогают студентам освоить не только hard skills, но и soft skills.

Настоящий IT-шный опыт

Мы работаем на IT рынке больше 8-ми лет, сами выросли из IT компании и участвуем в развитии рынка вместе с Европейской Ассоциацией Программой Инженерии

625 $

Средняя зарплата Front-end разработчика с опытом работы менее года по данным на 2021 год

> 11 500

Вакансий Front-end разработчиков в Украине размещены были только в 2021 году

Frontend - это самая перспективная специальность для старта карьеры в разработке

ЭТОТ КУРС ДЛЯ ТЕХ, КТО ХОЧЕТ

Работать в IT

Вы пройдёте путь от человека, далёкого от IT, до уверенного веб-разработчика с навыками командной работы. Сможете начать карьеру в IT

Стать начинающим программистам

Вы станете востребованным веб-разработчиком и поймёте, как развиваться в профессии

Стать высокооплачиваемым специалистом

Получите все навыки, чтобы вырасти до специалиста с зарплатой 5000-6000$ и выше

КАК ПРОХОДИТ ОБУЧЕНИЕ

Практика

Выполняете практические задания на основе реальных бизнес-задач вместе с преподавателем и получаете развернутую обратную связь

Содержание

Доступ к видео урокам по модулю ( в сумме 150-180 мин. в неделю)
Краткий конспект теории к занятию
Практические занятия 1 раз в неделю 180 мин + сессия Вопрос/ответ
Домашние задания (индивидуальные и в группе)
Тестирование после каждого модуля
Дополнительный материал для самоизучения
Дипломная работа + защита
Закрытый чат учеников с преподавателем + куратор
Личная обратная связь от преподавателя

Карьера

После завершения курса команда Powercode поможет составить резюме, подготовиться к собеседованию, предложит интересные позиции и будет сопровождать вас на всех этапах поиска работы

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

Методология

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

Видеозаписи каждого занятия всегда доступны, вы можете вернуться к ним в удобное время

Особенности формата

Вы используете внутреннюю познавательную мотивацию и получаете собственное развитие в измеримой и наглядной форме

Формат теоретических уроков

запись лекций с презентациями
скринкаст

Формат практических занятий

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

Ключевые преимущества форматов

возможность задавать вопросы в ходе практики и учиться на кейсах группы
постоянная коммуникация с участниками, высокая вовлеченность
уделяем внимание не только hard skill, но и soft skills

Узнать о скидке у консультантов

На курс действует скидка при ранней предоплате

ПРОГРАММА ОБУЧЕНИЯ

28 занятий

Клиент-серверная архитектура.
Презентация HTML.
Теги form и table. Настройка VS Code

Практика:

создание формы и таблицы согласно шаблону в figma;
создание архитектуры для сайта магазина;
создание структуры для сайта блога.

Введение в CSS. Обзор блочной модели
Методологии BEM и OOCSS
Основные свойства CSS. Работа со шрифтами

Практика:

стилизация формы и таблицы согласно дизайну в figma;
стилизация сайта-магазина;
стилизация сайта-блога.

Flexbox.
Grid.
Адаптивность с помощью @media.
Создание анимаций с помощью transition.
Создание анимации с помощью animation @keyframes.

Практика:

добавление анимации hover и focus эффектов на кнопки/поля ввода;
создание адаптивной версии для сайта блога;
создание адаптивной версии для сайта магазина

Введение в JS
Переменные. Типы данных.
Тернарный и логические операторы
Инструкция switch.
Циклы: for, while, do..while.
Function Declaration и Function Expression.
Анонимные функции.
Функция callback.
Функции alert, prompt, confirm.

Практика:

создание функционала для открывания/закрывания модальных окон;
практические примеры использования циклов;
использование alert, prompt и confirm.

Объекты. Методы объектов
Копирование объектов и ссылки
Массивы. Методы массивов

Практика:

создание mock данных для магазина;
практические задачи с использованием методов объектов и массивов.

Массивы. Учимся создавать массивы
Методы массивов
Использование циклов.

Практика:
практические задачи с использованием методов объектов и массивов.

Контекст вызова и это. Методы call. bind и apply.
Функции конструкторов. Дескрипторы объектов.
Local и Sesion storages. Дата и время
Общий объект window. Объект лексического окружения.

Практика:

хранение пользователя и купленных товаров в LocalStorage;
использование глобального объекта Windows.

Замыкание.
Оператор try/catch/finally.
Синтаксис setTimeout/setInterval
Как устроен Event Loop в JavaScript.
OOP и их принципы.

Практика:

написание функционала для логина пользователя;
написание функционала для работы фильтров магазина;
создание класса Person.

Объект Promise.
Функции Async/Await в JS.
DOM/BOM. Выбор элементов на странице.

Практика:

примеры использования объекта Promise;
выбор элементов на странице, краткий обзор библиотеки jQuery.

NPM и Yarn. Обзор параметров Webpack. Работа по import/export
Обзор структуры React приложения.
JSX и props: Рендеринг списков и Conditional рендеринг.
Виртуальный DOM.
Обработка событий. Контролируемые и не контролируемые компоненты.

Практика: