ТОП-7 курсов Middle Frontend [2023]: обучение онлайн

Подборка лучших онлайн-курсов по Middle Frontend Development.

1 место. Курс «Профессия Frontend-разработчик с нуля до PRO» — Skillbox

https://skillbox.ru/course/frontend-pro-expert/

Стоимость: рассрочка на 34 месяца — 5 003 ₽/мес

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

• Практика в команде под руководством тимлида по окончанию курса
• 6 проектов в портфолио
• Помогите найти работу
• практика вебинаров с разработчиками из крупных компаний

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

По данным hh.ru:

• 6660 компаний

в настоящее время ищет разработчиков интерфейса

• 70 000 руб

зарплата начального уровня

  

Для кого этот курс

• Для абсолютных новичков

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

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

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

  

Что вам даст этот курс?

• Освойте все необходимые технологии, чтобы стать фронтенд-разработчиком: HTML, CSS, JavaScript, фреймворки, Node.js. Все в одном курсе.
• Научитесь программировать с помощью TypeScript, расширенной версии JavaScript. Этот новый язык программирования занял 4-е место по популярности на GitHub в 2020 году, и все больше компаний требуют от разработчиков знания TypeScript.
• Добавьте 5 проектов в свое портфолио и работайте в команде над полноценной CRM-системой.

  

Что вы хотите узнать

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

  

Уровни курса

• Уровень 1: Базовый

В течение шести месяцев вы научитесь создавать веб-сайты с использованием HTML и CSS, использовать flexbox, сетки и адаптировать страницы под разные экраны и устройства. Сделайте ваши проекты интерактивными с помощью JavaScript и фреймворков. Закрепить знания на практике и создать полноценный проект-портфолио.

• Второй уровень: практика в команде

Вы будете работать под руководством опытного тимлида в составе команды из 5-7 человек. Создайте собственную CRM систему за 2 месяца согласно ТЗ. На практике познакомьтесь с платформой Node.js и методологией управления проектами SCRUM. Все процессы, через которые вы проходите, — это опыт, максимально приближенный к боевым условиям. Так создаются CRM-системы в компаниях-работодателях.

• Третий уровень: выбор направления

Познакомьтесь с TypeScript — расширенной версией JavaScript — и начните изучать фреймворк по вашему выбору. Фреймворк упростит разработку интерфейсов и сделает вашу работу более эффективной. В конце вы напишете интернет-магазин или таск-трекер.

  

Содержание курса

Вас ждут вебинары и практика на реальных кейсах.

• 120 модулей
• 500 видео

Базовый курс

1. Веб-макет. 1-й уровень
   1. Введение.
   2. Базовый HTML.
   3. Базовый CSS. Часть 1
   4. Базовый CSS. Часть 2
   5. Подготовка к макету
   6. HTML-разметка.
   7. Флексбокс.
   8. Стилизация.
   9. Расширенный HTML. Формы
   10. Расширенный CSS. Часть 1
   11. Расширенный CSS. Часть 2
   12. Адаптивность. Рабочий стол.
   13. Адаптивность. Мобильные устройства.
   14. JavaScript для верстальщиков.
   15. Доступность.
   16. Кроссбраузерная совместимость.
   17. База знаний.
   18. Сетка
   19. Хост работа.
   20. Анимация.
2. 1-й уровень
   1. Введение.
   2. Переменные и работа с числами.
   3. Строки, логические значения и условные операторы.
   4. Матрицы и циклы.
   5. Функции.
   6. Объекты.
   7. Введение в DOM, часть 1
   8. Введение в DOM, часть 2
   9. Константы, области видимости и замыкания.
   10. Преобразования и нестрогие сравнения.
3. Веб-макет. Уровень 2
   1. Вёрстка HTML писем.
   2.   
   3. Анимация в JS.
   4. Процесс оптимизации и загрузки.
   5. Рендеринг сайта.
   6. Коллекционеры.
   7. Препроцессоры и постпроцессоры.
   8. CSS-сетка.
   9. Будущее макета.
