👉 НА ЭТОТ КУРС ДЕЙСТВУЮТ УСЛОВИЯ ОПЛАТЫ ЧАСТЯМИ

онлайн курс

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

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

25.11.2022

старт потока

Онлайн

формат

3,5 месяца

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

32 занятия

количество уроков

Хочешь получить больше информации о курсе? Отправляй нам запрос!

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

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

Хочет работать в IT

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

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

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

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

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

Если ты видишь себя среди этих людей — подавай заявку на курс и записывайся в консультацию специалиста

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

internship
ПОДГОТОВКА К СОБЕСЕДОВАНИЮ
Все наши студенты проходят пробное техническое и стресс-интервью
2072520
МЕНТОРСКАЯ ПОДДЕРЖКА

Наши менторы помогают студентам освоить не только hard skills, но и soft skills

4882971
НАСТОЯЩИЙ ИТ-ШНЫЙ ОПЫТ
Мы сами выросли из IT компании и участвуем в развитии рынка вместе с EASE
1378097
АНГЛИЙСКИЙ НА КУРСЕ
Для студентов всех курсов есть факультативные занятия English for IT
Учиться с друзьями выгоднее!
Приглашай друзей учиться вместе и получи скидку 60% на двоих!
Учиться с друзьями выгоднее!
Приглашай друзей учиться вместе и получи скидку 60% на двоих!

Программа обучения

32 занятия

занятия проходят
раз в неделю по 3 часа

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

Практика :

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

Модуль 2. CSS
Введение в CSS
Обзор блочной модели, методологии BEM и OOCSS

Основные CSS свойства
Работа со шрифтами

Практика :

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

Модуль 3. Flexbox, Grid, Анимация Flexbox

Grid

Адаптивность с помощью @media

Создание анимаций с помощью transition

Создание анимаций с помощью animation @keyframes

Практика :

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

Модуль 4. JavaScript
Введение в JS

Переменные. Типы данных

Тернарный и логические операторы

Инструкция switch

Циклы: for, while, do..while

Function Declaration и Function Expression

Анонимные функции

Функция callback

Функции alert, prompt, confirm

Практика :

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

Модуль 5. Циклы и объекты Объекты. Методы объектов

Копирование объектов и ссылки

Массивы. Методы массивов

Практика :

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

Модуль 6. Массивы в Javascript
Учимся создавать массивы

Методы массивов

Использование циклов

Практика :

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

Модуль 7. Данные
Контекст выполнения функций
Глобальный объект window
Контекст вызова і this
Методы call bind и apply

Функции конструкторы
Дескрипторы объектов

Local и Sesion storages
Дата и время

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

Практика :

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

Модуль 8. Работа с сервером. OOP Замыкание

Оператор try/catch/finally

Синтаксис setTimeout/setInterval

Как устроен Event Loop в JavaScript

OOP и его принципы

Практика :

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

Модуль 9. DOM и асинхронный JavaScriptОбъект Promise

Функции async/await в JS

DOM/BOM. Выбор элементов на странице

Практика :

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

Модуль 10. NPM/Yarn. Jsx. Виртуальный DOMNPM и Yarn. Обзор свойств Webpack. Работа по import/export

Обзор структуры React приложения

JSX та props: Рендеринг списков и Conditional рендеринг

Виртуальный DOM

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

Практика :

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

Модуль 11. Жизненный цикл компонентов. React Context. Порталы. Жизненный цикл компонента

Создание ErrorBoundary

React-router-dom

Порталы

Практика :

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

Модуль 12. Основные React хуки Хук useState

Хук useRef

Хук useEffect

Хук useMemo

Хук useCallback

React.memo()

Практика :

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

Модуль 13. React библиотеки Способы стилизации 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
  • Видео уроки ( на сумму 150-180 мин. в неделю)
  • Краткий конспект теории к занятию
  • Практические занятия 1 раз в неделю 180 мин + сессия вопрос/ответ
  • Домашние задания (индивидуальные и в группе)
  • Тестирование после каждого модуля
  • Дополнительный материал для самоизучения
  • Дипломная работа + защита
  • Закрытый чат учащихся с преподавателем + куратор
  • Личная обратная связь от преподавателя

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

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

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

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

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

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

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

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

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

Ваши результаты после курса

Вы научитесь:

Вы овладеете инструментами

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

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

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

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

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

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

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

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

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

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

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

Влад Соснов

Преподаватель курса

Практикующий разработчик. Стаж работы: 5+ лет

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

Отзывы про курс Frontend:

Стоимость курса Frontend разработчик

Оплата частями
или в рассрочку

от 1375 грн/мес

сроком до 12 мес
полная стоимость курса составляет 16 500 грн

Цена этого месяца по сезонной скидке

15400 грн

19250 грн

при полной оплате
курса Frontend

По программе
лояльности

13475 грн

при регистрации вдвоем
на курс Frontend

оплата производится при поддержке сервиса WayForPay

Подать заявку на курс "Front-end"
и получить консультацию

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

Другие курсы для вас:

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

Надішліть нам ваші контакти і наш менеджер передзвонить вам, щоб відповісти на всі питання про навчання у нашій Академії

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

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

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

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

Хочу купить курс в рассрочку

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

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