Курсы Frontend в Екатеринбурге с нуля

11
По рейтингуПо цене
ДЛИТЕЛЬНОСТЬ
ЦЕНА
РАССРОЧКА
РЕЙТИНГ
Frontend-разработчик с нуля
Frontend-разработчик с нуля
Нетология
Длительность
18 месяцев
Цена
91 200 ₽
Рассрочка
3 800 ₽
Рейтинг
5
Рейтинг
Промокод на 3000 рублей только для пользователей CoursesTop до 20 июня: COURSES_3000
?3000 рублей дополнительная скидка на все онлайн-курсы, кроме направлений «MBA», «Саморазвитие и хобби», «Высшее образование» и курс «Директор по интернет маркетингу». Скидка действует от текущей цены и суммируется с действующими скидками на сайте Нетологии. Скидка не действует на онлайн-курсы дешевле 10 000 руб. Срок действия: 20.05.22 - 20.06.22
Факультет frontend-разработки
Факультет frontend-разработки
GeekBrains
Длительность
12 месяцев
Цена
149 500 ₽
Рассрочка
4 157 ₽
Рейтинг
5
Рейтинг
Веб-разработчик
Веб-разработчик
Skypro
Самый популярный
Длительность
12 месяцев
Цена
125 600 ₽
Рассрочка
3 489 ₽
Рейтинг
5
Рейтинг
Frontend-разработчик
Frontend-разработчик
GeekBrains
Длительность
5 месяцев
Цена
99 500 ₽
Рассрочка
2 763 ₽
Рейтинг
4.8
Рейтинг
Специализация Frontend-разработчик
Специализация Frontend-разработчик
SkillFactory
Длительность
7 месяцев
Цена
60 000 ₽
Рассрочка
5 000 ₽
Рейтинг
4.8
Рейтинг
Фронтенд-разработка Bootcamp
Фронтенд-разработка Bootcamp
Яндекс Практикум
Длительность
5 месяцев
Цена
210 000 ₽
Рассрочка
17 500 ₽
Рейтинг
4.8
Рейтинг
React + Next.js - с нуля. TypeScript, Hooks, SSR и CSS Grid
React + Next.js - с нуля. TypeScript, Hooks, SSR и CSS Grid
PurpleSchool
Самый выгодный
Длительность
20 часов
Цена
1 090 ₽
Рассрочка
Рейтинг
4.7
Рейтинг
Профессия Frontend-разработчик с нуля до PRO
Профессия Frontend-разработчик с нуля до PRO
SkillBox
Длительность
24 месяца
Цена
134 000 ₽
Рассрочка
5 380 ₽
Рейтинг
4.7
Рейтинг
FRONTEND РАЗРАБОТЧИК
FRONTEND РАЗРАБОТЧИК
LoftSchool
Длительность
3 месяца
Цена
32 900 ₽
Рассрочка
2 793 ₽
Рейтинг
4.6
Рейтинг
Frontend-разработчик
Frontend-разработчик
SkillBox
Длительность
6 месяцев
Цена
57 000 ₽
Рассрочка
4 747 ₽
Рейтинг
4.6
Рейтинг
Профессия Frontend-разработчик PRO
Профессия Frontend-разработчик PRO
SkillBox
Длительность
12 месяцев
Цена
112 000 ₽
Рассрочка
5 616 ₽
Рейтинг
4.5
Рейтинг

Frontendонлайн обучение для начинающих

Frontend-разработчик с нуля

Frontend-разработчик с нуля

91 200 ₽  
-42 800 ₽
3 800 ₽
цена курса
в рассрочку
0 отзывов о курсе

Научитесь создавать сайты и приложения, проектировать интерфейсы и работать с Flexbox и JavaScript Соберите крутое портфолио из 9 жизнеспособных проектов для получения работы своей мечты

Школа
Нетология
Документ об окончании
Диплом
Сложность
С нуля
Длительность
18 месяцев
Вебинары, видеолекции, практические задания

Что вы будете уметь после обучения

  • Верстать сайты и приложения для всех типов устройств
    Узнаете о тонкостях вёрстки под iOS и другие мобильные операционные системы
  • Решать задачи с использованием JavaScript
    Узнаете всё о семантике, синтаксисе и архитектуре языка и сможете создавать сайты и приложения
  • Оформлять решения, как это делают опытные разработчики
    Изучите подходы к решению задач и варианты практического использования инструментов
  • Использовать библиотеку React
    Сможете применять библиотеку для создания качественных интерфейсов, освоите композицию компонентов и способы интеграции с React

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

HTML-вёрстка с нуля до первого макета
Научитесь верстать сайты на HTML и CSS и вносить изменения в существующую вёрстку. По итогам этого модуля вы уже самостоятельно сверстаете лендинг.

  • Теги для вёрстки контента страницы
  • Теги для вёрстки структуры страницы
  • Теги для вёрстки форм
  • Селекторы CSS
  • Определение контекста элементов
  • Блочная модель
  • Позиционирование элементов
  • Оформление текста
  • Оформление декоративных элементов
  • Состояние интерактивных элементов
  • Выполнение проекта по итогам модуля: вёрстка макета сайта — 24 часа практики

Мобильная и адаптивная вёрстка
Получите опыт, который позволит стать незаменимым звеном в проектировании и создании современных отзывчивых веб-интерфейсов. Сможете верстать сайты для всех типов устройств.

  • Вёрстка резинового макета
  • Резиновые изображения
  • Медиа-запросы и медиа-функции
  • Вёрстка мобильных устройств
  • Вёрстка адаптивного макета
  • Адаптивная типографика, выбор breakpoints
  • Адаптивные изображения
  • Выполнение проекта по итогам модуля: адаптивная мобильная версия макета сайта — 24 часа практики

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

  • Лексика, без которой не обойтись
  • Как вести переписку на английском
  • Чтение документации и анализ требований
  • Программирование
  • Тестирование ПО
  • Стрессовые ситуации
  • Устранение неполадок
  • Работа и роли в команде
  • Поддерживаем любую беседу на английском
  • Собрания, презентации на высшем уровне

Основы программирования
Познакомитесь с азами программирования, напишете первые строки кода и создадите первые простые проекты на самом популярном языке JavaScript. Разберётесь с видами языков программирования и поймёте, как выбрать «свой» язык с учётом личных интересов и профессиональных планов. В дипломном проекте вы разработаете онлайн-игру, похожую на «Монополию».

  • Алгоритмы
  • Переменные, числа и строки
  • Логика и математика
  • Ветвление кода
  • Алгоритм с множественным выбором
  • Ошибки в коде
  • Массивы
  • Циклы
  • Подпрограмма, функция
  • Объекты
  • Синхронное и асинхронное выполнение алгоритма
  • Выполнение проекта по итогам модуля: игра «Крестики-нолики» на JavaScript — 24 часа практики

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

  • Предназначение системы контроля версий
  • Основные операции (фиксация и откат изменений, поиск, история)
  • Работа с сервисом GitHub
  • Ветки, слияние веток и разрешение конфликтов
  • Командная работа

Основы JavaScript
Глубже погрузитесь в JavaScript — один из самых популярных и гибких языков программирования. Начнёте с азов синтаксиса, узнаете, как работает сайт, и за 8 первых занятий напишете своё первое веб-приложение (онлайн-сервис для торговли криптовалютой). Далее узнаете о дополнительных возможностях, которые дает браузер. Подключив скрипт к HTML-документу, получите к нему доступ и сможете делать документ «живым»: изменять его и реагировать на действия пользователя. 

  • Основы отладки
  • Базовый синтаксис
  • Расширенный синтаксис
  • Типы данных
  • Функции, объекты
  • Прототип и конструктор объекта
  • ООП в JS (ES6)
  • Обработка исключений и замыкания
  • Прототип массива, функции высшего порядка
  • Асинхронность
  • Выполнение проекта по итогам модуля: сайт-биржа по продаже криптовалюты — 24 часа практики

Основы JavaScript в браузере
Узнаете о дополнительных возможностях, которые дает браузер — Web API. Подключите скрипт к HTML-документу и получите к нему доступ, чтобы делать документ «живым»: изменять его и реагировать на действия пользователя.

  • Возможности JavaScript в браузере
  • Способы поиска нужного HTML-элемента
  • Объект события
  • DOM
  • Работа с HTML-формами
  • Изменение структуры HTML-документа
  • Асинхронные запросы
  • Хранение состояния на клиенте
  • Выполнение проекта по итогам модуля: веб-менеджер личных финансов — 24 часа практики