4. Уровень 2
   1. События браузера, контекст выполнения.
   2. Модули.
   3. Цикл событий и асинхронная разработка.
   4. Ошибка при обработке.
   5. Классы.
   6. Распоряжения.
   7. Экосистема JavaScript и npm.
   8. Сборка.
   9. Тестирование.
   10. База знаний.
5. Побуждать
   1. Введение.
   2. Подготовьте рабочую среду.
   3. Привет, мир!
   4. Мы решаем основные проблемы.
   5. Асинхронный код.
   6. js.
   7. Базы данных, реляционные базы данных.
   8. Базы данных, нереляционные базы данных.
   9. CLI-программы.
   10. Проработка теории + продвинутые концепции.
   11. Реальное время и веб-сокеты.
   12. Профессиональный совет.
6. Машинопись часть 1
   1. Введение.
   2. Коллекция и примитивные типы.
   3. Применение видов.
   4. Написание ООП.
   5. Общие лекарства.
   6. Типы инструментов.
   7. Дополнительные виды.

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

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

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

1. Скрипт под Vue/React/Angular
   1. цконфиг
   2. комплектация
   3. Типы спредов
   4. Получить
   5. Условные типы
   6. Написать сопоставление
   7. Еще немного об оп
   8. Декораторы
   9. Миксины
   10. Пространства имен
   11. Алгебраические типы
   12. Типовые испытания
   13. Типы строк для синтаксического анализа строк
   14. Сложные типы
2. Угловой
   1. Введение в Ангуляр.
   2. Мы делаем UI-киты.
   3. Каталог.
   4. Маршрутизация.
   5. Сервисная архитектура в Angular.
   6. Расширенный HTTP.
   7. RXJS: Поиск продукта.
   8. Формы в Ангуляре.
   9. Страница продукта.
   10. Мы улучшаем приложение.
   11. RXJS & Components Advanced: корзина.
   12. Тестирование.
   13. Способы организации обмена данными.
   14. Дополнительные идеи.
3. Типскрипт Про
   1.   
   2. Сложные виды.
   3. Строковые типы для разбора строк.
   4. Абстрактные алгебраические типы.
   5. Типовые испытания.
   6.   
   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. Фигма
   1. Знакомство с фигмой. Обзор возможностей.
   2. Работа с графикой.
   3. Редактор Figma — модульные сетки и чертежные доски.
   4. Создание и настройка компонентов, работа с эффектами.
   5. Создание вложенных компонентов. Автоматическая раскладка.
   6. Организация рабочего пространства на компоненты и стили. Работа в команде, контроль версий и передача макетов в разработку.
   7. Прототипирование.
   8. Фигма анимация.
   9. Бонусный модуль. Обзор и использование плагинов Figma.
   10. Как результат. Ознакомьтесь с графическим редактором, куда вам будут высланы настройки макета. Научитесь извлекать цвета, шрифты, стили и попробуйте себя в роли веб-дизайнера.
4. Фотошоп для веб-разработчиков
   1. Знакомство с фотошопом.
   2. Инструмент.
   3. Работа с файлами и изображениями
   4. Принципы работы со слоями и масками.
   5. Бонусный модуль. Выделения и маски.
   6. Работа с командами.
   7. Последствия.
   8. Как результат. Изучите основы работы в редакторе Photoshop.
5. Английский для ИТ
   1. Терминология.
   2. Читайте документацию и библиотеки.
   3. Общение на форумах.
   4. Ресурсы технических новостей
   5. Произношение слов.
   6. Коммуникация.
   7. Акценты.
   8. Смотрите видео оригиналы.
   9. Как результат. Научитесь общаться и искать информацию на английском языке.
