Покупай курс со скидкой 20% только до 31.07.2022
онлайн курс

Курс Frontend разработчик

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

23.08.2022

старт потока

Онлайн

формат

3,5 месяца

продолжительность

14680 грн
18350 грн

стоимость

45days.png
Оплачивай курс в рассрочку!
от 5300 грн в месяц

Отправьте заявку на курс и узнайте у консультантов о периоде рассрочки или оплаты частями

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

internship
Реальная стажировка
Все наши студенты получают шанс на стажировку в компании Powercode и многие из них остаются работать специалистами.
2072520
Менторская поддержка
Наша программа и менторы обучающих групп показывают отличные результаты уже 4 года и помогают студентам освоить не только hard skills, но и soft skills.
4882971
Настоящий IT-шный опыт
Мы работаем на IT рынке более 8 лет, сами выросли из IT компании и участвуем в развитии рынка вместе с Европейской Ассоциацией Программой Инженерии
1378097
Английский на курсе
Для студентов всех курсов бесплатны занятия английским языком, что учит читать ИТ документацию и общаться с командой

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

625$
средняя зарплата Frontend разработчика с опытом работы меньше года по данным на 2021 год
> 11500
вакансии Frontend разработчиков в Украине размещены были в 2021 году

Этот курс для тех, кто хочет

Работать в IT

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

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

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

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

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

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

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

28 занятий

Клиент-серверная архитектура.

Презентация HTML.

Теги формы и стола. Настройка 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. Дата и время

Глобальный объект окна. Объект лексического окружения.

Практика :

  • хранение пользователя и купленных товаров в 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.

Обработка событий. Контролируемые и не контролируемые компоненты.

Практика :

  • обзор дефолтного React проекта;
  • примеры простейших компонентов;
  • перенос верстки с сайта магазина в JSX код.

Жизненный цикл компонента.

Создание ErrorBoundary.

React-router-dom.

Порталы

Практика :

  • жизненный цикл компонентов;
  • написание ErrorBoundary;
  • использование порталов для модальных окон;
  • создание роутов для сайта магазина.

Хук useState.

Хук useRef.

Хук useEffect.

Хук useMemo.

Хук useCallback.

React.memo().

Практика :

  • написание основной логики сайта магазина с использованием хуков, описанных выше.

Способы стилизации React приложения:

CSS modules.

Styled Components.

Redux и redux-thunk.

MaterialUI.

Formik.

Практика :

  • пример Css modules;
  • пример Styled Components;
  • пример из Redux;
  • пример с Material Ui;
  • пример из Formik.
  • Сайт блога с использованием HTML и CSS
  • Сайт интернет магазина на чистом HTML/CSS/Js и React.js

Как проходит обучение

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

Самостоятельное обучение

Вы получаете доступ к видео-урокам для самостоятельного изучения с первого дня курса. Видео хранятся на LMS платформе в течение всего курса.

Доступ к LMS

Вашу регистрацию на платформе осуществляют методисты Академии и присылают вам доступ в день старта курса

Содержание уроков

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

Практика с преподавателем

Раз в неделю студенты курса встречаются с преподавателем для проверки домашнего задания и проработки практических занятий.

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

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

Уроки английского

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

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

Прогрессивная методика обучения: методология курса направлена на повышение ваших навыков самостоятельной работы и коммуникации с командой.

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

Вы получите знания из Hard skills и прокачиваете свои Soft skills

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

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

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

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

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

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

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

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

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

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

Результаты после курса

Вы научитесь
Захватите инструменты

Свободный текстовый редактор для веб-разработчиков

Свободный набор инструментов для создания сайтов и веб-приложений

Язык описания внешнего вида HTML-документа

Веб-сервис для хостинга IT-проектов и их совместной разработки

Язык гипертекстовой разметки страницы

JavaScript Framework, подкупающий своей простотой и удобством в использовании

Мультипарадигменный язык программирования

JavaScript-библиотека с открытым исходным кодом для разработки пользовательских интерфейсов

Освойте профессию Frontend за 3 месяца и получите помощь в трудоустройстве

Наши преподаватели

У нас в команде не просто преподаватели, но наставники, практики и самые лучшие друзья студентов!

Влад Соснов

Преподаватель курса Фронтенд.
Практикующий разработчик. 5+ стаж работы

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

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

Оставить заявку

Отправьте нам ваши контакты и наш менеджер перезвонит вам, чтобы ответить на все вопросы об обучении в нашей Академии

Нажимая на кнопку я соглашаюсь с политикой конфиденциальности

This site is registered on wpml.org as a development site.