63 курса по JavaScript доступных для прохождения в 2024 году

Вы научитесь программировать на JavaScript, работать с фреймворками Selenium Webdriver и Cypress, тестировать пользовательские интерфейсы и настраивать CI. Соберёте портфолио, сможете претендовать на повышение или работу в крупной IT-компании.

Вы с нуля научитесь разрабатывать полноценные сайты и веб-приложения на JS и изучите один из фреймворков – Vue, React или Angular. Станете ценным сотрудником для любой IT-компании, поймёте, как получить повышение, и сможете зарабатывать больше.

С помощью JavaScript вы сможете создавать интерактивные элементы на сайте. Например, всплывающие подсказки, галереи, выпадающие меню и формы. Это основной язык для современной веб-разработки – почти 100% сайтов работает на JavaScript. Освойте его с нуля всего за 3,5 месяца, и вы сможете зарабатывать от 70000 рублей.

• Программа из 12 курсов
• Длительность 12 месяцев
• 4 проекта в портфолио
• Помощь в трудоустройстве

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

• Тем, кто хочет начать карьеру программиста
  Вы с нуля научитесь верстать, программировать на JavaScript и разрабатывать полноценные сайты. Освоите полный цикл создания веб-проектов и сможете устроиться в IT-компанию.
• Начинающим разработчикам
  Вы познакомитесь с Node.js и фреймворками и углубите свои знания. Сможете перейти на позицию fullstack-разработчика в веб-студии или создавать сайты «под ключ» на фрилансе.
• Опытным специалистам
  Вы изучите Vue.js, React.js или Angular и сможете создавать сложные интерактивные интерфейсы. Получите soft skills для профессионального развития и поймёте, куда двигаться дальше.

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

• Верстать сайты
  Познакомитесь с HTML и CSS, сможете верстать лендинги и многостраничные адаптивные сайты. Научитесь находить ошибки в чужой вёрстке и исправлять уже готовый код.
• Работать с фреймворками
  Изучите React.js, Vue.js или Angular и научитесь создавать динамичные интерактивные пользовательские интерфейсы.
• Разрабатывать backend сайтов
  Узнаете принципы объектно-ориентированного программирования и сможете разрабатывать сайты с разным функционалом на JavaScript с помощью Node.JS.
• Работать с базами данных
  Узнаете, чем различаются MySQL, Redis и MongoDB. Научитесь управлять большими объёмами данных и получать нужное с помощью запросов.
• Использовать Git
  Научитесь работать с распределённой системой контроля версий, сможете легко вносить или откатывать изменения и работать над проектом в большой команде.
• Работать с сетью
  Поймёте, как устроено клиент-серверное взаимодействие, научитесь работать с API и сможете настраивать связь frontend`а и backend`a в рамках одного проекта.

Программа:

Вас ждут онлайн-лекции и практические задания на основе реальных кейсов.
100+ тематических модулей, 500+ онлайн-уроков.

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

1. Веб-вёрстка. Базовый уровень

• Введение
• Базовый HTML
• Базовый CSS
• Работа с макетом
• HTML-разметка
• Flexbox
• Стилизация
• Продвинутый HTML
• Продвинутый CSS
• Сетки
• Адаптивность. Десктоп и планшет
• Адаптивность. Мобильные устройства
• JavaScript для верстальщика
• Доступность
• Кросс-браузерность
• База знаний
• Работа с хостингом
• Анимация
• Курсовая (мини-проект) — КЕЙС

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

• Вёрстка HTML-писем
• SVG
• Анимация на JS
• Оптимизация и процесс загрузки
• Сборщики
• Препроцессоры и Постпроцессоры
• CSS Grid
• CMS
• База знаний 2 (возможно будет)
• Будущее верстки
• Диплом. Сайт из трех страниц (фрагмент интернет-магазина)

3. Базовый уровень

• Введение
• Переменные и работа с числами
• Строки, boolean и условные операторы
• Массивы и циклы
• Функции
• Объекты
• Введение в DOM
• Константы, области видимости и замыкания
• Преобразование типов и нестрогие сравнения
• Обработка событий и пользовательский ввод
• Разработчик и soft skills

4. Продвинутый уровень

• Модули
• npm, package.json
• Event loop и асинхронная разработка
• Методы объекта и прототипы
• Тестирование
• Обработка ошибок
• Общение с сервером, async/await
• События
• ООП и его реализация в JavaScript
• ФП, работа с массивами и строками

5. Node.js

• Введение в курс
• Подготовка рабочей среды
• Пишем Hello, world!
• Решаем базовые задачи
• Асинхронный код
• Express.js
• Реляционные базы данных
• Нереляционные базы данных
• CLI-программы
• Продвинутые понятия. Streams, генераторы, итераторы
• Real-time & WebSockets
• Pro tips

Курс на выбор

6. JavaScript-фреймворкjs

• Основы Vue
• Создание проекта
• Каталог товаров
• Пагинация и фильтрация
• Страница товара
• Корзина
• Работа с API. Список товаров
• Работа с API. Оформление заказов

7. React.js

• Введение в React
• Создание проекта
• Компоненты на примере новостной карточки Reddit
• Больше о компонентах и введение в тестирование компонентов
• Работа с публичным API на примере Reddit
• Введение в Redux на примере новостной ленты
• Использование Redux-Thunk на примере бесконечной ленты
• Сайдбар + роутинг
• Формы на примере комментариев и карточки поста
• Оптимизируем приложение
• SSR + Next.JS
• Бонусный модуль: MobX

8. Angular

• Введение в Angular
• Вывод списка товаров
• RxJS: поиск товаров
• Работа с http. Улучшенный список товаров
• RxJS & Components Advanced: корзина товаров
• Роутинг: страница товара
• Формы: checkout
• Авторизация и защищённые зоны
• Тестирование
• Способы организации обмена данными
• Advanced Practice
• Advanced Practice: куда расти

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

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

• Как стать первоклассным программистом
• Как искать заказы на разработку
• Личный бренд разработчика
• Photoshop для программиста
• Основы языка запросов SQL
• Вёрстка email-рассылок. Советы на реальных примерах

10. Курс по слепому методу печати

• Руководство по возможностям тренажёра Ratatype

11. Основы Photoshop

• Установка Adobe Photoshop. Горячие клавиши
• Введение в Photoshop
• Инструменты
• Работа с файлами и изображениями
• Принципы работы со слоями и масками
• Эффекты
• Продвинутые приёмы обтравки/ретуши
• Принципы построения растровых изображений
• Бонус. Как освоить Pen Tool
• Практика коллажирования для создания Key Visual
• Бонус-модуль. Причиняй добро
• Практика создания самых оригинальных мемов для социальных сетей

12. Figma

• Введение в Figma. Обзор возможностей
• Работа с графикой
• Редактор Figma — модульные сетки и монтажные области
• Создание и настройка компонентов, работа с эффектами
• Создание вложенных компонентов. Auto Layout
• Организация рабочего пространства компонентов и стилей
• Командная работа, контроль версий и передача макетов в разработку
• Прототипирование
• Figma Animate
• Бонус-модуль. Обзор и применение Figma plugins

13. Работа в командной строке Bash

• Что такое командная строка
• Работа с файлами и папками
• Авторизация и права доступа
• Процессы, сервисы и задачи
• Конфигурация и инструменты
• Написание скриптов на Bash
• Использование Bash на примере настройки веб-сервера

14. Система контроля версий Git

• Версии программного кода
• Установка Git
• Индекс и частичные коммиты
• Сравнение версий
• Отмена изменений и откат версий
• Репозитории и коллективная работа
• Ветки — создание и управление
• Слияние и разрешение конфликтов
• Полезные инструменты
• Правила работы с Git

15. Английский для IT-специалистов

• IT Resume and CV: составляем резюме на английском
• Job interview: questions and answers. Проходим собеседование на английском
• Teamwork: говорим о командной работе и процессах на английском
• Workplace communication: английский для общения
• Business letter: ведём переписку на английском
• Software development: разбираем все этапы жизненного цикла программного обеспечения на английском
• System concept development and SRS: составляем ТЗ на английском
• Design: говорим об основных концепциях проектирования
• Development and Testing: разбираем ключевые термины в разработке и тестировании
• Deployment and Maintenance: обсуждаем типичные действия при развёртывании и дальнейшем сопровождении ПО

16. Карьера и развитие программиста

• Что нужно работодателю
• Как создать резюме и искать работу
• Как успешно пройти собеседование
• Как пройти испытательный срок

17. Soft skills для программиста

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

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

1. Лендинг
   Сверстаете лендинг по брифу от заказчика с помощью HTML и CSS.
2. Пользовательский интерфейс
   С помощью JavaScript разработаете веб-приложение — аналог Instagram.
3. Сервис заметок
   Разработаете frontend и backend для сервиса личных заметок с помощью Node.js.
4. Интернет-магазин
   Создадите полноценный интернет-магазин на фреймворке Vue.js.
5. Интеграция с Reddit
   Настроите интеграцию постов с новостного сайта Reddit с помощью фреймворка React.js.