6. Универсальное знание программирования
   1. Как стать первоклассным программистом.
   2. Оформление электронных рассылок. Советы на реальных примерах.
   3. Состояние мягких навыков.
   4. Как мы создавали карту развития для разработчиков.
   5. Как эффективно работать с почтой.
   6. повышает вашу эффективность.
   7. Споры о первом языке программирования.
   8. Саморазвитие: как я не сидел на двух стульях и нашел третий.
   9. Подход к производительности, основанный на данных — выводы из данных миллиона человек.
   10. HTTP-протокол.
   11. Введение в алгоритмы.
   12. Как результат. Получите полезные навыки, которые помогут вам в вашей новой работе.
7. Карьера и развитие программиста
   1. Что нужно работодателю.
   2. Как составить резюме и откликнуться на вакансию.
   3. Как пройти собеседование.
   4. Как пройти испытательный срок.
   5. Как результат. Получите полезные советы для дальнейшего развития карьеры.

Финальные проекты

1. Посадка

Вы создаете лендинг для арт-галереи Blanchard по макету от клиента.

1. Страницы для интернет-магазина

Вы создаете страницы для интернет-магазина мебели по заданию заказчика.

1. Стажировка в команде: Разработка CRM-системы

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

1. Интернет-магазин (по желанию)

Разработайте интерфейс для агрегатора продуктов с помощью Vue или Angular.

1. Отслеживание задач Pomodoro (необязательно)

Напишите таск-трекер с таймером на фреймворке React.

1. Сервис заметок на Node.js

Разработайте сервис создания заметок с возможностью автосохранения, удаления, загрузки в PDF, поиска заметок и бесконечной прокрутки. Распространить результат на сервер.

1. Банк клиента

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

  

Ваше резюме после прохождения курса

• Должность: Frontend-разработчик
• Зарплата от: 100 000 ₽

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

• Адаптивная верстка веб-сайтов и электронных писем
• Работает с TypeScript
• Хорошее знание JavaScript и ООП
• Разрабатывайте серверные приложения с помощью Node.js
• Работа с контролем версий Git
• Разработка десктопных приложений на Ionic/Electron
• Знание js/Angular/Vue.js
• Понимание алгоритмов и структур данных в проектах

Сертификат навыка

Он подтвердит, что вы прошли курс, и будет дополнительным аргументом при приеме на работу.

2 место. Курс «Профессия Фронтенд-разработчик» — Хекслет

https://ru.hexlet.io/programs/frontend

Стоимость: от 6 230 ₽/мес в рассрочку на 18 месяцев или 98 000 ₽

Гарантированное трудоустройство?

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

1. упражняться

Более 350 заданий в симуляторе. 4 реальных проекта в портфолио. Разбор задач и вопросов из интервью

1. Глубокое изучение тем

Мы не сторонники подхода «повторяй за учителем». В Hexlet решение проблем происходит только через реальное понимание

1. Наставники

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

1. Упражняться

Участие в проектах с реальными пользователями. Полный цикл разработки в проектах с открытым исходным кодом (исходный код доступен на Github)

Для кого предназначено обучение

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

Мы учимся тому, что необходимо

 JavaScript

Единственный язык программирования, работающий в браузере. Основной инструмент фронтенд-программиста

 HTML и CSS

Язык для создания сайтов. Опишите их строение (расположение блоков) и внешний вид. Отвечает за форматирование текста

 Фреймворки (React + Redux Toolkit)

Определяет архитектуру проекта. Решает типовые задачи для программиста. Значительно сокращает объем кода и автоматизирует рутину

 Алгоритмы и структуры данных

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

 Интерфейс (ДОМ API)

Код разработчика внешнего интерфейса запускается в браузере, а это значит, что он должен иметь возможность взаимодействовать со страницей и изменять ее

 Качество

Автоматизированные тесты – неотъемлемая часть профессионального развития

 Архитектура

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

 Инфраструктура

Программирование — это не только код, но и сопутствующие инструменты: командная строка, NPM, Git, Webpack

  

Маршрут

