онлайн-курс

Курс Front-end
(Фронт-енд)

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

Наши выпускники проходят стажировку в ИТ-компаниях
Cyber Pioneers

Навчайся в зручному для себе ритмі
Онлайн

формат

3,5 месяца

длительность

26 занятий

количество занятий

Кто такой frontend разработчик?

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

Front-end подразумевает сочетание программирования с творчеством, внимательностью и пониманием современных трендов.

Результат работы фронтенд-разработчика - это правильно работающий сайт или приложение, которое выполняет предусмотренные заказчиком функции.
Фронтенд-разработчик занимается "внешней" частью сайта, то есть интерфейсом. Он "собирает" сайт, настраивает формы, кнопки, всплывающие окна и прочее.

Это второе по популярности направление в IТ среди начинающих.

Что нужно знать фронтенд-разработчику?

  • HTML – это язык разметки веб, CSS – каскадные таблицы стилей, JavaScript – основной язык программирования для Front End.
  • Важно знать как минимум один из трех фреймворков: Angular.js, React.js, Ember.js. Именно их используют большинство веб студий.

Сколько зарабатывает фронтенд-разработчик?

В среднем зарплата новичков фронтенд-разработчиков стартует от 400-600$. Чаще всего за несколько лет фронтенд-разработчик перерастает в фулстек-разработчика и занимается более масштабными проектами.
1000$ - 2500$
ветка зарплат во фронт-энд разработке от Junior до Senior специалиста (в месяц)

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

Хочет работать в IT
Вы преодолеете путь от человека, далекого от IT, до уверенного веб-разработчика с навыками командной работы и сможете начать карьеру в IT
Хочет стать разработчиком
Вы сможете сменить профессию и стать востребованным веб-разработчиком и поймете, как развиваться в профессии.
Хочет стать высокооплачиваемым специалистом
Вы получите все навыки, чтобы вырасти к специалисту с зарплатой 3000$-5000$ и выше
Если ты видишь себя среди этих людей – подавай заявку на курс

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

МЕНТОРСКАЯ ПОДДЕРЖКА В ТЕЧЕНИИ ВСЕГО КУРСА
Наши менторы помогают студентам освоить не только hard skills, но и soft skills
МЫ ИМЕЕМ НАСТОЯЩИЙ IТ-ШНЫЙ ОПЫТ
Мы сами выросли из IT компании и участвуем в развитии рынка вместе с IТ Ассоциацией EASE
БОНУС: БЕСПЛАТНЫЙ КУРС АНГЛИЙСКОЙ ДЛЯ IТ
Для студентов всех курсов есть факультативные занятия «English for IT»
ОПЛАТА В РАССРОЧКУ ИЛИ ЧАСТЯМИ
Для студентов действует программа рассрочки от 3 до 12 месяцев.

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

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

Настройка инструмента.
Основы HTML и CSS. Синтаксис.
Блочные и ленточные элементы.
Добавление текста и его стилизация. Гиперссылки.
Добавление графики. Списки.
Домашнее задание.
Тесты.

Создание таблиц. Работа с формами.
HTML 5 теги. Семантика.
Работа с ресурсами (иконки, шрифты, fontawesome).
Position. Flexbox. Grid.
Домашнее задание.
Тесты.

Grid.
Анимация CSS.
Адаптивность CSS (@media).
SASS (SCSS).
Bootstrap.
Домашнее задание (краткое видео).
Тесты.

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

 

Практика:

  • создание функционала для открывания/закрывания модальных окон;
  • практические примеры использования циклов;
  • использование alert, prompt и confirm.
  • Циклы: for, while, do..while.
    Объекты. Методы объектов.
    Копирование объектов и ссылки.

    Практика:

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

    Практика:

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

    Практика:

  • хранение пользователя и купленных товаров в LocalStorage;
  • использование глобального объекта window.
  • Замыкание.
    Оператор 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.
    Material UI.
    Formik.

    Практика:

  • пример Css modules;
  • пример Styled Components;
  • пример из Redux;
  • пример с Material UI;
  • пример из Formik.

    Защита дипломного проекта

    Проэкты:
    1. Сайт блога с использованием HTML и CSS.
    2. Сайт интернет магазина на чистом HTML/CSS/Js и React.js

Сертификация OpenEDG JS Institute

Certified Entry-Level JavaScript Programmer

По окончании курса вы можете получить ваучер на прохождение европейской сертификации от JavaScript Institute

Сертификация JSE (сертификация начинающего JS разработчика) – это профессиональный сертификат, который измеряет способность выполнять задачи кодирования, связанные с основами программирования на языке JavaScript.

Кандидат должен продемонстрировать достаточные знания основных концепций языка JavaScript, включая основы синтаксиса и семантики JavaScript, лучшие практики программирования, инструменты и ресурсы JS, а также такие концепции кодирования, как переменные, типы данных, приведение типов, операторы, взаимодействие с пользователем, поток управления, функции, ошибки, исключения, отладка и устранение неисправностей.

На курсе действует "ЗАМОРОЗКА".

При необходимости вы сможете приостановить обучение на время и восстановить его позже.

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

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

Hard skills: Вы получите весь стек базовых знаний по направлению “Frontend”.

Soft skills: Вы прокачаете навыки обработки информации, умения с первого дня работы в проекте
В процессе обучения вам будет поддерживать команда методистов. Вы можете задать любой вопрос и получить консультацию во внутреннем чате
В конце курса вас ждет модуль с HR PowerCode Academy по подготовке к собеседованию, где вы получите ответы на все важные вопросы трудоустройства.

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

Вы научитесь:
Освоите инструменты:

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

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

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

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

Александра Рекало

  • Преподаватель курса Front End разработчик в Powercode Academy
  • Web developer, designer, IT mentor
  • Опыт практической работы около 8 лет, более 100 реализуемых проектов
  • Опыт преподавания основ веб разработки более 5 лет
  • Более 1000 студентов освоили HTML и CSS под менторством Александры

  • Виктор Бойко

  • Преподаватель курса Front End разработчик в Powercode Academy
  • Expert Full-stack developer в Infopulse 15 лет стажа практической работы
  • Последние 5 лет работа над проектами TietoEVRY, одной из крупнейших скандинавских IТ компаний
  • Участвовал в разработке системы аудитов для норвежских нефтегазовых компаний, интеллектуальных систем мониторинга для сети японских супермаркетов и работал на одного из крупнейших производителей аудио-видео гарнитур
  • Основные стеки: JavaScript, TypeScript, Node.js, Angular, React, React Native, Electron

  • Элеонора Кормыш

  • Преподаватель курса Front End разработчик в Powercode Academy
  • Действующий Full-stack developer в сфере game-development
  • Магистр компьютерных наук.
  • Основное направление деятельности – разработка многофункциональных сайтов для конвертации изображений, видео и музыки, обработки графических файлов и создания графиков
  • Является соавтором Сhrome-расширения для тестировщиков
  • Основные стеки: JavaScript, jQuery, React, Vue

  • Откройте для себя искусство, конечно, и ум.​

    демо-урок з курсу

    Відправлено!

    Ссылка на демо-урок отправлена на e-mail, который вы указали в форме.

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

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

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