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

На курсе по frontend’у вы научитесь:

  • Верстать сайты и оживлять статичные веб-страницы, т.е. освоите:
    - HTML (разметка страниц)
    - CSS (стили)
    - JavaScript (язык программирования, который отвечает за интерактив на сайте)
    - Препроцессоры и фреймворки CSS, системы контроля версий.
  • Адаптивной и кроссбраузерной верстке.
  • Курс построен на глубоком погружении в JavaScript, а значит вы поработаете с React.js , Vue.js , JQuery.js , Node.js

Расписание и цены

Для кого?

Чему научитесь?

О чем?

Для кого?

Обучение с нуля не требует специальных навыков или технического бэкграунда.

Профессия фронтенд-разработчика подойдет:

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

На курсе по frontend’у вы научитесь:

  • Верстать сайты и оживлять статичные веб-страницы, т.е. освоите:
    - HTML (разметка страниц)
    - CSS (стили)
    - JavaScript (язык программирования, который отвечает за интерактив на сайте)
    - Препроцессоры и фреймворки CSS, системы контроля версий.
  • Адаптивной и кроссбраузерной верстке.
  • Курс построен на глубоком погружении в JavaScript, а значит вы поработаете с React.js , Vue.js , JQuery.js , Node.js
О чем?

Frontend разработчик - это программист, который занимается интерфейсами веб-приложений и сайтов. Он отвечает:

  • за внешний вид сайт
  • корректность отображения в разных браузерах и на разных устройствах
  • анимации, всплывающие окна, выпадающее меню и прочие интерактивные элементы

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

Закрыть
Преимущества
Преимущества школы

МИНИ-ГРУППЫ

Мы знаем насколько важен в обучении индивидуальный подход, личный контакт и внимание преподавателя, а также возможность что-то спросить, показать, попросить помощи. Поэтому на наших курсах обучение проходит в мини-группах по 6-10 человек.

Преимущества школы

ОПЫТНЫЕ НАСТАВНИКИ

Мы несколько лет собирали нынешнюю команду преподавателей. Они не только являются крутыми разработчиками крупных компаний, но и умеют объяснять сложные вещи простыми словами. А еще им просто нравится делиться опытом. Вы точно найдете с ними общий язык.

Преимущества школы

МАКСИМУМ ПРАКТИКИ

Уже на первом занятии вы начнете писать код, никакой воды. Преподаватели вам предоставят всю необходимую теоретическую базу для того, чтобы вы понимали принципы разработки, но основное внимание будет уделено практике. Мы готовим IT-специалистов, которые уже готовы решать реальные задачи.

Преимущества школы

ВИДЕОАРХИВ ЗАНЯТИЙ

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

Преимущества школы

ОЧНОЕ ИЛИ ОНЛАЙН ОБУЧЕНИЕ

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

Преимущества школы

ЛИЦЕНЗИЯ

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

13%
Сэкономьте 13% от суммы за обучение!

Мы являемся официальным образовательным учреждением и имеем все необходимые документы для подтверждения этого статуса.

После окончания курса вы сможете получить налоговый вычет - 13%

Программа курса
1

Верстка сайтов (HTML и СSS)

Адаптивная верстка и препроцессоры CSS

Основы JavaScript

jQuery. Основные методы

2

AJAX запросы. Синхронность/ Асинхронность

Объектно-ориентированное программирование

Постулаты ООП: Наследование Инкапсуляция Полиморфизм

Обзор современных фреймворков Отличия от библиотек

3

Vue.js

Vue компоненты, виды, props

Vue взаимодействие компонентов

Навигация и ссылки во Vue

4

Node.js (JavaScript для сервера)

Создание сервера

Отправка файлов

Введение в Express

5

React.js: рендеринг, компоненты, Props

Redux: работа с хранилищем

События State

6

Покупка хостинга и домена. Работа с FTP

Git Github: Создание репозиториев Основные команды Ветвление

Командный проект: MVP