Совмещайте учебу с работой. Учитесь, когда вам удобно — у нас нет жесткого расписания. Мы рекомендуем заниматься не менее 15 часов в неделю, чтобы поддерживать темп обучения в группе.

• Уроки

Теория, тесты, практические занятия с автоматической проверкой в ​​браузере

Самостоятельно, когда вам удобно

Если что-то непонятно, вы можете задать вопрос наставнику или одноклассникам в групповом чате

• Распоряжения

Вебинары, слэкнары, живые сеансы кодирования

Раз в неделю, онлайн, под руководством наставника

Если вы не можете присутствовать, вы можете посмотреть запись

• Проекты

Реальные приложения, сервисы и сайты — вы пишете их с нуля до релиза

Самостоятельно, в своем темпе, около месяца на каждый проект

Наставник направляет и дает обратную связь

3 место. Курс «Факультет frontend-разработки» — GeekBrains

https://gb.ru/geek_university/frontend

Стоимость: Рассрочка на 36 месяцев — от 2 612 ₽/мес

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

Для кого курс

• Для начинающих

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

• Новички

веб-разработчики

Мы поможем вам ускорить ваш карьерный рост: вы получите новый опыт работы с HTML, CSS, JavaScript, ReactJS, Node.js.

• Исполнители

IT-специалисты

Мы поможем вам двигаться в перспективном направлении, заниматься любимым делом и зарабатывать больше.

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

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

Курс

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

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

7 часов видео

1 час контента

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

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

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

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

I квартал

Веб-макет

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

Курс

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

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

1 месяц — 8 занятий

8 часов контента, 24 часа обучения

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

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

1 месяц — 8 занятий

12 часов контента, 24 часа обучения

II квартал

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

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

Проект

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

Курс

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

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

1 месяц — 8 занятий

12 часов контента, 24 часа обучения

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

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

1 месяц — 8 занятий

12 часов контента, 24 часа обучения

Инструменты для строительства проекта

— Установка и работа с упаковщиками Package и Webpack
— Работа с диспетчером задач Gulp
— Работает с менеджером пакетов npm
— Ссылка на сторонние пакеты и библиотеки

2 недели — 4 занятия

6 часов контента, 12 часов обучения

Vue.js

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

1 месяц – 7 занятий

10 часов контента, 21 час обучения

3 квартал

Основы библиотеки ReactJS и бэкэнд-разработки

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

Курс

Библиотека ReactJS. Базовый курс

— Настройка среды разработки и первое приложение React
— Жизненный цикл компонента React
— Погрузитесь в React и подключитесь к библиотеке пользовательского интерфейса
— Маршрутизация в React: разбить мессенджер на чаты
— Библиотека Redux для JavaScript
— Функции промежуточного программного обеспечения Redux. Подключите маршрутизатор к Redux и сохраните данные, используя библиотеку сохранения Redux
— Работает с API
— Прогрессивное веб-приложение

1 месяц — 8 занятий

12 часов контента, 24 часа обучения

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

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

1 месяц — 8 занятий

12 часов контента, 24 часа обучения

IV квартал

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

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

Проекты

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

Курс

Профессиональная разработка веб-приложений

— Знакомство с языком программирования TypeScript
— Расширенная система типов в TypeScript
— Классы, пространство имен, конфигурация TypeScript
— Добавление TypeScript в React
— Концепция MobX
— Тестирование приложений: React + TypeScript
— Технология SSR в React

1 месяц – 7 занятий

10 часов контента, 21 час обучения

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

— Проект и продукт, MVP продукта, команда
— Требования к проекту и техническое задание 
— Инструменты
— Методы разработки
— Проблемы и их решение
— Практика работы в команде, качество
— Release — выпуск продукта
— Запуск продукта и получение дохода

1 месяц — 8 занятий

12 часов контента, 24 часа обучения

Курсы вне квартала 

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

Курс

Подготовка к техническому собеседованию

