онлайн-курс

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

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

старт потока

Онлайн

формат

4 месяца

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

34 занятия

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Модуль 1. Основы HTML & CSS

  • Настройка рабочей среды. Текст, списки, ссылки, изображения: добавление и стилизация
  • Семантика HTML5. Создание форм. Flexbox. Position. Grid. Использование дополнительных ресурсов
  • Анимация, развлечения. Адаптивность. Препроцессоры. Bootstrap

    Модуль 2. Основы JS

  • Переменные. Типы данных. Взаимодействие с пользователем. Условные операторы if/else/switch
  • Объекты. Циклы for, while, do while
  • Массивы в JavaScript

    Модуль 3. DOM и event

  • Основы DOM. Введение в event

    Модуль 4. Image, Date и анимация

  • Работа с изображением. Работа с датой и временем (объект Date): setTimeout, setInterval

    Модуль 5 Работа с узлами DOM

  • Работа с массивом childNodes
  • Работа с массивом getElements
  • Динамическое формирование контента с использованием createElement, appendChild

    Модуль 6 Динамическое формирование контента

  • Практика DOM – динамическое формирование контента: innerHTML (+addEventListener)
  • Практика DOM – динамическое формирование контента: createElement, appendChild

    Модуль 7 Библиотека JQuery

  • Введение в библиотеку JQ
  • Селекторы события в JQ
  • Основные методы JQ

    Модуль 8 Основы ООП

  • Основы ООП
  • Class, constructor, extends

    Модуль 9 Ajax, JSON в технологии “клиент-сервер” (3 модуля)

  • Использование js в технологии «клиент-сервер»
  • Ajax – асинхронный обмен
  • JSON – обмен данными с сервером
  • Практика – создание CRUD-проекта (часть 1 – create)

    Модуль 10

  • Использование объекта Ajax-JSON для обмена данными с сервером
  • Практика – создание CRUD-проекта (часть 2 – update)

    Модуль 11

  • Использование объекта Ajax-JSON для обмена данными с сервером
  • Практика– создание CRUD-проекта (часть 3 – remove)

    Модуль 12 Export/Import классов

  • Class-extends. Export/Import классов
  • Практика – создание CRUD-проекта (часть 4 – Class-extends && Export/Import)

    Модуль 13 Promise и внешнее api

  • Использование объекта Promise
  • Работа со сторонним api (отправка email)
  • Практика – создание CRUD-проекта (часть 5 – использование стороннего api (получение курса валют))

    Модуль 14 React.js (4 модуля)

  • React.js
  • Использование node.js, npm, package.json, webpack
  • Состояние (state), привязка событий (bind)

    Модуль 15

  • React-компоненты
  • Использование DidMount
  • Условные конструкции в React

    Модуль 16

  • Props-параметры
  • Props функции
  • Использование map

    Модуль 17

  • Подключение и использование дополнительных внешних пакетов в React
  • React пакет axios. React-пакет sweetalert2. React-пакет flatpickr

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

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

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

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

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

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

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

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

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

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

    Рекало Александра
    Web developer, designer, IT mentor. Опыт практической работы около 8 лет, более 100 реализуемых проектов.

    Опыт преподавания основ веб-разработки более 5 лет. Более 1000 студентов освоили HTML и CSS под менторством Александры.
    Коськин Александр
    Более 20 лет практической работы программистом, последние 10 лет – Full-Stack Developer

    Участвовал в разработке сложных, многопользовательских систем в ряде компаний Европы и Азии

    Более 7 лет практической работы преподавателем, NAPA Team

    Основные стеки: JavaScript, JQuery, React.js, Vue.js, PHP, Laravel, MySQL

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

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

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

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

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

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

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

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

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

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

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

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

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

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