Продвинутый JavaScript
Научитесь работать с современным инструментом для организации рабочего окружения (npm, webpack) и разберётесь с наиболее сложными разделами языка: прототипной моделью, promises и асинхронными программированием (async/await).

  • Стандарты и рабочее окружение
  • Модули и Webpack
  • Платформы: браузер vs Node.js
  • Unit-тестирование
  • Прототипы, конструкторы, классы и наследование
  • Object, Reflection и Proxy
  • Регулярные выражения
  • Контейнеры
  • ArrayBuffer
  • Promises, async/await, timers & event loop
  • Символы, итераторы, генераторы
  • TypeScript
  • Выполнение проекта по итогам модуля: онлайн-игра «ходилка» в стиле фэнтези — 24 часа практики

Продвинутый JavaScript в браузере
Освоите инструменты, ускоряющие работу, научитесь на профессиональном уровне работать с формами: проводить валидацию, использовать продвинутые элементы — слайдеры, календари, файлы, а также познакомитесь с API, предоставляемым браузером: геолокацией, нотификацией, медиа, веб-сокетами. И через анимацию добавите интерактивность в свои приложения.

  • Рабочее окружение
  • Работа с DOM (объектная модель документа)
  • Обработка событий
  • Организация тестирования (Unit, E2E)
  • Работа с HTML-формами, LocalStorage
  • Drag & Drop, работа с файлами
  • Работа с HTTP
  • Анимация и CSS
  • Geolocation, Notification, Media
  • RxJS
  • EventSource, Websockets
  • WebWorkers, ServiceWorkers
  • Выполнение проекта по итогам модуля: бот для поиска и хранения информации — 24 часа практики

Библиотека React
Освоите одну из самых популярных библиотек на JavaScript — React. При помощи этой библиотеки вы сможете создавать интерактивные пользовательские интерфейсы. Вам достаточно описать, как части интерфейса приложения выглядят в разных состояниях. React будет своевременно их обновлять, когда данные изменяются. Вы сможете создавать инкапсулированные компоненты с собственным состоянием, а затем объединять их в сложные пользовательские интерфейсы.

  • Компоненты, композиция компонентов
  • События и состояние
  • Props
  • Формы
  • Жизненный цикл и работа с HTTP
  • HOC
  • hooks, Context API
  • React Router
  • Redux и Redux Thunk, Redux Observable, Redux Saga
  • Выполнение проекта по итогам модуля: интернет-магазин обуви — 24 часа практики

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

  • Основы композиции
  • Теория цвета
  • Цифровая эстетика и новые медиа
  • Типографика
  • Введение в брендинг и современный плакат
  • VR

Основы Photoshop
Познакомитесь с интерфейсом и ключевыми инструментами Adobe Photoshop. Узнаете, как настраивать цвета, работать со слоями, масками и смарт-объектами, растровыми и векторными изображениями.
Видеокурс включает конспекты, дополнительные материалы для изучения и тесты. 

  • Введение в Photoshop
  • Ретушь и цветокоррекция изображения
  • Коллаж с двойной экспозицией
  • Создание фотоманипуляции
  • Создание реалистичного мокапа
  • Постер в Photoshop
  • Duotone изображения
  • Создание сайта в Photoshop
  • Gif в Photoshop

Карьера в Frontend-разработке
Научитесь формулировать карьерные цели, создавать резюме, собирать портфолио и готовиться к собеседованиям. Создадите пошаговый план поиска работы, запишите видеопрезентацию и пройдёте карьерную консультацию с HR-экспертом.

  • Пошаговый план поиска работы
  • Анализ рынка труда
  • Резюме, портфолио frontend-разработчика и сопроводительное письмо
  • Собеседование: как подготовиться и пройти
  • Статистика и измерение эффективности поиска работы
  • Индивидуальная карьерная консультация

Ключевые навыки

Умею делать

  • Интернет-магазин обуви
  • Онлайн-игру «ходилку»
  • «Крестики-нолики» на JavaScript
  • Cайт-биржу по продаже криптовалюты
  • Веб-менеджер личных финансов
  • Бот для поиска и хранения информации
  • Систему бронирования ж/д-билетов

Мои навыки

  • Вёрстка под тач и мобильные устройства
  • Работа с Flexbox и JavaScript
  • Способность правильно использовать переменные, числа и строки
  • Создание прототипа и конструктора объекта
  • Использование выражений в JavaScript
  • Применение символов, итераторов и генераторов
  • Импорт и экспорт модулей
  • Создание интерактивных веб-страниц
  • Работа с файлами и медиаресурсами
  • Применение принципов клиент-серверного взаимодействия
  • Создание одностраничных веб-приложений (SPA)
  • Навыки использования библиотеки React, JSX, React router, VirtualDom

Оценка курса:
* Перед публикацией отзыва о курсе, он пройдет предварительную модерацию и проверку
Факультет frontend-разработки

Факультет frontend-разработки

149 500 ₽  
-48 500 ₽
4 157 ₽
цена курса
в рассрочку
0 отзывов о курсе

Освойте современную профессию: вы научитесь создавать сайты и приложения, проектировать интерфейсы и работать со сложными инструментами frontend-разработчика.

Школа
GeekBrains
Документ об окончании
Диплом
Сложность
С нуля
Длительность
12 месяцев
5 работ в портфолио
трудоустройство после обучения

Кому подойдет курс

  • Новичкам
    Поможем начать карьеру frontend-разработчика, научим создавать красивые сайты и удобные интерфейсы.
  • Начинающим веб-разработчикам
    Поможем ускорить карьерный рост: вы получите новый опыт работы с HTML, CSS, JavaScript, ReactJS, Node.js.
  • Практикующим IT-специалистам
    Поможем перейти в перспективное направление, чтобы заниматься любимым делом и больше зарабатывать.

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

Подготовительный блок

Как учиться эффективно. Видеокурс от методистов GeekUniversity

— Особенности обучения в GeekUniversity
— Почему тяжело учиться
— Инструменты для самообразования
— Учимся от компетенций
— Особенности обучения взрослых
— Постановка целей по схеме SMART
— Как формулировать образовательный запрос

Основы программирования

— Создание переменных;
— Операции сложения, вычитания, деления и умножения;
— Логические операции;
— Работа с массивами;
— Функции.

Git. Базовый курс

Git очень важен для любого современного разработчика, так как закладывает тот базис, который необходим для удобной командной работы внутри коллектива и работы со сторонними open source-решениями.

I четверть

Веб-верстка

— Научитесь верстать сайты, создадите страницу и подготовитесь к созданию планировщика задач
— Освоите библиотеку Bootstrap, препроцессоры LESS и SASS
— Освоите адаптивную вёрстку, принципы кроссбраузерности и валидности
— Создадите посадочную страницу

HTML/CSS. Интерактивный курс

— Основные понятия веб-разработки
— Основы языка разметки HTML
— Основы таблиц стилей CSS
— Основные теги, псевдоклассы и псевдоэлементы
— Основы позиционирования и работа с технологией CSS Flexbox
— Работа с макетом в графическом редакторе Figma
— Основы создания адаптивного сайта
— Веб-стандарты и вспомогательные инструменты

Профессиональная вёрстка

— Позиционирование элементов. Практическая верстка
— Структура HTML5, знакомство с формами
— Практическое применение Bootstrap
— Препроцессоры: применение на практике
— Эффекты перехода и трансформации в CSS3
— CSS3: медиа-запросы, адаптивная верстка
— Практическое применение адаптивной верстки
— Grid layout, новые возможности CSS3

II четверть

Frontend-разработка

— Освоите JavaScript и принципы ООП
— Научитесь работать с Parcel, Webpack, Vue.js и сторонними API
— Сможете работать в различном окружении и подключать сторонние библиотеки

Проект

— Приложение для учета расходов

Базовый курс JavaScript

— Основы языка JavaScript
— Основные операторы JavaScript
— Циклы, массивы и структуры данных
— Объекты в JavaScript
— Введение в DOM — объектную модель документа
— Обработка событий в JavaScript
— Урок-практикум
— Анонимные функции и замыкания

Продвинутый курс JavaScript

— Современный JavaScript
— Объектно-ориентированное программирование (ООП) в JavaScript
— Асинхронные запросы
— Регулярные выражения
— Фреймворк Vue.js
— Компоненты Vue.js
— JavaScript на сервере
— Тестирование и сборка кода

Инструменты сборки проектов

