Frontend-разработка — Лучшие онлайн курсы

Программа

1. Верстка страниц.
2. Создание кода на JavaScript.
3. Инструментарий для разработки, TypeScript.
4. Разработка с помощью React. js.
5. Карьерный трек.

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

• Создавать адаптивные интерфейсы, верстать страницы.
• Программировать на JavaScript, создавать web-проекты на React.js.
• Самостоятельно тестировать написанный код.

Программа

1. Верстка web-страниц: базис HTML/CSS, подстраивание отображения созданных страниц под экраны разных устройств.
2. Программирование на JavaScript: ООП, знакомство с темами уровня middle — Canvas API, анимация, тестирование.
3. TypeScript: инструменты разработчика при создании больших проектов.
4. React.js, Next.js, Angular, Vue.js.
5. Архитектура приложений, бэкенд: что такое API, Node.js.
6. Карьерный трек, практика, итоговый проект.

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

• Создавать HTML-страницы;
• Позиционировать элементы с помощью CSS;
• Применять семантическую верстку;
• Пользоваться продвинутыми средствами разработчика в обозревателях;
• Верстать адаптивные web страницы на Flexbox, Grid;
• Использовать файлы формата SVG;
• Работать в GitHub, с типами данных;
• Разбираться в форматах XML, JSON;
• Делать Реакт-приложения, с учётом библиотеки Redux;
• Проводить юнит-тестирование, использовать препроцессоры CSS;
• Писать простые программы на TypeScript, разрабатывать сложные скрипты с обработкой событий.

Программа

1. Верстка web-страниц.
2. JavaScript.
3. React.js.
4. Бекенд, архитектура приложений.
5. Карьерный трек.

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

• Создавать, адаптировать веб-страницы для разных устройств.
• Программировать на JS, React.
• Подключать приложения к БД.
• Проводить юнит-тесты, разворачивать приложения на Node.js.

Программа

1. Web-верстка.
2. Javascript.
3. Изучение фреймворков на выбор.
4. Node.js.
5. Typescript.
6. Карьерный трек.
7. Доп. курсы: Figma, Git, SQL и т.д.

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

• Выполнять адаптивную верстку. 
• Работать с TypeScript, JavaScript, фреймворками, Git и понимать ООП.
• Разрабатывать серверные приложения на Node.js.
• Понимать в проектах алгоритмы и структуры данных.

Программа

• Урок 1. Знакомство с ReactJS. Первые компоненты.
• Урок 2. Жизненный цикл компонента.
• Урок 3. Virtual DOM. Material UI. PropTypes.
• Урок 4. Children. Роутинг в React.
• Урок 5. Контекст. Компоненты высшего порядка. Знакомство с Redux.
• Урок 6. Погружение в react-redux.
• Урок 7. Redux middlewares. Redux-persist.
• Урок 8. Работа с API.
• Урок 9. Знакомство с Firebase.
• Урок 10. Тестирование и оптимизация приложений на React.

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

• Сможете применять на практике ES6.
• Обучитесь правильно настраивать сборку приложения при помощи Webpack.
• Сможете полноценно и профессионально работать с библиотекой React JS.
• Научитесь полноценно использовать концепцию Flux с применением библиотек Redux.
• Сможете профессионально разбираться в реализации бэкенда на примере NodeJS, ExpressJS и MongoDB.

Особенности

• Пользователь получает все необходимые методички и практические пособия. Также вся необходимая теория доступна в записи – ее можно просмотреть в любое время.
• В ходе курса студенты создадут и оптимизируют собственный программный продукт – некое подобие альтернативной социальной сети.
• Для успешного прохождения нужны базовые знания в области HTML/CSS, а также знания основных принципов верстки на JavaScript.

Программа

1. Основы веб-верстки: HTML/CSS, анимация.
2. Продвинутые навыки веб-верстки. Векторная графика, сложная анимация.

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

• Использовать разные виды верстки.
• Понимать HTML5, CSS3, анимацию, JS.
• Делать вёрстку в Flexbox.
• Работать с Bootstrap, Pixel Perfect, Figma, Git.
• Собирать проекты на Gulp, Webpack.
• Понимать принципы БЭМ.
• Настраивать хостинг, работать через FTP.

Программа

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

• Web-вёрстка/JavaScript. Базовый уровень.
• Онлайн курс на выбор: React.js или Vue.js.

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