6. Интернет-магазин
   Разработаете полноценный интернет-магазин на фреймворке Angular.

Диплом Skillbox

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

• Длительность 6 месяцев
• Онлайн в удобное время
• Обучение на практике
• Доступ к курсу навсегда

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

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

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

1. Писать код на JavaScript
   Изучите синтаксис, области применения и лучшие практики JavaScript.

2. Работать с JavaScript и инструментами разработчика
   Узнаете, как работать с системой контроля версий Git, менеджером пакетов npm и отладчиком в браузере.
3. Использовать разные подходы к разработке
   Научитесь писать код в императивном, объектно ориентированном и функциональном стилях.
4. Использовать JavaScript в браузере
   Научитесь использовать JavaScript для взаимодействия с сервером, работать с DOM и событиями.
5. Прокачать soft skills разработчика
   Узнаете, какие soft skills и личностные качества нужны junior-разработчику в различных компаниях, сможете развить их.

Программа:

Вас ждут онлайн-лекции и практические задания.
21 тематический модуль, 188 онлайн-уроков

Базовый уровень

1. Введение
   Подробно познакомитесь с языком JavaScript, его областями применения и напишите свою первую программу на этом языке.
2. Переменные и работа с числами
   Освоите математические операторы и операторы сравнения, встроенные функции для работы с числами и объект Math. Узнаете, как работать с дробными числами.
3. Строки, boolean и условные операторы
   Узнаете о строковом и логическом (boolean) типах данных, сравнении простых типов данных. Познакомитесь с условными операторами if/else/switch, тернарным оператором, основами булевой алгебры.
4. Массивы и циклы
   Научитесь работать с массивами, циклами for, while, do-while, операторами break и continue.
5. Функции
   Узнаете, зачем нужны функции, как их писать, что такое аргументы и возвращаемое значение функции. Поймёте, что такое значение null и undefined.
6. Объекты
   Научитесь работать с объектами JavaScript: создавать их, объявлять свойства, сравнивать объекты, делать циклы по свойствам, использовать оператор typeof.
7. Введение в DOM
   Узнаете, что такое объектная модель HTML-документа DOM, объектами window, document, деревом узлов DOM.
8. Введение в DOM. Часть 2
   Разработаете простой таск-трекер, с которым будете работать в дальнейших уроках.
9. Константы, области видимости и замыкания
   Узнаете, что такое константы, ключевые слова const и var, области видимости, замыкания, и научитесь их использовать. Сможете пользоваться debug-инструментом в Google Chrome.
10. Преобразование типов и нестрогие сравнения
    Освоите различные преобразования типов данных в JavaScript, узнаете о неявных преобразованиях и нестрогих сравнениях.
11. Общение с сервером, async/await
    Научитесь взаимодействовать с сервером с помощью fetch API, передавать параметры запроса, отлаживать запросы в инструментах разработчика. Научите свой таск-трекер общаться с сервером.

Продвинутый уровень

1. События браузера, контекст выполнения
   Научитесь работать с событиями браузера при помощи обработчиков, задавать функциям контекст выполнения.
2. Модули
   Научитесь работать с модулями JavaScript. Узнаете, почему важно разделять код на модули, когда стоит это делать, какая структура должна быть у проекта. Разделите на модули свой таск-трекер.
3. Event loop и асинхронная разработка
   Узнаете, что такое Event Loop. Сможете вызывать функция через определенный интервал времени. Поймете, как связаны события и Event Loop и научитесь работать с объектами promise.
4. Обработка ошибок
   Освоите работу с ошибками, конструкции try/catch/throw/finally, window/process error event.
5. Классы
   Узнаете, что такое класс и из чего он состоит и как выстроить иерархию классов. Сможете определять свойства класса
6. События
   Научитесь работать с событиями мыши, клавиатуры, страницы, touch-событиями, Drag’n’drop, событиями загрузки ресурсов. Узнаете о взаимодействии с audio/video и синхронизации с CSS-анимациями и переходами.
7. Экосистема JavaScript и npm
   Узнаете, из чего состоит экосистема JavaScript. Освоите работу с менеджером пакетов npm. Узнаете, что такое package.json, для чего нужны команды npm init, npm install. Научитесь использовать версии пакетов и правильно обновлять проект.
8. Сборка
   Научитесь собирать свой код в готовый к использованию проект. Научитесь оптимизировать код и решать проблему несовместимости.
9. Тестирование
   Познакомитесь с разными подходами к тестированию — модульное тестирование, TDD, e2e, тестирование на основе снэпшотов, на основе скриншотов — и узнаете, когда их стоит использовать. Научитесь писать тесты.
10. База знаний
    Парадигмы: императивное, декларативное, функциональное и объектно-ориентированное программирование

• Рекурсия
• Чистые функции
• Регулярки
• TDD
• Стандарты ECMAScript
• Типы модулей: esm, amd, exports

Диплом Skillbox

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

Fullstack-разработчик разрабатывает сайты: и ту часть, которая видна пользователю (frontend) и ту, что остается под капотом (backend).
На курсе вы с нуля научитесь создавать сайты «под ключ» на языках PHP, Python или JavaScript. Сможете начать карьеру fullstack-специалиста в IT-студии или на фрилансе. Выйдете на новый уровень в веб-разработке.
Подходит для новичков без опыта в программировании.

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

• Создавать интерфейсы сайтов
  Научитесь превращать макеты дизайнеров в рабочие интерфейсы и адаптировать их под разные устройства.
• Разрабатывать серверную часть сайтов
  Сможете писать код на выбранном языке — PHP, Python или JavaScript. Узнаете, как научить сайт «общаться» с сервером
• Работать с базами данных
  Поймете, как управлять большими объёмами данных и быстро получать нужную информацию из баз.
• Использовать фреймворки
  Сможете быстро собираться сайты из готовых компонентов с помощью фреймворков на языке JavaScript.
• Использовать инструменты разработчика
  Научитесь работать с системой контроля версий Git, командной строкой Bash.
• Работать в IT-команде
  Прокачаете коммуникативные навыки, научитесь эффективно работать с другими участниками команды.

Чем вам поможет Центр карьеры:

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

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

Вас ждут 3 курса по веб-вёрстке, основам JavaScript и одному из его фреймворков — React, Vue или Angular.
Чтобы освоить backend-разработку, вы выберете курс по одному из этих языков — PHP, Python или Node js, — а затем изучите 11 дополнительных курсов по алгоритмам, Git, техническому английскому и не только.
100+ тематических модулей, 500+ видеоматериалов

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

1. Веб-вёрстка. Базовый уровень
2. Веб-вёрстка. Продвинутый уровень
3. Базовый уровень
4. Продвинутый уровень
5. Курс на выбор. React js
6. Курс на выбор. Vue js
7. Курс на выбор. Angular

— Специализация: PHP

8. PHP-разработчик
9. PHP-фреймворк Laravel
10. PHP-фреймворк Symphony

— Специализация: JavaScript

11. Node js

— Специализация: Python

12. Основы Python
13. Python Advanced

— 8 бонусных курсов про карьеру и развитие программиста, алгоритмы и структуры данных, и софт скиллы
На этих курсах вы получите разносторонние навыки, которые помогут увереннее чувствовать себя в профессии.

• Универсальные знания программиста. Вы получите полезные навыки, которые пригодятся вам на новой работе.
• Онлайн-сессии по веб-разработке. Помогут вам отточить навыки при поддержке эксперта и других пользователей.
• Основы Photoshop. Научитесь пользоваться самым популярным профессиональным редактором графики.
• Figma – вы познакомитесь с графическим редактором, в котором вам будут присылать макеты для вёрстки. Научитесь извлекать цвета, шрифты, стили и даже попробуете себя в роли веб-дизайнера.
• Система контроля версий Git. Вы научитесь вести контроль версий ваших проектов в Git. Этот навык поможет вам совместно работать в команде.
• Работа в командной строке Bash. Вы автоматизируете свою работу, научитесь управлять файлами и папками без использования графического интерфейса.
• Карьера разработчика и развитие программиста. Вы узнаете, как выбрать подходящую вакансию, подготовиться к собеседованию и вести переговоры с работодателем. Сможете быстрее получить должность, которая соответствует вашим ожиданиям и умениям.
• Алгоритмы и структуры данных для разработчиков. Вы научитесь оценивать сложность алгоритмов, писать более эффективный и производительный код. Поймёте, как решать реальные задачи с помощью алгоритмов.

Приобретаемые профессиональные навыки:

• Кросс-браузерная, адаптивная вёрстка на HTML, CSS
• Работа с внешними API
• Работа с фронтенд-фреймворками React, Vue, Angular
• Тестирование приложений
• Программирование на JavaScript/Python/PHP
• Работа в команде
• Работа с базами данных
• Знание алгоритмов и структур данных
• Применение принципов ООП на практике
• Создание высоконагруженного бэкенда.

С помощью JavaScript вы сможете создавать интерактивные элементы на сайте. Например, всплывающие подсказки, галереи, выпадающие меню и формы. Это основной язык для современной веб-разработки — почти 100% сайтов работает на JavaScript. Освойте его с нуля всего за 3,5 месяца, и вы сможете зарабатывать от 70 000 рублей.

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