— Установка и работа с упаковщиками Parcel и Webpack
— Работа с таск-менеджером Gulp
— Работа с менеджером пакетов npm
— Подключение сторонних пакетов и библиотек

Vue.js

— Знакомство с Vue.js
— Взаимодействие компонентов Vue.js
— Методы и директивы
— Vue CLI для создания проекта приложения Vue.js
— Работа с маршрутизатором Vue Router
— Работа с паттерном управления состоянием Vuex
— Работа с API — программным интерфейсом приложения

III четверть

Библиотека ReactJS и основы backend-разработки

— Научитесь работать с ReactJS
— Сможете применять ECMAScript 6 и использовать концепцию Flux
— Освоите основы разработки бэкенда на Node.js и сможете создавать различные REST API

ReactJS. Базовый курс

— Настройка среды разработки и первое React-приложение
— Жизненный цикл React-компонента
— Погружение в React и подключение UI-библиотеки
— Роутинг в React: разделение мессенджера на чаты
— Библиотека Redux для JavaScript
— Функции Redux middleware. Подключение роутера к Redux и хранение данных с помощью библиотеки Redux persist
— Работа с API
— Прогрессивное веб-приложение (Progressive Web App)

Платформа Node.js

— Знакомство с Node.js
— Консольные программы
— Работа с сетевыми запросами
— Фреймворк Express
— Работа с MySQL — системой управления базами данных
— Аутентификация и авторизация
— Работа с архитектурным подходом REST API
— Веб-сокеты (WebSockets)

IV четверть

Разработка от идеи до релиза

— Познакомитесь с методологиями Agile, Scrum, Kanban
— Получите навыки командной разработки и научитесь работать с GIT 
— Изучите принципы Continuous Integration и Continuous Delivery

Проекты

— Командный выпускной проект. Пройдете этапы профессиональной разработки: от поиска идеи до тестирования и релиза продукта

TypeScript

— Введение в TypeScript.
— Система типов в TypeScript
— Обобщённое программирование
— Работа с JavaScript кодом
— Классы и ООП
— Расширенная настройка tsconfig

Agile, Scrum. Теория

Научитесь отслеживать развитие проекта, оценивать риски, расставлять приоритеты и управлять разработкой.

Командная разработка по методологии Agile: SCRUM

Работа в команде над выпускным проектом. Свободный проект (студенты выбирают сами).

Дополнительные курсы

Их тоже нужно пройти, чтобы получить диплом и помощь в трудоустройстве. Записаться на курсы с открытой датой можно в любой день, даже после окончания всех курсов в расписании.

Базы данных

— Вебинар. Установка окружения и DDL-команды
— Видеоурок. Управление базой данных и работа с языком запросов SQL
— Вебинар. Введение в проектирование баз данных
— Вебинар. CRUD-операции
— Видеоурок + вебинар: операторы, фильтрация, сортировка и ограничение. Агрегация данных
— Видеоурок + вебинар: сложные запросы
— Видеоурок + вебинар: транзакции, переменные, представления. Администрирование. Хранимые процедуры и функции, триггеры
— Видеоурок + вебинар: Оптимизация запросов. NoSQL

Linux. Рабочая станция

— Установка и знакомство с Linux
— Настройка интерфейса командной строки
— Управление пользователями и группами
— Загрузка ОС и процессы
— Устройство файловой системы Linux. Понятия файла и каталога
— Введение в скрипты Bash. Планировщики задач crontab и at
— Управление пакетами и репозиториями. Основы сетевой безопасности
— Введение в Docker

Ключевые навыки

— Верстаю сайты и владею адаптивной версткой.
— Создаю одностраничные приложения 
— Работаю с HTML и CSS, Node.js
— Владею инструментами для модульной сборки — Parcel и Webpack
— Использую Vue.js и основных библиотек его экосистемы, разрабатываю компоненты на Vue.js
— Работаю с библиотекой ReactJS
— Использую концепцию Flux с применением библиотек Redux


Оценка курса:
* Перед публикацией отзыва о курсе, он пройдет предварительную модерацию и проверку
125 600 ₽  
-44 400 ₽
3 489 ₽
цена курса
в рассрочку
0 отзывов о курсе

Получите новую профессию за 10 часов в неделю. Научитесь программировать с нуля. Создадите сайт интернет-магазина всего через месяц. Начнете искать работу до конца обучения

Школа
Skypro
Документ об окончании
Диплом
Сложность
С нуля
Длительность
12 месяцев
90 часов теории
330 часов практики
7 проектов в портфолио
Разбор сложных тем с преподавателем онлайн
Наставники — практикующие веб-разработчики крупных компаний, дают развернутую обратную связь

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

Курс 1. HTML, CSS и адаптивный дизайн
Что вас ждет в модуле:
Научитесь верстать и стилизовать сайты с помощью HTML и CSS, адаптировать их под различные устройства. Освоите технологии Grid Layout и Flexbox для позиционирования элементов на странице, а также узнаете, как подключить к своему проекту препроцессоры.
Проектный результат:
По итогу модуля сверстаете функциональный сайт интернет-магазина, адаптированный под разные устройства. Для большей практики в этом курсе есть возможность сверстать 4 дополнительных лендинга.

Курс 2. Основы JavaScript
Что вас ждет в модуле:
Получите плавный вход в программирование, освоив базовый синтаксис языка JavaScript. Узнаете, как работать с переменными, функциями, объектами и массивами. Научитесь решать задачи на этом языке самостоятельно и в командах.
Проектный результат:
В этом курсе вы закрепите навык вёрстки без подсказок и инструкций, а также подключите JavaScript проекту. По итогу курса вы сделаете стильный лендинг с играми на JavaScript.

Курс 3.  JavaScript в браузере
Что вас ждет в модуле:
С помощью JavaScript вы научитесь добавлять динамичности интерфейсу, осуществлять интерактивное взаимодействие с пользователем, работать с интерфейсом, обработчиками событий, браузерными API: Browser Object Model и Document Object Model), а также внешними API.
Проектный результат:
Во время курса вы сделаете несколько небольших проектов, например: виджет погоды, интерфейс создания и ввода пин-кода, форму отправки отзыва с рейтингом заведения. В конце курса вас ждет создание многопользовательской браузерной игры камень-ножницы-бумага.

Курс 4.  Инструменты разработки
Что вас ждет в модуле:
В этом курсе вы узнаете об основных инструментых разработчика, которые важны для удобства работы с проектом и скорости внесения изменений. Вас ждёт знакомство и работа с GIT, GitHub, линтерами, форматтерами, пакетными менеджерами и инструментом для сборки Webpack. Во второй половине курса вы научитесь тестировать свой проект, проводить рефакторинг и ревью кода.
Проектный результат:
В этом курсе вы запрограммируете приложение для карточной игры, подключите свой проект к GIT, настроите форматтеры и линтеры. После вы проведете тестирование, деббаг и рефакторинг своего проекта.

Курс 5.  Фреймворк React
Что вас ждет в модуле:
Фреймворк React — это набор готовых решений и функций на Java Script. Сегодня React — самый популярный фреймворк во фронтенд-разработке и большинство крупных компаний используют именно его. В рамках этого курса вы осовоите React-компоненты, React Hooks, а также научитесь работать с бибилиотекой Rеdux.
Проектный результат:
В рамках этого самого длинного курса вы с нуля создадите SPA-приложение — билетный портал с продажей билетов и интерфейсом билетного контролера, который с телефона может проверить QR-код на билете.

Курс 6.  Знакомство с бэкенд-разработкой
Что вас ждет в модуле:
Понимание серверной части является ключом к созданию полноценных web-сервисов. В рамках курса вы научитесь принимать, обрабатывать и собирать данные в формате json, работать с API и понимать работы бэкенда: запуск сервера, роутинг, обработка запросов. Познакомитесь с библиотекой для разработки серверных приложений Express_JS, средой выполнения Node.js, базами данных.
Проектный результат:
В рамках этого короткого модуля вы подключите собственный бекэнд к проекту из курса по React.

Курс 7.  Процессы командной разработки
Что вас ждет в модуле:
К этому моменту вы пройдете основные блоки веб-разработки, кроме настоящей практики работы в команде. Перед стартом проекта вы подробнее разберете тему Deployment и CI/CD. Далее вас ждёт освоение навыков по декомпозиции задач, разделению зон ответственности, проводению код-ревью и тестированию решений. Помимо хард скиллов, вы прокачаете навыки работы в команде: научитесь принимать и давать обратную связь, соблюдать сроки, договариваться, приходить к компромиссу, мотивировать друг друга и презентовать работу целой команды.
Проектный результат:
Вас ожидает командная разработка приложения для онлайн-школы. Внутри команды вам предстоит распределять задачи, чтобы успеть в срок, оценивать код друг друга и работать по спринтам. Наставники на это время превратятся в техлидов и будут прикреплены к каждой команде.

