3 онлайн-курса для Frontend Team Lead

Мидл фронтенд-разработчик (practicum.yandex.ru)

Курс Мидл фронтенд-разработчик - это продвинутая программа обучения для разработчиков, которые уверенно чувствуют себя с HTML, CSS и JavaScript, имеют опыт работы с одним из фреймворков. На курсе мы поможем систематизировать и углубить свои знания и компетенции. По окончании обучения вы сможете ускорить профессиональное развитие и расширить свою зону ответственности в работе над проектами.

перейти к курсу

Профессия:Frontend разработчик (productstar.ru)

Вы научитесь создавать удобные и эффектные сайты, приложения и сервисы. Освоите одну из самых актуальных профессий и станете востребованным специалистом для любой IT компании. Изучите синтаксис языка Javascript, познакомитесь с переменными и операторами, научитесь писать и структурировать свой код и разбираться в чужом. Освоите HTML до продвинутого уровня, а также познакомитесь с крутыми возможностями CSS.Изучите основы тестирования верстки + DevTools. Поймёте, как улучшить пользовательский опыт (UX) и достичь идеальной верстки.

перейти к курсу

Frontend-разработчик с нуля (netology.ru)

Освойте одну из самых востребованных профессий на сегодняшний день. Добавьте в свой арсенал три самые популярные технологии: HTML, CSS и JavaScript и создавайте сайты и интерактивные веб-приложения, доступные на большинстве платформ.

перейти к курсу

Адаптивная верстка писем в email-маркетинге (netology.ru)

Большинство электронных писем на мобильных устройствах отображаются некорректно: рисунки расходятся, а текст приходится скроллить и масштабировать. Чтобы письма хорошо выглядели на разных платформах, необходимо использовать адаптивную вёрстку.Эта важная часть общего курса по веб-дизайну адресована HTML-верстальщикам, разработчикам и email-маркетологам с базовыми знаниями HTML и CSS. Для начинающих веб-дизайнеров обучение тоже будет полезным.Вы узнаете, что такое мобильная и резиновая вёрстка, блочная и фланговая адаптация. Также вы рассмотрите основы, как подготавливать изображения для писем, и научитесь с нуля пользоваться базовыми инструментами верстальщика.После прохождения курса вы сможете создавать письма, которые одинаково хорошо отображаются на компьютере и мобильных устройствах

перейти к курсу

CSS: Вёрстка на Grid (ru.hexlet.io)

Курс посвящён модулю CSS Grid Layout — технологичному инструменту для создания сеток в CSS. После прихода модуля Flex появилась потребность в контролировании элементов по двум осям одновременно. Разработчики хотели взять систему сеток, которая используется в печатной продукции сотню лет. Для этого использовали табличную вёрстку, вёрстку с помощью Float и Flex. Каждый из этих способов имел ограничения и сложности при разработке. CSS Grid Layout появился в 2011 году и за много лет приобрёл множество свойств и подходов, которые упрощают создание макетов с помощью CSS.

перейти к курсу

Трек: Фронтенд-разработка (DOM + React + Redux) (ru.hexlet.io)

Полный цикл от работы js в браузере до создания полноценных фронтенд приложений, включая работу с Websockets и API. Лучшие архитектурные практики

перейти к курсу

Frontend-разработчик (skillbox.ru)

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

перейти к курсу

Основы современной вёрстки (ru.hexlet.io)

При разработке современных интерфейсов учитываются не только последние технологии, но и мировые стандарты, предъявляемые к этим интерфейсам. Чтобы лучше понимать причины и следствия их появления, правильно применять в своих проектах, мы познакомимся с профессиональной терминологией и базовыми концепциями языков разметки и стилей HTML и CSS.

перейти к курсу

JS: Архитектура фронтенда (ru.hexlet.io)

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

перейти к курсу

HTML: Препроцессор Pug (ru.hexlet.io)

Курс посвящён HTML препроцессору Pug, основной целью которого является ускорение разработки и облегчение работы со структурой приложения. Pug позволяет добавить новую функциональность при разметке страниц: подключение модулей и файлов, шаблонизация, миксины, взаимодействие с JS. Это позволяет оптимизировать работу с вёрсткой и уменьшить количество ошибок в ней.

перейти к курсу

Трек: HTML и CSS. Позиционирование (ru.hexlet.io)

Трек «HTML и CSS. Позиционирование» проведёт вас по всем базовым модулям CSS. Научитесь располагать элементы, используя позиционирование, флекс и грид

перейти к курсу

Профессия: Фронтенд-разработчик (ru.hexlet.io)

Создает одностраничные сайты (SPA) на React. Строит взаимодействие с бекендом через AJAX или WebSockets. Следит за производительностью и обеспечивает безопасное выполнение кода. Хорошо разбирается в браузерном API и веб-технологиях HTML, CSS, HTTP, DNS.

перейти к курсу

CSS: Адаптивность сайта (ru.hexlet.io)