• Создавать динамические элементы на сайте
  Галереи, попапы, анимационные эффекты и формы с отправкой данных на сервер.
• Обрабатывать события в браузере
  Клики и другие движения мышкой, нажатия кнопок на клавиатуре. Глубоко изучите событийную модель, чтобы создавать сложные интерфейсы.
• Разделять код на модули
  Чтобы легче ориентироваться в коде и быстрее вносить изменения.
• Создавать асинхронные запросы
  Ваши приложения смогут выполнять операции «по расписанию». Например, получать большие объёмы данных из других сервисов через API и одновременно показывать то, что подгрузилось, пользователю.
• Владеть ООП
  Объектно-ориентированное программирование — подход, который позволяет писать более структурированный код.
• Тестировать код
  Будете создавать автоматизированные проверки, чтобы гарантировать работоспособность своих приложений.

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

Вас ждут 2 уровня по программированию на JavaScript и более 20 тем для разбора. Сложность курса увеличивается постепенно. Мы постоянно обновляем курс, чтобы вы получали навыки, которые прямо сейчас нужны работодателям.
3,5 месяца, 20 практических работ

1. JavaScript – базовый уровень. 2 месяца
   Пройдёте основы JavaScript: переменные, работу с числами, массивы, циклы и функции. Научитесь создавать всплывающие элементы, галереи и интерактивные формы. Узнаете, как получить данные из других сервисов или с сервера. Например, загрузить информацию о погоде с помощью API.
2. JavaScript – продвинутый уровень. 1,5 месяца
   Глубоко изучите браузерные события, чтобы создавать сложные интерфейсы. Узнаете, зачем и как делить код на модули, чтобы он не превратился в «лапшу».
   Разберётесь, как в JavaScript работает event loop — механизм, который позволяет запускать функции по расписанию. Например, поставить таймер или повторять действие через каждую секунду.
   Научитесь обрабатывать ошибки в коде, загружать пакеты с помощью npm и собирать модульные проекты в webpack. Сможете тестировать код и повысите качество своей работы.

Приобретаемые профессиональные навыки:

• Программирую на JavaScript
• Работаю с DOM
• Владею ООП
• Работаю с Chrome DevTools
• Использую Chrome debugger для отладки кода
• Владею асинхронным программированием
• Пишу модульный код
• Обрабатываю ошибки в коде
• Работаю с npm, устанавливаю пакеты
• Использую webpack для сборки приложений
• Пишу автотесты.

Вы с нуля научитесь разрабатывать полноценные сайты и веб-приложения на JS и изучите один из фреймворков — Vue, React или Angular. Станете ценным сотрудником для любой IT-компании, поймёте, как получить повышение, и сможете зарабатывать больше.

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

• Тем, кто хочет начать карьеру программиста
  Вы с нуля научитесь верстать, программировать на JavaScript и разрабатывать полноценные сайты. Освоите полный цикл создания веб-проектов и сможете устроиться в IT-компанию.
• Начинающим разработчикам
  Вы познакомитесь с Node.js и фреймворками и углубите свои знания. Сможете перейти на позицию fullstack-разработчика в веб-студии или создавать сайты «под ключ» на фрилансе.
• Опытным специалистам
  Вы изучите Vue.js, React.js или Angular и сможете создавать сложные интерактивные интерфейсы. Получите soft skills для профессионального развития и поймёте, куда двигаться дальше.

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

1. Верстать сайты

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

2. Работать с фреймворками

Изучите React.js, Vue.js или Angular и научитесь создавать динамичные интерактивные пользовательские интерфейсы.

3. Разрабатывать backend сайтов

Узнаете принципы объектно-ориентированного программирования и сможете разрабатывать сайты с разным функционалом на JavaScript с помощью Node.JS.

4. Работать с базами данных

Узнаете, чем различаются MySQL, Redis и MongoDB. Научитесь управлять большими объёмами данных и получать нужное с помощью запросов.

5. Использовать Git

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

6. Работать с сетью

Поймёте, как устроено клиент-серверное взаимодействие, научитесь работать с API и сможете настраивать связь frontend`а и backend`a в рамках одного проекта.

Помощь в трудоустройстве

• Рекомендации по составлению портфолио и резюме
• Подготовка к собеседованию в компаниях-партнёрах
• Реальные заказчики на защите диплома
• Персональные консультации по развитию карьеры

Программа

Вас ждут онлайн-лекции и практические задания на основе реальных кейсов.

• 100+ тематических модулей
• 500+ онлайн-уроков

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

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

Курс на выбор

• JavaScript-фреймворкjs
• js
• Angular

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

• Универсальные знания программиста
• Курс по слепому методу печати
• Основы Photoshop
• Figma
• Работа в командной строке Bash
• Система контроля версий Git
• Английский для IT-специалистов
• Карьера и развитие программиста
• Soft skills для программиста 

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

• Вёрстка сайтов на HTML и CSS
• Работа с протоколами HTTP/HTTPS
• Основы Redux
• Веб-разработка на JavaScript
• Разработка бэкенда с помощью Node.js
• Работа с Web API
• Адаптивная вёрстка
• Работа с базами данных: MySQL, MongoDB, Redis
• Создание веб-приложений на фреймворке React.js/Vue.js/Angular
• Работа с системой контроля версий Git

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

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

1. Писать код на JavaScript

Изучите синтаксис, области применения и лучшие практики JavaScript.

2. Работать с JavaScript и инструментами разработчика

Узнаете, как работать с системой контроля версий Git, менеджером пакетов npm и отладчиком в браузере.

3. Использовать разные подходы к разработке

Научитесь писать код в императивном, объектно ориентированном и функциональном стилях.

4. Использовать JavaScript в браузере

Научитесь использовать JavaScript для взаимодействия с сервером, работать с DOM и событиями.

5. Прокачать soft skills разработчика

Узнаете, какие soft skills и личностные качества нужны junior-разработчику в различных компаниях, сможете развить их.

Программа

Вас ждут онлайн-лекции и практические задания.

• 21 тематический модуль
• 188 онлайн-уроков

1. Введение
2. Переменные и работа с числами
3. Строки, boolean и условные операторы
4. Массивы и циклы
5. Функции
6. Объекты
7. Константы, области видимости и замыкания
8. Преобразование типов и нестрогие сравнения
9. Введение в DOM
10. Обработка событий и пользовательский ввод
11. Разработчик и soft skills
12. Модули
13. Npm, package.json
14. Event Loop и асинхронная разработка
15. Методы объекта и прототипы
16. Тестирование
17. Обработка ошибок
18. Общение с сервером, async/await
19. События
20. ООП и его реализация в JavaScript
21. Функциональный подход, работа с массивами и строками
22. Дипломный проект

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

• JavaScript
• Знание ООП
• Git
• npm
• Знание различных подходов к разработке
• Владение инструментами отладки
• Умение тестировать код на JavaScript

Fullstack-разработчики — универсальные программисты, которые разрабатывают и серверную, и клиентскую часть проекта.

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

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

Kурсы

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

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

2. Основы программирования. Видеокурс

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

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

— Введение в Git
— Установка и настройка Git
— Основные команды терминала
— Работа с репозиториями в Git
— Управление файлами репозитория
— История изменений
— Работа с ветками репозитория
— Публикация репозитория
— Слияния веток
— Управление версиями
— Создание pull-request
— Сложные операции
— Работа с Fork-репозиториями

I четверть - Frontend-разработка

Курсы

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

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

5. Уровень 1

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

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

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

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

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

II четверть - Бэкенд-разработка на JavaScript
В этой четверти студенты научатся использовать большинство возможностей, предоставляемых языком.Смогут создавать backend-приложения, которые будут генерировать HTML на бэкэнде, используя данные из базы данных. Заодно будут изучены: базовые принципы сетевых протоколов, особенности HTTP-протокола, базовая структура HTML.

Курсы

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

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

9. Node.js

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

10. Базы данных

— Введение в теорию реляционных баз данных
— Базовые понятия структуры базы данных
— Определение данных. Базовые операции с данными
— Выборка данных, агрегация данных
— Вложенные запросы и объединение Union
— Объединение Join
— Расширенные возможности SQL
— Оконные функции, индексы, работа в графическом клиенте

11. Сетевой протокол HTTP

— Создание веб-сервера на Node.js
— Взаимодействие с http-сервером с помощью программы telnet
— Взаимодействие с http-сервером из браузера
— Отправка, обработка GET, POST, PUT, DELETE, OPTIONS запросов
— Работа с cookies
— Работа с сессией
— Перенаправления
— Создание WS-подключения, работа с ним
— Работа с заголовками CORS

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

Курсы

12. TypeScript

— Введение в TypeScript. Типы данных. Настройка связки TypeScript+Webpack
— Функции в TypeScript. Классы и интерфейсы
— Создание React приложения на TypeScript. Часть 1
— Создание React приложения на TypeScript. Часть 2. Итоги курса. Ответы на вопросы
— Завершающий вебинар
— Подведение итогов