— HTML и CSS
— JavaScript
— Инструменты для строительства проекта
– Vue.js
— Основы разработки бэкенда для веб-приложения
— Пробное техническое собеседование

2 недели — 6 занятий

9 часов контента, 18 часов обучения

Основы базы данных. Видео курс

— Реляционные базы данных
— установка СУБД
— Проектирование баз данных, нормальные формы
— Команды SQL: CREATE, INSERT, DISTINCT, ORDER BY, LIMIT, SELECT и WHERE, DELETE и UPDATE
— Согласованность данных
— Внешний ключ
— Создание таблиц с отношением «многие ко многим
— Составной первичный ключ
— Объединение данных из нескольких таблиц
— Операторы: INNER JOIN, LEFT JOIN, RIGHT JOIN, UNION, GROUP BY
— Агрегатные функции
— Индексы
— Транзакции

20 часов видео

4 часа контента

База данных

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

1 месяц — 12 занятий

18 часов контента, 36 часов обучения

Линукс. Рабочая станция

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

1 месяц — 8 занятий

12 часов контента, 24 часа обучения

Разработчик-фрилансер: обучающий курс

— Как работает фриланс
— Первый шаг на рынке фриланса
Как получить больше внештатных вакансий
— Как достичь своих целей во фрилансе и не утонуть в работе
— Кейсы и лайфхаки от опытных фрилансеров

5 уроков

7 часов контента, 15 часов обучения

Подготовка к поиску работы

Как написать резюме, чтобы его заметили
— Подготовьте карту соискателя
Зачем нужны сопроводительные письма
Чего ожидать на собеседовании с HR

5 уроков

7 часов контента, 15 часов обучения.

https://htmlacademy.ru/profession/frontender

Цена: 139 000 ₽

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

Обучаем востребованных разработчиков

Ваша подготовка будет проходить в два этапа

Начальная ступень

Профессионально-техническое образование

Это серьезное обучение, которое длится восемь месяцев и строится на основе профессиональной триады «критерии-проекты-наставники».

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

Образовательные проекты

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

Вот примеры некоторых из них.

  

Второй этап

Производство

Сразу после обучения вы сдадите экзамен по всем своим новым навыкам и потренируетесь на нескольких проектах в акселераторе. Потом вас ждет оплачиваемая стажировка в «Лиге А» с реальными заказами, сроками и первыми деньгами, заработанными в новой фронтенд-профессии — в команде разработчиков, тестировщиков и менеджера. Вы научитесь оценивать сроки и сможете ставить как ниндзя — быстро и без ошибок.

  

Как работает курс

• 1 месяц

Подготовка к профессии

• 2 месяца

HTML и CSS. Профессиональная верстка сайта

• 2 месяца

HTML и CSS. Адаптивная верстка и автоматизация

• 2 месяца

JavaScript. Профессиональная разработка веб-интерфейсов

• 1 месяц

Подготовка макета для систем управления контентом (CMS)

• 1 месяц

Компоненты React макета

• 2 недели

Оценка

• 3 месяца

Ускоритель

• 3 месяца

Стажировка в «Лиге А.»

  

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

1 месяц

Подготовка к профессии

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

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

В этот минимум входят базовые знания HTML и CSS, основы языка JavaScript и основы работы с браузерными API с помощью JavaScript, а также умение использовать инструменты командной разработки, а именно Git и GitHub.

2 месяца

HTML и CSS. Профессиональная верстка сайта

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

2 месяца

HTML и CSS. Адаптивная верстка и автоматизация

Вы научитесь создавать БЭМ-разметку, использовать препроцессоры, строить адаптивные сетки, работать с адаптивной и retina-графикой, использовать средства автоматизации и настраивать сборку проекта для публикации.

2 месяца

JavaScript. Профессиональная разработка веб-интерфейсов