Курс посвящён адаптивности — главному элементу сайта. Адаптивная вёрстка позволяет комфортно просматривать макеты на многих устройствах: мобильных телефонах, планшетах, компьютерных мониторах. В этом курсе раскроются механизмы создания адаптированной HTML-разметки с использованием популярных механизмов CSS. В конце курса вы узнаете о мощном инструменте — медиазапросах, с помощью которых возможно добавлять CSS-стили для разных разрешений и типов экрана.

перейти к курсу

Трек: HTML и CSS. Инструментарий верстальщика (ru.hexlet.io)

Как облегчить процесс написания вёрстки и сделать её ближе к программированию? Для этого существует множество инструментов и мы разберём основные из них

перейти к курсу

CSS: Позиционирование элементов (ru.hexlet.io)

Расположение элементов на странице — это обширная тема со множеством нюансов. Их возможно учесть, зная фундаментальные правила CSS и способы управления потоком документов внутри HTML-разметки. Данный курс шаг за шагом через практику раскрывает базовые принципы позиционирования элементов.

перейти к курсу

CSS: Transform (трансформация объектов) (ru.hexlet.io)

Курс посвящён трансформации объектов на странице с помощью модуля CSS Transforms Module Level 1 и CSS Transforms Module Level 2. Использование трансформации позволяет создавать множество эффектов на странице: от небольших визуальных изменений до создания многоступенчатой сложной анимации.

перейти к курсу

CSS: Основы Flex (ru.hexlet.io)

С ростом количества веб-страниц и усложнением дизайна возникла острая проблема расположения элементов. Появление мобильных устройств показало, что текущих возможностей позиционирования недостаточно — у разработчиков возникла потребность в новом механизме, который позволит управлять элементами на экране. Таким механизмом стал CSS Flexible Box Layout. В этом курсе вы шаг за шагом изучите возможности механизма Flex и научитесь использовать его в проектах.

перейти к курсу

Основы вёрстки контента (ru.hexlet.io)

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

перейти к курсу

Тестирование фронтенда (ru.hexlet.io)

Научитесь писать e2e тесты, используя веб-драйверы. Погрузитесь в непростой мир ошибок и фантомных падений. Изучите способы написания надежных тестов в браузерной среде. Уменьшите хрупкость и дублирование с помощью паттерна Page Object. Изолируете бэкенд и протестируете фронтенд с помощью быстрого testing-library в связке с Jest и JSDOM.

перейти к курсу

Веб-вёрстка (skillbox.ru)

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

перейти к курсу

Фреймворк Vue.js (skillbox.ru)

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

перейти к курсу

Веб-разработчик с нуля до PRO (skillbox.ru)

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

перейти к курсу

Как принимать решения в команде (netology.ru)

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

перейти к курсу

Веб-разработчик (practicum.yandex.ru)

Веб-разработчик разрабатывает сайты на языках HTML, CSS и JavaScript, создаёт интерфейсы с помощью библиотеки React, настраивает Git и Webpack. Веб-разработчик разбирается и в устройстве сервера: может настроить Nginx и запрограммировать сервер на Node.js. Все эти знания, необходимые в работе специалиста, можно получить на курсе веб-разработчика под руководством опытных наставников.

перейти к курсу

Веб-разработчик с нуля (netology.ru)

Пройдите курс по веб-разработке, если вы хотите войти в IT, но не умеете программировать ни на одном языке и даже не знаете, с чего начать. Программа с постепенным нарастанием уровня сложности разработана для тех, кто не писал ни строчки кода и никогда не верстал. Вы изучите модули по фронтенду, в которые входят: вёрстка HTML, JavaScript, Git, GitHub, а также основы бэкенда — основы PHP. По завершении курса с базовыми навыками вы сможете начать работу junior-разработчиком в небольшой компании и выбрать дальнейшую специализацию.

перейти к курсу

Профессия:Web-разработчик (productstar.ru)

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

перейти к курсу

Специализация Frontend-разработчик (skillfactory.ru)

перейти к курсу

Профессия: Node.js-разработчик (ru.hexlet.io)

Реализует сервисы на Node.js с использованием Express, Nest.js и других фреймворков. Разрабатывает REST и GraphQL API. Проектирует архитектуру базы данных, оптимизирует узкие места и обеспечивает бесперебойную работу. Хорошо разбирается в интернет-технологиях: HTML, HTTP, DNS.

перейти к курсу

JS: DOM API (ru.hexlet.io)

Браузер — это особая среда, в которой JavaScript получает возможность взаимодействовать с загруженными страницами сайтов. Для этого браузер предоставляет специальные объекты с большим количеством методов. С их помощью можно выполнять любые преобразования HTML, добавляя интерактивность на странице. Не важно какой используется фреймворк или библиотека, все они, в конечном итоге, работают через эти объекты. Знание этой темы – основа фронтенд разработки, на которую нанизывается все остальное.

перейти к курсу

JS: Прототипы (ru.hexlet.io)

Этот курс посвящён реализации объектно-ориентированного программирования в JavaScript — прототипам. Классы и их отсутствие, классы как функции и функции как объекты. В течение курса мы будем работать над проектом HTML Builder, библиотекой, которая конвертирует специально отформатированный текст в готовый код HTML.

перейти к курсу