13. Разработка сайтов с использованием Nest.js

— Создание классов и методов контроллера с использованием декораторов
— Проброс в контроллеры контекста запроса с использованием декораторов
— Создание провайдеров, использование их в контроллерах и других провайдерах
— Организация контроллеров и провайдеров в модули, использование модулей
— Работа с TypeORM в связке с PostgreSQL, создание сущностей TypeORM, работа с ними (создание, удаление, выборка и изменение)
— Использование механизма авторизации и Guards
— Использование перехватчиков (interceptors)
— Использование middlewares
— Создание своих декораторов
— Создание шаблонов handlebars и динамическая генерация страниц на их основе
— Использование GraphQL
— Работа с WebSocket

14. Разработка высоконагруженных бэкэнд-приложений

— Написание многопоточных приложений на Node.js
— Использование memcached в Node.js
— Использование Redis в качестве сервиса кэширования в Node.js
— Использование Redis в качестве NoSql-решения в Node.js
— Использование Redis в качестве брокера сообщений в Node.js
— Применение микросервисного подхода при написании backend-приложений на Node.js
— Использование apache benchmark (ab) для проведения локального нагрузочного тестирования

IV четверть - Soft skills
Расскажем о том, как взаимодействовать с командой и проходить собеседования.

Курсы

15. Agile, Scrum. Теория

— Введение в Agile
— Scrum, Kanban
— Работа в команде по Scrum
— Подготовка к старту проекта
— Практика. Подготовка к проекту

16. Выпускной проект

— Консультация
— Защита проекта

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

Курсы вне четверти:

• Разработка десктопных приложений на Electron.js
• Разработка кросс-платформенных приложений на React Native
• Алгоритмы и структуры данных
• Управление состоянием SPA-приложения
• Подготовка к поиску работы

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

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

• 15 месяцев
• 5 кейсов в портфолио
• Гарантия трудоустройства
• Онлайн, 2 раза в неделю

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

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

Ваше резюме после обучения:

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

Frontend:

• Разработка frontend-приложений на React
• Семантическая верстка HTML5 + CSS3
• React для SPA
• Redux + Redux-Saga / Redux Observable или MobX
• Styled-components, makeStyles, SASS

Backend:

• Разработка backend-приложений на Node.js
• JavaScript и TypeScript
• Express.js, Nest.js
• PostgreSQL, TypeORM, Memcached, MongoDB, Redis
• Cluster, Worker

Дополнительная информация:

• Знаю функциональное и объектно-ориентированное программирование
• Умеют работать с командной строкой Linux
• Есть опыт разработки desktop-решения на базе Electron.js
• Есть опыт разработки мобильного приложения на React Native

Научим веб-разработке с нуля: вы пройдёте путь от создания макетов до оптимизации баз данных и алгоритмов. После обучения получите практический опыт и сможете развивать высоконагруженные проекты.

• 16 месяцев
• 5 проектов в портфолио
• Гарантия трудоустройства
• Диплом о переподготовке
• Хостинг-партнер курса REG.RU

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

• Верстаю сайты с помощью HTML/CSS, использую фреймворк Bootstrap
• Владею JavaScript, библиотеками Node.js, ReactJS
• Владею PHP, фреймворком Laravel
• Умею работать с базами данных, MySQL, MongoDB
• Умею работать с ОС Linux, системой контроля версий Git
• Умею писать «чистый» код, работать в команде

Интерактивные веб-приложения на ECMASCRIPT 2016

• Урок 1 | Джаваскрипт для чайников | JavaScript видеоуроки 2019 – 2020
• Урок 2
• Урок 3
• Урок 4 | Переменные
• Урок 5 | Инкремент и декремент javascript
• Урок 6 | -= +=
• Урок 7 | Тонкости работы с текстом
• Урок 8 | Как работает touppercase и tolowercase js
• Урок 9 | Булевы значения в JS
• Урок 10 | Операторы равно JS
• Урок 11 | Что такое массив в javascript?
• Урок 12 | Массивы JS метод push и unshift
• Урок 13 | Методы pop и shift JS | Массивы
• Урок 14 | Объединение массивов js | concat
• Урок 15 | indexOf и join js
• Урок 16 | Массивы JS Стек LIFO

• Научитесь программировать на JavaScript и TypeScript — сможете самостоятельно создавать сайты и веб-приложения
• Освоите передовые технологии — React, Node.js, Docker, Express.js, Nest.js, Firebase, MongoDB
• Длительность - 18 месяцев
• Уровень - С нуля 
• Документ - Диплом о профессиональной переподготовке
• Поможем с трудоустройством

   

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

• Верстать сайты в HTML и CSS 
• Разрабатывать клиентскую часть сайта на React
• Программировать на языках JavaScript и TypeScript
• Работать с базами данных с использованием MongoDB
• Создавать серверную часть на js, Express.js, Nest.js
• Работать с API сторонних сервисов и проводить Unit-тестирование

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

• Адаптивную вёрстку сайта
• Веб-менеджер личных финансов
• Фронтенд для сайта-агрегатора отелей
• Приложение для доставки
• Бэкенд для сайта-агрегатора отелей 

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

Занятия проходят два раза в неделю с 19:00 до 21:00. Вы решите более 200 практических задач, сделаете четыре курсовых проекта и защитите дипломную работу

Часть 1. Frontend-разработка 

• Вёрстка сайта на HTML и CSS
• Адаптивная и мобильная вёрстка 
• Основы программирования на JavaScript
• Система контроля версий Git
• Основы работы с JavaScript
• Разработка на JavaScript в браузере
• Профессиональная работа с JavaScript
• Frontend-разработка на React

Часть 2. Backend-разработка

• Введение в Node.js
• Библиотека Express.js
• TypeScript 
• js
• Firebase 

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

• Вёрстка сайтов в HTMLи CSS
• Frontend-разработка на JavaScriptи React 
• Использование библиотек React Router, Reduxи Redux Thunk
• Работа с изменениями кода проекта с помощью Gitи GitHub
• Программирование на языках JavaScript иTypeScript
• Backend-разработка наjs: Express.js, Nest.js
• Применение принципов клиент-серверного взаимодействия
• Работа с APIсторонних сервисов
• Работа с базами данных с ипользованием MongoBD
• Работа с облачной базой данных с помощью Google Firebase
• Автоматизация развёртывания и управления приложениями с помощью Docker
• Unit-тестирование при помощи Jest

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

Практический курс, на котором освоите HTML, CSS, JavaScript и научитесь разрабатывать пользовательские веб-приложения. Вы сможете начать карьеру разработчика в IT-компан...

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

Полностью практический курс идеально подойдет тем, кто хочет освоить профессию frontend-разработчика и научиться программировать на JavaScript. Во время обучения вы научитесь технологиям JavaScript, Node.js, основам React и Typescript и др. для создания интерактивных элементов и адаптивного дизайна.

Полностью практический курс идеально подойдет тем, кто хочет освоить профессию frontend-разработчика и научиться программировать на JavaScript. Во время обучения вы научитесь технологиям JavaScript, Node.js, основам React и Typescript

Основы программирования и создание нового фантастического мира в Minecraft

Изучение языка, применимого к веб-играм, пользовательским интерфейсам и веб-страницам

Изучим основы языка: переменные, типы данных, условия, циклы, функции, массивы, объекты. Познакомимся с алгоритмами и структурами данных. Разберёмся, как правильно называть переменные, отлаживать и улучшать код.

Программа:

• Часть 1: Основы программирования на JavaScript
• Часть 2: Условия
• Часть 3: Циклы
• Часть 4: Массивы
• Часть 5: Функции
• Часть 6: Объекты

Здесь находятся «правильные» курсы по профессиональному JavaScript и смежным технологиям. С теорией, ответами на вопросы, практикой, обратной связью по коду («code review»). 

Основы веб-разработки

• Курс «JavaScript/DOM/Интерфейсы» для новичков
• Курс «JavaScript/DOM/Интерфейсы» для программистов
• Курс по современной вёрстке

Фреймворки и другие технологии

• Курс по Node.js
• Курс по Angular
• Курс по React
• Курс по Vue.js
• Интенсив по TypeScript
• Интенсив по RxJS

Отзывы на сайте.

Учебный план:

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

• Начало работы с Веб
• Введение в HTML
• Введение в CSS

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

После изучения основ JavaScript вы будете готовы к ознакомлению с более сложными темами, например:

• Углублённый курс JavaScript, изложенный в нашем Руководстве по JavaScript
• Программный интерфейс WebAPI

Модули

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

1. Первые шаги в JavaScript
   В нашем первом модуле, посвящённом JavaScript, мы сначала ответим на несколько главных вопросов, таких, как «Что такое JavaScript?», «На что он похож?» и «Что с его помощью можно сделать?», а затем перейдём к практике - расскажем, как писать и выполнять код на JavaScript. После чего подробнее рассмотрим некоторые ключевые конструкции JavaScript: переменные, строки, числа и массивы.