Курс 8.  Финальный индивидуальный проект
Финальный проект — это время собрать все знания, навыки и опыт за время обучения. У вас будет 2 недели, чтобы справиться с последней задачей для портфолио — разработка фронтенд-части для сервиса покупки авиабилетов с функциями выбора рейса, места и оплаты.

 


Оценка курса:
* Перед публикацией отзыва о курсе, он пройдет предварительную модерацию и проверку
Frontend-разработчик

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

99 500 ₽  
-25 500 ₽
2 763 ₽
цена курса
в рассрочку
0 отзывов о курсе

Обучение востребованной профессии с нуля за 5 месяцев Заработок от 50 000 руб./мес. в компании или на фрилансе

Школа
GeekBrains
Документ об окончании
Диплом
Сложность
С нуля
Длительность
5 месяцев

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

Веб-разработка. Быстрый старт

PHP (Hypertext PreProcessor, препроцессор гипертекста) – язык программирования, исполняемый на стороне веб-сервера. Создатель PHP - Расмус Лердорфом (Rasmus Lerdorf) - спроектировал его в качестве инструмента для создания динамических и интерактивных веб-сайтов. Язык приобрёл большую популярность и используется в проектах разных масштабов: от простого блога до крупнейших веб-приложений в Интернете. Самые крупные PHP-проекты - Zend, Yahoo, Facebook, Google, NASA, W3C. Курс предназначен для тех, кто хочет приобрести начальные навыки веб-разработки на PHP, изучить логику работы с этим языком и терминологию, а также понять принципы функционирования систем и веб-приложений.

  • Урок 1. Для чего нужен PHP
  • Урок 2. Установка и развертывание сервера на своем компьютере
  • Урок 3. Как создавать веб-страницы
  • Урок 4. Создаём макет нашего магазина
  • Урок 5. Завершаем оформление шаблона
  • Урок 6. Основы PHP
  • Урок 7. Как хранить множество связанных данных
  • Урок 8. Хранение и обработка связанных по смыслу данных
  • Урок 9. Работаем с циклами
  • Урок 10. Как сделать сайт живым
  • Урок 11. Как делать навигацию между страницами
  • Урок 12. Создаём каталог товаров
  • Урок 13. Размещаем сайт в интернете

Git. Базовый курс

13 роликов научат вас основам работы с системы контроля версий Git. Вы узнаете, почему она важна в современной разработке. Изучите базовые понятия: репозиторий, коммиты, ветки и тэги. Освоите ключевые операции: создание и клонирование репозитория, слияние веток, запрос истории изменений и многое другое. После обучения вы будете готовы использовать Git для подготовки домашних заданий на курсах по программированию на любом языке. Кроме того, вы приблизитесь к прохождению собеседования, где несколько вопросов обычно посвящены системе контроля версий.

  • Урок 1. Введение в Git
  • Урок 2. Установка и настройка Git
  • Урок 3. Основные команды терминала
  • Урок 4. Работа с репозиториями в Git
  • Урок 5. Управление файлами репозитория
  • Урок 6. История изменений
  • Урок 7. Работа с ветками репозитория
  • Урок 8. Публикация репозитория
  • Урок 9. Слияния веток
  • Урок 10. Управление версиями
  • Урок 11. Создание pull-request
  • Урок 12. Сложные операции
  • Урок 13. Работа с Fork-репозиториями

HTML/CSS. Интерактивный курс. 1 месяц.

HTML/CSS - язык гипертекстовой разметки, основа для изучения серверных ЯП. Изучив HTML, вы сможете создать адаптивную веб-страничку или веб-сайт. CSS - каскадные таблицы стилей - позволит оформить сверстанный сайт так, как вам хочется. Вы сможете смотреть видеокурс в удобное время и по всем вопросам обращаться к наставнику, который будет контролировать ваш прогресс. Формат располагает к общению и самодисциплине в обучении. За месяц вы научитесь: * верстке адаптивных сайтов, * валидной кроссбраузерной вёрстке, * flexbox вёрстке, * выполнению базовых операций в Figma, * использованию препроцессоров SASS и Bootstrap. Для перехода к следующему занятию курса необходимо, чтобы ваше домашнее задание прошло проверку. Это покажет, что вы поняли предыдущий урок и легко освоите новые знания.

  • Урок 1. Основные понятия в веб-разработке
  • Урок 2. Основы языка разметки документов HTML
  • Урок 3. Основы языка оформления стилей документа CSS
  • Урок 4. Основные тэги для вёрстки, Псевдоклассы и псевдоэлементы
  • Урок 5. Основы позиционирования, работа с Flexbox
  • Урок 6. Работа с макетом дизайна в формате Figma
  • Урок 7. Основы создания адаптивного сайта
  • Урок 8. Стандарты web и вспомогательные инструменты

Основы программирования

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

  • Урок 1. Программа, переменные и типы данных
  • Урок 2. Блок-схемы и ветвления
  • Урок 3. Циклы
  • Урок 4. Функции
  • Урок 5. Массивы

HTML5 и CSS3. 1 месяц.

Основа веб-технологии – это HTML/CSS. Это базовый фундамент, который служит основой для создания современных веб-сайтов и является первым этапом для изучения других технологий программирования для глобальной сети Internet. Любая значимая организация имеет своё представление в глобальной сети. Это требование времени и требование рынка. Без учета современных реалий мира невозможно добиться конкурентоспособности и, следовательно, успеха. Именно связка HTML/CSS даёт возможность верстать макеты, создавать и редактировать статические сайты.

  • Урок 1. HTML5: Семантические элементы.
  • Урок 2. Позиционирование элементов, Практическая вёрстка.
  • Урок 3. HTML5 формы. Добавление Аудио и Видео на страницу.
  • Урок 4. Параметры CSS для фона. Использование SVG.
  • Урок 5. Работа с текстом. Границы в CSS3
  • Урок 6. Эффекты перехода и трансформации CSS3.
  • Урок 7. Адаптивная вёрстка (Часть 1).
  • Урок 8. CSS3 Углубленное изучение.SASS. Flexbox.

JavaScript. Уровень 1. 1 месяц.

Данный курс предназначен для тех, кто уже знаком с принципами HTML-вёрстки и созданием статичных страниц. Практические знания и навыки, приобретённые на этом уровне, дают возможность работать и создавать динамические веб-страницы и приложения. Курс систематизирует знания студентов, которые уже сталкивались с JavaScript, но не имеют богатого опыта работы с языком. Студенты знакомятся с основами создания интерактивных веб-страниц с помощью языка JavaScript. Полученные на уроках знания закрепляются через практическую часть - реализация игр на языке JavaScript. Перед началом обучения рекомендуется пройти курсы «Основы программирования» и «HTML / CSS».

  • Урок 1. Основы языка JavaScript
  • Урок 2. Основные операторы JavaScript
  • Урок 3. Циклы, массивы, структуры данных
  • Урок 4. Объекты в JavaScript
  • Урок 5. Введение в DOM
  • Урок 6. Обработка событий в JavaScript
  • Урок 7. Урок-практикум
  • Урок 8. Анонимные функции, замыкания

JavaScript. Уровень 2. 1 месяц.

Курс предназначен для тех, кто уже освоил базовые возможности языка JavaScript, и теперь хочет научиться делать реально крутые вещи. Каждый урок включает в себя как полезную теорию, так и эффективную практику. Насыщенный самыми актуальными знаниями и навыками, продвинутый курс от GeekBrains — это возможность быстро и надёжно стать профессиональным разработчиком JavaScript.

  • Урок 1. Современный JavaScript
  • Урок 2. ООП в JavaScript
  • Урок 3. Асинхронные запросы
  • Урок 4. Регулярные выражения
  • Урок 5. Фреймворк Vue.js
  • Урок 6. Компоненты Vue.js
  • Урок 7. JavaScript на сервере
  • Урок 8. Тестирование и сборка

Основы баз данных. 20 уроков.