Подробнее
Закрыть
Программа курса
1 блок
- Верстка сайтов

Введение в HTML. Основные тэги, гиперссылки

Атрибуты тэгов. Введение в CSS: свойства, цвета. Шрифты. Вставка изображений через HTML

Вставка картинок через CSS: Margin, Padding, Flex-контейнеры, позиционирование, псевдо-элементы

Анимации в CSS Flex Верстка

Верстка

Адаптивная верстка

Препроцессоры CSS

- Vanilla.js

Введение в JS JQuery. Скрытие/Показ элементов

Введение в jQuery. Основные методы. Анимации

Функции. setInterval setTimeout. Плавный скролл

DOM. Основные методы События. Всплытие Погружение

Объекты. Взаимодействие с DOM с помощью JS

LocalStorage SessionStorage. Куки. Способы применения и различия

Json Parse Stringify

Практический результат:

Разработка новостного приложения.

2 блок
- AJAX

Делегирование событий

AJAX (Ускоряем работу страниц, делаем первые шаги к SPA)

Отправка запросов на jQuery. Отправка запросов JS. Синхронность/ Асинхронность

Получение данных из API. Postman

Работа с Telegram Bots API

- ООП

Введение в ООП. Классы. Методы. Свойства

Статические и динамические методы this

Постулаты ООП Наследование Инкапсуляция Полиморфизм

Разработка игры с использованием ООП

Практический результат:

Разработка Telegram бота.

3 блок
- Vue.js

Фреймворки Обзор современных фреймворков Отличия от библиотек. Введение во Vue.js Vue объекты из чего состоят и как работают

Что такое компоненты и как создать. Виды компонентов

Props. Валидация Props

Передача массивов и сложных объектов

Взаимодействие между компонентами

Миксины

Навигация и ссылки . Переадресация.

Практический результат:

Разработка Agile Taskboard.

4 блок
- Node.js

Что такое Node.js. Начало работы

События работа с файлами Асинхронность в Node.js

Создание сервера

Отправка файлов. Передача параметров приложению

Введение в Express

Отправка форм. Переадресация. Маршрутизация

JSON и AJAX. Создание API

Практический результат:

Учимся создавать API и настраивать взаимодействие между клиентом и сервером.

5 блок
- Введение в React

j-RPC. Основные правила

Введение в React. Рендеринг

JSX и Babel. React Developer Tools

Компоненты

Props

Redux - работа с хранилищами

События. State

Работа с формами . Валидация

Введение в Redux

Введение в Flux

Практический результат:

Разработка мессенджера.

6 блок
- Git

Создание ссылок. Парсинг строки запроса. Передресация

Покупка хостинга и домена. Работа с FTP

Настройка рабочего окружения проекта на сервере

Github. Создание репозиториев. Основные команды. Ветвление

Git Слияние. Разрешение конфликтов

- Работа в команде

Деление на команды. Распределение ролей. Выбор темы проекта. Разработка Архитектуры

Создание MVP

Доработка проекта

Доработка проекта, создание резюме

Практический результат:

Разработка командного проекта

Открыть всю программу
Учебные проекты

На курсе будут разработаны следующие проекты:

Новостное приложение

Telegram бот

Agile Taskboard

Мессенджер

Командный проект

Преподаватели
Житков Тимофей
Senior Fullstack разработчик в Московской Бирже и Team Lead в Nordic IT School
подробнее
Румянцев Александр
Frontend разработчик в Сбербанк
подробнее
Петрухин Александр
TeamLead в Notamedia
подробнее
Иван Жевакин
Senior Frontend Developer в британском стартапе Dice
подробнее
Михаил Палиенко
Middle Frontend Developer в Advantum специалист по информационным системам
подробнее
Илья Кретинин
Fullstack разработчик в РайффайзенБанке
подробнее
Технологии
HTML 5

Это язык разметки, с помощью которого формируется блочная структура веб-страницы. На HTML пишутся инструкции, следуя которым браузер располагает контент в соответствии с замыслом авторов.