2. Структурные элементы JavaScript
   В этом модуле мы продолжим изучение главных составных частей JavaScript и обратим внимание на повсеместно встречающиеся типы конструкций: условные операторы, циклы, функции и события. В ходе обучения вы уже сталкивались с ними, но только мимоходом. Теперь мы поговорим именно о них.
3. Введение в объекты JavaScript
   Практически всё, что встречается в JavaScript, является объектом. Начиная с таких ключевых конструкций, как строки и массивы, и заканчивая интерфейсом взаимодействия с браузером, который построен поверх JavaScript. Вы даже можете создавать собственные объекты, заключая взаимосвязанные функции и переменные в готовые пакеты. Если вы хотите продолжить изучение языка и писать более эффективный код, то очень важно понять объектно-ориентированную природу JavaScript. Чтобы помочь вам в этом, мы представляем этот модуль. В нем мы подробно рассматриваем основы и синтаксис ООП (объектно-ориентированного программирования), показываем, как создавать свои объекты, и объясняем, что такое данные в формате JSON и как с ними работать.
4. Клиентский Web API
   При написании клиентского JavaScript для сайтов или приложений вы не обойдётесь без использования API - то есть интерфейсов для работы с различными функциями браузера или операционной системы, на которой работает сайт, или даже для работы с данными, получаемыми с других сайтов или сервисов. В этом модуле мы изучим, какие это API и как использовать некоторые наиболее распространённые API, которые вам будут часто попадаться во время разработки.
5. Решение общих проблем на JavaScript.

По окончании курса Вы будете понимать и уметь:

• Вы владеете JavaScript, свободно разрабатываете и отлаживаете программы на этом языке.
• Вы умеете создавать компоненты и объединять их в интерфейсы средней сложности.
• Ваши интерфейсы работают стабильно, без глюков, их можно удобно дорабатывать и развивать.
• Понимать возможности JavaScript для манипуляции элементами HTML-страниц
• Управлять элементами HTML-страниц с помощью JavaScript
• Реализовывать различные эффекты (drag’n’drop, анимационные эффекты, запоминание информации в cookie, работа с окнами)

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

Модуль 1. Введение в JavaScript, основные сведения, синтаксис

• Краткая история JavaScript, текущая версия (1.5)
• Внедрение сценариев в HTML
• Синтаксис, зарезервированные слова
• Понятие операторов
• Практика: Первый сценарий
• Понятие переменной, литерала
• Классификация типов данных, оператор typeof
• Краткое описание всех типов данных
• Глобальный объект
• Тривиальные типы данных null, undefined
• Базовые типы String, Number, Boolen
• Работа с числами — объект Math, функции (методы глобального объекта) parseInt(), parseFloat()
• Практика: Изучение методов экземпляров String
• Практика: Изучение методов экземпляров Number, методов глобального объекта и объекта Math

Модуль 2. Инструкции и функции

• Понятие инструкции
• Объединение инструкций, оператор «,»
• Блок инструкций {}
• Условные инструкции (if, if/else, if/else if/else)
• Инструкции цикла (while, do/while, for, for/in)
• Инструкция переключения (switch/case/default)
• Инструкции continue, break
• Инструкция перехвата и обработки исключения (try/catch/finally, тип данных Error)
• Практика: Построение таблицы в цикле (использование элемента <style> и правил CSS для модификации внешнего вида таблицы)
• Практика: Определение правильного окончания слова с разными числительными
• Функции
• Имена функций, их создание и вызов
• Область видимости переменных
• Аргументы функций, объект arguments, рекурсивный вызов
• Инструкция return
• Практика: Использование функции для модернизации предыдущего примера с окончанием слова
• Практика: Создание функции для работы с любым количеством переданных аргументов
• Практика: Создание функции, возвращающей значение

Модуль 3. Массивы и объекты

• Массивы, тип данных Array
• Свойства и методы экземпляров Array
• Практика: Изучение методов массивов
• Объекты в JS, тип данных Object
• Свойства и методы экземпляров Object
• Углубление понятия свойств и методов любого объекта в JavaScript
• Контекст исполнения функции в качестве метода объекта
• Практика: Вызов глобальной функции как метода объекта, ключевое слово this
• Пользовательские объекты
• Понятие класса-конструктора, оператор instanceof, свойство constructor
• Механизм наследования, prototype
• Практика: Создание пользовательского класса-конструктора, передача аргументов
• Практика: Модификация пользовательского класса-конструктора с помощью prototype

Модуль 4. Регулярные выражения и даты

• Шаблоны для поиска в строках, тип данных RegExp
• Синтаксис регулярных выражений
• Спецсимволы, неалфавитные символы (управляющие последовательности)
• Классы символов
• Повторение
• Альтернатива, группировка и ссылки (внутри вне шаблона)
• Флаги
• Свойства экземпляров RegExp
• Методы экземпляров RegExp и String для поиска с использованием шаблонов
• Практика: Использование рассмотренных методов для поиска
• Практика: Составление шаблона для проверки корректности e-mail
• Создание дат, тип данных Date
• Свойства и методы экземпляров Date
• Практика: Получение текущей и заданной дат
• Практика: Получение даты с заданным смещением (неделя — 7 суток, месяц — 30 суток)
• Практика: Использование экземпляров Date в качестве «секундомера»
• Заключительная часть – закрепление знаний про объекты, их свойства и методы, синтаксис доступа к ним

Модуль 5. Глобальный объект Window

• DOM как связь базового JavaScript и HTML страницы
• Краткая история развития DOM, текущая версия (2)
• Глобальный объект Window, его свойства и методы
• Объекты, доступные как свойства Window, их свойства и методы:
• location
• history
• navigator
• screen
• document
• Практика: Использование методов prompt(), confirm(), alert() для задания условия выполнения действий и информирования пользователя
• Практика: Отложенный вызов кода (setTimeout(), setInterval()), использование методов для счетчиков времени
• Практика: Открытие окна, работа с его положением, получение и потеря фокуса, скроллирование, закрытие окна
• Практика: Отслеживание свойства closed открытого окна, взаимодействие окон с помощью переменной и свойства opener
• frames[] и понятие HTML коллекции
• Взаимодействие окон (глобальных объектов) во фреймовой структуре
• Практика: Работа с переменными в разных окнах (top, parent, self), закрепление понимания, что глобальные переменные — свойства объекта window, глобальные функции — методы этого объекта

Модуль 6. Объект Document, базовая модель событий

• Свойства и методы объекта Document
• Доступ к отдельным элементам страницы с помощью свойств объекта Document:
• body
• title
• forms
• images
• links
• anchors
• applets
• embeds
• Доступ к атрибутам элементов страницы
• Способ сохранения информации для посещенной страницы – cookie
• Практика: Модификация работы по открытию окна: добавление формирования содержимого
• Практика: Чтение и запись cookie
• Базовая или исходная модель событий
• Список событий и элементы страницы, где они могут возникнуть
• Применение кода в качестве обработчика события
• Вызов функций в значении атрибута
• Регистрация функций-обработчиков в качестве свойства элемента, ключевое слово this
• Передача ссылок на событие и элемент, в котором оно возникло
• Практика: Регистрация обработчиков событий в HTML коде, недостатки этого способа
• Практика: Регистрация обработчиков событий в коде скрипта, передача ссылки на событие

Модуль 7. Отдельные HTML элементы и работа с ними

• Таблицы и ее элементы
• Свойства и методы таблицы, ее элементов
• Практика: Динамическое создание таблицы (модификация примера из 2 модуля курса «Базовый JavaScript»)
• Формы и элементы управления
• Свойства и методы формы, ее элементов
• События, связанные с формой и ее элементами
• Практика: Правильная организация формы, ее проверка перед отправкой, фильтрация ввода с клавиатуры
• Изображения
• Свойства изображений
• События, связанные с изображениями
• Практика: Динамическое создание изображения, организация просмотра увеличенных изображений

Модуль 8. Объектная модель документа (DOM)

• Реализация W3C DOM различными браузерами
• Архитектура DOM, дерево элементов
• Типы узлов, работа с атрибутами
• Свойства и методы различных типов узлов
• Доступ к значению атрибутов через свойства
• Работа со встроенными стилями (атрибут style (inline))
• Работа с таблицами стилей (элементы <link> для внешних таблиц (linking) и <style> для встроенных таблиц (ebbedding))
• Методы экземпляров RegExp и String для поиска с использованием шаблонов
• Практика: Динамическое создание таблицы (модификация примера из 2-го модуля курса «Базовый JavaScript»)
• Практика: Поиск элементов страницы и манипуляции с ними
• Практика:
• Построение списка со ссылками из массива
• Практика:
• Изменение внешнего вида посредством работы с таблицами стилей

Модуль 9. Модель событий в объектной модели документа

• Отличия целевых элементов для некоторых событий по сравнению с базовой моделью
• Модель возникновения, распространения и обработки событий в W3C DOM и IE
• Использование всплытия событий для регистрации единственного обработчика, исключения
• Свойства события
• Кроссбраузерное назначение функций-обработчиков событий
• Практика: Принципы построения кроссбраузерного служебного кода
• Практика: Реализация drag’n’drop
• Практика: Построение раскрывающегося по клику списка