Базы данных (БД) — это системы хранения и обработки данных, для доступа к которым используется язык SQL (Structured Query Language). Любой современный сайт, игра или настольное приложение нуждаются в хранении данных. На данный момент существует множество различных систем управления базами данных (СУБД), самой популярной является MySQL. “Основы баз данных” — это 20 интенсивных видео-уроков (по 10 минут), где мы вместе пройдём все этапы проектирования БД на примере интернет-магазина с использованием языка запросов SQL. После этого курса вы сможете использовать различные базы данных, такие как MS SQL и Postgre Sql, так как синтаксис языка SQL для них практически не отличается

  • Урок 1. Реляционные базы данных
  • Урок 2. Установка СУБД
  • Урок 3. Проектирование базы данных, нормальные формы
  • Урок 4. SQL-команда CREATE
  • Урок 5. SQL-команда INSERT
  • Урок 6. SQL-команды SELECT и WHERE
  • Урок 7. SQL-команды DISTINCT, ORDER BY, LIMIT
  • Урок 8. SQL-команды DELETE и UPDATE
  • Урок 9. Согласованность данных
  • Урок 10. Внешний ключ
  • Урок 11. Создание таблиц с отношением “многие ко многим”
  • Урок 12. Составной первичный ключ
  • Урок 13. Объединение данных из нескольких таблиц
  • Урок 14. Оператор INNER JOIN
  • Урок 15. Операторы LEFT JOIN, RIGHT JOIN
  • Урок 16. Оператор UNION
  • Урок 17. Агрегирующие функции
  • Урок 18. Оператор GROUP BY
  • Урок 19. Индексы
  • Урок 20. Транзакции

ReactJS. 1 месяц.

ReactJS — это JаvaScript-библиотека для построения пользовательских интерфейсов. Он был представлен Facebook в 2013 году, и очень быстро обрёл популярность. Сегодня его используют многие известные компании, включая Instagram, Airbnb, Ebay, Netflix, Yahoo и другие. Данный курс рассчитан для начинающих фронтенд-разработчиков, освоивших язык JavaScript. На курсе мы с вами освоим одну из самым популярных библиотек для профессиональной разработки в области фронтенда - ReactJS. В сочетании с библиотекой Redux, которую мы также будем изучать на курсе, ReactJS составляет достойную конкуренцию популярному фреймворку AngularJS.

  • Урок 1. Введение в ReactJS: современный Javascript
  • Урок 2. Жизненный цикл React-компонента
  • Урок 3. Продолжаем погружение в React и подключаем UI-библиотеку
  • Урок 4. Роутинг в React: разбиваем мессенджер на чаты
  • Урок 5. Redux. Управление состоянием приложения
  • Урок 6. Redux middlewares, подключение роутера к Redux и хранение данных с помощью Redux-persist
  • Урок 7. Работа с API
  • Урок 8. SQL-команды DELETE и UPDATEУрок 8. Progressive Web App

Стажировка в GeekBrains (Web). 2 месяца.

Во время стажировки студентам предстоит поработать в режиме удаленной занятости над Open Source-проектом либо стартапом. Студентам будет предложено выбрать один из набора доступных для разработки проектов. Они научатся работать в команде, коммуницировать с другими разработчиками, product- и project-менеджерами, дизайнерами, изучат гибкие методологии, фреймворк SCRUM, освоят принципы дистанционной работы. Результат стажировки: умение работать в команде, пополнение портфолио, возможность указать работу над проектом в качестве профильного опыта работы в резюме.

  • Урок 1. Начало проекта
  • Урок 2. Гибкие методологии разработки
  • Урок 3. Проблемы и их решение. Совещание
  • Урок 4. Первые промежуточные итоги
  • Урок 5. Совещание. Качество. Тестирование
  • Урок 6. Совещание. Подготовка резюме
  • Урок 7. Совещание. Карьера разработчика
  • Урок 8. Подведение итогов

Оценка курса:
* Перед публикацией отзыва о курсе, он пройдет предварительную модерацию и проверку
Специализация Frontend-разработчик

Специализация Frontend-разработчик

60 000 ₽  
-30 000 ₽
5 000 ₽
цена курса
в рассрочку
0 отзывов о курсе

Получите перспективную творческую профессию в IT

Школа
SkillFactory
Документ об окончании
Диплом
Сложность
С нуля
Длительность
7 месяцев
Онлайн в удобное время

Для кого курс

  • Для новичков
    Кто хочет обучиться программированию с нуля. Программа построена так, что вы сможете ее освоить даже без технического бэкграунда.
  • Для фрилансеров
    Кто готов прокачать свои скилы — освоить JavaScript и React, чтобы браться за более комплексные задачи. Вы сможете вырасти как специалист и пополнить своё резюме новыми кейсами.
  • Для тех, кто хочет сменить профессию
    Кто хочет стать frontend-разработчиком и получить специальность, которая станет надежным фундаментом в будущем и обеспечит стабильным заработком.

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

  1. Веб-верстка

Устройство веба и основы HTML
CSS и верстка на Flexbox
Работа с Git

Вы научитесь:
• создавать страницы на чистом HTML
• позиционировать элементы на странице с помощью CSS
• применять семантическую верстку
• использовать средства разработчика в браузере
• верстать адаптивные веб-страницы на Flexbox
• загружать свой код на GitHub

  1. Javascript

Синтаксис языка Javascript
Объекты, EventLoop
Модель DOM и сборщики (Webpack)
ООП в Javascript
Типизация

Вы научитесь:
• писать простые программы на Javascript
• применять ООП в Javascript
• создавать сложные скрипты с обработкой событий
• работать с форматом JSON
• использовать препроцессоры CSS
• работать по методологии БЭМ

  1. React и другие фреймворки

Разработка на React.js
Обзор Angular
Обзор Vue.js
Redux

Вы научитесь:
• разрабатывать приложения на React
• использовать продвинутый API
• писать свои компоненты на React
• создавать приложение на Angular
• создавать приложение на Vue.js
• использовать анимацию на CSS или на React
• применять библиотеку Redux на приложении React

  1. Архитектура приложений и бекенд

Подключение к базе данных
Node.js
Тестирование приложений

Вы научитесь:
• подключать приложение к базе данных
• разворачивать приложение на Node.js
• писать unit-тесты

  1. Карьерный трек

Командная работа
Помощь по трудоустройству разработчиков
Работа на фрилансе

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


Оценка курса:
* Перед публикацией отзыва о курсе, он пройдет предварительную модерацию и проверку
Фронтенд-разработка Bootcamp

Фронтенд-разработка Bootcamp

210 000 ₽  
-30 000 ₽
17 500 ₽
цена курса
в рассрочку
0 отзывов о курсе

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

Школа
Яндекс Практикум
Документ об окончании
Диплом
Сложность
С нуля
Длительность
5 месяцев


Оценка курса:
* Перед публикацией отзыва о курсе, он пройдет предварительную модерацию и проверку
React + Next.js - с нуля. TypeScript, Hooks, SSR и CSS Grid

React + Next.js - с нуля. TypeScript, Hooks, SSR и CSS Grid

1 090 ₽  
-4 900 ₽
цена курса
в рассрочку
0 отзывов о курсе

Полный курс по современному Frontend на React и Next.js. Всё от CSS Grid и TypeScript до React Hooks и SSR. Научитесь разрабатывать реальные приложения на NextJS и React, работать с React Hooks, понимать работу SSR, создавать SEO-friendly сайты и многое другое

Школа
PurpleSchool
Документ об окончании
Сертификат
Сложность
Необходимо знание JS, CSS и HTML
Длительность
20 часов
130 лекций
Полный пожизненный доступ
5 ресурсов для скачивания
Преимущества

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

Недостатки

Необходимо знание основ JS, CSS и HTML


Чему вы научитесь

  1. Разрабатывать реальные приложения на NextJS и React
  2. Работать с React Hooks
  3. Понимать работу SSR и создавать SEO-friendly сайтов
  4. Верстать макеты на CSS Grid
  5. Работать с анимацией и библиотекой Framer
  6. Обеспечивать доступности приложения и работать с ARIA атрибутами
  7. Подготавливать ваше приложение к production
  8. Работать с формами, их отправкой и валидацией
  9. Писать на TypeScript
  10. Собирать production проект и настраивать eslint, stylelint и отладку

Оценка курса:
* Перед публикацией отзыва о курсе, он пройдет предварительную модерацию и проверку
Профессия Frontend-разработчик с нуля до PRO

Профессия Frontend-разработчик с нуля до PRO

134 000 ₽  
-24 000 ₽
5 380 ₽
цена курса
в рассрочку
0 отзывов о курсе

