онлайн-курс

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

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

старт потока

Онлайн

формат

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 часа

Модуль 1. Ввод в HTML и CSS. Клиент-серверная архитектура.

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

Модуль 2. Прикладное использование HTML и CSS.

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

Модуль 3. Анимация и адаптивность веб-сайтов.

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

Модуль 4. JavaScript. Начало работы с динамическими страницами.

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

Практика:

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

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

    Циклы: for, while, do..while.
    Объекты. Методы объектов.
    Копирование объектов и ссылки.

    Практика:

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

    Модуль 6. Массивы в Javascript.

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

    Практика:

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

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

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

    Практика:

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

    Модуль 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.
    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, а также такие концепции кодирования, как переменные, типы данных, приведение типов, операторы, взаимодействие с пользователем, поток управления, функции, ошибки, исключения, отладка и устранение неисправностей.

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

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

    💻 Демо-урок курса Frontend

    Доступ к уроку можно получить после регистрации ниже. Ссылка на урок придет на указанный e-mail.

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

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

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

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

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

    Вы научитесь:
    Освоите инструменты:
    Курс можно оплатить по частям с рассрочкой от 3 до 12 месяцев.

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

    Отзывы про курс 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

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

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

    от 1523 грн/мес

    сроком от 3 до 12 мес

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

    18275 грн

    21500 грн

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

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

    15050 грн

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

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

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

    Отримати доступ до демо-уроку курсу Frontend

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

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

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

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

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

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

    Присоединяйся к вебинарам
    по Frontend-разработке!

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

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

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

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

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

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

    Получить доступ к демо-уроку