Модуль 10. Основы использования библиотеки jQuery

• Обзор jQuery;
• jQuery селекторы;
• Манипуляции DOM;
• Манипуляции CSS;
• Использование jQuery для создания обработчиков событий;
• Использование jQuery для создания визуальных эффектов.
• Основы применения анимации
• Практика: по теме

Модуль 11. Асинхронное программирование в JavaScript:

• Асинхронное программирование;
• Преимущества асинхронного программирования;
• Функция обратного вызова — основа асинхронного программирования
• XMLHttpRequest;
• Использование XML для AJAX;
• Использование JSON для AJAX;
• Использование jQuery для AJAX вызовов;
• Отложенные (deferred) объекты.

Модуль 12. Model-View-Controller библиотеки (frameworks) для JavaScript:

• Что такое MVC?
• Типичные возможности MVC-библиотек;
• js;
• Другие MVC-библиотеки.

Модуль 13. JavaScript -инструменты:

• Отладка JavaScript;
• Сжатие кода;
• Тестирование приложений на JavaScript.

Модуль 14. Будущее JavaScript:

• ECMAScript 6.

Цель мини-курса Javascript/jQuery дать начальное представление о работе с DOM, как с помощью Javascript ES5, так и с помощью jQuery. Курс Javascript(JS)/jQuery подходит для начинающих с нуля, однако необходимо знать основы HTML/CSS.

В уроках Javascript/jQuery вы узнаете:

• Что такое язык Javascript и как его используют
• Базовый синтаксис классического Javascript (ES5)
• Как пользоваться переменными в Javascript
• Какие бывают виды циклов в Javascript и для чего они нужны
• Что такое массивы и как работать с массивами в Javascript
• Что такое JSON
• Функции для работы со строками и массивами в Javascript
• Как создавать собственные функции
• Как создавать и обрабатывать события при клике на кнопку
• Как изменять CSS-стили при клике на кнопку
• Что такое библиотека jQuery
• Как встроить jQuery в html-страницу

План курса:

Знакомство с Javascript и jQuery

• Знакомство с Javascript
• Первый код на Javascript
• Подключение и обращение к DOM
• Первый код на jQuery

Работа с классами и CSS-стилями

• Обращение к классам
• Функция fadeOut
• Обращение к классам
• Тест по пройденным урокам
• Как задавать CSS стили с помощью Javascript или Jquery
• Javascript, jQuery задать CSS-стили

Массивы, циклы и собственные функции

• Массивы в Javascript
• Виды массивов в Javascript
• Функции для работы с массивами в Javascript
• Циклы for и forEach в Javascript для работы с массивами
• Циклы и методы для работы с массивами в Javascript
• Создание собственных функций в Javascript
• Создание собственных функций в Javascript
• Тест по пройденным урокам

Работа с событиями (events) в Javascript

Углубленное изучение JavaScript, Node и React.

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

1 месяц

• О языке JavaScript (vanilla.js, ES6-8)
• Операторы, выражения и инструкции, переменные и константы
• Манипуляции с базовыми типами, тривиальные типы
• Условия и логические операторы
• DOM API
• Массивы и методы работы с массивами
• Циклы while, for, forEach, for…in
• Функции, анонимные функции, стрелочные функции, замыкания, коллбэки
• Функции управления временем setInterval, setTimeout, requestAnimationFrame
• Ajax
• Объектно-ориентированное программирование: классы, объекты, наследование

2 месяц

• Введение в React.js - пропсы и состояние
• JSX, разделение программы на компоненты
• Обработка событий на React
• Жизненный цикл компонентов, поднятие состояний
• Современная сборка проекта: webpack, babel, scss
• Роутинг
• Redux: store, state, action, reducer
• Объедение React-route и Redux

3 месяц

• Работы с Ajax на React, Promises
• Введение в Node.js
• База данных MongoDB (организация данных, получение данных)
• Работы с MongoDB через Node.js
• Регистрация / авторизация на основе Node.js
• io
• Практика работы над проектом

Базовый курс профессионального Javascript предназначен для:

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

В результате освоения программы курса Javascript и jQuery, вы получите следующий набор знаний и навыков:

• Области применения и принципы программирования в JavaScript и jQuery;
• Понятия объектов, идентификаторов, массивов, циклов и конструкций;
• Функции, методы и свойства числовых объектов;
• Принципы работы фреймворка jQuery и его взаимодействия с языком Javascript;
• Работа с DOM – объектной моделью документа;
• Применение функций и действий над элементами, программирование событий и реакций на web-странице, работа с формами, создание слайдеров.

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

1 Модуль. Вёрстка сайтов

• Занятие №1

Введение в веб-разработку. Сайтостроение. Элементы веб-разработки: блочные и строчные. Поток документа.

• Занятие №2

Каскадные таблицы стилей CSS. Синтаксис и простые селекторы. Вложенность и наследование.

• Занятие №3

Язык разметки HTML. Теги оформления, комментарии, гиперссылки, изображения, списки и другие элементы веб-страницы.

• Занятие №4

Селекторы. Псевдоклассы и псевдоэлементы. Работа с текстом на веб-странице.

• Занятие №5

Фон. Табличная сетка и списки. Работа с данными на сервере, создадим форму обратной связи.

• Занятие №6

Блочная верстка и Box Model.

• Занятие №7

Внешний вид: отступы, обтекания, позиционирование и рамки.

• Занятие №8

Вёрстка интернет-каталога. Сверстаем карточку товара.

Чёткое понимание структуры Web-а. Приобретён навык вёрстки кроссбраузерного сайта.

2 Модуль. Адаптивная вёрстка

• Занятие №1

Photoshop и Вёрстка сайтов. Настройка рабочей среды Photoshop для верстальщика. Введение в HTML 5. Начало вёрстки сайта по PSD-макету.

• Занятие №2

Элементы сайта и работа с ними: чекбокс, радио-кнопка, переключатели. Введение в адаптивную вёрстку.

• Занятие №3

Desktop и Mobile First подходы. Основные сходства и отличия.

• Занятие №4

Работа с изображениями на веб-странице. SVG и WEBP. Слайдеры.

• Занятие №5

Введение в jQuery. Создадим слайдер для сайта. Обзор Animate.css.

• Занятие №6

Методологии вёрстки: БЭМ, OOCSS, SMACSS, Atomic CSS. Особенности работы с Figma.

• Занятие №7

Препроцессоры LESS, SASS, PostCSS. Обзор фреймворка Bootstrap.

• Занятие №8

Git и Gulp. Сборка финального проекта - многостраничного адаптивного и кроссбраузерного сайта.

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

3 Модуль. Javascript основы

• Занятие №1

Введение в Javascript. Обзор среды разработки – WebStorm. Первый проект на Javascript. Первая программа на Javascript. Система управления версиями – Git.

• Занятие №2

Синтаксис Javascript. Переменные и операторы. Идентификаторы, литералы. Типы данных в Javascript. Выражения и операторы в Javascript. Типы операторов и их взаимодействие.

• Занятие №3

Функции в Javascript. Функциональные выражения. Стрелочные функции. Анонимные функции.

• Занятие №4

Массивы в JavaScript. Создание и инициализапция массива. Команды Pop/Push, Shift/Unshift.

• Занятие №5

DOM (Дерево). Определение и функции DOM в Javascript. Навигация по DOM-элементам (getElement* и querySelector*). Основы работы с событиями. Библиотека jQuery.

• Занятие №6

Технология Ajax. Загрузка данных в фоне. Фоновая отправка формы.

• Занятие №7

Прототипное программирование. Объектно-ориентированное программирование в Javascript. Классы в ООП Javascript.

• Занятие №8

Модули в Javascript. NodeJS. WebPacker.

Глубокое понимание основ Javascript и Front-End разработки. Пониманием объектно-ориентированной модели JavaScript. Навык работы с модулями и сборщиком WebPacker.

4 Модуль. JavaScript фреймфорки: VueJS

• Занятие №1

Знакомство с VueJS. Установка VueJS на странице. Первое приложение «Hello world». Директивы: v-if, v-for, v-on, v-model.

• Занятие №2

Компоненты во VueJS. Структура компонента. Входящие данные: props. События компонента: $emit. Значения по-умолчанию для props. Составные компоненты. Распределение зон ответственности между компонентами. Mixins. Однофайловые компоненты. Приложение «Список дел».

• Занятие №3

Принцип DRY. Повторное использование кода. Примеси Mixins.

• Занятие №4

Навигация в приложениях на VueJS. Подключение библиотеки VueRouter. Схема маршрутов приложения. Вложенные маршруты. Ссылки перехода router-link. Программная навигация. Передача параметров в машруте. Props и параметры маршрута

• Занятие №5

Паттерн управления состоянием приложения. Библиотека Vuex. Подключение и настройка хранилища. Мутации. Геттеры. Приложение “Складской учет”.

• Занятие №6

Взаимодействие с сервером. Библиотека VueResource. Архитектура приложения, работающего с API. Обработка ответа сервера.

• Занятие №7

Авторизация в приложении на VueJS.

• Занятие №8