С нуля изучите JavaScript, TypeScript и другие трендовые технологии разработки веб-приложений. Соберёте портфолио, научитесь работать в команде и начнёте карьеру frontend-разработчика.

Школа
SkillBox
Документ об окончании
Диплом
Сложность
С нуля
Длительность
24 месяца
6 проектов в портфолио
Помощь в трудоустройстве
Стажировка в команде
Практика на вебинарах

Кому подойдёт этот курс

Абсолютным новичкам

Пройдёте путь от человека, далёкого от IT, до уверенного веб-разработчика с навыками командной работы. Сможете начать карьеру в перспективной IT-студии.

Начинающим программистам

Прокачаете навыки вёрстки, научитесь работать с фреймворками и создавать десктопные приложения на JS. Станете востребованным веб-разработчиком и поймёте, как развиваться в профессии.

Чему вы научитесь

  1. Верстать веб-страницы и письма с помощью HTML и CSS
  2. Работать с фреймворками: Angular, React.js, Vue.js
  3. Работать с TypeScript
  4. Программировать на JavaScript
  5. Применять алгоритмы и структуры данных
  6. Разрабатывать серверные приложения на Node.js
  7. Работать с Git

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

Основные курсы

  1. Веб-вёрстка. Уровень 1
    1. Введение.
    2. Базовый HTML.
    3. Базовый CSS. Часть 1
    4. Базовый CSS. Часть 2
    5. Подготовка к вёрстке
    6. Layout. HTML-разметка.
    7. Layout. Flexbox.
    8. Layout. Стилизация.
    9. Продвинутый HTML. Формы
    10. Продвинутый CSS. Часть 1
    11. Продвинутый CSS. Часть 2
    12. Адаптивность. Десктоп.
    13. Адаптивность. Мобильные устройства.
    14. JavaScript для верстальщика.
    15. Доступность.
    16. Кроссбраузерность.
    17. База знаний.
    18. Сетки
    19. Работа с хостингом.
    20. Анимация.
  2. Javascript. Уровень 1
    1. Введение.
    2. Переменные и работа с числами.
    3. Строки, boolean и условные операторы.
    4. Массивы и циклы.
    5. Функции.
    6. Объекты.
    7. Введение в DOM. Часть 1
    8. Введение в DOM. Часть 2
    9. Константы, области видимости и замыкания.
    10. Преобразования и нестрогие сравнения.
  3. Веб-вёрстка. Уровень 2
    1. Вёрстка HTML-писем.
    2. SVG.
    3. Анимация на JS.
    4. Оптимизация и процесс загрузки.
    5. Отрисовка сайта.
    6. Сборщики.
    7. Препроцессоры и постпроцессоры.
    8. CSS Grid.
    9. Будущее вёрстки.
  4. JavaScript. Уровень 2
    1. События браузера, контекст выполнения.
    2. Модули.
    3. Event loop и асинхронная разработка.
    4. Обработка ошибок.
    5. Классы.
    6. События.
    7. Экосистема JavaScript и npm.
    8. Сборка.
    9. Тестирование.
    10. База знаний.
  5. Node
    1. Введение.
    2. Подготовка рабочей среды.
    3. Hello, world!
    4. Решаем базовые задачи.
    5. Асинхронный код.
    6. Express.js.
    7. Базы данных, реляционные БД.
    8. Базы данных, нереляционные БД.
    9. CLI-программы.
    10. Углубляем теорию + продвинутые понятия.
    11. Real-time & WebSockets.
    12. Pro tips.
  6. TypeScript, часть 1
    1. Введение.
    2. Компиляция и примитивные типы.
    3. Применение типов.
    4. Типизация ООП.
    5. Дженерики.
    6. Утилитарные типы.
    7. Дополнительные типы.

Выбор направления

  1. Vue.js
    1. Введение.
    2. Основы Vue.
    3. Создание проекта.
    4. Каталог товаров.
    5. Пагинация и фильтрация.
    6. Страница товара.
    7. Корзина.
    8. Работа с API. Список товаров.
    9. Работа с API. Оформление заказа.
    10. Деплой.
    11. Vue 3.0
  2. React.js
    1. Введение в React.
    2. Создание проекта.
    3. TypeScript (Предложение).
    4. Компоненты на примере новостной карточки Reddit.
    5. Hooks и Функциональное программирование.
    6. Больше о компонентах и введение в тестирование компонентов.
    7. Работа с публичным API на примере Reddit.
    8. API + контекст.
    9. Портал и форма.
    10. Введение в Redux на примере новостной ленты.
    11. Использование Redux-Thunk на примере бесконечной ленты.
    12. Формы на примере комментариев и карточки поста.
    13. Сайдбар + роутинг.
    14. Бонус: Mobx.

Основные курсы после выбора специализации

  1. Typescript под Vue/React/Angular
    1. tsconfig
    2. бандлинг
    3. Spread Types
    4. Infer
    5. Conditional types
    6. Маппинг типов
    7. Еще немного про ооп
    8. Декораторы
    9. Миксины
    10. Неймспейсы
    11. Алгебраические типы
    12. Тестирование типов
    13. Строковые типы для разбора строк
    14. Сложные типы
  2. Angular
    1. Введение в Angular.
    2. Создаём UI Kit.
    3. Каталог товаров.
    4. Машрутизация.
    5. Сервисная архитектура в Angular.
    6. HTTP Advanced.
    7. RXJS: Поиск товаров.
    8. Формы в Angular.
    9. Страница товара.
    10. Улучшаем приложение.
    11. RXJS & Components Advanced: корзина товаров.
    12. Тестирование.
    13. Способы организации обмена данными.
    14. Дополнительные идеи.
  3. TypeScript Pro
    1. SOLID.
    2. Сложные типы.
    3. Строковые типы для разбора строк.
    4. Абстрактные алгебраические типы.
    5. Тестирование типов.
    6. DDD.
    7. Чистая архитектура.
    8. Чистая файловая структура.

Дополнительные курсы

  1. Системы контроля версий, знакомство с Git
    1. Работаем с Git на своём компьютере.
    2. Работаем с удалённым репозиторием.
    3. Командная работа в Git.
    4. Сравнение версий и отмена изменений.
    5. Инструменты и правила работы с Git.
    6. В результате. Научитесь вести контроль версий ваших проектов в Git. Этот навык поможет вам совместно работать в команде.
  2. Работа с командной строкой Bash
    1. Что такое командная строка.
    2. Работа с файлами и папками.
    3. Авторизация и права доступа.
    4. Процессы, сервисы и задачи.
    5. Конфигурация и инструменты.
    6. Написание скриптов на Bash.
    7. Использование Bash на примере настройки веб-сервера.
    8. В результате. Научитесь управлять файловой системой компьютера при помощи командной строки. Ускорите работу и будете меньше времени тратить на рутину.
  3. Figma
    1. Введение в Figma. Обзор возможностей.
    2. Работа с графикой.
    3. Редактор Figma — модульные сетки и монтажные области.
    4. Создание и настройка компонентов, работа с эффектами.
    5. Создание вложенных компонентов. Auto Layout.
    6. Организация рабочего пространства компонентов и стилей. Командная работа, контроль версий и передача макетов в разработку.
    7. Прототипирование.
    8. Figma Animate.
    9. Бонус-модуль. Обзор и применение Figma plugins.
    10. В результате. Познакомитесь с графическим редактором, в котором вам будут присылать макеты для вёрстки. Научитесь извлекать цвета, шрифты, стили и даже попробуете себя в роли веб-дизайнера.
  4. Photoshop для веб-разработчика
    1. Введение в Photoshop.
    2. Инструменты.
    3. Работа с файлами и изображениями
    4. Принципы работы со слоями и масками.
    5. Бонус-модуль. Выделения и маски.
    6. Работа со слоями.
    7. Эффекты.
    8. В результате. Научитесь основам работы в редакторе Photoshop.
  5. Английский для IT
    1. Терминология.
    2. Чтение документации и библиотек.
    3. Общение на форумах.
    4. Ресурсы технологических новостей
    5. Произношение слов.
    6. Коммуникация.
    7. Акценты.
    8. Просмотр видео оригиналов.
    9. В результате. Научитесь общаться и искать информацию на английском языке.
  6. Универсальные знания программиста
    1. Как стать первоклассным программистом.
    2. Вёрстка email-рассылок. Советы на реальных примерах.
    3. The state of soft skills.
    4. Как мы создавали карту развития для разработчиков.
    5. Как эффективно работать с почтой.
    6. Повышение своей эффективности.
    7. Спор о первом языке программирования.
    8. Саморазвитие: как я не усидел на двух стульях и нашёл третий.
    9. Data-driven-подход к продуктивности — инсайты из данных миллиона людей.
    10. Протокол HTTP.
    11. Введение в алгоритмы.
    12. В результате. Получите полезные навыки, которые пригодятся вам на новой работе.
  7. Карьера и развитие программиста
    1. Что нужно работодателю.
    2. Как создать резюме и искать работу.
    3. Как успешно пройти собеседование.
    4. Как пройти испытательный срок.
    5. В результате. Получите полезные советы по дальнейшему развитию карьеры.