Вы изучите основы JavaScript, познакомитесь с текущими функциями стандарта ECMAScript 2018, научитесь алгоритмическому мышлению, узнаете, как анимировать статические страницы, проверять данные в формах, взаимодействовать с серверами и попрактикуетесь в решении типовых задач.

1 месяц

Подготовка макета для систем управления контентом (CMS)

Вёрстка — один из начальных этапов работы с продуктом. Чаще всего следующим шагом является интеграция макета в систему управления контентом (CMS). При интеграции шаблоны создаются из макета, где CMS заменяет контент. При этом контент меняется самим клиентом, поэтому важно создать макет таким образом, чтобы его можно было легко интегрировать в CMS.

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

1 месяц

Компоненты React макета

Вёрстка с нуля в экосистеме React и создание интерактивных компонентов React.

• Как работают одностраничные приложения (SPA) и чем они отличаются от статических веб-сайтов. Краткий обзор инструментов для создания SPA
• Экосистема React и структура проекта для верстки в этой экосистеме
• Синтаксис JSX, работа с компонентами, использование моков для имитации работы с данными
• Организация стилей в React, CSS-in-JS
• Работа с состоянием и реквизитами для отображения состояний страницы

6 месяцев

Производство

Сначала оценим первый уровень качества макета и скорость разработки с помощью грейдинга.

Затем мы начнем работать с этими индикаторами в акселераторе. Вы будете выполнять проект за проектом в составе небольшой команды (вы как разработчик, а также тестировщик и менеджер), а мы будем помогать, предоставлять отзывы, измерять вашу производительность и показывать, как быстро они растут.

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

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

Курс «Как стать мидл фронтенд-разработчиком» — АНО ДПО «ШАД», ООО «Яндекс»

https://practicum.yandex.ru/middle-frontend/

Стоимость: 78 000 ₽ при оплате сразу за 5 месяцев обучения.

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

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

Быстрый рост за счет повышения квалификации и систематизации знаний

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

Понимать шаблоны разработки и связанные с ними области в Интернете

Узнайте, как инструменты работают изнутри и что большинство из них построено на простом JavaScript. Научитесь самостоятельно продумывать архитектуру приложения и писать свой фреймворк. Изучите не только интерфейс, но и смежные области (например, серверную часть, DevOps), чтобы понять, как они работают.

увеличивайте стоимость на рынке и присоединяйтесь к крутой команде

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

  

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

1

JavaScript: Параллельный курс

Пройдите курс в своем собственном темпе. 30 часов

Используя симулятор, вы самостоятельно повторите важные концепции JavaScript.
Внимательно изучите дерево DOM и управляйте содержимым узлов DOM.
Взгляните на асинхронность глубже: начните с setTimeout и setInterval, продолжите с циклом событий и нулевой задержкой, приправьте свои знания цепочками и обратными вызовами.

2

Модуль самопроекта

10 недель работы над проектом. Обзор кода от разработчика. 120 часов

В ходе реализации проекта Web Messenger вы структурируете и углубите имеющиеся знания, а также освоите новые инструменты и потренируетесь в работе с ними. Кроме того, уже в первые два месяца погрузитесь в изучение всей «магии» современных технологий.

Этот модуль как пробный период — вы погружаетесь в интенсивную разработку, изучаете внутренности, нюансы технологии. Вы не только будете заниматься чистым фронтом на JS с написанием TS, но и узнаете больше о тестировании, DevOps, работе с API.

В этом модуле мы покажем вам, как:
• выбор среды разработки, хост-кода и проекта, и еще немного о выборе операционной системы
• использовать TypeScript (как базовые, так и расширенные концепции)
• работа с архитектурой CSS и препроцессорами
• напишите свой механизм шаблонов и что это такое
• внедрять компонентный и модульный подходы
• использовать знания шаблонов программирования и ООП
• настроить маршрутизацию, какие есть нюансы
• работа с API, что такое WebSockets и вообще о клиент-серверном взаимодействии
• использовать линтеры и стиль кода в своей работе
• протестировать приложение с Chai и Mocha
• работа с безопасностью: CSRF, XSS, CSP, Clickjacking и др
• настроить сборку через Parcel, а затем Webpack, а также работу с Docker
• работать с DevOps (узнать о сертификатах, CI/CD и HTTP/2)

