Научись делать полноценный сайт, начиная от макета до загрузки на хостинг и стань высокооплачиваемым специалистом в 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 занятий
Модуль 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
Контекст вызова и это. Методы 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/Yann. Jsx. Виртуальный DOM
NPM и 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
Примеры работ, которые выполняют студенты на курсе
Верстка магазина
Верстка лендингов
Верстка таймера
Верстка резюме
Верстка прайса
Освойте профессию Frontend разработчик за 3,5 месяца
И получите возможность стажировки
с последующим трудоустройством в Powercode, а также в IT компаниях-партнерах
Результаты после курса
Вы освоите инструменты:
Вы научитесь:
Разбираться в HTML, CSS
Делать разметку и адаптивную кросс-браузерную верстку
Выучите основы языка JavaScript
Работать с API и взаимодействовать с сервером
Веб-сервис для хостинга IT-проектов и их совместной разработки
Язык описания внешнего вида HTML-документа
Свободный набор инструментов для создания сайтов и веб-приложений
Свободный текстовый редактор для веб-разработчиков
4
3
2
1
5
6
8
Язык гипертекстовой разметки страницы
JavaScript Framework, который подкупает своей простотой и удобством в использовании
Мультипарадигменный язык программирования
JavaScript-библиотека с открытым исходным кодом для разработки пользовательских интерфейсов
7
По завершении курса вы получаете сертификат о прохождении курсов в Powercode Academy
Наши преподаватели
У нас в команде не просто преподаватели, но наставники, практики и лучшие друзья студентов!
Влад Соснов
Преподаватель курса Frontend. 
Frontend разрабочик, 5+ стаж работы. 
  • Запишитесь на курс
  • Узнайте про специальные условия оплаты в рассрочку
  • Получите скидку при ранней регистрации
Курс Frontend
15% стоимости этого курса мы передаем на поддержку нужд ВСУ
Оставить заявку
Отправьте нам ваши контакты и наш менеджер перезвонит вам, чтобы ответить на все вопросы об обучении в нашей Академии
В какой день вам лучше перезвонить?
Нажимая на кнопку я соглашаюсь с политикой конфидециальности
Регистрируйся на марафон онлайн воркшопов!
Учись на открытых уроках марафона и получи шанс выиграть место на курсе!
Наш телефон
Адрес
г. Киев, ул. Верхний Вал, 24
Договор оферты
Made on
Tilda