Наведите на технологию, чтобы получить подробную информацию о ней

HTML 5
CSS 3
Javascript
jQuery
React
React Router
Redux
Webpack
Node.js
NPM
Express
GIT
Flux

Мы сотрудничаем с компанией JetBrains.

Весь установленный софт в Школе лицензионный.

Учебный процесс
Процесс обучения

Обучение в центре Москвы

Занятия проходят в компьютерных классах по адресу: Москва, ул. Большая Спасская, д. 12. Главное преимущество очного формата — моментальная обратная связь от преподавателя по всем вопросам. На своем экране в режиме реального времени вы увидите, как пишется программный код. Лекций мы не читаем.

Процесс обучения

Видеоархив
занятий

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

Процесс обучения

Преподаватель ведет группу на всех этапах

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

Процесс обучения

Разбор домашних заданий

В конце каждого занятия вы будете получать задания для самостоятельной работы дома. Преподаватель лично проверяет, комментирует и оценивает вашу работу по 10-балльной шкале. Вы получаете Code Review и рекомендации для качественной доработки кода. Предусмотрена возможность пересдачи.

Процесс обучения

Готовое портфолио

На каждом курсе студенты выполняют реальные проекты, которые можно добавить в свое портфолио, что станет отличным подспорьем при поиске работы.

Процесс обучения

Чат группы

Для каждой мини-группы создается чат в telegram или slack, в котором вы можете задать все ваши вопросы по обучению. Всегда можно получить оперативную обратную связь от преподавателя или пообщаться со своей группой.

Процесс обучения

Трудоустройство

Мы помогаем нашим студентам с составлением резюме, преподаватели готовы дать рекомендации. Мы сотрудничаем с IT-рекрутингом и предоставляем им резюме и контакты успешных студентов. Наш партнер Сколково регулярно проводит наборы на стажировку.

Процесс обучения

Сертификат

У нас есть лицензия на осуществление образовательной деятельности. По окончании обучения вы получите документ, в котором будут указаны: - стек освоенных технологий; - объем курса в академических часах; - средний балл за весь курс; - количество решенных домашних заданий; - финальный проект

Трудоустройство

Регулярно проводим наборы на стажировки в Технопарке Сколково.

Мы работаем с крупнейшим центром подбора IT-специалистов - SymbioWay, который ищет программистов для крупнейших компаний России.

Помогаем в составлении резюме

Даем рекомендации

Сотрудничаем с рекрутинговыми агентствами в сфере IT!

Условия обучения
Стоимость
17100 руб.
в месяц
92300 руб.
полный курс
102600 руб.
при единовременной оплате скидка -10%
Длительность курса - 6 месяцев (216 ак. час.)
Занятия проходят 2 раза в неделю, длительность каждого занятия - 4 ак. часа.
В стоимость также входит: - доступ к личному кабинету студента с записями занятий и материалами - поддержка преподавателя во внеурочное время (проверка заданий и помощь с проектами)

Выберите группу:

02 июля 2022

11.00 - 14.00 (сб, вс)

Группа приступила к занятиям

Преподаватель:
Румянцев Александр

01 сентября 2022

19.00 - 22.00 (вт, чт)

Группа приступила к занятиям

Преподаватель:
Илья Кретинин

02 ноября 2022

19.00 - 22.00 (ср, пт)

Группа приступила к занятиям

Преподаватель:
Михаил Палиенко

14 января 2023

11:00-14:00 (сб, вс)

Преподаватель:
Михаил Палиенко

Сообщить о новом наборе
Вас также может заинтересовать
Nordic IT School

Москва, ул. Большая Спасская 12

+7 925 632-21-47

+7 495 626-46-00

moscow@inordic.ru

Контакты и соцсети

Полезный дайджест Nordic IT

Каждую неделю отправляем информацию о наших бесплатных вебинарах и мастер-классах, оповещаем об акциях и стартах новых курсов

Записаться