+ 1 проект в портфолио

3

Модуль командного проекта

12 недель совместной работы над проектом. С наставником и рецензентом кода. 160 часов

Вы присоединитесь к командам из 2-3 человек и создадите свою онлайн-игру с нуля: от продумывания макета и логики до распространения в облаке. Реализовать клиентскую часть игры и ее бэкенд, раздать результат в Яндекс.Облаке.

Вы сможете использовать на клиенте любые библиотеки, не относящиеся к части с игрой. Вы будете писать игру, используя React, TypeScript, Canvas API.

В этом модуле мы покажем вам, как:  
• ориентироваться в современных подходах к разработке приложений
• настроить маршрутизацию, если ваше приложение на React
• сохранять данные, а также просматривать Redux, Redux-Thunk (или Redux-Saga), а также Reselect и Sequelize
• работа с безопасностью в React: SQL инъекции, XSS, CSP, CORS
• подружиться между TypeScript и React
• рабочий бэкенд: базы данных (MongoDB и PostgreSQL), Node.js и выставление счетов
• вы можете работать с API еще больше: познакомьтесь с Service Workers и узнайте, что такое Canvas API
• запускать скрипты в фоновом режиме с помощью Web Workers
• настройка рендеринга на стороне сервера и как его добавить в проект
• протестировать приложение с помощью Jest
• внедрить разные способы авторизации: с помощью OAuth и социальных сетей и не только
• настроить CI/CD в GitHub Actions
• развертывание приложения в Яндекс.Облаке и чем полезен Nginx
  
+ 1 проект в портфолио

4

Алгоритмы и структуры данных. Курс включен

Включенные темы в симуляторе. 40 часов

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

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

5

Карьерный путь (необязательно)

50 часов

После основной программы вы сможете подготовиться к предложению о работе.

Узнайте, как написать резюме, сопроводительное письмо, создать портфолио и пройти собеседование. В финале вы пройдете все этапы с нуля до новой работы (или повышения на текущей работе).

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

Курс «Frontend» — KARPOV.COURSES

https://karpov.courses/frontend

Цена: 80 000 ₽

ВАШИ НАВЫКИ == ЧЕРЕЗ 4 МЕСЯЦА

Языки: JS, TypeScript, CSS, HTML

Инструменты: React, Redux, Redux Toolkit, BEM, ESlint, Stylelint, Prettier, Sentry, Gitlab CI, Nginx, Firebase, Jest, Библиотека тестирования React, React Router, Figma, Webpack

Задачи: верстка, адаптивность, роутинг, тёмная тема, PWA, оффлайн, доступность, производительность, авторизация, MVP из готовых решений, тестирование, мониторинг

ДЛЯ КОГО ПРЕДНАЗНАЧЕНА ЭТА ПРОГРАММА:

ЮНИОР ПЕРЕДНЯЯ ЧАСТЬ

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

СРЕДНЯЯ ПЕРЕДНЯЯ ЧАСТЬ

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

Бэкэнд разработчик

Хочешь быть Fullstack разработчиком — мы помогаем приобрести необходимые навыки и делать более интересные задачи, за которые тебе больше платят.

ЧТО НЕОБХОДИМО ДЛЯ КУРСА:

HTML

Знание синтаксиса и умение устанавливать

CSS

Знание основ веб-дизайна (специфика, тяжелые селекторы, блочная модель)

ЯВАСКРИПТ

Базовые знания (синтаксис, переменные, функции, циклы, замыкания, это, поиск)

Данный

Базовые знания (умение создавать репозиторий, создавать ветку, вносить изменения, отправлять в ветку, объединяться с мастером)