• Веб-вёрстка/JavaScript. Продвинутый уровень.

3. Универсальные знания программиста.

• Photoshop.
• Figma.
• Английский для IT специалистов.
• Система контроля версий Git.
• Язык запросов SQL.
• Карьера и развитие программиста.
• Работа в командной строке Bash.

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

• Понимать фронтенд во всех его аспектах;
• Корректно верстать веб-сайты;
• Применять инструменты автоматизации;
• Делать анимации, переходы, разметку;
• Добавлять к вашему проекту гиперактивные кнопки;
• Программировать на ДжаваСкрипт;
• Работать с современными фреймворками;
• Проводить проверку кода на предмет ошибок, корректировать/исправлять их.

Программа

1. HTML-вёрстка с нуля до первого макета: обучают верстать сайты на HTML, CSS, вносить изменения в существующую вёрстку.
2. Мобильная и адаптивная вёрстка: создание современных отзывчивых веб интерфейсов для разных типов устройств.
3. Основы программирования: разбор видов языков программирования, алгоритмы, переменные, числа, строки, логика, математика, ветвление кода, ошибки в коде, массивы, циклы, объекты, подпрограмма, функции.
4. Git — система контроля версий: работа с Git-системой, сервисом GitHub, публикация проектов.
5. Основы JavaScript: азы синтаксиса, создание первого приложения, дополнительные возможности, отладка, типы данных, прототипы, конструктор объекта, объектно ориентированное программирование в JS (ES6), обработка исключений, замыкания.
6. Основы JavaScript в браузере: как делать документ, изменять его, реагировать на пользовательские действия.
7. Продвинутый JS: работа с современным инструментом для организации рабочего окружения (npm, webpack).
8. Продвинутый JS в веб-обозревателе: работа с формами (проведение валидации, использование слайдеров, календарей, файлов, API, геолокация, медиа, сокеты, анимация, интерактивность.
9. Курсовой проект — бот для поиска информации.
10. Дополнительные модули: английский язык, алгоритмы и структуры данных, основы графического дизайна, карьера во Frontend.
11. Дипломный проект.

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

• Создавать веб-сайты, приложения;
• Проектировать интерфейсы при помощи Flexbox, JS;
• Верстать сайты/приложения для разнообразных типов девайсов, в том числе для Android, iOS;
• Решать задачи с применением JavaScript-консоли;
• Профессионально владеть семантикой, синтаксисом, архитектурой языка;
• Оформлять высококачественные проекты, применять современные подходы, пользоваться библиотекой React.

Программа

1. Preface.
2. React + Redux.
3. Разработка приложения, HTTP, GraphQL, WebSockets.

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

• Использовать продвинутые возможности Redux +Saga, thunk.
• Разрабатывать и оптимизировать SPA-приложения.
• Писать с TypeScript чистый код.
• Использовать интеграционные и unit-тесты.
• Работать в Apollo, Relay, GraphQL, с паттернами функционального программирования.

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

Длительность курса 1 месяц, рассказывают про особенности программирования при помощи HTML5 и CSS3. Разбирают реальные кейсы на примерах интернет-магазина, учат применять код к макетам Bootstrap, работать с двумя препроцессорами (языками LESS/SASS). В конце занятий, студенты освоят адаптивную вёрстку веб-ресурсов, принципы кроссбраузерности, а также валидности в ходе проектирования интерфейса.

Программа

1. Основной блок: знакомство с программированием, математическими операциями, базами данных, С#.
2. Специализация: Python, Linux, web технологии, ООП, исключения, SQL, unit-тесты, архитектура ПО, контейнеризация, CI/CD, парадигмы.
3. Технологическая специализация: фронтенд/верстка, Java Script до продвинутого уровня.

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

• Верстке качественных сайтов;
• Адаптации цифрового продукта под разные гаджеты;
• Производству одностраничных приложений;
• Работе с модульной сборкой;
• Применению Node, Vue, Flux, React.

Программа

1. Ключевые особенности Node.js.
2. Web Server с Express.
3. Node.js на Prod.
4. Фреймворки и инструменты Nest.js, TypeScript, GraphQL, Apollo.
5. Выполнение финального проекта.

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

• Сможете разрабатывать backend любой сложности, используя Express, Passport, Jest, GraphQL, Nest.js.
• Обучитесь работать с MongoDB и PostgreSQL (соответствующие базы данных).
• Научитесь правильно использовать CI/CD в проекте.
• Сможете писать максимально чистый и понятный код на TypeScript.

Особенности

• Этот курс в основном предназначен для разработчиков, обладающих знаниями в области JS. Новички не смогут полноценно обучаться.
• Доступны Live вебинары онлайн, общение с наставниками и одногруппниками в Slack, доступно общение с экспертами.

Курсы ориентированы на профи, желающих обучиться фронтенд-разработке на ReactJS. Вы сможете попрактиковаться применению ES6, настроить сборку софта посредством Webpack, поработать с роутингом, начать пользоваться одной из самых востребованных библиотек ReactJS.

Программа

1. Вводная часть 2 часа. Бесплатный вступительный тест.
2. 1 модуль 80 часов. Погружение в React и Redux.
3. 2 модуль 80 часов. Роутинг, безопасность и TypeScript.
4. 3 модуль 70 часов. Протокол WebSocket и деплой приложения.

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

• Научитесь уверенно разбираться во всех рекомендуемых библиотеках React
• Сможете полноценно использовать TypeScript для разработки React-приложений.
• Научитесь тестировать веб-приложения (в том числе созданные самостоятельно) с помощью юнит-тестов и cypress.

Особенности

• Обучение будет разбито на спринты, а заниматься пользователь может когда угодно (в зависимости от желания студента). Но есть одно условие: необходимо укладываться в дедлайны.
• Вся полученная теория в обязательном порядке отрабатывается на практике в онлайн-тренажере. Это одна из ключевых особенностей Яндекс Практикума.
• Для обучения на платформе потребуется пройти бесплатный вступительный тест. В нем будут задачи по верстке и JavaScript.

Программа

1. JavaScript.
2. HTML/CSS.
3. Фреймворки (React/Redux/Toolkit).
4. Алгоритмы, структуры данных.
5. DOM API.
6. Автоматизированное тестирование.
7. Архитектура.
8. Инфраструктура.

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

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

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

Программа повышения квалификации, на которой студенты улучшат свои навыки написания тестов, а также изучат est и testing-library.

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

Желаете стать востребованным спецом в рассматриваемой нами ИТ-сфере? Попробуйте себя, пройдя эти онлайн-уроки, которые распределены на следующие разделы:  Vue.js, React.js, Workflow (Webpack, Gulp, Git, Github, Terminal, Yarn, NPM), SPA-приложение, тестирование, автоматизация, поиск ошибок. На прохождение выделяется 3 месяца.

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

Помогают определиться с выбором профессии, объясняют с чего начинать, развивают ваши скиллы, предоставляют полезные рекомендации по карьерному росту. После завершения онлайн-занятий, вы будете отлично разбираться в вёрстке, кодинге JS, фреймворке Реакт, системе контроля Git.

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

Программа

1. Бесплатная вводная часть: подбор подходящего для вас формата обучения.
2. Проект «Веб-мессенджер»: интенсивная разработка, изучение ИТ технологий, тестирование, DevOps, работа с API.
3. Командный проект совместно с 3-4 разработчиками, создание своей web-игры, от продумывания макетов до деплоя в облако.
4. Алгоритмы и структуры данных: анализ сложности, массивы, хеш-таблицы, связный список, очередь, стек, дерево, граф, сортировка, рекурсия и т.д.
5. Карьерный трек, прохождение подготовки к получению job offer.

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

• Освоите написание кода на ДжаваСкрипт;
• Станете работать с TypeScript, CSS, PostCSS, Webpack, Parcel;
• Будете пользоваться облачными сервисами Yandex, Google;
• Начнёте разбираться в шаблонизаторах, Web API, Canvas API, CI / CD, SSL, Nginx, Jest, Docker, PostgreSQL, MongoDB, Server Side Rendering.

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

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

Перед вами целая подборка курсов для будущих программистов. Помимо фонтенда, вы можете выбрать любой интересующий вас курс, например: React Developer, Python, .NET, PHP, ASP.NET, Java Code, Unity, Android Developer и так далее.

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

Занятия связаны с областью веб-разработки. К преимуществам академии, относится актуальная программа обучения, множество реальной практики, дружеская атмосфера среди студентов, преподавательского коллектива, являющегося ведущими экспертами ТОПовых ИТ-компаний.