Шаблон проекта на VueJS. Утилита vue-cli. Сборка проекта для публикации на хостинге.

Комплексные знания VueJS, готовый проект на VueJS - “Интернет магазин спортивных товаров”, размещенный на хостинге.

Программа курса может быть изменена исходя из трендов it-индустрии.

Программа онлайн курса

Блок 1 - WEB, HTML, CSS, BOOTSTRAP

Вводный курс по web технологиям

• технология клиент сервер.
• сеть интернет, провайдер, домен, хостинг, web сервер.
• http запросы, типы запросов POST, GET.
• протоколы передачи данных: http, tcp/ip, ftp, ssh и другие.

Базовый синтаксис html

• базовый синтаксис css.
• создания кроссбраузерной html страницы с учетом отображения её на мобильных устройствах.

Основы javascript

Введение

• История javascript, область применения, программы для написания кода подключение к html странице.

Основы синтаксиса

• Типы данных и переменные.
• операторы сравнения и логические значения.
• Условные операторы if и else.
• Циклы while, do while, for, for in, each.
• функции, замыкания и область видимости.
• массивы и объекты.

Работа с DOM моделью

• Выборка html элементов со страницы по названию класса, id, имени тега и другие способы.
• Вставка, изменение и создание html элементов на странице.
• События браузера, click, mouseover, mousedown, mousemove и другие.
• События браузера, click, mouseover, mousedown, mousemove и другие.
• Создание обработчиков событий в ответ на действия пользователя.
• Регулярные выражения

Блок 2 - Объектно ориентированное программирование (ООП).

ООП при процедурном программировании

• Конструктор объекта.
• Понятие интерфейса.
• Методы работы с интерфейсом (сеттеры, геттеры).
• Функциональное наследование.

ООП в прототипном программировании

• Прототип объекта.
• Классы.
• Наследование.
• Свои ошибки, наследование от Error.

Продвинутый javascript, ES-2015/ES6 , NODE js

ES-2015/ES6

• переменные let и const
• Деструктуризация.
• Новые возможности объявления функций и работы со строками.
• Работа с объектами и прототипами.
• Работа с классами и наследованием между ними, extends, constructor, super, static, геттеры, сеттеры.
• Тип данных Symbol, итераторы, Set, Map, WeakSet и WeakMap.
• Promise, асинхронный javascript.
• Генераторы, модули, proxy

NODE JS

• Установка и запуск
• Работа с модулями
• NPM и Yarn менеджеры установки пакетов для node js
• Подключение базы данных, post и get запросы
• Сборщик проектов Webpack, Babel

Работа с API

• Работа с http запросами, технология клиент - сервер
• Изучение ajax запросов и формата передачи данных JSON
• XMLHttpRequest и fetch
• Принципы работы REST API

Блок 3 - Изучение современной javascript библиотеки REACT JS.

REACT JS

• Базовая концепция, для чего и где используется.
• Настройка окружения, создание структуры приложения.
• Изучение JSX - синтаксиса.
• React Virtual DOM.
• Рендеринг элементов.
• Компоненты и реквизит
• Оформление компонентов, работа с CSS.
• Жизненный цикл React-компонентов.
• Состояние и жизненный цикл.
• Обработка событий.
• Условный рендеринг.
• Списки и ключи.
• Формы.
• Обратный поток данных, подъём состояния.
• Отладка.

Блок 4 - Изучение современной javascript библиотеки REACT JS.

REDUX JS

• Базовая концепция, единственный источник истины, для чего использовать с react.
• Подключение к react.
• События, асинхронные события.
• Reducers, создание и обновление хранилища, иммутабельность данных.
• Connect метод.
• Отладка.
• Разработка фронтенд приложения на REACT JS.

Изучение написания end-to-end и unit тестов для тестирования Frontend приложений на react

• Jest js.
• Enzyme
• Nightwatch

Разработка фронтенд приложения на REACT JS и написание серверной его части на NODE JS

После онлайн курса:

1. Ты научишься создавать веб-страницы и полноценные веб-приложения.
2. Наработаешь свое стартовое портфолио.
3. Сможешь добавлять анимацию и графические эффекты на веб-страницы.
4. С помощью JavaScript научишься взаимодействовать с пользователями через веб-интерфейс.

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

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

Технологии изучаемые на курсе

• Основы программирования на JavaScript. Правильный подход.
• Работа с DOM. Создание интерактивных приложений.
• Современный стандарт ES6. Используйте самые актуальные возможности языка.
• Взаимодействие с сервером. XMLHttpRequest, Ajax, Fetch.
• Строки, массивы, функции, объекты в JavaScript. Просто о сложных вещах.
• Контекст, scope, this, промисы, асинхронность, модули, импорты, роутер, state, компоненты.
• Работа с сервером и API. Создание динамических приложений.
• Финальный проект. Построение SPA приложения на native JS. Работа с API, модули и компонентный подход.

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

• 1 модуль. Основы языка JavaScript
• 2 модуль. JavaScript в браузере
• 3 модуль. Продвинутый JavaScript
• 4 модуль. Современный JavaScript
• 5 модуль. Финальный проект

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

Неделя 1 — Основы JavaScript, переменные и функции

• Знакомимся со своим личным наставником и группой.
• Узнаём как работает JavaScript и что такое переменные и функции.

Неделя 2 — Объекты и массивы, обработка ошибок

• Разбираем базовые операции с объектами и массивами, изучаем деструктуризацию и spread-оператор.
• Изучаем динамические свойства массивов, учимся создавать proxy.
• Разбираем инструменты разработчика, изучаем принципы обработки исключений.

Неделя 3 — DOM, асинхронность

• Учимся создавать, выбирать и модифицировать элементы DOM, изучаем механизм DOM-событий.
• Рассматриваем, что такое обработчик событий, делегирование.
• Изучаем асинхронность в JS, разбираем Promise, Async/await.

Неделя 4 — Работа с сетью, Browser API

• Рассматриваем работу с сетью на примере WebSocket, ServiceWorks.
• Изучаем Local/Session Storage, HTML 5 Drag and Drop.
• Рассматриваем принцип взаимодействия между окнами и

Неделя 5 — Работа с VK API, ООП

• Изучаем документацию по работе с VK API. Рассматриваем шаблонизацию.
• Рассматриваем основы ООП в JavaScript. Изучаем полиморфизм, наследование, инкапсуляцию, конструкторы и классы.

Неделя 6 — MV*, модули

• Изучаем шаблоны проектирования MVС и MVVM.
• Рассматривается перевод проекта на модули, изучаются ES6 модули.

Неделя 7 — Node.js, тестирование

• Знакомимся с Node.js. Рассматриваем работу с файлами и сетью.
• Определяемся с необходимостью тестирования JS-кода.
• Знакомимся с библиотеками для тестирования.

Стать Senior JavaScript-разработчиком? С ITEA!

JavaScript Advanced — обучение, благодаря которому ты начнешь работать со сложными IT-проектами, использовать прототипно-ориентированную модель программирования и управлять DOM через использование JavaScript.

Курсы по JavaScript Advanced проходят так:

• Вебинар
• Домашние задания
• Работа с ментором
• Курсовой проект

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

• Навыки работы с IDE;
• Знание основ HTML;
• Знание основ JavaScript.

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

Программа:

• Настраиваем VScode для работы с курсом
• Стартуем и пишем первую программу (update 2021-05-12)
• Основы ввода данных (update 2021-05-12)
• Оператор If, else, switch case - выбор в JavaScript (update 2021-05-12)
• Работаем с формами: input, range, textarea, checkbox (update 2021-05-12)
• Циклы в JavaScript (часть 1)(update 2021-05-12)
• Вложенные циклы в JavaScript (часть 2)(update 2021-05-12)
• Функции и все о них (update 2021-05-12)
• Цикл While, Do While
• Работаем с DOM
• Массивы в JavaScript
• Добавление и удаление элементов в массиве, pop, push,splice
• Двумерные массивы
• Ассоциативный массив (объект) в JavaScript
• Практика по массивам - получаем прогноз погоды по API
• Set в JavaScript
• Перебор массивов: for, for in, for of
• Методы массивов: map, filter ( часть 1)
• Методы массивов: join, split, forEach ( часть 2)
• События мыши в JavaScript
• События клавиатуры в JavaScript
• Краткий обзор touch событий
• Обрабатываем ошибки с помощью Try Catch
• Сохраняем все
• Немного теории - работа с POST, GET запросами
• AJAX - асинхронный JavaScript
• Учим FETCH на практике
• Работаем с промисами (Promise)
• ООП в ES6
• Бонусы – замыкания
• Бонус - Рекурсия

Обучение Fullstack веб-разработчика на Javascript.

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

• Сверстать страницу на HTML
• Решать задачи любой сложности с помощью алгоритмов
• Программировать на JavaScript
• Писать серверную логику и развернуть Node.js
• Настраивать взаимодействие с базами данных
• Создавать сложные интерактивные интерфейсы
• Развернуть на домене созданный сайт и поддерживать его
• Разбираться в чужом коде, вносить изменения
• Искать и исправлять ошибки в своем коде (debugging)
• Написать собственный движок сайта
• Использовать библиотеку React
• Тестировать приложения