Профессиональные навыки:

  • Адаптивная вёрстка сайтов и писем
  • Работа с TypeScript
  • Уверенное знание JavaScript и ООП
  • Разработка серверных приложений на Node.js
  • Работа в системе контроля версий Git
  • Знание React.js/Angular/Vue.js
  • Понимание алгоритмов и структур данных в проектах

Оценка курса:
* Перед публикацией отзыва о курсе, он пройдет предварительную модерацию и проверку
FRONTEND РАЗРАБОТЧИК

FRONTEND РАЗРАБОТЧИК

32 900 ₽  
-21 104 ₽
2 793 ₽
цена курса
в рассрочку
0 отзывов о курсе

Записывайтесь, и за 3 месяца вы станете востребованным IT-специалистом со знанием топовых технологий 2021 года и 2 крутыми проектами в портфолио.

Школа
LoftSchool
Документ об окончании
Сертификат
Сложность
С нуля
Длительность
3 месяца
2 проекта в портфолио
обратная связь от специалистов
46 видеокурсов

Чему Вы научитесь

  1. Vue.js
    Разрабатывать одностраничные веб-приложения, используя один из самых востребованных JavaScript-фреймворков.
  2. React.js
    Для полноценной работы приложения помимо самого React.js, вы изучите, как хранить данные и общаться с сервером.
  3. Workflow
    В ваш арсенал войдут такие инструменты и сервисы, как: Webpack, Gulp, Git, Github, Terminal, Yarn и npm. А также Pug и PostCSS.
  4. SPA-приложение
    Вы научитесь создавать приложения: придумывать структуру для клиентской части, хранить данные и общаться с сервером.
  5. Тестирование
    Научитесь тестировать ваши проекты: автоматизировать тестирование, находить и исправлять ошибки.

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

Vue.js Продвинутая веб-разработка

Неделя 1 — Workflow

— Знакомимся с наставником и группой.

— При помощи webpack-сборки верстаем выбранный макет выпускного проекта.

— Размещаем результат на Github и сдаём на проверку наставнику.

  • Открытие курса
  • Основные возможности
  • Однофайловые компоненты
  • NPM
  • Yarn
  • Основы работы
  • Обзор конфигурации
  • Figma для верстальщика
  • Flexbox
  • GIT
  • Воркшоп #1

Неделя 2 — Vue.js

— Делаем верстку адаптивной.

— Реализуем блок "Скиллы" на Vue.js.

— Реализуем блок "Мои проекты" на Vue.js.

— Реализуем блок "Слайдер для отзывов" с помощью Vue.js плагина.

  • Storybook
  • JavaScript — ES6
  • Асинхронность в JavaScript
  • Библиотека для запросов
  • Воркшоп #2

Неделя 3 — Нативный JavaScript

— Верстаем админку.

— Изучаем Storybook и применяем в своём проекте.

— Осуществляем необходимую обработку (валидацию) форм проекта.

  • Роутинг в браузере
  • Менеджер состояния
  • Вопрос-ответ
  • Воркшоп #3

Неделя 4 — Vue.js, SPA

— Реализуем SPA в админ-панели.

— Изучаем работу с данными через хранилище приложения.

— Используем ajax для связи с api, настраиваем взаимодействия клиент-сервер.

  • Авторизация. Токены
  • Воркшоп #4

Неделя 5 — Практика

— Выводим сохраненные данные из админ-панели на лендинг.

— Тестируем компоненты.

— Групповая работа над проектом с наставником.

  • js. Composition API
  • Тестирование JS-кода
  • js. Тестирование компонентов
  • Тестирование. Моки
  • Воркшоп #5

Неделя 6 — Завершение работы над проектом

— Дорабатываем проект.

— Сдаём проект на проверку наставникам.

— Выставление оценок в дипломы.

Как получить работу в IT: фишки и советы

React.js Разработка веб-приложений

Неделя 1 — Введение в React.js

— Знакомимся с командой курса и одногруппниками.

— Изучаем JSX и Virtual DOM в React.

— Рассматриваем компонентный подход и способы передачи данных.

  • Знакомство
  • I React.js
  • II React.js
  • Разбор заданий #1

Неделя 2 — Паттерны React.js, тестирование

— Изучаем компоненты, элементы и экземпляры класса компонент.

— Рассматриваем библиотеку Recompose, паттерны high order components и Render Props.

— Разбираемся в преимуществах тестов, изучаем Jest, Enzyme, Snapshots.

  • III React
  • IV React.js
  • Тестирование
  • Разбор заданий #2

Неделя 3 — Redux, роутинг

— Изучаем роутинг: Simple routing, роутинг со Switch, а также вложенный роутинг.

— Знакомимся с библиотекой Redux: основные понятия и концепции Store, Actions, Reducers, React-redux.

— Рассматривается middleware как способ работы с Sideeffect.

  • Роутинг в браузере
  • I Redux
  • II Redux
  • Разбор заданий #3

Неделя 4 — Redux-saga

— Изучаем библиотеку Redux-saga. Повторяем generator* functions. Учимся запускать их параллельно. — Разбираем метод Take. Изучаем select, как способ получения данные из Store.

— Рассматриваем способы стилизации React приложения. Изучаем библиотеки ClassNames, StyledComponents, BrowserList, MaterialUI.

  • I Redux-saga
  • II Redux-saga
  • Работа со стилями
  • Разбор заданий #4

Неделя 5 — Формы, CI & DI & Client error handling

— Рассматриваем работу с формами с помощью библиотек Formik, Redux Forms, React Final Form.

— Рассматриваем методы обеспечения качества production кода. Разбираем такие инструменты как: Husky, TravisCI, HerokuNow.

— Изучаем набор полезных библиотек для разработки (Storybook, RamdaJS, Axios).

— Рассматриваем TypeScript.

  • Работа с формами
  • CI & DI & Client error handling
  • Набор полезных библиотек для разработки
  • Разбор заданий #5

Неделя 6 — Работа над проектом

— Доделываем приложение и отправляем на проверку.

Как получить работу в IT: фишки и советы

Ключевые навыки

  • Уверенная работа с Vue.js.
  • Уверенная работа с React.js.
  • Опыт разработки SPA-приложений.
  • Уверенная работа с SVG.
  • Кроссбраузерная верстка.
  • Уверенная работа с консолью и пакетными менеджерами.
  • Работа с Gulp, Webpack, NPM.
  • Работа с Git.
  • Освоение новых технологий за короткие сроки.

Оценка курса:
* Перед публикацией отзыва о курсе, он пройдет предварительную модерацию и проверку
Frontend-разработчик

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

57 000 ₽  
-18 000 ₽
4 747 ₽
цена курса
в рассрочку
0 отзывов о курсе

Вы изучите основы HTML, CSS и JavaScript, научитесь создавать сайты и приложения для любых устройств, оптимизировать код и работать с анимацией. Соберёте портфолио и сможете начать карьеру разработчика.

Школа
SkillBox
Документ об окончании
Диплом
Сложность
С нуля
Длительность
6 месяцев
Онлайн в удобное время
Практические задания

Кому подойдёт этот курс

  • Новичкам в разработке
    Вы с нуля научитесь верстать сайты на HTML и CSS, создавать приложения и веб-страницы на JavaScript. Отработаете полученные знания на практике и соберёте портфолио.
  • Начинающим программистам
    Вы расширите круг своих компетенций, изучив синтаксис JavaScript, CSS на продвинутом уровне. Научитесь настраивать командный доступ с Git и делать более чистые и качественные сайты.

