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

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

Верстать сайты и оживлять статичные веб-страницы, т.е. освоите:
- HTML (разметка страниц)
- CSS (стили)
- JavaScript (язык программирования, который отвечает за интерактив на сайте)
- Препроцессоры и фреймворки CSS, системы контроля версий.

Адаптивной и кроссбраузерной верстке.

Курс построен на глубоком погружении в JavaScript, а значит вы поработаете с React.js , Vue.js , Node.js

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

Для кого?

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

О чем?

Для кого?

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

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

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

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

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

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

О чем?

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

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

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

Закрыть

Преимущества

МИНИ-ГРУППЫ

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

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

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

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

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

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

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

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

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

ЛИЦЕНЗИЯ

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

13%

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

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

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

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

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

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

Переменные, условия, миксины, вложенность

Git

Переменные, функции, условия, арифметические операции

Объекты, массивы

Введение в ООП

Работы с DOM API, события

TypeScript. Типизация, интерфейсы, объединения, перечисления, расширение типов, классы

Vue3, файловые компоненты, composition api

npm, пакеты, package.json

React. Create-react-app

Функциональные компоненты, jsx, props, component live cyrcle

React router

Redux + toolkit

Базовый http сервер, nodemon, express

Работа с файлами, path, fs

Mетоды запросов, обработка данных запросов

RESTful API, headers, cors

SQL и NoSQL базы данных

Деплой на сервер & итоговый проект

Vercel

docker + docker-compose, переменные окружения

Подготовка к собеседованию

Подробнее

Закрыть

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

1 блок

- HTML & CSS & SCSS & git

Структура страницы, теги (html, head, body, main, section, div, header, footer, nav, span, a, img, svg, form), атрибуты

Подключение стилей, селекторы css, вес селекторов, псевдо-классы, псевдо-элементы

Семантическая верстка, БЭМ, position, flex

(CSS) Анимация, transition, перменные

(CSS) Адаптив, em/rem/%, media-запросы

(SCSS) Переменные, условия, миксины, вложенность

git, github, github desktop, github pages

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

Простой новостной сайт
Портфолио, для своих будущих проектов

2 блок

- JavaScript

Переменные, функции, условия, арифметические операции, браузерные методы(alert, promt, confirm)

Циклы, замыкания, всплытие, стрелочные и анонимные функции

Объекты, массивы

Работы с DOM API, события, event loop

Работа формами на js

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

Порядок подключения файлов, базовая настройка webpack

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

Полноэкранный скроллинг лендинга продукта
Крестики-нолики

3 блок

- TypeScript & Vue

(TypeScript) Типизация, интерфейсы, объединения, перечисления, расширение типов, классы

fetch API, json

Vue3, файловые компоненты, composition api

Vue Router, v-for, v-if-else, v-show

npm, пакеты, package.json

vue-cli create

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

Таск борд с вакансиями, сервис HR c вакансиями и перетаскиванием их в разные статусы

4 блок

- React

Create-react-app

Функциональные компоненты, jsx, props, component live cyrcle

useState, useEffect, useId, useTransition, useRef, useMemo, useCallback

React router

Redux + toolkit

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

Сервис микроблогов
Мессенджер

5 блок

- node.js & SQL и NoSQL базы данных

Базовый http сервер, nodemon, express

Работа с файлами, path, fs

Mетоды запросов, обработка данных запросов

RESTful API, headers, cors

Отдача статики

SQL и NoSQL базы данных

(Postgre/My)SQL (таблицы, запросы)

FormData

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

API для прошлого блока
Сервер, отдающий рандомные данные

6 блок

- Деплой на сервер & итоговый проект

Vercel

docker + docker-compose, переменные окружения

Итоговый проект

Подготовка к собеседованию

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

Админка бота для отправки уведомлений в телеграм
Полная сборка и deploy проекта прошедших блоков

Открыть всю программу

Учебные проекты

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

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

Telegram бот

Agile Taskboard

Мессенджер

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

Преподаватели

Житков Тимофей

Senior Fullstack разработчик в Московской Бирже и Team Lead в Nordic IT School

подробнее

Румянцев Александр

Frontend разработчик

подробнее

Петрухин Александр

Freelance Solution Architect

подробнее

Иван Жевакин

Senior Frontend Developer в британском стартапе Dice

подробнее

Михаил Палиенко

Middle Frontend Developer в Advantum специалист по информационным системам

подробнее

Илья Кретинин

Fullstack разработчик в РайффайзенБанке

подробнее

Технологии

HTML 5

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

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

HTML 5

CSS 3

Javascript

React

React Router

Redux

Webpack

Node.js

NPM

Express

GIT

Flux

MySQL

MongoDB

Docker

TypeScript

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

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

Учебный процесс

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

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

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

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

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

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

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

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

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

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

Чат группы

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

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

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

Сертификат

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

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

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

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

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

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

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

Условия обучения

Стоимость

17100 руб.

в месяц

92300 руб.

полный курс

102600 руб.

при единовременной оплате скидка -10%

Длительность курса - 6 месяцев (216 ак. час.)

Занятия проходят 2 раза в неделю, длительность каждого занятия - 4 ак. часа.

В стоимость также входит: - доступ к личному кабинету студента с записями занятий и материалами - поддержка преподавателя во внеурочное время (проверка заданий и помощь с проектами)

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

27 марта 2023

19.00 - 22.00 (пн (19:00-22:00) пт (18:30 - 21:30))

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

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

29 апреля 2023

10:00-13:00 (сб, вс)

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

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

14 июня 2023

19.00 - 22.00 (ср, пт)

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