Курсы:

• Веб - программист. Профессиональная разработка на PHP и JS. 2021
• Разработчик JavaScript (фуллстек)
• Веб - разработка. Профессионал Laravel и React
• Golang - разработчик fullstack (дипломная программа)
• Специалист JavaScript
• Full - stack javascript – разработчик
• Front - end разработчи
• Эксперт по программированию на JavaScript (со знанием Vue.js и Node.js
• Современная web - разработка для школьников
• JavaScript. Уровень 1. Основы JavaScript
• Уровень 3. ESNext
• Уровень 2. Расширенные возможности
• Уровень 6. React и JSX
• Уровень 7. Redux и react-router
• Уровень 8. Vue.js – открытый фреймворк на JavaScript для разработки веб – приложений
• Уровень 9. Vue.js. Расширенные возможности.
• Практика создания веб - приложения (фронтенд)
• Уровень 3а. Использование библиотеки jQuery.
• Уровень 4. Fetch/AJAX API – 16
• Уровень 5. Серверное программирование на Node.js
• Уровень 10. HTML5 API
• Курс 20480C: Программирование в HTML5 с JavaScript и CSS3
• Разработка веб - приложений на AngularJS
• Современная web - разработка для школьников. Уровень 1
• Современная web - разработка для школьников. Уровень 2

План курса

За курс мы будем изучать Javascript с нуля для начинающих. Начать курс js для начинающих нужно с переменных, а далее постепенно изучать более сложные конструкции.

В ходе изучения javascript (или же Ява скрипт) мы изучим все основные концепции, научимся работать с HTML при помощи языка JS, а также разработаем несколько мини проектов.

К концу курса у вас будет достаточно знаний чтобы начать использовать Java Script внутри ваших проектов.

В рамках курса Вы:

• изучите основы программирования JavaScript;
• научитесь работать с управляющими конструкциями Java;
• освоите и начнете применять функции при процедурном подходе в программировании;
• поймете правила и принципы использования объектных типов в JavaScript;
• будете применять объектно-ориентированный подход в программировании.

Во время обучения Вы узнаете:

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

• Введение в JavaScript (ECMAScript-262);
• Обзор базовых типов;
• Операторы;
• Выражения и инструкции;
• Переменные и константы;
• Манипуляции с базовыми типами;
• Тривиальные типы.

Управляющие конструкции:

• Цикл while;
• Операторы инкремента и декремента;
• Цикл for;
• Цикл do while;
• Управляющие конструкции if – else if – else;
• Прерывание и продолжение цикла;
• Управляющая конструкция switch;
• Практикум: Практическое применение управляющих конструкций в JavaScript.

Функции:

• Понятие функций;
• Декларация функций;
• Аргументы функции;
• Возврат значений;
• Области видимости;
• Функция-выражение;
• Анонимная функция;
• Практикум: Использование функций при процедурном подходе в программировании.

Объектные типы:

• Объектный тип: Объект (Object);
• Свойства объекта;
• Методы объекта;
• Объектный тип: Массив (Array);
• Свойство и методы функций;
• Практикум: Использование объектных типов в JavaScript.

Объектно-ориентированное программирование:

• Конструкторы объектов;
• Прототипы;
• Классы;
• Практикум: Применение объектно-ориентированного подхода в программировании.

Дополнительная информация:

• Дополнительная информация по функционалу JavaScript;
• Дополнительные встроенные объекты.

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

• Для тех, кто хочет создавать Стильные современные сайты
• Для практикующих специалистов Front-End, которые хотят развиваться
• Для тех, кто уже начал изучать JavaScript
• Для тех, кто хочет изучить создание современных сайтов от А до Я

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

Курс «JavaScript Junior (Full-Stack Developer)» научит вас создавать действительно качественные приложения, ведь вы станете программистом, понимающим весь стек технологий.

• Ясно излагать свои мысли кодом Java Script, оперируя знаниями синтаксиса и принципами работы языка
• Изучите и попрактикуетесь в программировании фронт-энда и бек-энда учебного приложения, закрепив полученные знания по HTML & CSS, HTML5 & CSS3, компонентам JavaScript и Node.js
• Во время курса сами напишете веб-проект «полного цикла» и отработаете навыки применения инструментов профессионального разработчика JavaScript
• Будете готовы к реальной работе на должности JavaScript Junior Программист (Full Stack)

Курсы:

• Полный курс по JavaScript + React - с нуля до результата
• WEB-разработчик 2021
• Современный JavaScript + Vue с нуля на реальных проектах
• Практический JavaScript (Продвинутый уровень)
• JavaScript 2021 - Полное Руководство с Нуля до Профи
• Создание HTML5 игр на JavaScript и Canvas
• Курс по Front-End. От основ JavaScript до React + Redux
• Основы Современного JavaScript с Нуля для Начинающих
• Веб разработка - создание сайта с нуля HTML, CSS, JavaScript
• Азбука JavaScript (курс для начинающих).
• Как быстро начать использовать JavaScript-фреймворк Vue.js
• Полный курс по JavaScript - понимаем тонкости языка
• JavaScript задачи: квест по основам
• React JS и Redux - быстрый курс для начинающих
• Восточный гороскоп
• Супер JavaScript

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

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

После обучения вы сможете указать в резюме:

1. Знание принципов работы современных JavaScript фреймворков и библиотек
2. Знание подходов при проектировании, организации, контроле состояния и тестирования серверных и клиентских приложений
3. Умение применять паттерны проектирования: Event Loop, Flux, Immutable, Virtual DOM, Dependency Injection, Observables
4. Умение выбирать подходящие инструменты для проекта
5. Умение тестировать проект unit-тестами на разных уровнях
6. Умение создавать web-приложения с использованием современных технологий

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

В процессе обучения вы получите комплексные знания и навыки.

Модуль 1 - JavaScript

Тема 1. Введение в курс Modern JavaScript Frameworks

Тема 2. Возможности современного JavaScript

Тема 3. JavaScript - Работа с браузером

Тема 4. Введение в Node - Пакетный менеджер NPM и возможности package.json

Тема 5. Test Driven Development

Модуль 2 - Node.js

Тема 6. Основные концепции Node - Modules

Тема 7. Стандартная библиотека Node - EventLoop - Timers

Тема 8. Node Best Practices - Streams - Processes

Тема 9. Web-сервер с Express

Тема 10. Возможности MongoDB

Тема 11. Расширенные функции MongoDB - Aggregation Framework

Тема 12. Построение Rest API с Express, Mongoose

Тема 13. Основы GraphQL

Тема 14. Возможности GraphQL в реальности

Тема 15. Сборка и деплой проекта, CI/CD

Модуль 3 - Современный Стэк JavaScript

Тема 16. Web Components

Тема 17. Webpack

Тема 18. PWA

Тема 19. Service Workers

Тема 20. Функциональное программирование в JavaScript

Тема 21. Введение в TypeScript

Тема 22. Особенности TypeScript

Модуль 4 - React

Тема 23. Основы React и JSX

Тема 24. Компоненты React - Lifecycle, State & Props

Тема 25. Паттерны проектирования React (Higher-Order Components)

Тема 26. Обзор современных возможностей React

Тема 27. Состояние приложения - Flux и Redux

Тема 28. Routing в React - Оптимизация приложения

Тема 29. Подготовка React Приложения к Production, Best Practices

Тема 30. Микросервисная архитектура и аспекты SSR

Модуль 5 - Angular

Тема 31. Введение в Angular

Тема 32. Компоненты и директивы

Тема 33. Observables - RxJS

Тема 34. Сервисы и состояние приложения

Тема 35. Создание и управление формами в Angular

Тема 36. Routing, тестирование и сборка в Angular

Модуль 6 - Vue

Тема 37. Введение в SvelteJS

Тема 38. Особенности разработки приложений с SvelteJS

Тема 39. Основы Vue

Тема 40. Компоненты, шаблонизатор и формы

Тема 41. Routing и Vue3

Тема 42. Advanced Vue – Vuex

Модуль 7 - Проектная работа

Тема 43. Вводное занятие по проектной работе. Обзор пройденных фреймворков и технологий

Тема 44. Защита проектных работ

Выпускной проект

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

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

Примеры тем проекта:

• Task Runner для создания части Continuous Integration цикла.
• Reciept Roulette для управления и рекомендации рецептов.
• Elements Dashboard — магазин web-компонент. Разработка выполняется с помощью одной из стандартных библиотек JavaScript. В приложении можно видеть рейтинг, демонстрацию и документацию зарегистрированных элементов.

После обучения вы:

• Заберете с собой полный комплект обучающих материалов: видеозаписи всех вебинаров, презентации к занятиям, а также решение задач и проектов в виде кода на github и другие дополнительные материалы;
• Получите сертификат о прохождении курса;
• Приобретете опыт работы с актуальными технологиями, фреймворками и инструментарием;
• Получите приглашение пройти собеседование в компаниях-партнерах (эту возможность получают самые успешные студенты).