Чему вы научитесь

  1. Верстать сайты и приложения для всех типов устройств
  2. Делать сайты, которые будут корректно открываться в любом браузере
  3. Обрабатывать ошибки в JavaScript
  4. Создавать сайты и приложения с помощью JavaScript
  5. Подключать сторонние модули через npm
  6. Писать асинхронный код на JavaScript
  7. Работать в Git
  8. Анимировать веб-страницы

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

  1. Базовый уровень
    1. Веб-вёрстка. Базовый уровень
      1. Введение.
      2. Базовый HTML.
      3. Базовый CSS. Часть 1.
      4. Базовый CSS. Часть 2.
      5. Подготовка к вёрстке.
      6. Layout. HTML-разметка.
      7. Layout. Flexbox.
      8. Layout. Стилизация.
      9. Продвинутый HTML. Формы.
      10. Продвинутый CSS. Часть 1.
      11. Продвинутый CSS. Часть 2.
      12. Адаптивность. Десктоп.
      13. Адаптивность. Мобильные устройства.
      14. JavaScript для верстальщика.
      15. Доступность.
      16. Кросс-браузерность.
      17. База знаний.
      18. Сетки.
      19. Работа с хостингом.
      20. Анимация.
    2. JavaScript. Базовый уровень
      1. Введение.
      2. Переменные и работа с числами.
      3. Строки, boolean и условные операторы.
      4. Массивы и циклы.
      5. Функции.
      6. Объекты.
      7. Введение в DOM.
      8. Введение в DOM. Часть 2.
      9. Константы, области видимости и замыкания.
      10. Преобразование типов и нестрогие сравнения.
      11. Общение с сервером, async/await.
  2. Продвинутый уровень
    1. Веб-вёрстка. Продвинутый уровень
      1. Верстка HTML-писем.
      2. SVG.
      3. Анимация на JS.
      4. Оптимизация и процесс загрузки.
      5. Отрисовка сайта
      6. Сборщики.
      7. Препроцессоры и постпроцессоры.
      8. CSS Grid.
      9. Будущее вёрстки.
    2. JavaScript. Продвинутый уровень
      1. События браузера, контекст выполнения.
      2. Модули.
      3. Event loop и асинхронная разработка.
      4. Обработка ошибок.
      5. Классы.
      6. События.
      7. Экосистема JavaScript и npm.
      8. Сборка.
      9. Тестирование.
      10. База знаний.
  3. Онлайн-сессии по веб-разработке
    1. Библиотека jQuery.
    2. Адаптация макета под мобильные устройства.
    3. Практикум по интерактивным элементам.
    4. Что такое Webpack.
    5. Сборка проекта на Gulp и обзор препроцессора Sass.
    6. Анимация в CSS.
  4. Итоговые проекты
    1. Проекты по вёрстке
      1. Вы сверстаете лендинг и интернет-магазин.
    2. JavaScript
      1. Создадите CRM-систему для компании и разработаете клиентскую часть для интернет-банка.

Профессиональные навыки:

  • Адаптивная и кроссбраузерная вёрстка
  • Работа с протоколами HTTP/HTTPS
  • Работа с Web API
  • Использование библиотеки для ускорения процесса разработки
  • Сборка проектов
  • Взаимодействие со внешними сервисами
  • Работа с системой контроля версий Git
  • Владение методологией БЭМ
  • Верстка под десктоп и мобильные устройства

Оценка курса:
* Перед публикацией отзыва о курсе, он пройдет предварительную модерацию и проверку
Профессия Frontend-разработчик PRO

Профессия Frontend-разработчик PRO

112 000 ₽  
-33 000 ₽
5 616 ₽
цена курса
в рассрочку
0 отзывов о курсе

Вы начнёте с основ вёрстки и JavaScript, а к концу обучения научитесь делать корпоративные сервисы. Получите опыт работы в команде и начнёте карьеру веб-разработчика.

Школа
SkillBox
Документ об окончании
Диплом
Сложность
С нуля
Длительность
12 месяцев
Командный дипломный проект
Максимально полная программа обучения

Кому подойдёт этот курс

  • Новичкам
    Вам не нужно разбираться в математике или иметь опыт в программировании. Шаг за шагом вы научитесь разрабатывать сайты. Начнёте с простых лендингов, а к концу обучения будете знать фреймворки, создавать сложные корпоративные сервисы и работать в команде.
  • Начинающим программистам
    Превратите программирование из хобби в прибыльную профессию. Освоите продвинутые навыки вёрстки, глубже изучите JavaScript и фреймворки. Закроете пробелы в знаниях и сможете претендовать на позицию middle-разработчика в большой компании.
  • Фрилансерам без опыта в IT
    Если вы устали от скучной работы и хотите построить карьеру в IT — курс станет хорошим путеводителем в мир веб-разработки. После обучения у вас будет мощное портфолио, опыт командной работы и все необходимые знания для работы на удалёнке или в крутой команде.

Чему вы научитесь

  1. Верстать сайты правильно
    Детально изучите все возможности современного CSS, научитесь верстать адаптивные сайты, которыми удобно пользоваться. Сделаете проекты эстетичнее при помощи анимаций и переходов.
  2. Программировать на JavaScript
    Будете проектировать логику работы сайта. От простого модального окна до асинхронной загрузки данных с сервера и программирования enterprise-приложений. Без стресса выучите один из самых популярных языков программирования.
  3. Работать с современными фреймворками
    С помощью фреймворков вы сможете быстрее разрабатывать сложные веб-сервисы, а ещё они эффективнее расходуют ресурсы браузера. Вы сами выбираете, что учить — React или Vue.
  4. Работать с Git
    Будете сохранять все этапы работы над проектами, чтобы у коллег всегда был доступ к коду, а случайные ошибки можно было исправить в два клика.
  5. Создавать красоту в команде
    Научитесь работать по спринтам и Scrum-методологии. Под руководством тимлида вместе с другими студентами напишете веб-приложение.

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

Основные курсы

  1. Веб-вёрстка
    1. Базовый уровень: вы познакомитесь с HTML и CSS, кросс-браузерной и адаптивной вёрсткой. Научитесь работать с анимацией и хостингами. Сверстаете сайт для художественной галереи по готовым макетам.
    2. Продвинутый уровень: узнаете, как автоматизировать сборку проектов и быстрее описывать стили с помощью препроцессоров. Научитесь верстать письма, создавать сетки на grid.
  2. JavaScript
    1. Базовый уровень: научитесь работать с переменными и числами, изучите массивы, циклы, объекты и функции. Познакомитесь с константами, ключевыми словами const и var, областями видимости, замыканиями и научитесь их использовать в работе.
    2. Продвинутый уровень: освоите работу с модулями, событиями и менеджером пакетов npm. Научитесь создавать методы объектов и прототипов, писать тесты и взаимодействовать с сервером с помощью fetch API.

Курсы на выбор

  1. React.js
    Расширьте свои профессиональные знания и навыки разработчика, научившись использовать в работе фреймворк React.js
  2. Vue.js
    Курс для практикующих веб- и frontend-разработчиков. Расширьте свои компетенции, изучив трендовый фреймворк Vue.js.

Дополнительные курсы

  1. Универсальные знания программиста
  2. Курс по слепому методу печати
  3. Photoshop
  4. Figma
  5. Английский для IT-специалистов
  6. Система контроля версий Git
  7. Язык запросов SQL
  8. Карьера и развитие программиста
  9. Soft skills для программиста
  10. Работа в командной строке Bash
  11. Алгоритмы и структуры данных

Дипломные проекты

  1. Лендинг
    Вы сверстаете посадочную страницу, продвигающую вас как фриланс-разработчика.
  2. Сайт
    Вы создадите сайт из трёх страниц, функционирующий как интернет-магазин.
  3. Интернет-магазин
    Вы разработаете полноценный интернет-магазин с помощью Vue.js.
  4. Трекер задач по системе «Помодоро»
    Вы напишете трекер с таймером, который поможет сфокусироваться на работе.

 

Профессиональные навыки:

  • Адаптивная и кроссбраузерная вёрстка
  • Корректирование макетов в Figma и Photoshop
  • Знание JavaScript
  • Разработка по scrum-методологии
  • Работа с Web API и протоколами HTTP/HTTPS
  • Знание SQL
  • Создание сайтов и приложений на Vue.js, React.js
  • Работа в командной строке Bash
  • Продвинутые навыки работы с CSS3 и HTML5
  • Работа с системами контроля версий Git
  • Создание серверных решений
  • Деплой, сборка проектов под продакшн

Оценка курса:
* Перед публикацией отзыва о курсе, он пройдет предварительную модерацию и проверку

Вакансии - Frontend

hh.ru
Всего вакансий
5262
Начальный
95 000 ₽
Средний
265 000 ₽
Профессионал
435 000 ₽

Описание

Навыки

фронтенд