26 лучших курсов системного аналитика в 2022 [бесплатно + платно]

Лучшие курсы:

Приветствую в своём блоге! 🙂 В этой подборке разберём лучшие бесплатные и платные курсы системных аналитиков.

1 место. Курс «Курс «JavaScript от Skillbox»»

Цена: Рассрочка на 12 месяцев — 4 347 ₽ / мес

Ссылка на сайт: https://skillbox.ru/course/javascript/

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

  • Длительность — 6 месяцев
  • Онлайн в удобное время
  • Практика на реальных кейсах
  • Доступ к курсу навсегда.
Перейти на официальный сайт →

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

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

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

  • Писать код на JavaScript
    Изучите синтаксис, области применения и лучшие практики JavaScript.
  • Работать с JavaScript и инструментами разработчика
    Узнаете, как работать с системой контроля версий Git, менеджером пакетов npm и отладчиком в браузере.
  • Использовать разные подходы к разработке
    Научитесь писать код в императивном, объектно ориентированном и функциональном стилях.
  • Использовать JavaScript в браузере
    Научитесь использовать JavaScript для взаимодействия с сервером, работать с DOM и событиями.
  • Прокачать 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.

Эксперт – Тимофей Тиунов
Системный архитектор в Сбермегамаркете
10 лет занимается веб-разработкой во всех её проявлениях. Налаживал процессы DevOps, занимался настройкой серверов, создавал серверные приложения, руководил командами разработки. Работает системным архитектором в Сбермегамаркет, отвечает за frontend в компании.

Отзывы об обучении в Skillbox доступны на сайте.

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

Подробнее о курсе системного аналитика →

2 место. Курс «Курс «Fullstack-разработчик на JavaScript от Нетология»»

Цена: 108 000 ₽ или рассрочка на 12 месяцев — 9 000 ₽ / мес

Ссылка на сайт: https://netology.ru/programs/javascript-fullstack

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

  • Вебинары, видеолекции, практические задания
  • Уровень – с нуля
  • Документ – диплом о профессиональной переподготовке.
Перейти на официальный сайт →

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

Кому будет полезен курс:

  1. Новичкам в программировании
    Если у вас нет технического образования и опыта программирования, курс поможет быстро начать карьеру в IT. Вы изучите простой и популярный язык программирования — JavaScript. Это позволит вам быстро разобраться в программировании и найти работу, даже не имея опыта
  2. Начинающим разработчикам
    Вы углубите имеющиеся знания и ускорите карьерный рост. Комплексная программа и опыт работы с продвинутыми инструментами, фреймворками, методологиями и стандартами позволят уверенно себя чувствовать даже программистам, имеющим небольшой опыт работы
  3. Frontend- и backend-разработчикам
    Сможете добрать недостающие знания и стать fullstack-разработчиком. Умение разрабатывать клиентскую и серверную части проекта позволит вам работать со сложными, комплексными проектами и увеличить свою стоимость как специалиста.

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

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

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

JavaScript — идеальный язык для старта карьеры.
Его простой синтаксис позволит вам быстро разобраться в программировании и найти работу, даже не имея опыта. А поскольку он считается ещё и самым популярным языком, можно найти много вакансий.

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

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

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

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

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

  1. HTML-вёрстка с нуля до первого макета
    Вы научитесь верстать сайты на HTML и CSS, а также вносить изменения в существующую вёрстку. По итогам этого модуля самостоятельно сверстаете лендинг.
  • Теги для вёрстки контента страницы
  • Теги для вёрстки структуры страницы
  • Селекторы CSS
  • Определение контекста элементов
  • Блочная модель
  • Позиционирование элементов
  • Оформление текста
  • Оформление декоративных элементов
  • Состояние интерактивных элементов
  1. Адаптивная и мобильная вёрстка
    Научитесь создавать вёрстку под любой тип устройств — компьютер, планшет, смартфон. Это позволит вашему сайту быть адаптивным и корректно работать на любых устройствах.
  • Вёрстка резинового макета
  • Введение в медиазапросы
  • Медиа-функции
  • Вёрстка адаптивного макета
  • Breakpoints
  1. Основы программирования на JavaScript
    Познакомитесь с азами программирования, напишете первые строки кода и создадите простые проекты. Для практики будете использовать язык JavaScript — это поможет вам лучше понять работу frontend-части приложения.
  • Алгоритмы
  • Переменные, числа и строки
  • Логика и математика
  • Ветвление кода
  • Алгоритм с множественным выбором
  • Ошибки в коде
  • Массивы
  • Циклы
  • Подпрограмма, функция
  • Объекты
  • Синхронное и асинхронное выполнение алгоритма
  1. Система контроля версий Git
    Каждый разработчик должен знать основы работы с системой Git — на данный момент это практически стандарт по управлению исходным кодом. За три занятия вы научитесь работать с этой системой и с сервисом GitHub, сможете публиковать свои домашние работы и уже в процессе обучения сформируете первое портфолио.
  • Предназначение системы контроля версий
  • Основные операции: фиксация и откат изменений, поиск, история
  • Работа с сервисом GitHub
  • Ветки, слияние веток и разрешение конфликтов
  • Командная работа
  1. Основы работы с JavaScript
    Глубже погрузитесь в JavaScript — один из самых популярных и гибких языков программирования. Начнёте с азов синтаксиса и узнаете, что такое ООП, исключения, замыкания, асинхронность.
  • Базовый синтаксис
  • Расширенный синтаксис в JavaScript
  • Типы данных
  • Функции и объекты
  • Прототип и конструктор объекта
  • ООП в JavaScript (ES6)
  • Обработка исключений и замыкания
  • Прототип массива, функции высшего порядка
  • Асинхронность
  1. Разработка на JavaScript в браузере
    Узнаете о дополнительных возможностях, которые даёт браузер — Web API. Подключите скрипт к HTML-документу и получите к нему доступ, чтобы сделать документ «живым»: изменять его и реагировать на действия пользователя.
  • Возможности JavaScript в браузере
  • Способы поиска нужного HTML-элемента
  • Объект события
  • DOM — Document object model
  • Работа с HTML-формами
  • Изменение структуры HTML-документа
  • Асинхронные запросы
  • Хранение состояния на клиенте и отправка на сервер
  1. Профессиональная работа с JavaScript
    Научитесь работать с современным инструментом для организации рабочего окружения (npm, webpack) и разберётесь с наиболее сложными разделами языка: прототипной моделью, promises и асинхронными программированием — async/await. Всё это позволит вам выйти на новый уровень в сфере веб-разработки.
  • Стандарты и версии
  • Рабочее окружение
  • Модули
  • Unit-тестирование
  • Синтаксические конструкции (try-catch, delete), функции и замыкания
  • Свойства объекта, for-in, обёртки для примитивов
  • Прототипы, конструкторы
  • Классы, наследование
  • Контейнеры
  • Объект Math, класс RegExp, ArrayBuffer
  • Promises, async/await
  • Символы, итераторы, генераторы
  1. Frontend-разработка на React
    Освоите одну из самых популярных библиотек на JavaScript — React. С помощью неё вы сможете создавать интерактивные пользовательские интерфейсы. Вам достаточно описать, как части интерфейса приложения выглядят в разных состояниях, а React будет своевременно их обновлять, когда данные изменяются. Вы сможете создавать инкапсулированные компоненты с собственным состоянием, а затем объединять их в сложные пользовательские интерфейсы.
  • Компоненты
  • События и состояния
  • Props
  • Формы
  • Композиция компонентов
  • Жизненный цикл и работа с HTTP
  • HOC
  • Hooks, Context API
  • React Router
  • Redux
  • Redux и Redux Thunk
  • Redux Saga.

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

  1. Введение в Node.js
    Познакомитесь с рабочей средой Node.js и инструментами разработки. По итогам модуля вы создадите консольное приложение для обработки файлов с помощью потоков.
  • Особенности работы с Node.js, установка и настройка рабочей среды
  • Менеджер пакетов, IO libuv
  • Работа с консолью, циклы событий, асинхронность
  • Модули Node.js и инструменты разработки
  • Стримы (потоки)
  • js HTTP-module. HTTP-stream. Встроенный низкоуровневый веб-сервер
  1. Библиотека Express.js
    Познакомитесь с библиотекой Express.js, развернёте приложение на сервере, освоите Docker, подключите базу данных MongoDB для хранения данных и passport.js для аутентификации пользователей, настроите обмен данными между клиентом и сервером — с этим помогут websocket и socket.io.
  • Библиотеки Node.js для веб-разработки. Express.js
  • Паттерн «Цепочка обязанностей»
  • Шаблонизаторы. Отрисовка контента (рендер на сервере). Библиотеки ejs
  • Развертывание приложения на сервере (heroku)
  • Docker, установка и настройка. Контейнеризация приложения. Развертывание через Docker
  • Что такое база данных, хранение данных. Сравнение реляционных и объектных БД
  • Запуск локальной MongoDB в Docker. Подключение MongoDB в Тode.js приложение. Установка библиотек и настройка соединения. Знакомство с библиотекой Mongoose
  • Аутентификация. PassportJS
  • Realtime взаимодействие с сервером, протокол websocket. Библиотеки WS и socket.io
  1. TypeScript
    Изучите принципы ООП для TypeScript, установите и настроите TypeScript в проекте. Добавите в проект правила проверки кода eslint и типы из модуля библиотеки Node.js.
  • js и TypeScript: настройка окружения, возможности
  • Динамическая типизация JavaScript vs статическая типизация TypeScript. Инструментарий tsc, tslint/eslint. Настройка проекта
  • Система типов TypeScript. Основные принципы ООП. SOLID
  • Библиотека reflect-metadata. LoC-контейнеры — type-di, inversify
  • TS: перенос и интеграция JS-проекта на примере пройденных материалов
  • Организация проекта и кодовой базы. Разделение приложения на слои: инфраструктура, внешнее API, сервисы с логикой, работа с базой данных
  1. Nest.js
    Изучите фреймворк Nest.js и основные понятия. Создадите проект на Node.js, реализуете функциональность из блока TypeScript на модули Nest.js, подключите базы данных (модуль для MongoDB). Научитесь подключать аутентификацию по модулям Nest.js и добавите тестирование кода в свой проект.
  • Фреймворк Nest.js. Создание проекта Nest.js. Основные понятия: модули, контроллеры, сервисы. MVC-архитектура
  • Погружение в Nest.js: инверсия зависимостей, провайдеры, Middleware
  • Подключение базы данных к Nest.js — модуль для MongoDB. Сервисы, репозитории, примеры
  • Потоки RxJs
  • Валидация и обработка ошибок. Interceptors, pipes
  • Аутентификация в Nest.js, passportjs. Guards
  • Тестирование. Библиотека Jest. Unit-тесты, интеграционные и приёмочные тесты
  • Вебсокеты в Nest.js
  1. Firebase
    Вы создадите аккаунт firebase, внедрите функциональность проекта «Книги» на cloud-функции и подключите облачную базу данных для хранения данных из cloud-функций.
  • Cloud Firestore, Realtime Database
  • Cloud Functions, Hosting
  • Firebase Authentication
  1. Карьера в fullstack-разработке
    Научитесь формулировать карьерные цели, создавать резюме, собирать портфолио и готовиться к собеседованиям. Создадите пошаговый план поиска работы, запишите видеопрезентацию и пройдете карьерную консультацию с HR-экспертом.
  • Пошаговый план поиска работы
  • Анализ рынка труда
  • Резюме, портфолио fullstack-разработчика и сопроводительное письмо
  • Собеседование: как подготовиться и пройти
  • Статистика и измерение эффективности поиска работы
  • Индивидуальная карьерная консультация.

Дипломный проект.
Сайт-агрегатор для просмотра и бронирования отелей
В конце обучения вы создадите сайт-агрегатор для просмотра и бронирования отелей. Для выполнения итоговой работы разработаете публичный API, API пользователя, API администратора и чат для консультанта. В проекте вы задействуете технологии Node.js, Nest.js, MongoDB и Websocket.

Преподаватели — практикующие разработчики

  • Денис Ежков
    Frontend-разработчик в «Ростелеком ИТ»
  • Эдгар Нуруллин
    Middle-разработчик в Яндексе
  • Евгений Шек
    Frontend developer в «Chocotravel и Aviata»
  • Валерий Хаслер
    Автор программ и преподаватель программирования
  • Алексей Кулагин
    CTO, Lead Engineer в «Штрихпунктир»
  • Александр Русаков
    Co-founder в PCNP Studio
  • Дмитрий Бронских
    Fullstack-developer в «Телеком-Нейва»
  • Михаил Триполитов
    IT-архитектор в Банке «Открытие».

И др.

Подробнее о курсе системного аналитика →

3 место. Курс «Курс «Fullstack веб-разработчик на JavaScript и PHP от SkillFactory»»

Цена: Рассрочка на 36 месяцев — от 3 667 ₽ / мес

Ссылка на сайт: https://new.skillfactory.ru/web-developer-fullstack

Получите крепкий фундамент в программировании и станьте незаменимым специалистом.

  • Онлайн в удобное время
  • Длительность – 1 год и 8 месяцев.
  • Уровень – с нуля.
Перейти на официальный сайт →

Вам нужно на онлайн-курс, если:

  • Хотите сменить профессию на более востребованную
  • Стремитесь расти в карьере и зарплате
  • Мечтаете решать интересные задачи и развиваться.

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

Почему PHP?
Это самый распространенный язык для бэкенда сайтов. На нем написаны Facebook, VK, системы управления контентом (CMS) WordPress, Joomla! и Drupal. И конечно, Bitrix.
Язык прост, популярен и имеет большое сообщество. Поэтому его легко изучить с нуля.
PHP сразу был оптимизирован под быстрое создание веб-приложений. Это здорово экономит бюджет на разработку.

Почему JavaScript?
Это единственный язык программирования для браузеров, который работает везде — под Windows, macOS, Linux и на мобильных платформах. то есть это самый распространенный язык для фронтенда.
JavaScript достаточно прост для изучения. На нем можно писать код в любом текстовом редакторе.

Бонусом вы изучите TypeScript, язык программирования, расширяющий возможности JavaScript.

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

Базовый курс

  1. Введение в программирование
  • Введение в веб-разработку: обзор IDE Visual Studio, командная строка, использование чужого кода, техническое задание, культура кода
  • Введение в программирование: переменные и константы, абстрактные типы данных, массив, объект, действия с данными, основные алгоритмические конструкции, функции
  • Markdown: описание, применение и синтаксис
  • Система контроля версий. GitHub: основные операции, файл .gitignore, ветвление, конфликты, методологии ветвления, культура коммитов, форки.
  1. Базовая верстка
  • Базовый HTML: основы языка, структура и элементы веб-страницы, основные атрибуты, создание сайта
  • Базовый CSS: синтаксис языка, подключение стилей к HTML, селекторы простые и комбинированные, псевдоклассов и псевдоэлементов, их приоритет, цвета и размеры в CSS, блочная модель документа, слои, позиционирование и z-index, пример работы со стилями.
  1. Базовый Frontend
  • Принципы работы JavaScript: что такое JS, ES, ES6+, консоль браузера, переменные и константы, возможности JavaScript в браузере, alert и prompt, работа с DOM, работа с событиями, объект события
  • Числа и строки в JavaScript: числа и операции с ними, Math, строки и операции с ними
  • Условия в JavaScript: логические переменные, алгебра логики, условия, Null, Undefined, алгоритм бинарного поиска
  • Циклы и массивы в JavaScript: циклы, массивы, методы массивов, перебирающие методы, деструктуризация, Map, Set, алгоритмы сортировки
  • Функции и объекты в JavaScript: пользовательские функции, объекты, JSON, область видимости, замыкания, анонимные функции, стрелочные функции, функция обратного вызова Сallback, каррирование.
  1. Базовый Backend
  • Основы языка PHP, инструменты разработчика PHP, локальный веб-сервер
  • Основные алгоритмические конструкции: условия, пользовательские функции, циклы, рекурсия, исключения, перехват исключений
  • Типы данных: арифметика, логика, строки, массивы
  • Сессии и Cookie: передача по значению и ссылке, работа с файлами и подключение файлов с кодом, сохранение состояния пользователя, передача данных между страницами, GET/POST запросы.
  1. Профориентация
    Чем Frontend отличается от Backend.

Направление «Frontend-разработчик»

  1. Продвинутая верстка
  • Продвинутый HTML: семантическая верстка, адаптивная верстка, БЭМ, инструменты макетирования, Figma
  • Продвинутый CSS: стилизация span, типы шрифтов, подключение шрифтов, свойство display, адаптивная вёрстка, медиазапросы, кроссбраузерность, принцип mobile first
  • Сетки CSS: Flexbox, Grid, Bootstrap
  • Анимации: CSS в больших приложениях, Transition, Transform, Keyframes, JS анимации
  • Проект «Верстка лендинга по макету» одностраничный лендинг дизайнерского агентства.
  1. Продвинутый Frontend
  • Продвинутая работа с объектами в JS: объекты, прототип и конструктор объекта, ООП в JS и ES6, наследование, полиморфизм, инкапсуляция
  • Стандарты написания кода и общие подходы: объектная модель в JS, прототипирование и наследование, bind, call, ES стандарт, стрелочные функции, Function Expression, SOLID
  • Асинхронность (AJAX): JSON vs XML, XHR, механизмы хранения данных на клиенте, promises, async/await, работа с HTTP (fetch, async/await)
  • API браузера: Drag & Drop, SVG, Canvas, Geolocation, Notification, Screen size, Event Source, WebSocket
  • Инфраструктура Frontend: сборщики и зависимости, архитектура кода в JS, минификация и обфускация кода, use strict, модули, Import/Export, Gulp, Webpack, SCSS, препроцессоры Pug, SASS
  • Введение в принципы построения SPA: токены, запросы, контент без перезагрузки страницы, навигация
  • Проект «SPA чат портал»: разработка одностраничного SPA чат портала.
  1. Архитектура приложений
  • Введение в тестирование: качество кода, зачем нужны тесты, виды тестирования, пирамида тестирования, фреймворки для написания тестов, Npm,Yarn, экстремальное программирование, Unit-тесты, тестирование в браузере
  • Тестирование и линтеры: форматтеры, линтеры, виды тестирования, подходы: TDD, BDD, обзор фреймворков для тестирования
  • Архитектура приложений: введение и установка, разворачиваем проект из архива, маршрутизация — роутинг — router, шаблонизатор — template — pug, контроллеры и MVC, middleware и обработка ошибок
  • Взаимодействие с backend: взаимодействие с сервером, что такое XHR, REST API, коды ответа, инструмент для разработки API: swagger
  • Алгоритмы и структуры данных. Оптимизация приложений: структуры данных, деревья, бинарное дерево поиска, хеш-таблицы, map, алгоритмы, оптимизация приложений, сортировка пузырьком, быстрая сортировка, сортировка слиянием, сложность алгоритма, оптимизация приложений через Webpack, оптимизация через картинки, SVG спрайты, Graph QL
  • Проект «Таск-менеджер»: разработка менеджера постановки и контроля выполнения задач.
  1. Трудоустройство и soft skills
  • Работа в команде и трудоустройство: составление резюме, подготовка к интервью, подготовка к тестовому заданию, как адаптироваться в команде, разработка ПО, описание рабочих процессов, тренировочное собеседование
  • Работа на фрилансе: русскоязычные биржи, международная биржа Upwork, как выбрать биржу для работы, составление профиля, как заполнить портфолио, как оценивать и брать заказы, общение с заказчиком.
  1. TypeScript
  • Писать программы на TypeScript
  • Подключать TypeScript к проекту и настраивать.
  1. Фреймворк React
  • Компонентный подход, модули, преимущества React, JSX, Virtual DOM, быстрый старт React-приложения
  • Типы компонентов, State и Props, презентационные и компоненты-контейнеры, методы жизненного цикла, Render, возвращаемые значения
  • Children, обработка событий, работа с CSS, типизация React-приложений, паттерны программирования, однонаправленный поток данных
  • React Developers Tools, Render Prop, High Order Components, пример HOC и Render Prop, функциональное программирование, PureComponent, Hooks, UseState, UseEffect, продвинутый API, обзор Hooks, Best Practices
  • React Router, роутинг с использованием ссылок и History API, знакомство с библиотекой React-router-v4, Refs и контекст
  • Проект «Канбан-доска»: разработка инструмента для визуализации и разбивки какой-либо задачи на этапы.
  1. Финальный проект «Реализация клиентской части»
    Разработка ведения учета случаев кражи велосипеда с отслеживанием прогресса. Требуется реализовать клиентскую часть, используя готовую серверную часть.

Направление «BACKEND-разработчик»

  1. SQL и работа с базами данных
  • Введение в реляционные базы данных: базы данных и зачем они нужны, реляционные и нереляционные базы данных, что такое первичный ключ и внешний ключ
  • Язык запросов SQL: настройка окружения и PostgreSQL, связи в таблицах и ER-диаграммы, язык запросов SQL, операторы и функции, сортировки и агрегация данных, запрос данных из нескольких таблиц, объединение результатов запросов
  • Транзакции: понятие данных и метаданных, DDL, DML и CRUD, транзакции, нормальные формы БД
  • Продвинутое использование реляционной БД: индексы, триггеры, представления, хранимые процедуры, использование предвыборок в запросах.
  1. Продвинутый Backend
  • ООП: наследование, инкапсуляция, полиморфизм в PHP, абстрактные классы и интерфейсы, проектирование классов и их вызов, исключения
  • MVC: Понятие MVC, Front Controller и настройка веб-сервера, Composer, PSR (PSR-4), роутинг
  • Работа с БД: сохранение пользовательских данных, PDO, SQL-инъекции, передача данных из формы в БД
  • Авторизация и аутентификация: создание формы, хранение паролей и криптофункции, RBAC
  • Конфигурирование приложения: подключение конфигураций, внешние библиотеки конфигураций, логирование данных, .env синтаксис и почему нельзя хранить конфигурацию вместе с кодом в одном репозитории
  • Тестирование приложения: PHPUnit, моки и стабы
  • SOLID, паттерны, PSR: SOLID, паттерны проектирования их применение в MVC-приложениях, PSR 1, 12
  • Скорость работы приложения: профилирование приложения, кэширование и cache hit rate, Memcached
  • Проект. Мессенджер.
  1. Основы администрирования
  • Работа с файлами и директориями в терминале: концепция Linux, установка виртуальной машины, Manual, директории, чтение файлов, редактирование файлов, элементарная работа с файлами, системы поиска
  • Linux: виртуальные машины, сборка виртуальной машины, разработка на виртуальных машинах, командная строка Linux
  • Настройка веб-серверов: что такое веб-сервера и какие они бывают, Nginx, его установка и настройка, Apache, его установка, настройка и связка с nginx, обработчики кода, PHP, установка, настройка, производительность, связь с Apache, настройка связки Nginx + Apache + PHP. Инфраструктуры веб-серверов, Nginx как файловый сервер. Веб-сервер и FTP
  • Troubleshooting веб-серверов: введение в troubleshouting веб-серверов, логи веб-серверов, решение проблем с запуском службы веб-сервера, решение проблем со сторонними службами. PHP, проблемы в работе сайта, связанные с веб-сервером, безопасность, когда всё совсем плохо. Бэкапы, репликация, балансировщики
  • Контейнеры и Docker: контейнеризация, Docker, Docker Compose, разработка с Docker.
  1. Трудоустройство и soft skills
  • Работа в команде и трудоустройство: составление резюме, подготовка к интервью, подготовка к тестовому заданию, как адаптироваться в команде, разработка ПО, описание рабочих процессов, тренировочное собеседование
  • Работа на фрилансе: русскоязычные биржи, международная биржа Upwork, как выбрать биржу для работы, составление профиля, как заполнить портфолио, как оценивать и брать заказы, общение с заказчиком.
  1. Фреймворк Laravel
  • Установка Laravel, устройство MVC в Laravel, область применения Laravel, IDE Helper, роутинг, контроллеры, Blade, директивы и компоненты, локализация
  • Artisan, миграции, Eloquent ORM, связи моделей в Eloquent
  • Принципы работы маршрутов, кастомные маршруты, CSRF в Laravel, Routing Сonventions, контроллеры в Laravel, посредники, контроллеры ресурсов
  • Авторизация и аутентификация, разграничение прав, авторизация по токену, Gate, OAuth, сброс пароля, токен
  • Юнит-тесты в Laravel, инструменты Mockery и Testbench
  • Проект. Список задач.
  1. Финальный проект «Партнерская сеть»
    Трекер трафика, созданный для организации взаимодействия компаний (рекламодателей), которые хотят привлечь к себе на сайт посетителей и покупателей (клиентов), и владельцев сайтов (веб-мастеров).

Информация о преподавателях доступна на сайте.

Подробнее о курсе системного аналитика →

Курс «Курс «Факультет Fullstack JavaScript от GeekBrains»»

Цена: Рассрочка до 36 месяцев — от 4 780 ₽ / мес

Ссылка на сайт: https://gb.ru/geek_university/fullstack-javascript

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

  • 15 месяцев, 2 занятия в неделю
  • Диплом, 5 работ в портфолио
  • Трудоустройство после обучения.
Перейти на официальный сайт →

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

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

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

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

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

  1. Как учиться эффективно. Видеокурс от методистов GeekUniversity
    Узнаете об особенностях обучения взрослых, научитесь ставить образовательные цели, строить карту компетенций, формулировать образовательные запросы.
  2. Основы программирования. Видеокурс
    — Создание переменных
    — Операции сложения, вычитания, деления и умножения
    — Логические операции
    — Работа с массивами
    — Функции
  3. Базовый курс
    — Введение в Git
    — Установка и настройка Git
    — Основные команды терминала
    — Работа с репозиториями в Git
    — Управление файлами репозитория
    — История изменений
    — Работа с ветками репозитория
    — Публикация репозитория
    — Слияния веток
    — Управление версиями
    — Создание pull-request
    — Сложные операции
    — Работа с Fork-репозиториями.

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

  1. HTML/CSS. Интерактивный курс
    — Основные понятия в веб-разработке
    — Основы языка разметки документов HTML
    — Основы языка оформления стилей документа CSS
    — Основные тэги для верстки, Псевдоклассы и псевдоэлементы
    — Основы позиционирования, работа с Flexbox
    — Работа с макетом дизайна в формате Figma
    — Основы создания адаптивного сайта
    — Стандарты web и вспомогательные инструменты
  2. Профессиональная вёрстка
    — Позиционирование элементов. Практическая верстка
    — Структура HTML5, знакомство с формами
    — Практическое применение Bootstrap
    — Препроцессоры: применение на практике
    — Эффекты перехода и трансформации в CSS3
    — CSS3: медиа-запросы, адаптивная верстка
    — Практическое применение адаптивной верстки
    — Grid layout, новые возможности CSS3
  3. JavaScript. Уровень 1
    — Основы языка JavaScript
    — Основные операторы JavaScript
    — Циклы, массивы, структуры данных
    — Объекты в JavaScript
    — Введение в DOM
    — Обработка событий в JavaScript
    — Урок-практикум
    — Анонимные функции, замыкания
  4. Продвинутый курс JavaScript
    — Современный JavaScript
    — ООП в JavaScript
    — Асинхронные запросы
    — Регулярные выражения
    — Фреймворк Vue.js
    — Компоненты Vue.js
    — JavaScript на сервере
    — Тестирование и сборка
  5. ReactJS. Базовый курс
    — Настройка среды разработки и первое React-приложение
    — Жизненный цикл React-компонента
    — Погружение в React и подключение UI-библиотеку
    — Роутинг в React. Разбиваем мессенджер на чаты
    — Redux
    — Redux middlewares, подключение роутера к Redux и хранение данных с помощью Redux-persist
    — Работа с API
    — Progressive Web App
    — Управление состоянием SPA-приложения.

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

  1. Linux. Рабочая станция
    — Введение. Установка ОС
    — Настройка и знакомство с интерфейсом командной строки
    — Пользователи. Управление Пользователями и группами
    — Загрузка ОС и процессы
    — Устройство файловой системы Linux. Понятие Файла и каталога
    — Введение в скрипты bash. Планировщики задач crontab и at
    — Управление пакетами и репозиториями. Основы сетевой безопасности
    — Введение в docker
  2. Node.js
    — Знакомство с Node.js
    — Консольные программы
    — Работа с сетевыми запросами
    — Фреймворк Express
    — Работа с MySQL
    — Аутентификация и авторизация
    — REST API
    — WebSockets
  3. Инструменты сборки Web-проектов
  4. Базы данных. Основы
    — Введение в теорию реляционных баз данных
    — Базовые понятия структуры базы данных
    — Определение данных. Базовые операции с данными
    — Выборка данных, агрегация данных
    — Вложенные запросы и объединение Union
    — Объединение Join
    — Расширенные возможности SQL
    — Оконные функции, индексы, работа в графическом клиен
  5. Сетевой протокол HTTP
    — Создание веб-сервера на Node.js
    — Взаимодействие с http-сервером с помощью программы telnet
    — Взаимодействие с http-сервером из браузера
    — Отправка, обработка GET, POST, PUT, DELETE, OPTIONS запросов
    — Работа с cookies
    — Работа с сессией
    — Перенаправления
    — Создание WS-подключения, работа с ним
    — Работа с заголовками CORS.

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

  1. TypeScript
    — Введение в TypeScript.
    — Система типов в TypeScript
    — Обобщённое программирование
    — Работа с JavaScript кодом
    — Классы и ООП
    — Расширенная настройка tsconfig
  2. Разработка сайтов с использованием Nest.js
    — Создание классов и методов контроллера с использованием декораторов
    — Проброс в контроллеры контекста запроса с использованием декораторов
    — Создание провайдеров, использование их в контроллерах и других провайдерах
    — Организация контроллеров и провайдеров в модули, использование модулей
    — Работа с TypeORM в связке с PostgreSQL, создание сущностей TypeORM, работа с ними (создание, удаление, выборка и изменение)
    — Использование механизма авторизации и Guards
    — Использование перехватчиков (interceptors)
    — Использование middlewares
    — Создание своих декораторов
    — Создание шаблонов handlebars и динамическая генерация страниц на их основе
    — Использование GraphQL
    — Работа с WebSocket
  3. Разработка высоконагруженных бэкэнд-приложений
    — Написание многопоточных приложений на Node.js
    — Использование memcached в Node.js
    — Использование Redis в качестве сервиса кэширования в Node.js
    — Использование Redis в качестве NoSql-решения в Node.js
    — Использование Redis в качестве брокера сообщений в Node.js
    — Применение микросервисного подхода при написании backend-приложений на Node.js
    — Использование apache benchmark (ab) для проведения локального нагрузочного тестирования.

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

  1. Agile, Scrum. Теория
    — Введение в Agile
    — Scrum, Kanban
    — Работа в команде по Scrum
    — Подготовка к старту проекта
    — Практика. Подготовка к проекту
  2. Выпускной проект
    — Консультация
    — Защита проекта
  3. Подготовка к собеседованию

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

  • Разработка десктопных приложений на Electron.js
  • Разработка кросс-платформенных приложений на React Native
  • Алгоритмы и структуры данных
  • Подготовка к поиску работы.
    — Как составить резюме, которое точно заметят
    — Составляем карту поиска работы
    — Зачем нужны сопроводительные письма
    — Что вас ждет на собеседовании с HR.

Вас будут обучать топовые эксперты

Алексей Кадочников
Frontend Developer в Mail.ru Group
Ведущий преподаватель GeekBrains, обучил более 30 000 студентов. Эксперт в области backend-разработки для интернет-магазинов.

Артем Манченков
Full Stack Developer в Delivery Club
Более 6 лет в профессиональной разработке. Имеет опыт в проектировании корпоративных порталов, CRM-систем и коммерческих сайтов.

Валерий Шибанов
Fullstack-разработчик в Mail.ru Group
В настоящее время участвует в разработке desktop-приложения для стриминга DonationAlerts Studio. До этого работал программистом в GeekBrains, где занимался проверкой различных концепций: разрабатывал прототип мобильного приложения, работал над интеграцией с образовательными сервисами, участвовал в разработке системы управления обучением.

И др.

Подробнее о курсе системного аналитика →

Курс «Курс «Веб‑разработчик от Школа анализа данных»»

Цена: 140 000 ₽

Ссылка на сайт: https://practicum.yandex.ru/web/

Поможем освоить новую профессию с нуля за 10 месяцев.

  • Можно учиться из любой точки мира
  • CSS, HTML, JavaScript и другие важные навыки
  • 18 практических работ, 5 проектов в портфолио (сайты и веб-приложения)
  • После обучения помогаем трудоустроиться.
Перейти на официальный сайт →

Что именно вы будете делать, когда станете веб-разработчиком:

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

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

  1. Основы HTML, CSS, JS: бесплатный вводный курс
    Вводный курс поможет почувствовать себя в роли разработчика и понять, хотите ли вы развиваться в этом направлении. Вы узнаете о базовом синтаксисе HTML и CSS, научитесь управлять цветом и шрифтами и размещать блоки на странице. А ещё напишете программу на языке JavaScript и сделаете страницу интерактивной. Всё это — с помощью четырёх практических проектов.
  • Первый код
  • Что такое HTML и CSS
  • Базовые CSS-свойства
  • Введение в JavaScript
  • Приземление в реальность
  1. Как устроено платное обучение
    Вы узнаете, как устроены программа и обучение. Ознакомитесь с организационными деталями и подготовите компьютер к написанию кода. Кроме этого, вспомните ключевые моменты из вводного курса: так проще перейти к новому материалу.
  2. Расширенные возможности HTML и CSS
    Вы узнаете, на что способны HTML и CSS. Пройдёте Flexbox, позиционирование элементов, работу с медиафайлами, виджетами и формами, создание анимаций. Познакомитесь с самым популярным в мире подходом к организации кода — методологией БЭМ, а ещё научитесь выстраивать модульные сетки и группировать элементы технологией Grid Layout. Кроме этого, подключите к проекту систему контроля версий Git и попробуете работать в командной строке — так вы создадите для сайта необходимое окружение из вспомогательного программного обеспечения.
  • Flexbox
  • Расширенные возможности HTML и CSS
  • Позиционирование элементов
  • Структура файлов, пути к файлам
  • Знакомство с Git
  • Декомпозиция проекта по вёрстке
  • Думать, как разработчик
  • HTML — video, iframe, embed, API
  • Анимации и трансформации
  • Разметка и вёрстка форм
  • Пути к файлам и организация файлов по БЭМ
  • Продолжение работы с Git
  • Дебаггинг в вёрстке
  1. HTML и CSS. Работа с макетом, построение сложных сеток, адаптивная вёрстка
    Много времени уделим макетам: разберёмся, какие виды используют в работе профессионалы и что нужно знать и уметь разработчику. Вы научитесь создавать интерфейсы для разных устройств (настольных компьютеров, ноутбуков, планшетов, смартфонов). А ещё узнаете некоторые свойства Grid Layout, которые требуются для построения адаптивных сеток. Вы продолжите развивать инфраструктуру проекта: освоите инструменты коллективной работы, разместите сайт в интернете и научитесь публиковать изменения в нём из командной строки.
  • Работа с дизайном и спецификацией
  • Неполный бриф, неточный макет
  • Дизайн в мире множества устройств
  • Grid Layout
  • Разработка интерфейса для разных устройств
  • Продолжение работы с Git
  1. Базовый JavaScript и работа с браузером
    Полноценное погружение в JavaScript. Вы исследуете типы данных, научитесь работать с условиями, циклами и функциями. Всю теорию примените в проекте — из свёрстанных страниц работа превратится в полноценный сайт.
  • Введение в JavaScript
  • Примитивные типы данных
  • Объектная модель документа (DOM). Основы
  • Отладка JavaScript-кода
  • Продвинутая работа с Git
  • Условия и циклы
  • Массивы
  • Функции
  • Добавление, изменение и удаление DOM-элементов
  • Как работать с документацией
  • Объекты в JavaScript
  • Работа с браузерными событиями
  • Формы
  • Валидация форм
  1. JavaScript — непростые концепции
    Глубокое погружение в JavaScript. Вы освоите сложные концепции языка: объектно-ориентированное программирование, асинхронность и обмен данными с сервером. Познакомитесь с менеджером пакетов npm и научитесь добавлять зависимости в проектную работу. Эти инструменты помогут вам эволюционировать из верстальщика в веб-разработчика.
  • Объектно-ориентированное программирование
  • ООП в интерфейсах. Часть 1
  • Модули в JavaScript
  • Синтаксис деструктуризации
  • ООП в интерфейсах. Часть 2
  • Привязка this и потеря контекста
  • Сборка проекта с webpack
  • Асинхронность
  • Работа с API
  • Подготовка к техническому интервью: прототипы объектов
  1. Создание интерфейсов на React
    Вы изучите библиотеку React и её экосистему. Начнёте делать сайты из компонентов, которые можно переиспользовать на разных страницах. Разработка сложных интерфейсов станет быстрее, а код будет проще поддерживать.
  • Введение в React
  • Инфраструктура и инструменты React-разработки
  • React Hooks
  • Подготовка к техническому собеседованию
  • React Router
  • Работа с данными в React
  • React — непростые концепции
  • Решение алгоритмических задач
  1. Основы бэкенд-разработки
    Без взаимодействия с сервером невозможно создавать полноценное веб-приложение. Вы изучите, как работает JavaScript в среде Node.js, поднимете и настроите сервер. Познакомитесь с фреймворком Express.js и базой данных MongoDB. Создадите серверный API для сайта, над которым работали раньше.
  • Серверная разработка на Node.js
  • Введение в Express.js
  • Анализ сложности алгоритмов
  • Создание REST API
  • Базы данных
  • Функции и их внутренности
  • Аутентификация и авторизация. Часть 1
  • Фронтенд для аутентификации на React
  • Безопасность веб-приложений
  • Аутентификация и авторизация. Часть 2
  • Автоматизированное тестирование
  • Подготовка и деплой бэкенда
  1. Дипломный проект
    Итоговый проект, с помощью которого вы подтвердите знания и умения. Во время диплома не нужно выполнять домашние задания и читать теорию в тренажёре. В нём всё будет, как в реальной жизни: задания, сроки, ваши навыки и поисковик.

Отзывы студентов:

Вячеслав Бардаков
Студент двадцать третьего потока на программе «Веб-разработчик»
«
В декабре 2020 я таки решился на попытку освоить новую для себя профессию в «хайповой» сфере it и после долгих раздумий принял решение с данной целью воспользоваться услугами Яндекс. Практикума.
Определяющими факторами при выборе именно этой платформы стали наличие бесплатной части, дающей возможность понять, что к чему и интересно ли данное направление конкретно тебе, а также подача материала в виде текста с отработкой в тренажере.
Для себя я выбрал профессию «Веб-разработчик», и вот отучившись уже почти половину курса совсем не жалею о своём выборе. Местами тяжело, но это видимо из-за отсутствия какого-либо опыта программирования. В моменты спада мотивации всегда поддерживают одногруппники (с ними мне очень повезло… таких «заряженных» и «мозговитых» ребят я давно не встречал) и команда практикума. На самом деле никогда не получал такого кайфа от получения новых знаний и процесса учебы.
Куда приведет меня обучение новой профессии на Яндекс. Практикуме мне пока не до конца ясно, но в чем точно не сомневаюсь, так это в том, что Яндекс знает толк в it и том, какие навыки требуются и ценятся на рынке труда данной сферы»

Алина Абдуршина
Студент первого потока на программе «Веб-разработчик», студент на третьем курсе
«А на самом деле видно, что проект очень толковый. Я из тех студентов, которые делают ничего и как-то сдают на отстаньте, а тут прям. Я реально обучаюсь и реально разбираюсь в теме. И задания очень хорошие для закрепления. Так что всё классно.»

Подробнее о курсе системного аналитика →

Курс «Курс «JavaScript Front-end разработка от IT Avenue»»

Цена: 50 950 руб. — 67 450 руб.

Ссылка на сайт: https://msk.avenue.school/courses/javascript-front-end/

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

Перейти на официальный сайт →

Front-end разработчик – специалист по созданию пользовательских интерфейсов (внешней части) приложений и сайтов.

Обязанности Front-end разработчика:

  • создание интерфейсов с нуля;
  • разработка реактивных компонентов и написание скриптов;
  • поддержка и развитие существующей архитектуры;
  • работа с кроссбраузерной, мобильной и адаптивной версткой.

Кому подойдёт:

  • Новичкам в IT
    Освойте востребованную профессию с Avenue! На курсе вы научитесь разрабатывать интерактивный и функциональный интерфейс с нуля. Полученный опыт и знания позволят брать первые заказы сразу после окончания обучения.
  • Начинающим верстальщикам
    Начинали изучать верстку, но пока не набрались достаточно знаний, чтобы начать работать? Изучите HTML, CSS и JavaScript на нашем курсе и сможете верстать сайты любой сложности. Знания JS позволят вам браться за объемные крутые проекты, которые не останутся незамеченными в вашем портфолио.
  • Начинающим Front-end
    Хотите узнать, как сделать сайт или приложение «залипательным»? Мы научим! Изучите язык программирования Javascript и выполняйте свои первые заказы по веб-разработке всего через 5 месяцев.
  • Владельцам проектов
    У вас есть интернет-проект? После обучения вы реализуете и запустите его своими руками. Узнав весь процесс изнутри, вы с легкостью подберете толковых специалистов в команду и сможете контролировать результаты их работы.

 

Преподаватель курса – Галиев Рустам
Расскажет, как повысить свои шансы с первого раза устроиться в хорошую IT-компанию. Более 8-ми лет в Веб-разработке. Умеет качественно и быстро верстать адаптивные веб-страницы и программировать на JavaScript.

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

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

  1. Введение в веб-разработку. Сайтостроение. Элементы веб-разработки: блочные и строчные. Поток документа.
  2. Каскадные таблицы стилей CSS. Синтаксис и простые селекторы. Вложенность и наследование.
  3. Язык разметки HTML. Теги оформления, комментарии, гиперссылки, изображения, списки и другие элементы веб-страницы.
  4. Селекторы. Псевдоклассы и псевдоэлементы. Работа с текстом на веб-странице.
  5. Фон. Табличная сетка и списки. Работа с данными на сервере, создадим форму обратной связи.
  6. Блочная верстка и Box Model.
  7. Внешний вид: отступы, обтекания, позиционирование и рамки.
  8. Вёрстка интернет-каталога. Сверстаем карточку товара.

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. Модули в NodeJS. 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. Сборка проекта для публикации на хостинге.

Что будете уметь при завершении курса?

  • Создавать современные сайты с комплексом откликов на браузерные события
  • Полноценно использовать HTML & CSS как инструмент веб-разработки
  • Проектировать Базы Данных для сайтов
  • Создавать корпоративные сайты для продажи
  • Работать с хостингом и размещать сайты в интернете.
Подробнее о курсе системного аналитика →

Курс «Курс «JavaScript с нуля от Фрилансер по жизни — IT и фриланс»»

Бесплатно

Ссылка на сайт: https://www.youtube.com/playlist?list=PLM6XATa8CAG7DDIBjNVd78Fv5Ueo930IV

Перейти на официальный сайт →

Что такое JavaScript?
Простыми словами, JavaScript или JS — это язык программирования, который чаще всего применяется как язык сценариев в браузерах для придания интерактивности веб-страницам.

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

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

Видеоуроки:

  1. План развития фронтенд разработчика. Эффективное обучение
  2. Как правильно учиться в IT — сфере. Топ ошибок при обучении. Конкретный план обучения.
  3. jQuery против JavaScript. Стоит ли учить jQuery в 2021? Что лучше для развития программиста?
  4. Что такое JavaScript? Как работает JS? Пишем первую программу на JavaScript.
  5. Основы синтаксиса JavaScript. Структура кода. Инструкции. Режим use strict.
  6. Переменные в JavaScript. Константы. Ключевые слова LET CONST VAR.
  7. Типы данных JavaScript. Null String Undefined Boolean Number и другие.
  8. Операторы JavaScript. «2»+2=22.
  9. IF ELSE в JavaScript. Условный оператор «?». Примеры IF ELSE.
  10. Циклы FOR и WHILE в Директивы break и continue.
  11. Функции в JavaScript. Стрелочные функции, рекурсия, планирование: setTimeout и setInterval.
  12. Объекты в JavaScript. Основы для начинающих. Синтаксис, создание, изменение.
  13. Числа в JavaScript. Тип данных number. Работа с числами. проблема неточных вычислений.
  14. Строки в JavaScript. Тип данных string. Типы кавычек, поиск, регистр и получение подстроки.
  15. Массивы в JavaScript. Методы массивов. Редактирование, поиск, сортировка.
  16. JavaScript Document object model (DOM) за час. Изменение HTML CSS. Атрибуты и свойства. Окружение.
  17. JavaScript размеры прокрутка и координаты элементов на странице и окна браузера.
  18. JavaScript события. addEventListener делегирование. События мыши клавиатуры загрузки сайта. Практика
  19. JavaScript и формы. Свойства, события, методы. Практические примеры.
Подробнее о курсе системного аналитика →

Курс «Курс «JavaScript от Хекслет»»

Цена: разная стоимость

Ссылка на сайт: https://ru.hexlet.io/categories/javascript/courses

Перейти на официальный сайт →

JavaScript — один из самых популярных языков программирования. Его используют в веб-разработке для работы с фронтендом и бэкендом. Онлайн-курсы Хекслета — это путь от основ программирования на JavaScript до работы с популярными и востребованными инструментами, включая React, Redux, Webpack, Express.

Курсы:

  1. Введение в программирование
  2. JS: Настройка окружения
  3. JS: Функции
  4. JS: Автоматическое тестирование
  5. Тестирование фронтенда
  6. JS: Введение в ООП
  7. JS: Redux (React)
  8. JS: Объекты
  9. JS: Асинхронное программирование
  10. JS: React
  11. JS: DOM API
  12. JS: Массивы
  13. React: Redux Toolkit
  14. JS: React Hooks
  15. JS: Полиморфизм
  16. JS: Абстракция с помощью данных
  17. JS: Архитектура фронтенда
  18. JS: Погружаясь в классы
  19. JS: Деревья
  20. JS: Предметно-ориентированное проектирование
  21. JS: Продвинутое тестирование
  22. JS: Обработка ошибок
  23. JS: Объектно-ориентированный дизайн
  24. Основы программирования
  25. JS: Составные данные
  26. JS: HTTP Server
  27. JS: Функциональное программирование
  28. JS: Программирование, управляемое данными
  29. JS: Синхронная асинхронность
  30. JS: Автоматное программирование
  31. JS: Express
  32. Основы алгоритмов и структур данных
  33. JS: Последовательности
  34. JS: Прототипы
  35. JS: Коллекции
  36. JS: Разработка абстракций для асинхронности.
Подробнее о курсе системного аналитика →

Курс «Курс «JavaScript. Профессиональная разработка веб-интерфейсов от HTML academy»»

Цена: 22 400 ₽ — 39 900 ₽

Ссылка на сайт: https://htmlacademy.ru/intensive/javascript

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

Перейти на официальный сайт →

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

Что вас ждёт на обучении:

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

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

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

  1. Знакомство c JavaScript
    Рассмотрим схему работы на курсе, какие инструменты понадобятся, и как их настроить. Разберём, что представляет собой язык JavaScript, причём здесь спецификация ECMAScript и браузер.
  • Как проходит курс. Организационные вопросы.
  • Язык JavaScript
  • Основы JavaScript.
  • Рабочие инструменты.
  1. Основные возможности JavaScript
    Начнём изучать основные конструкции JavaScript, особенно пристально — функции. Разберём нюансы объявления переменных. Познакомимся с инструментами разработчика.
  • Переменные
  • Условные операторы.
  • Циклы.
  • Приведение типов.
  • Функции.
  • rest-параметры.
  • Подвешивание (hoisting) переменных и функций.
  • Знакомство с DevTools (инструментами разработчика).
  1. Объекты и массивы
    Вы самостоятельно познакомитесь со сложными типами данных: массивами и объектами. Научитесь создавать их и управлять ими.
  • Сложные типы данных.
  • Массивы.
  • Объекты.
  • Колбэки (функции обратного вызова).
  1. Встроенные объекты и функции
    Рассмотрим существующие в самом языке JavaScript объекты и функции. Затронем контекст выполнения this. Запустим и отладим код в консоли инструментов разработчика.
  • Деструктуризация.
  • spread-синтаксис.
  • Встроенные объекты и их методы.
  • Оператор new.
  • Встроенные в JavaScript функции.
  • Контекст функций.
  • Использование Console (консоли).
  1. Организация кода
    Разберём понятие областей видимости. Обсудим принцип DRY (не повторяйся) и как им пользоваться для того, чтобы писать меньше кода, и при этом делать больше. Узнаем, что такое модули и как «бить» код на них; что такое точка входа.
  • Области видимости.
  • Модульность
  • DevTools: отладка кода с помощью Sources (исходников).
  1. DOM и события
    Вы самостоятельно познакомитесь с объектной моделью документа (англ. Document Object Model или DOM). Рассмотрите, как описывать реакции на действия пользователя: ввод текста, нажатие на определённые элементы, прокрутку и прочее.
  • DOM-дерево.
  • Шаблоны и данные.
  • События на странице.
  1. Манипуляции с DOM
    Попробуем создавать, удалять, перемещать и управлять DOM-элементами. С помощью шаблонов отрисуем данные, созданные ранее.
  • Управление DOM-деревом.
  • Подходы к созданию DOM-элементов.
  • Шаблонизация.
  1. Работа с событиями
    Обработаем взаимодействие с пользователем, чтобы страница реагировала на ввод текста в формы, нажатие на определённые элементы, прокрутку и прочее. Рассмотрим, как сделать это взаимодействие доступным.
  • События
  • Event Loop.
  • Валидация форм
  • Валидация с помощью регулярных выражений.
  • DevTools: возможности Elements (инспектора) для работы с DOM и событиями.
  1. Внешние API и сторонние библиотеки
    Рассмотрим, как не «писать свой велосипед», а переиспользовать чужой опыт и код. Познакомимся с понятием программного интерфейса (англ. Application Programming Interface или API), рассмотрим API сторонних JavaScript-библиотек и JavaScript API картографических сервисов. Кратко рассмотрим API, которые предоставляет разработчикам браузер.
  • Понятие API.
  • Картографические сервисы и их JavaScript API.
  • Сторонние библиотеки.
  • Обзор API браузера.
  1. Сеть
    Вы самостоятельно рассмотрите протокол HTTP, формат данных JSON. Рассмотрите, как меняется взаимодействие пользователя с сайтом при работе с сетью, что может пойти не так.
  • Протокол HTTP и форматы данных.
  • Обработка исключений.
  • Инструменты для работы с сетевыми запросами.
  1. Асинхронность. Работа с сетью
    Разберём понятие асинхронности и способы её достижения с помощью промисов (англ. Promise, обещание). Познакомимся с технологиями, которые позволяют делать запросы к серверу из браузера. Рассмотрим, как на практике обработать ошибки при работе с сетью, если что-то пошло не так.
  • Асинхронность.
  • Работа с сетью.
  • DevTools: работа с сетевыми запросами в Network (сети).
  1. Первая неделя защиты
    Завершение работы над проектом и подготовка к итоговой защите.
  2. Защита проекта
    Подготовка проекта к итоговой защите и оценка его проверяющим наставником по критериям качества.
  3. Обратная связь и оптимизация
    Оптимизируем работу с данными и событиями на нашем сайте. Реализуем понятную и приятную пользователю обратную связь интерфейса.
  4. Вторая неделя защиты
    Первая оценка проекта проверяющим наставником по критериям качества.
  5. Третья неделя защиты
    Улучшение проекта по замечаниям проверяющего наставника и подача на вторую оценку.
  6. Финал
    Подведём итоги курса, а после обсудим особенности JavaScript, с которыми вам, возможно, придётся столкнуться на работе. Понятие legacy-кода и что с ним, с кодом, делать. Кратко рассмотрим продвинутый инструментарий фронтенд-разработчика, чтобы вы понимали, куда двигаться дальше.
  • Особенный JavaScript.
  • Legacy-код.
  • Функции-конструкторы.
  • Продвинутый инструментарий.
  • Транспайлеры и полифилы.
  1. Четвёртая неделя защиты
    Внесение финальных правок и получение итоговой оценки.

После прохождения курса вы получите электронный сертификат.

Отзывы выпускников:

Дмитрий Оборотов
«
Один из лучших курсов что я проходил, хорошая методика, связка «лекция-задание-наставник» — великолепна.
Смотришь лекцию, читаешь дополнительные материалы, разбираешь на демонстрациях примеры, пробуешь сделать сам на учебном проекте, с подсказками из демо-материалов.»

Александр
«
Оглядываясь назад, кажется, что всё не так уж и сложно. Но на протяжении всего интенсива перед тобой каждую неделю встаёт очередная домашняя задача, а то и две. В голове мысли: «с чего начать?» и «я ничего не успею». Избавляться от таких вопросов помогают демки, наставники и повторный просмотр лекций. Огромное спасибо за таймкоды.»

Анастасия Титова
«
Уффф… честно говоря, очень боялась проходить интенсив именно по JavaScript, так как думала, что программирование — это вообще не ко мне. Я не знала элементарных вещей и в начале было очень тяжело. Думала, что защитить проект я не смогу. К середине интенсивна, наконец, раскачалась и начала понимать, что происходит. Дальше уже пошло легче, и я поняла, что всё возможно! Даже в таком запущенном случае, как у меня.»

Подробнее о курсе системного аналитика →

Курс «Курс «JavaScript разработчик от WebCademy»»

Цена: 26 000 ₽ — 34 000 ₽

Ссылка на сайт: https://webcademy.ru/jscourse/

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

  • 3 месяца обучения
  • Обучение с наставником
  • Гарантия и сертификат.
Перейти на официальный сайт →

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

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

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

1 модуль. Основы языка JavaScript

  1. Введение в курс
  • Приветствие, организационные моменты
  • Прежде чем начнем
  • Настройка инструментов.
  1. Основы языка JavaScript
  • Введение
  • Первые шаги
  • Введение в JS
  • Переменные и типы данных
  • Мутации переменных и приведение типов
  • Базовые операторы
  • Приоритеты операторов
  • Практическое занятие
  • Условия if / else
  • Булевая логика true и false
  • Тернарный оператор
  • Switch выражения
  • Истинные и ложные значения, операторы равенства
  • Практическое занятие
  • Функции
  • Объявление функции и выражение функции
  • Массивы
  • Практическое занятие
  • Объекты и свойства
  • Объекты и методы
  • Практическое занятие
  • Циклы и итерации
  • Практическое занятие
  • Версии JavaScript: ES5, ES6 / ES2015, ES6+
  1. Как на самом деле работает JavaScript
  • Как выполняется JS код. JS парсер и движок
  • Контекст вызова и исполнения
  • Контекст выполнения saeyrwbb в деталях: Создание и Фазы выполнения, Всплытие (Hoisting).
  • Область видимости и замыкание
  • Ключевое слово this.

2 модуль. JavaScript в браузере

  1. JavaScript в браузере. Манипуляция DOM элементами и События.
  • Объекты DOM и манипуляция DOM объектами
  • Практический проект
  • Получение DOM элементов и манипууляция
  • События и обработка событий
  • Программирование практического проекта
  • Практическое задание.

3 модуль. Продвинутый JavaScript

  1. Продвинутый JavaScript: Объекты и функции
  • Объекты. Наследование и Прототипное наследование.
  • Создание объектов. Функции конструкторы
  • Прототипное наследование
  • Метод Object.create
  • Примитивы и Объекты
  • Функции высшего порядка: Передача функции в качестве аргумента
  • Функции высшего порядка: Функции возвращающие функции
  • Самовызывающаяся функция IIFE
  • Замыкания
  • Привязка и передача контекста. Bind, Call и Apply
  • Практическое занятие.
  1. Соединяем все вместе. Практический проект.
  • Практический проект
  • Паттерн Модуль
  • Прослушка событий
  • Чтение входных данных
  • Создание функции инициализации приложения
  • Конструкторы функций
  • Программирование проекта.

4 модуль. Современный JavaScript

  1. Современный стандарт JavaScript. Введение в ES6 / ES 2015
  • Изменения в ES6 / ES2015
  • Объявление переменных let и const
  • Блоки и IIFE
  • Строки в ES6 / ES2015
  • Стрелочный функции
  • Стрелочный функции и this
  • Деструктуризация
  • Массивы в ES6 / ES2015
  • Spread оператор
  • Rest параметры
  • Параметры по умолчанию
  • Map
  • Классы
  • Классы и подклассы
  • Практическое упражнение.
  1. Асинхронный JavaScript: Promise, Async/Await функции, AJAX и Fetch запросы
  • Асинхронный JS
  • Понимание асинхронного кода. Цикл событий
  • Асинхронный JS и коллбеки
  • Callback hell и Промисы
  • Промисы и Async/Await
  • AJAX и API
  • AJAX запросы с Fetch и Промисы
  • AJAX запросы с Fetch и Async/Await.

5 модуль. Финальный проект

  1. Современный JavaScript: ES6, NPM, Babel и Webpack
  • Обзор нововведений
  • Краткое введение в командную строку
  • Установка Node.JS и NPM
  • Настройка WebPack
  • Настройка WebPack Dev Server
  • Настройка Babel
  • Практический проект
  • MVC архитектура проекта
  • Работа с модулями в ES6
  • Работа с API
  • Серия практических уроков по реализации проекта
  • Поиск
  • Загрузка страниц
  • Модели в проекте
  • Пагинация
  • Контроллеры
  • View и шаблоны
  • Работа с localStorage
  1. Завершение курса. Экзамен.


Преподаватель курса — Юрий Ключевский
Веб-разработчик с 10-ти летним стажем. Работал в международных компаниях и на фрилансе. Основатель онлайн школы ВебКадеми, автор обучающего YouTube канала, блога по веб-разработке.

Подробнее о курсе системного аналитика →

Курс «Курс «JavaScript от beONmax»»

Цена: от $5.8

Ссылка на сайт: https://beonmax.com/courses/javascript/

Основная цель курса — практика изучения JavaScript на реальных примерах для frontend-разработчиков. Каждый теоретический блок заканчивается практикой. Создадите реальные проекты в процессе прохождения курса. Исходные коды к заданиям для сверки прилагаются.

  • Продолжительность: ~19 часов.
Перейти на официальный сайт →

Курс состоит из 2-х частей: базовый JavaScript с нуля для начинающих разработчиков и JS продвинутый для более опытных программистов.
Подробно изучите язык программирования JavaScript сразу с переходом в практику. Начнем с самых простых основных концепций и принципов JavaScript и шаг за шагом дойдем до самых сложных.

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

  • Изучите основы программирования и алгоритмов, объектно ориентированное программирование (ооп)
  • Познакомитесь с самыми основами языка JavaScript, основными концепциями и принципами JS на практических примерах и заданиях
  • Изучите популярные технологии: AJAX, JSON и т.д.
  • Научитесь работать с Git и GitHub
  • Разберетесь, как работать с npm, Babel, Browserify, Webpack и т.д.
  • Узнаете, какой фрэймворк или библиотеку выбрать в дальнейшем и познакомитесь с React, Angular, Vue, Jquery.

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

План курса:

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

  1. Подготовка к работе
  • О курсе. Как проходит обучение по курсу
  • Подготовка к работе. Настройка рабочего пространства
  • Как работать с JSHint
  1. Основы JavaScript
  • Подключение JS к странице и переменные
  • Классификация типов данных в JavaScript
  • Простое общение с пользователем
  • Операторы в JS
  • Учимся работать с системой контроля версий Git и с сервисом GitHub
  • Как работать с GitHub с разных компьютеров. Gitignore и GitKraken
  • Подготавливаем проект к дальнейшим урокам
  • Тестирование
  • Условия
  • Циклы
  • Практика. Пишем приложение. Часть 1
  • Тестирование
  • Функции
  • Практика. Пишем приложение. Часть 2
  • Callback-функции
  • Объекты
  • Массивы и псевдомассивы
  • Объектно-ориентированное программирование (ООП)
  • Практика. Пишем приложение. Часть 3
  • Тестирование
  • Отлавливаем ошибки в своем коде при помощи консоли разработчика. Breakpoints
  • Динамическая типизация в JS
  • Задачи на понимание основ JS (с реальных собеседований)
  • Тестирование
  • Задачи на понимание основ JS (с реальных собеседований) — Разбор заданий
  • Получение элементов со страницы
  • Действия с элементами на странице
  • Задание на отработку действий со страницей
  • Тестирование
  • Практика. Пишем приложение. Часть 4
  • События и их обработчики
  • Практика. Пишем приложение. Часть 5
  • Бонус. События на мобильных устройствах и основы регулярных выражений
  1. JavaScript в работе
  • Скрипты и время их выполнения. setTimeout и setInterval
  • Создаем табы на странице
  • Тестирование
  • Формируем портфолио на GitHub
  • Параметры документа, окна и работа с ними
  • Создаем таймер обратного отсчета на сайте
  • Конструкторы и классы
  • Контекст вызова (this)
  • Создаем модальное окно и работаем с this
  • Стандарт ES6. Интерполяция
  • let и const
  • Стрелочные функции
  • Параметры по умолчанию
  • Классы
  • Spread-операторы
  • Работаем с проектом и практикуемся использовать ES6
  • Тестирование
  1. Продвинутый JavaScript
  • JSON формат передачи данных
  • AJAX
  • Реализация скрипта отправки данных из формы
  • Promise
  • Используем промисы на реальных примерах
  • Создаем слайдер на сайте
  • Создаем калькулятор на сайте
  • Тестирование
  • Как сохранить данные без БД. Работа с localStorage
  • Ошибки. Как избежать “поломки” своего кода
  • Современные библиотеки и фрэймворки. JQuery, как устроена $
  • Работаем с JQuery
  • Тестирование
  • Инкапсуляция. Прием модуль, как и зачем его использовать
  • Настраиваем Webpack и собираем наш проект
  • Сборка проектов при помощи Browserify
  • Как превратить код ES6 в старый формат ES5. Babel, Babel-loader и полифиллы
  • Модули
  • Работаем с готовым кодом
  1. Бонус. Дополнительные технологии
  • React
  • Написание тестов
  1. Завершение курса – получение сертификата.

Отзывы о курсе:

Arman Aisenov
«Обучение прошло интересно! Открыл для себя новые детали в языке JS. Материал объясняется на простом, доступном языке. Информативность — много знаний получил за относительно небольшой срок. Я понимал, что у меня слабые познания по чистому JS, и пройдя курс, теперь владею им на более высоком уровне экспертности. Удалить перфекционизм, не беспокоиться из-за того, что что-то не получается сделать или, что-то не поняли.»

Елизавета Зеленова
«Отличный курс. Все очень понятно и доступно даже для самых новичков»

Алена Инденко
«Иван вы молодец, мне нравится, как вы подаете материал, даже не видя студентов вы стараетесь найти к ним подход. Очень объемный курс, хотелось бы больше практики с каждым разделом на основе одного большого проекта, чтобы вы вели эту практику, самой довольно сложно вникнуть во все нюансы с первого раза, а с вашими подсказками гораздо проще. Спасибо за ваш труд!»

Подробнее о курсе системного аналитика →

Курс «Курс «JavaScript от LoftSchool »»

Цена: 24 000 ₽ — 37 908 ₽

Ссылка на сайт: https://loftschool.com/course/javascript/

  • 15 видеокурсов, 100+ часов обучения.
  • 3 выпускных проекта
  • Сертификат
  • Поддержка наставника.
Перейти на официальный сайт →

За 7 недель вы научитесь:

  • Уверенно работать с JavaScript
    У вас в руках будет вся «база»: переменные, функции, объекты и массивы, обработка ошибок и отладка.
  • Создавать архитектуру приложения
    Вы перейдете к модульному написанию JavaScript-кода и научитесь связывать модули через import, export и require.
  • Взаимодействовать с сервером
    Вы научите своё приложение обмениваться данными со сторонними сервисами, используя XMLHttpRequest, Fetch, WebSocket, Service Workers и JSON
  • Создавать SPA приложения
    По итогам курса вы сможете создавать свои приложения: придумывать структуру для клиентской части.
  • Использовать HTML5 API
    Вы сможете использовать новые интерфейсы API, реализованные в стандарте HTML5: History, Drag-and-Drop, File, Storage
  • Познакомитесь с node.js
    Изучите цикл событий, поработаете с файлами и освоите работу с сетью.

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

Неделя 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.
— Рассматриваем принцип взаимодействия между окнами и iframe.

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

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

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


Выпускной проект
Первый выпускной проект – «Работа с API геолокационных карт». Второй – это чат: вы на практике реализуете обмен сообщениями, авторизацию и загрузку файлов. И в конце предложим бонусный выпускной проект – «Другофильтр» (API VK).

Отзывы выпускников и информация о преподавателях доступна на сайте.

Подробнее о курсе системного аналитика →

Курс «Курс «JavaScript от Центр компьютерного обучения «Специалист» при МГТУ им.Н.Э.Баумана»»

Цена: разная стоимость

Ссылка на сайт: https://www.specialist.ru/dictionary/definition/javascript

Перейти на официальный сайт →

Курсы:

  1. Веб — программист. Профессиональная разработка на PHP и JS. 2021
  2. Разработчик JavaScript (фуллстек)
  3. Фронтенд — разработчик на React
  4. Фронтенд — разработчик на Vue.js
  5. JavaScript Разработчик
  6. Веб — разработка. Профессионал Laravel и React
  7. Golang — разработчик fullstack (дипломная программа)
  8. Front — end разработчик
  9. Специалист JavaScript
  10. Full — stack javascript – разработчик
  11. Эксперт по программированию на JavaScript (со знанием Vue.js и Node.js)
  12. Современная web — разработка для школьников
  13. Уровень 6. React и JSX
  14. Уровень 1. Основы JavaScript
  15. Уровень 3. ESNext
  16. Уровень 2. Расширенные возможности
  17. Уровень 7. Redux и react – router
  18. JavaScript. Уровень 8. Vue.js – открытый фреймворк на JavaScript для разработки веб – приложений
  19. Уровень 9. Vue.js. Расширенные возможности.
  20. Практика создания веб — приложения (фронтенд)
  21. Уровень 4. Fetch/AJAX API
  22. Уровень 5. Серверное программирование на Node.js
  23. Уровень 10. HTML5 API
  24. Введение в TypeScript
  25. Курс 20480C: Программирование в HTML5 с JavaScript и CSS3
  26. Разработка веб — приложений на AngularJS
  27. Современная web — разработка для школьников. Уровень 1
  28. Современная web — разработка для школьников. Уровень 2.
Подробнее о курсе системного аналитика →

Курс «Курс «JavaScript от Илья Кантор»»

Цена: разная стоимость

Ссылка на сайт: https://learn.javascript.ru/courses

  • Качество
    Это самое главное. Мы изучаем разработку на профессиональном уровне
  • Дистанционность
    На практике это оказывается удобнее, чем очные курсы
  • Поддержка
    Вы получите советы по развитию именно для вас
  • Результат
    Цель курсов — получить конкретные результаты в плане знаний и умений
  • Гарантия
    Возврат денег, если что-то не так.
Перейти на официальный сайт →

Курсы:

  1. «JavaScript/DOM/Интерфейсы» для новичков
    Курс по профессиональному JavaScript для начинающих разработчиков, цель которого – научить думать на JavaScript, писать просто, быстро и красиво, создавать интерфейсные компоненты.
  2. «JavaScript/DOM/Интерфейсы» для программистов
    «Продвинутый» курс по профессиональному JavaScript, с большим количеством нюансов и деталей JavaScript. Для тех, кто либо прошел курс «для новичков», либо имеет опыт программирования на другом языке от 1 года.
  3. Курс по современной вёрстке
    Курс по современной вёрстке, цель которого – сделать процесс вёрстки лёгким и понятным, научить создавать компоненты и избегать распространённых ошибок.
  4. Node.js
    Профессиональная разработка на платформе Node.js (серверный JavaScript), с использованием современных фреймворков и технологий.
  5. Angular
    Профессиональная разработка на современном фреймворке Angular.
  6. React
    Профессиональная разработка на React.
  7. Vue.js
    Профессиональная разработка на Vue.js.
  8. Интенсив по TypeScript
    Изучаем возможности TypeScript для увеличения эффективности и надёжности JavaScript-разработки.
  9. Интенсив по RxJS
    Изучаем нюансы реактивного программирования с RxJS.
Подробнее о курсе системного аналитика →

Курс «Курс «JavaScript Developer от ITVDN»»

Цена: 22.00 USD

Ссылка на сайт: https://itvdn.com/ru/specialities/js

Перейти на официальный сайт →

JavaScript – один из самых популярных языков программирования. Без его знания не обойтись в веб-разработке. Кроме реализации пользовательской логики (FrontEnd), он применяется в разработке серверных (BackEnd), игровых и мобильных приложений, для создания сценариев для автоматизации тестирования и прочего.
Изучение JS — хорошее вложение в будущее, так как язык пригодится для решения разных задач и будет полезным в любой сфере разработки.

  • 10 видеокурсов
  • Доступ на 3 месяца
  • Учебные материалы
  • 6 тестов и сертификат
  • Онлайн консультация
  • Бонусная программа
  • Диплом.

Кому подойдёт эта специальность:

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

Видеокурсы:

  1. JavaScript Стартовый
  2. How To JavaScript
  3. JavaScript Базовый
  4. Верстка страниц с использованием Gulp
  5. JavaScript Шаблоны
  6. ECMAScript 6
  7. JavaScript: Расширенные возможности
  8. Методологии управления проектами. Вступление в SCRUM
  9. Visual Studio 2019 Tips & Tricks
  10. Основы работы с Git.

Ваши навыки после обучения:

  • Применение языка JavaScript для создания пользовательской логики и дополнительной интерактивности на веб-сайте
  • Использование различных спецификаций ECMAScript — от 6 до 9 версии
  • Работа с DOM-деревом и технологией AJAX для описания структуры страницы и реализации асинхронного обновления веб-страницы, соответственно
  • Применение WebSockets для взаимодействия браузера и веб-сервера в режиме реального времени
  • Использование реактивной библиотеки RxJS для удобной и эффективной работы с асинхронным кодом
  • Работа с Cookies средствами JavaScript
  • Использование популярных шаблонов проектирования на JavaScript для создания легко поддерживаемого и расширяемого кода
  • Использование системы управления версиями Git и сервиса для хостинга проектов GitHub.

Отзывы:

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

Руслан Водяницкий
«
Очень хорошо структурировано обучение, всегда знаешь, что будешь изучать дальше. Преподаватели очень профессиональны как разработчики и как учителя, особенно Александр Шевчук. Очень сильно подтянул знания благодаря его курсам.»

Валерий Ноздренков
«
Очень высокий уровень преподавателей. Александр Шевчук очень интересно и квалифицированно все преподает.»

Подробнее о курсе системного аналитика →

Курс «Курс «Frontend разработчик на HTML, CSS и JavaScript от Stepik»»

Цена: 1 890 ₽

Ссылка на сайт: https://stepik.org/course/113402/promo

Освойте самое важное для веб-разработчика и начните зарабатывать на этом деньги! HTML, CSS, JavaScript, Bootstrap, Vue, Git, GitHub, Gulp

  • Начальный уровень
  • 1 час в день или больше
  • Сертификат.
Перейти на официальный сайт →

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

Для кого этот курс
Для тех, кто вообще не знаком с темой создания сайтов; Для тех, кто уже делал свои первые попытки создания сайтов; Для тех, кто хочет освоить html, css, javascript, bootstrap, vue, git, github, gulp, и начать применять эти навыки в работе; Для тех, кто хочет стать крутым веб-разработчиком и зарабатывать деньги. Начальные требования просты.

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

  • Вы научитесь создавать современные веб-сайты с помощью HTML5, CSS3 и Boostrap 5 и правильно пользоваться документацией
  • Получите опыт на практике, создадите свою адаптивную сетку на CSS и сверстаете много фрагментов современных сайтов
  • Научитесь пользоваться редактором кода VS Code, работать в терминале или командной строке
  • Выучите язык программирования JavaScript начиная с основ программирования и заканчивая работой с динамическими элементами DOM
  • Вы научитесь работать с различными событиями на JavaScript и изучите множество современных библиотек для создания слайдеров, галерей, меню и других элементов
  • Изучите фреймворк Vue, который выведет вашу работу на JavaScript на новый уровень и создадите свою игру на HTML, CSS, Vue
  • Научитесь работать с системой контроля версий Git и создавать онлайн репозитории на GitHub, чтобы публиковать свой код в удаленных репозиториях
  • Научитесь настраивать сборщик проекта Gulp для своих задач. Работать с NPM и подключать плагины Node JS.

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

  1. Язык HTML
  • Введение
  • Установка браузера и редактора кода
  • Обзор функций редактора
  • Первые HTML теги
  • Как задавать путь к файлу
  • Создание списка
  • Создание таблиц
  • Работа с текстом
  • Создание формы
  • Универсальные атрибуты
  • Цвет RGB и спецсимволы
  • Подведение итогов изучения HTML
  1. Язык CSS
  • CSS селекторы
  • Работа с изображениями
  • Границы
  • Размеры элементов
  • Работа с шрифтом
  • Блочная модель документа
  • Псевдоклассы и псевдоэлементы
  • Основы CSS Flexbox
  • Адаптивная версия сайта, Создание своей сетки
  1. Практика по HTML и CSS
  • Практическое занятие 1
  • Практическое занятие 2
  • Практическое занятие 3
  • Урок по Photoshop
  • Практическое занятие 4
  • Заключение
  • Справочники и ссылки
  1. Основы языка JavaScript
  • Введение в JavaScript. Работа с консолью разработчика, создание
  • Строковый и логический тип данных
  • Шаблонные строки, Случайные числа, Округление чисел
  • Массивы
  • Объекты
  • Диалоговые окна, Условия, Тернарный оператор, Переключатель Swit
  • Циклы (5 видов)
  • Функции и решение 6 задач
  • Работа с датой и временем
  • Документация кода на JSDoc и Исключения
  • Объектно-Ориентированное Программирование, Прототип, Конструктор
  • Возможности ECMAScript 2015 (ES6)
  1. Работа с DOM деревом JavaScript
  • Введение
  • Выбор элемента DOM
  • Атрибуты, Создание элементов
  • Генерация вложенных списков
  • Календарь
  • Сортировка таблицы
  • Часы
  • Классы и метрики
  • Таблица с журналами
  • Номера из объекта
  • Вывод карточек с сортировкой
  • Вывод карточек людей
  • Карточки с днями рождения
  • Таймер с прогрессбаром
  • Генератор имен
  • Локальное хранилище (localStorage)
  1. Обработка события на JavaScript
  • Обработчики событий
  • Скрыть / Показать элемент
  • Простой слайдер
  • Тёмная тема
  • Не jQuery
  • Фазы события и Делегирование
  • Счётчик
  • Переключатель
  • Удаление карточек
  • Разворачиваемые подменю
  • Сортировка таблицы
  • Всплывающая подсказка
  • Отмена стандартного поведения
  • Сочетание клавиш
  • Выделение через CTRL
  • Range-Слайдер
  • События клавиатуры
  • Работа с формами
  • Фокус и потеря фокуса
  • Перемещение по стрелкам
  • События форм и буфера обмена
  • События страницы, async и defer скрипты
  • Диапазон и Выделение
  • Депозитный калькулятор
  • Генератор CSS тени
  • Система уведомлений
  1. Библиотеки JavaScript
  • Работа с текстовыми файлами и FileReader
  • Создание анимации на JS и CSS
  • Регулярные выражения
  • Библиотека list.js: Поиск и сортировка обычных списков
  • Библиотека sweetalert2.js: Всплывающие модальные окна с иконками
  • Библиотека popper.js: Всплывающие текстовые подсказки
  • Библиотека baguetteBox.js: Галерея изображений
  • Библиотека lightgallery.js: Галерея изображений
  • Библиотека flatpickr.js: Календарь
  • Библиотека cleave.js: Валидация форм
  • Библиотека mixItUp3.js: Фильтрация элементов
  • Библиотека swiper.js: Слайдер изображений
  1. Создание сайта на Bootstrap 5
  • Обзор, загрузка и подключение
  • Шапка, модальное окно, градиент, треугольник, адаптивное видео
  • Сетка 3 на 3 и иконки
  • Сетка 2 на 2
  • Как сделать Аккордеон на Bootstrap 5
  • Адаптивные изображения на Bootstrap 5
  • Практика и задание по работе с Bootstrap 5
  • Форма сбора средств Yoomoney
  • Создание футера
  • Обзор Документация Bootstrap 5
  1. Система управления версиями Git и GitHub
  • Что такое Git
  • Установка Git
  • Регистрация на GitHub
  • Первые команды Git
  • Работа с Git в VS Code
  • Алиасы для Git
  • Отмена изменений и возврат к коммиту
  • Работа с ветками
  • Панель команд Git в VS Code
  • Откат к любому коммиту и Git Graph
  • Удаление репозитория
  • Синтаксис Markdown для README.md
  • Фрагменты кода Gist
  • Хостинг GitHub Pages
  1. Основы фреймворка Vue.js
  • Обзор курса
  • Обзор структуры файлов
  • Работа над интерфейсом игры
  • Достижения в игре
  • Экран с вопросами в игре
  • Экран с результатами
  • Начало работы с Vue
  • Обработка событий на Vue
  • Циклы и методы на Vue
  • Конец игры на Vue
  • Вычисляемые свойства на Vue
  • Музыка в игре на JavaScript
  • Работа с Git и GitHub
  • Приложение в VK
  • Куда двигаться дальше
  1. Планировщик задач Gulp
  • Введение в Gulp
  • Установка Node JS
  • Инициализация проекта NPM init
  • Пакеты на NPM JS
  • Константа с путями
  • Обработка стилей в Gulp
  • Отслеживание изменений в проекте
  • Обработка скриптов в Gulp
  • Повтороное использование сборки
  • Autoprefixer, Sourcemaps, Babel
  • Сжатие изображений в Gulp
  • Минификация HTML в Gulp
  • Размеры файлов в терминале
  • Отслеживание только новых файлов
  • Автообновление в браузере
  • Работа с Pug
  • Работа с Stylus
  • Работа с SASS и SCSS
  • Работа с Type Script
  • Работа с Coffee Script
  • Заключение.
Подробнее о курсе системного аналитика →

Курс «Курс «JavaScript для начинающих программистов от OTUS»»

Цена: 10 ₽

Ссылка на сайт: https://otus.ru/online/online-js/

  • Все основные возможности Javascript
  • Домашние задания и их разбор
  • Подготовка к курсам «Fullstack разработчик Javascript», «React.js-разработчик» и «Node.js-разработчик».
Перейти на официальный сайт →

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

34 академических часа

  1. Знакомство с JavaScript
  • Начало работы
  • Переменные
  • Типы данных
  • Логические выражения
  • Условия
  • Циклы
  1. Объекты и массивы
  • Объекты
  • Массивы
  • Функции
  1. Работа с DOM
  • Элементы
  • События
  1. Встроенные инструменты
  • Даты
  • Обработка ошибок
  • Математические операции
  • Регулярные выражения
  • Локальные хранилища
  • Работа с сервером.
Подробнее о курсе системного аналитика →

Курс «Курс «JavaScript для начинающих от Hexlet »»

Бесплатно

Ссылка на сайт: https://ru.code-basics.com/languages/javascript

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

Перейти на официальный сайт →

Содержание:

  1. Основы JavaScript
    JavaScript – один из самых популярных языков программирования в мире. Он используется для создания интерактивных веб-страниц, мобильных приложений, в серверной разработке. Изучать JS мы будем с нуля, с самых азов. Первый модуль – плацдарм для написания осмысленных программ. В нем мы разберем, как написать свой первый код на JS. Расскажем, что такое комментарии и зачем они нужны. На примере проверки ваших решений рассмотрим, что такое тестирование и как читать вывод тестов.
  • Привет, Мир!
  • Комментарии
  • Инструкции (Statements)
  • Как мы проверяем ваши решения
  • Синтаксические ошибки.
  1. Арифметика
    Современные программы создаются для обслуживания бизнесов, помощи в ежедневной жизни и развлечений. Но в основе их работы по-прежнему лежат вычисления. Наиболее простая и базовая тема в программировании — арифметика. В этом модуле мы переведем арифметические действия на язык программирования, поговорим о приоритете операций и операциях с дробным числами. Вспомним школьные правила из уроков математики и узнаем, что получится, если делить на ноль в JavaScript. А под конец расскажем, что такое линтер и почему он может «ругаться».
  • Арифметические операции
  • Операторы
  • Коммутативная операция
  • Композиция операций
  • Приоритет операций
  • Числа с плавающей точкой
  • Бесконечность (Infinity)
  • NaN
  • Линтер.
  1. Строки
    Текст в программировании называется «строками», и эта тема не так проста, как может показаться. Как вывести фразу, в которой есть и одинарные, и двойные кавычки? Как вообще быть с текстом, ведь компьютер не знает ничего о буквах! Модуль посвящен разным аспектам написания текста – от кавычек и экранирования до кодировки.
  • Кавычки
  • Экранирующие последовательности
  • Конкатенация
  • Кодировка.
  1. Переменные в языке JavaScript
    Информацию можно помещать в специальные «хранилища» — переменные. Это позволяет переиспользовать уже существующие данные и не дублировать их в разных частях кода. В этом модуле мы разберем как изменять переменные и именовать их, чтобы чтение вашего кода было понятным для любого разработчика. Вы поймете, что придумать название переменной не так-то просто! А еще расскажем, как использовать переменные для упрощения сложных вычислений.
  • Что такое переменная
  • Изменение переменной
  • Выбор имени переменной
  • Ошибки при работе с переменными
  • Выражения в определениях
  • Переменные и конкатенация
  • Стили именования
  • Магические числа
  • Константы
  • Интерполяция
  • Извлечение символов из строки.
  1. Типы данных JavaScript
    JavaScript — язык со слабой типизацией и неизменяемыми примитивными типами данных. Что произойдет, если мы попробуем умножить число на строку? Каким образом JavaScript понимает, что за тип данных перед ним? И что делает JavaScript, когда видит несоответствие типов? Ответы на эти вопросы вы найдете в текущем модуле.
  • Типы данных
  • undefined
  • Неизменяемость примитивных типов
  • Слабая типизация.
  1. Вызов функций
    Для выражения любой произвольной операции в программировании существует понятие «функция». Функции — кирпичики, из которых программисты строят системы. В этом модуле мы научимся пользоваться уже созданными функциями. Посмотрим на сигнатуру функции в документации и разберемся, как её использовать. Познакомимся со стандартными библиотеками, которые хранят тысячи функций. Все функции невозможно выучить, но каждый программист должен знать, где искать документацию по ним.
  • Функции и их вызов
  • Математические функции JavaScript
  • Сигнатура функции
  • Параметры по умолчанию
  • Вызов функции — выражение
  • Функции с переменным числом параметров
  • Детерминированность
  • Стандартная библиотека.
  1. Свойства и Методы
    Данные, которыми мы оперируем в своих программах, могут обладать важными свойствами. В JavaScript свойства встроены прямо в язык. Кроме свойств у данных существуют методы — функции, находящиеся внутри свойств. Свойства и методы — такие же выражения, как переменные, константы или вызовы функции, а значит, их можно всячески комбинировать. Глубже эти темы разбираются на отдельных курсах, посвященных объектно-ориентированным возможностям JavaScript. Мы же в этом модуле изучим основы.
  • Свойства
  • Методы
  • Неизменяемость
  • Свойства и методы как выражения
  • Цепочка вызовов.
  1. Определение функций
    Определение собственных функций значительно упрощает написание и поддержку программ. Например, умение определять функции позволяет объединять сложные (составные) операции в одну – вся сложность может быть скрыта за одной простой функцией. Научившись писать функции, вы сделаете первый шаг на пути к построению по-настоящему полезных программ. И мы вам в этом поможем. В этом модуле вы создадите свою первую функцию и научитесь давать ей (а заодно переменным и константам) понятные названия.
  • Создание (определение) функций
  • Возврат значений
  • Параметры функций
  • Необязательные параметры функций
  • Упрощенный синтаксис функций.
  1. Логика
    Логические выражения позволяют отвечать на вопросы, которые возникают во время работы программы. Пользователь аутентифицирован? Подписка оплачена? Год високосный? В этом модуле изучаем функции-предикаты – те, которые задают вопрос и отвечают на него – правда это или ложь. Попрактикуемся в написании таких функций и перейдем к более сложным логическим выражениям.
  • Логический тип
  • Предикаты
  • Комбинирование логических операций
  • Логические операторы
  • Отрицание
  • Результат логических выражений.
  1. Условные конструкции
    Задача функции-предиката — получить ответ на вопрос, но обычно этого недостаточно и нужно выполнить определенное действие в зависимости от ответа. If и Switch – конструкции JavaScript, с помощью которых программист может выбирать необходимое поведение программы в зависимости от разных условий: пропускать одни инструкции и выполнять другие. Их и разберем на практике в этом модуле.
  • Условная конструкция (if)
  • else
  • Конструкция else if
  • Тернарный оператор
  • Конструкция Switch.
  1. Циклы
    Любой код может повторяться десятки, тысячи, миллионы раз. В комбинации с другими известными нам инструментами — переменными и условиями — это открывает множество возможностей по построению программ и сложных систем. Приведем простой пример. Вам нужно найти конкретную фразу в учебнике из 500 страниц. Фразу вы помните, а вот номер страницы нет. Самый простой (и долгий) способ — последовательно просматривать страницы до тех пор, пока не найдете нужную. Для выполнения таких повторяющихся действий и нужны циклы.
  • Цикл While
  • Агрегация данных (Числа)
  • Агрегация данных (Строки)
  • Обход строк
  • Условия внутри тела цикла
  • Формирование строк в циклах
  • Синтаксический сахар
  • Инкремент и декремент
  • Возврат из циклов
  • Цикл For.
Подробнее о курсе системного аналитика →

Курс «Курс «Javascript / jQuery от FructCode»»

Цена: от €7.60

Ссылка на сайт: https://fructcode.com/ru/courses/javascript-and-jquery/

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

  • 21 задание
  • 1 час видео
  • Сертификат об окончании.
Перейти на официальный сайт →

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

Вы узнаете:

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

План курса:

  1. Знакомство с Javascript и jQuery
  • Знакомство с Javascript
  • Первый код на Javascript
  • Подключение и обращение к DOM
  • Первый код на jQuery
  1. Работа с классами и CSS-стилями
  • Обращение к классам
  • Функция fadeOut
  • Обращение к классам
  • Тест по пройденным урокам
  • Как задавать CSS стили с помощью Javascript или Jquery
  • Javascript, jQuery задать CSS-стили
  1. Массивы, циклы и собственные функции
  • Массивы в Javascript
  • Виды массивов в Javascript
  • Функции для работы с массивами в Javascript
  • Циклы for и forEach в Javascript для работы с массивами
  • Циклы и методы для работы с массивами в Javascript
  • Создание собственных функций в Javascript
  • Тест по пройденным урокам
  1. Работа с событиями (events) в Javascript
  • События в Javascript
  1. Получение сертификата об окончании курса.

Отзывы о курсе:

Юрий Сулыгин
«Вполне доступно объясняется база. Но лучше дополнительно пользоваться сторонними источниками для полного понимания синтаксиса. В целом, заслуженные 5 звезд!»

Юлия Заворохина
«Хороший курс для новичков. Вся информация понятна.»

Mark Gromov
«Курс очень понравился. Лаконично и понятно, непременно приступлю к обновленной версии!»

Подробнее о курсе системного аналитика →

Курс «Курс «JavaScript от Codebra »»

Бесплатно

Ссылка на сайт: https://codebra.ru/ru/courses/javascript

Перейти на официальный сайт →

Содержание:

Раздел 1. Знакомство с JavaScript

  • Первое знакомство с JavaScript
  • Продолжаем знакомится с JavaScript
  • Небольшой ознакомительный тест
  • Вывод нескольких сообщений
  • Структура кода
  • Переменные
  • Константы
  • Этика использования переменных
  • Лексика языка
  • Создание понятного кода

Раздел 2. Типы и переменные

  • Типы данных и значения
  • Числа
  • Метод вывода: document.write
  • Арифметические операции
  • Текст: строковые литералы
  • Управляющие последовательности
  • Работа со строками
  • Преобразование типов
  • Методы обработки чисел

Раздел 3. Выражения и операторы

  • Что такое выражения и операторы
  • Операторы
  • Приоритет операторов
  • Арифметические выражения
  • Унарные арифметические операторы
  • Выражения отношений
  • Логические выражения
  • Выражения присваивания
  • Остальные операторы

Раздел 4. Инструкции

  • Что такое инструкции
  • Условные инструкции: инструкция if
  • Условные инструкции: инструкция else if
  • Условные инструкции: инструкция switch
  • Циклы: инструкция while
  • Циклы: инструкция do/while
  • Циклы: инструкция for
  • Циклы: инструкция for/in
  • Переходы: метки инструкций
  • Переходы: инструкция break
  • Переходы: инструкция continue
  • Переходы: инструкция return
  • Директива use strict

Раздел 5. Объекты

  • Объекты
  • Получение и изменение свойств объекта
  • Работа со свойствами объекта
  • Методы универсального класса Object.
Подробнее о курсе системного аналитика →

Курс «Курс «Javascript: погружение от WAYUP»»

Бесплатно

Ссылка на сайт: https://wayup.in/library/course18

Изучите основы языка программирования Javacript для создания интерактивных интерфейсов на практике.

  • 6 занятий по основам профессии
  • Наставник проверяет ДЗ
  • Сертификат по окончании обучения.
Перейти на официальный сайт →

Что будем изучать:

  • Синтаксис JS
    Ты научишься писать свой и читать чужой код, разобравшись с основами языка
  • Объекты и массивы
    Ты поймешь переменные, объекты и массивы, простейшие операции и сложные конструкции
  • Функции и циклы
    Ты напишешь свои функции для решения большинства задач, встающих перед верстальщиком
  • Реальный проект
    Мы создадим интерактивный квиз, который проверит все знания, полученные на этом курсе.

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

  1. Основы: переменные, типы данных, простейшие операции и др.
    В этом занятии мы познакомимся с языком программирования Javascript – одним из самых популярных и востребованных на сегодняшний день. Вперед к основам!
  2. Основы: циклы, массивы, объекты, функции
    Время переходить к более сложным понятиям в Javascript.
    ты узнаешь о составляющих любого скрипта, без которых невозможно получить результат. Будет интересно!
  3. Знакомство с DOM: поле боя разработчика
    Document Object Model – это то, с чем javascript-разработчик работает постоянно, если речь идет об «оживлении» интерфейсов. Смотри, как Javascript взаимодействует с DOM и чем он «отличается» от HTML.
  4. Работа с DOM: практика реальных решений
    Настало время серьезной практики.
    ты увидишь, насколько безграничны твои возможности взаимодействия с DOM. Все, что ты только можешь представить в отношении frontend`а любого сайта реализуется через работу с DOM!
  5. Большая практическая работа: создаем квиз
    Написать систему интерактивного теста для чистом Javascript после 4 занятий? Почему бы и нет! Смотри, как освоенный материал поможет тебе создать нетривиальный скрипт с непростым функционалом.
  6. Как построить карьеру frontender-а
    Сколько ты можешь заработать сегодня? Какие перспективы? Как правильно работать удаленно и не обжечься? Все ответы в заключительном занятии курса!

Автор курса – Сергей Демин
Frontend-разработчик

  • 5 лет коммерческой разработки
  • Реализовал свыше 20 проектов
  • Работает Frontend-разработчиком в крупнейшей IT компании своей страны
  • Автор большого коучинга «Javascript: новый уровень».
Подробнее о курсе системного аналитика →

Курс «Курс «JavaScript и TypeScript для продвинутых от Lectrum LLC»»

Цена: 26  450  ₽ — 38  450  ₽

Ссылка на сайт: https://lectrum.io/course/javascript-advanced

Перейти на официальный сайт →

Курс будет полезен, если вы:

  • Испытываете сложности с продвинутыми фишками JavaScript и TypeScript
  • Выпускники интенсива по JavaScript и ECMAScript для начинающих
  • Самостоятельно изучили JavaScript и TypeScript, но завалились на собеседовании
  • Уже освоили основы JavaScript, но хотите быстро и эффективно продвигаться в обучении с наставником
  • Ранее изучали JavaScript, но хотите освежить свои навыки
  • Испытываете сложности в покрытии типами проекты написанные на JavaScript/TypeScript.

После курса вы сможете:

  • Работать с асинхронностью в JavaScript и TypeScript, писать AJAX-запросы на сервер
  • Пользоваться Swagger-документацией
  • Разрабатывать модульный код с использованием классов и наследования, который будет легко поддерживать и сопровождать
  • Писать стабильный код благодаря строгой типизации и необходимостью добавления множества проверок
  • Легко покрывать типами JavaScript/TypeScript приложения, а также переводить готовые JavaScript-проекты на TypeScript
  • Уверенно проходить собеседования и выполнять тестовые задания
  • Дополнить своё портфолио новыми проектами
  • Работать в команде по Agile-методологии

Теория
4 недели — занятия проходят в сервисе Zoom.
Если вы пропустили занятие или желаете повторить тему — не переживайте! Вам будет предоставлен доступ к записям уроков.
Практика
5 недель — работа с персональными проектами, а также участие в групповой разработке по Agile-методологии.

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

  1. ООП — функциональный стиль
    Разберёмся с принципами объектно-ориентированного программирования. Получим полное представление об ООП в функциональном стиле.
  2. ООП — прототипный стиль
    Углубимся в принципы объектно-ориентированного программирования. Получим полное представление об ООП в прототипном стиле.
  3. Классы
    Разберёмся со специальной структурой, которая позволит создавать объекты. Познакомимся с полноценными приватными свойствами классов. Разберёмся с особенностями наследования классов.
  4. Знакомство с итераторами и генераторами
    Разберёмся со специальными функциями, которые умеют приостанавливать свой вызов.
  5. Асинхронное программирование
    Разберёмся с асинхронностью в JavaScript. Познакомимся с основным встроенным классом Promise.
  6. Введение в TypeScript, типы и интерфейсы
    Разберёмся с типизацией JavaScript при помощи TypeScript. Познакомимся с базовыми типами. Научимся писать собственные типы и интерфейсы и разберёмся с тем, что и когда использовать.
  7. TypeScript: неймспейсы и утилитарные типы
    Разберёмся с типами и интерфейсами в TypeScript. Основные области применения неймспейсов и модулей. Разберёмся с TypeScript утилитами, которые используют для создания новых типов на основе существующих.
  8. Веб и сервис-воркеры. Работа веб-приложения в офлайн
    Научимся разрабатывать приложения, которые могут работать в офлайн. Разберёмся с тем, как можно вынести тяжелые, с точки зрения JavaScript, задачи в отдельные потоки. Научимся реализовывать прокси между браузером и сетью.
  9. Первая неделя практики
    Подготовим окружение и приступим к работе над персональным проектом.
  10. Вторая неделя практики
    Отправим проект на код-ревью, имплементируем фидбек от наставника.
  11. Третья неделя практики
    Отправим второй проект на код-ревью, имплементируем фидбек от наставника по второму проекту.
  12. Четвертая неделя практики
    Отправим третий проект на код-ревью, имплементируем фидбек от наставника по третьему проекту.
  13. Работа над групповым проектом.
Подробнее о курсе системного аналитика →

Курс «Курс «JavaScript от Академия IT»»

Бесплатно

Ссылка на сайт: https://academiait.ru/course/javascript-4/

Перейти на официальный сайт →

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

  1. Введение
  2. Массив перебирающие методы – forEach
  3. Массив перебирающие методы – map
  4. Массив перебирающие методы – filter
  5. Массив перебирающие методы – every и some
  6. Массив перебирающие методы – reduce и reduceRight
  7. Функции: псевдомассив arguments
  8. Функции: Типы функций Function esxpression, Function declaration & NFE
  9. Функции: this контекст вызова
  10. Функции: Замыкания, области видимости, лексическое окружение
  11. Функции: модуль через замыкание
  12. Объекты: Метод call
  13. Объекты: Метод apply
  14. Объекты: Метод bind
  15. Объекты: Каррирование (Currying).
Подробнее о курсе системного аналитика →

Курс «Курс «JavaScript (JS) для начинающих от The CoderNet Team»»

Бесплатно

Ссылка на сайт: https://codernet.ru/video/javascript/free_cource_js/

Перейти на официальный сайт →

Список видеоуроков:

  1. Введение в язык JavaScript.
  2. Основные моменты при работе с JS
  3. Вывод информации и Работа с консолью
  4. Переменные и типы данных в JavaScript
  5. Математические действия в JS
  6. Условные операторы JS
  7. Массивы данных. Одномерные и многомерные массивы
  8. Циклы в JavaScript. Операторы циклов
  9. Всплывающие окна (alert, prompt, confirm)
  10. Функции в языке JavaScript
  11. События и обработчик событий в JavaScript
  12. Управление HTML и обработка форм при помощи JS
  13. Создание таймеров и интервалов
  14. Создание объектов. Встроенные функции
  15. Заключительный урок.
Подробнее о курсе системного аналитика →

Курс «Курс «Разработка на JavaScript от Luxoft»»

Цена: 38 300 руб.

Ссылка на сайт: https://www.luxoft-training.ru/kurs/razrabotka_na_javascript.html

Курс посвящен современному JavaScript (EcmaScript 2015+), использованию JS для работы в браузере (события, манипуляция HTML и CSS), работе с модулями JS (NPM, Webpack), работе с сервером (HTTP, REST, AJAX, Axios, WebSocket). Курс является основой для изучения веб-фреймворков Angular и React.

  • 40 ак.ч.
  • Онлайн.
Перейти на официальный сайт →

После прохождения курса слушатели будут хорошо разбираться в возможностях языка JavaScript, получат основу для дальнейшего использования веб-фреймворков, таких как React или Angular.
Слушателями будет подробно изучена структура и синтаксис языка, его объектная модель. Подробно рассматривается DOM модель HTML документа, дается введение в CSS, изучается техника управления DOM и CSS c помощью JavaScript.
Изучаются модели обработки событий. Изучаются вопросы создания форм. Рассматривается технология JSON и технология Ajax, асинхронность и работа с сервером.

Разбираемые темы:

  1. Язык JavaScript
  • Версии и реализации JavaScript;
  • Области применения JavaScript (браузер, сервер, мобильная разработка);
  • Типы данных: String, Number, Boolean (понятие truthy и falsy);
  • Операторы, приоритет операторов;
  • Объявление переменных: var, const, let;
  • Циклы: while, for, for … in, for …of;
  • Работа с числами и строками;
  • Значения null и undefined: отличия и цели применения;
  • Работа с консолью;
  • Исключения в JavaScript.
  1. JSON, объекты и массивы
  • Формат JSON, примеры;
  • parse и stringify;
  • Объекты, работа с классом Object;
  • Создание объектов (с помощью литерала {}, оператор new, метод create);
  • Прототипическое наследование, ссылка __proto__;
  • Геттеры и сеттеры;
  • Оператор in и hasOwnProperty, понятие перечислимых свойств;
  • Метод toString(), вызов и переопределение метода;
  • Метод valueOf(), вызов и переопределение метода;
  • Создание массивов: литералы и new Array();
  • Автоматическое изменение длины массива;
  • Получение и установка длины массива length, усечение массива;
  • Применение методов join() и concat();
  • Использование метода sort, задание порядка сортировки массива;
  • Использование методов slice и splice;
  • Использование методов push, pop, shift, unshift: создание стека или очереди.
  1. Работа с датами и строками
  • Применение конструктора new Date();
  • Понятие компьютерного представления даты как времени с Epoch;
  • Использование getTime() и setTime();
  • Парсинг строкового представления дат;
  • Варианты создания строк в JS: использование одинарных и двойных кавчек;
  • Интерполяция строк (строка в апострофах);
  • Экранирование специальных символов в строке;
  • Конкатенация строк, перевод в верхний и нижний регистр;
  • Поиск подстроки с помощью indexOf() и lastIndexOf();
  • Выделение подстроки с помощью substring() и substr()
  • Применение методов includes, endsWith, startsWith.
  1. Применение JavaScript в браузере: модель DOM
  • Управление окном браузера, документом, событиями и оформлением (CSS-стилями);
  • Объект window и его применение;
  • Подключение кода JavaScript к HTML-странице;
  • Порядок выполнения скриптов на странице;
  • Кэширование скриптов, CDN-серверы, принудительная перезагрузка JavaScript;
  • Работа с ссылками, подключение JavaScript к ссылкам;
  • Событие onload и его использование;
  • XSS-атаки на сайт;
  • Работа с DOM: использование window, document, childNodes;
  • Манипуляции документом с помощью DOM: создание, удаление, перемещение элементов;
  • Использование getElementById(), getElementsByTagName(), getElementsByClassName() для поиска элементов на странице;
  • Работа с методами и свойствами HTMLDocument и HTMLElement.
  1. Работа с событиями в браузере
  • Понятие событийного программирования;
  • Обработчики и слушатели событий;
  • Подключение обработчиков c помощью addEventListener();
  • Свойства и методы класса Event;
  • Распространение событий вверх (bubbling) и вниз (capturing);
  • Остановка распространения;
  • События окна;
  • События мыши и клавиатуры, специальные свойства событий;
  • События формы;
  1. Работа с CSS и управление стилями
  • Стандарт CSS, основные свойства CSS;
  • Общие стили и стили отдельных элементов;
  • Каскадирование стилей;
  • CSS-селекторы;
  • Изменение CSS с помощью JavaScript;
  • Отступы: margin, padding, border;
  • Управление видимостью элементов: visibility и display;
  • Позиционирование элементов: absolute, fixed, relative, установка top и left;
  • Единицы измерения px, pt и другие;
  • Переполнение элемента и управление через свойство overflow;
  • Управление слоями документа: свойство zIndex;
  • Анимация, перемещение элементов;
  • Работа с классами, установка className;
  • Работа с прозрачностью и переходами (transition);
  • Метод querySelectorAll().
  1. Работа с модулями в JavaScript, менеджер пакетов NPM, сборщик Webpack
  • Причины использования модулей;
  • Экспорт из модуля;
  • Импорт из модуля;
  • Реэкспорт;
  • Работа с NPM, файл package.json;
  • Папка node_modules, загрузка пакетов с помощью NPM;
  • Глобальная и локальная установка пакетов;
  • Применение webpack для сборки проекта;
  • Загрузчики CSS и TypeScript;
  • Конфигурация webpack.config.js;
  • Создание бандла, сжатие;
  • Плагины webpack;
  • Применение старых систем модульности – CommonJS и AMD;
  • Использование CommonsChunkPlugin, несколько точек входа;
  • Горячая замена модулей HMR.
  1. Классы и наследование в JavaScript
  • Прототипное наследование, ссылка __proto__;
  • Прототип объекта;
  • Использование instanceof;
  • Ключевое слово class, создание классов;
  • Ключевое слово super;
  • Применение метода Object.assign();
  • Применение метода Object.defineProperty();
  • Геттеры и сеттеры;
  • Spread-оператор для работы с объектами и массивами;
  • Деструктурирование массива и объекта.
  1. Функциональное программирование в JavaScript
  • Функции как переменные;
  • Массив arguments;
  • Класс Function, методы call() и apply();
  • Метод bind(), установка this и части параметров с помощью bind;
  • Замыкания в JavaScript;
  • Инкапсуляция значений с помощью замыканий;
  • Создание функции через конструктор Function: конструирование строки;
  • Стрелочные функции, примеры их применения;
  • Функциональная манипуляция массивом: find, findIndex, filter;
  • Примеры использования map/filter/reduce для обработки данных в массиве.
  1. Иммутабельность, тестирование, паттерн MVC
  • Понятие иммутабельности, ее преимущества;
  • Мутабельные и иммутабельные методы изменения объектов и массивов;
  • Понятие и преимущества Virtual DOM;
  • Тестирование иммутабельных функций, применение Jest;
  • Мемоизация, ее преимущества;
  • Основные ошибки и рекомендации при использовании функционального программирования;
  • Паттерн MVC, создание пользовательского интерфейса;
  • Обзор основных библиотек для разработки интерфейса: Angular, React, Vue.
  1. Асинхронность в JavaScript. Промисы
  • Понятие и необходимость асинхронности;
  • Работа с setTimeout, setInterval, clearTimeout;
  • Функции обратного вызова (коллбэки);
  • Потеря this при работе с функцией обратного вызова. Варианты решения (использование bind, стрелочных функций и др.);
  • Понятие промисов, возвращение Promise из асинхронной функции;
  • Метод Promise.all(), его применение;
  • Синтаксис async/await, варианты применения, ограничения;
  • Обработка внештатных ситуаций: Promise reject, обработка исключений при асинхронных вызовах.
  1. Работа с сервером. Протокол HTTP. REST-сервисы
  • Протокол HTTP;
  • Заголовки и методы HTTP (GET, POST, PUT, DELETE, другие), передача данных;
  • HTTP-серверы (обзор);
  • Коды ответа HTTP-сервера;
  • Использование форм для отправки данных;
  • Передача данных на сервер с помощью AJAX;
  • Архитектура REST: преимущества и особенности;
  • Реализация CRUD (операций Create/Read/Update/Delete) при работе с REST;
  • Применение фунции fetch() для получения и отправки данных;
  • Документирование REST-сервисов с помощью Swagger;
  • Понятие HATEOAS, применение;
  1. Библиотека AXIOS. Протокол WebSocket
  • Сравнение высокоуровневой библитеки Axios и применения низкоуровневого fetch();
  • GET- и POST- запросы в Axios;
  • Применение async/await c Axios;
  • Обработка ошибок при использовании Axios;
  • Отмена запроса с помощью Axios;
  • Протокол WebSocket;
  • Примеры использования WebSocket, сравнение с HTTP;
  • HTML-анимация.

Тренер – Муравьев Семён
Специалист в области разработки ПО
Практикующий разработчик сложных веб систем с широкой Javascript/Typescript экспертизой.

Отзывы:

Участник тренинга
«Я очень довольна тренингом, наполнением практическими заданиями. Мне очень понравилось, что практически не было сухого зачитывания слайдов с экрана, все сразу разъяснялось на примерах.»

Участник тренинга
«Весь курс оказался полезен. Это первое знакомство с языком. Были как самые базовые вещи, так и затронули библиотеки, упрощающие разработку в разы.»

Подробнее о курсе системного аналитика →

Курс «Курс «Понятный JavaScript от JSExpert »»

Цена: от 36$ / мес

Ссылка на сайт: https://www.jsexpert.net/javascript-course/

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

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

  • Для новичков
    Программа курса позволяет вам начать обучение практически с нулевыми знаниями.
    Кроме теории вы сможете быстро прокачать практические навыки и в максимально сжатые сроки быть готовым к работе в IT-компании.
  • Для WEB-разработчиков, не владеющих JavaScript
    Если вы хотите расширить сферу своих знаний или застряли в рутине одинаковых задач.
    Вы сможете выйти на новый уровень как в профессиональном плане, так и в плане доходов.
  • Для тех, кто хочет сменить работу
    Если вам надоела ваша офисная, рутинная работа, хотите получать достойную заработную плату.
    Вы сможете работать в комфортной среде, будете уверены в завтрашнем дне, сможете самостоятельно выбирать проекты и график работы или даже работать над собственным проектом.

Курс состоит из:

  • 10 домашних заданий
  • 17 задач для практики
  • 38 лекций
  • 327 тестов.

Автор курса:
«
Меня зовут Калюжный Евгений, я работаю Frontend разработчиком уже более 14 лет. Из них 5 лет в компании SoftServe.
Ключевые навыки:

  • Core JavaScript
  • TypeScript
  • Angular
  • ES6, ES7 syntax
  • Bootstrap 3, 4
  • Material Design
  • Tools: Git, TFS, Gulp, Webpack, Sass
  • Projects: Enterprise SAAS solutions
  • Experience: 14 years

Автор курса «Понятный JavaScript» и «Angular Трансформация». Основатель проекта JSExpert.»

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

Часть 1. Beginner

  • История и эволюция JavaScript
  • Подключение JavaScript
  • Переменные
  • Типы данных
  • Операторы
  • Преобразование типов
  • Условные операторы
  • Циклы.

Часть 2. Middle

  • Функции и их виды
  • Область видимости и замыкание
  • Расширенные возможности функции
  • Глобальные функции
  • Объекты
  • Встроенные объекты в JavaScript
  • Массивы
  • Итераторы массивов
  • DOM
  • Работа с DOM
  • Отладка скрипта
  • BOM
  • Основы работы с событиями
  • Приемы для работы с событиями
  • Работа с this
  • Модуль, конструктор и потеря контекста.

Часть 3. Advanced

  • ООП и прототипы
  • Наследование
  • Классы и наследование в ES6
  • Регулярные выражения
  • Сеть и обмен данными
  • AJAX
  • Асинхронный JavaScript
  • Паттерны проектирования
  • Структурные шаблоны и фреймворки
  • Инструментарий Frontend разработчика. Часть 1
  • Инструментарий Frontend разработчика. Часть 2.

Отзывы о курсе доступны на сайте.

Подробнее о курсе системного аналитика →

Курс «Курс «Javascript от webkyrs»»

Бесплатно

Ссылка на сайт: https://webkyrs.info/category/vvodnyi-kurs-javascript

Перейти на официальный сайт →

Уроки:

  1. Что такое Javascript.
  2. Как подключить Javascript файл к html документу.
  3. Консоль браузера и команда для работы с ней на Javascript.
  4. Переменные в Javascript.
  5. Типы данных в Javascript
  6. Операции для работы с текстом в Javascript.
  7. Основные математические операции в Javascript.
  8. Функции для взаимодействия с пользователем (alert, confirm, prompt).
  9. Объявление переменных с помощью конструкции let
  10. Задачи по работе с переменными и числами на Javascript.
  11. Задачи на работу с переменными. Продвинутый уровень.
  12. Задачи. Работа со строками.
  13. Массивы. Javascript.
  14. Задачи по работе с массивами
  15. Комментарии Javascript.
  16. Условный оператор if-else (если-то) в Javascript.
  17. Задачи с условным оператором.
  18. Конструкция switch case в Javascript
  19. Операции сравнения в Javascript.
  20. Объекты в Javascript.
  21. Объект window в Javascript
  22. Задачи по работе с объектами в Javascript.
  23. Циклы Javascript
  24. Задачи. Работа с циклами.
  25. Функции в Javascript.
  26. Задачи по работе с функциями
  27. Задачи. Работа с датой и временем.
  28. Оператор для отладки Javascript кода.
Подробнее о курсе системного аналитика →

Курс «Курс «JavaScript. Полное руководство для современной веб-разработки от Webformyself»»

Цена: 9 870 руб.

Ссылка на сайт: https://webformyself.com/javascript/

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

Перейти на официальный сайт →

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

Изучение курса рассчитано на 1-2 месяца – вы сможете сэкономите от 6 месяцев до 1 года, не перелопачивая горы информации.
Уроки сопровождаются заданиями и видеоинструкциями для самостоятельного изучения и самопроверки. В уроках курса показано создание с нуля 2 веб-приложений на чистом JS и без использования сторонних библиотек.

Содержание:

Блок 1. Что такое JavaScript
В данном блоке говорится о том, что такое JavaScript, про то, как он работает. Далее говорится про выбор оптимальной среды разработки, в которой идет дальнейшая разработка на протяжении курса. В последнем уроке пишется первая мини-программа на JavaScript и разбираются способы включения скриптов в HTML файле.

Блок 2. Основы JavaScript
Изучение начнется со старой версии языка — EcmaScript 5. А дальше осуществляется переход к самым последним нововведениям. В курсе рассмотрена именно эта версия, так как на текущий момент большое количество проектов еще написаны на старой версии и для их понимания необходимо понимать все аспекты языка.

Блок 3. Работа с DOM
В данном блоке изучается взаимодействие с DOM-деревом. Разбирается, как получать доступ к DOM-элементам, как управлять состояниями элементов: менять свойства, контент, атрибуты и прочее. Рассматривается, как добавлять динамику веб страницам путем добавления событий на элементы. Далее говорится про свойства событий и способы их управления.

Блок 4. Дополнительные возможности
В данном блоке вы познакомитесь с некоторыми дополнительными возможностями, заложенными в JavaScript, которые не были освещены ранее, но крайне важны для дальнейшего прохождения курса.
Вы узнаете про способы асинхронной загрузки скриптов, способы взаимодействия с пользователем и про некоторые глобальные объекты, позволяющие работать с данными: математические формулы, операции, работы с массивами. Далее вы узнаете про методы работы с датами и временем, способы работы с JSON-объектами и методы хранения данных локально в браузере пользователя.

Блок 5. Практика. Создание приложения
Это первый практический блок из двух в данном курсе. В нем с нуля, применяя базовые знания, показано, как создать игру на JavaScript. Игра будет заключаться в том, что за выбранное вами время необходимо будет прокликать как можно больше случайно сгенерированных элементов разных размеров и цветов.

Блок 6. Объекты и функции
Данный блок является продвинутым, в нем рассматривается «сложная» теория JavaScript с углублением. Вы узнаете про то, что такое прототипирование, как оно работает в рамках языка и какие полезные функции можно делать.
Вы узнаете про свойства объектов, как ими можно управлять. Узнаете про функции, как управлять передачей контекста и познакомитесь с таким понятием как замыкания.

Блок 7. Новый JavaScript: ES6
Пройдя данный блок, вы познакомитесь с современным стандартом языка — EcmaScript 6. В данном блоке вы узнаете про все основные изменения, которые наиболее часто применяются в практике, такие как: переменные, стрелочные функции, объекты, новые операторы и удобные синтаксические изменения.

Блок 8. Асинхронность
В данном блоке рассмотрено, как работать с асинхронными операциями в языке JavaScript. Вы узнаете про новые операторы Async Await и способы их применения для еще большего упрощения кода. После вы узнаете и научитесь более детальной работе с Promise.

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

Автор курса – Владилен Минин

  • Профи FullStack-разработки, 25 лет
  • Построил успешную карьеру в международных IT-компаниях
  • Занимает должность Senior Frontend Developer крупной международной компании
  • Специализируется на разработке больших корпоративных порталов для международных рынков в формате SPA на современных фреймворках
  • Является Team Lead во многих внутренних проектах компании
  • Подготовил более 100 Frontend- и FullStack-разработчиков вживую
  • Программированием занимается уже более 7 лет, 5 из которых были посвящены JavaScript-разработке (как Frontend, так и FullStack)
  • Ежемесячный доход в качестве веб-разработчика стабильно находится у отметки в 200 тысяч рублей.

Отзывы об обучении доступны на сайте.

Подробнее о курсе системного аналитика →

Курс «Курс «JavaScript. Уровень 1. Основы веб — программирования от Академия АйТи»»

Цена: 27 900 ₽ — 29 900 ₽

Ссылка на сайт: https://academyit.ru/courses/JSCR1/

Перейти на официальный сайт →

Курс знакомит с веб-программированием, с языком JavaScript, его спецификой и особенностями согласно стандарту ECMAScript-262 без привязки к исполняемой среде.
В курсе рассматриваются конструкции JavaScript, определённые в стандарте ECMAScript-262: особенности синтаксиса, объектно-ориентированный подход в программировании на JavaScript и его основной встроенный функционал. В процессе выполнения лабораторных работ формируются навыки создания базовых алгоритмов.

Успешное окончание обучения позволит специалистам:

  • Понимать сущность программирования
  • Понимать специфику веб-программирования
  • Использовать язык JavaScript без привязки к среде исполнения.

Расписание:

  1. Основы программирования
  • Введение в JavaScript
  • Обзор базовых типов
  • Операторы
  • Выражения и инструкции
  • Переменные и константы
  • Манипуляции с базовыми типами
  • Тривиальные типы
  • Пользовательские функции
  1. Управляющие конструкции
  • Управляющие конструкции и массивы
  • Цикл while
  • Операторы инкремента и декремента
  • Цикл for
  • Цикл do while
  • Управляющие конструкции if – else if – else
  • Прерывание и продолжение цикла
  • Управляющая конструкция switch
  • Работа с массивами
  • Структуры данных
  1. Функции
  • Понятие функций
  • Декларация функций
  • Аргументы функции
  • Возврат значений
  • Области видимости
  • Функция-выражение
  • Анонимная функция
  • Замыкания
  • Свойства функций
  1. Основы объектов
  • Знакомство с понятием объектов.
  • Объекты в JS.
  • Работа с объектами. Перебор значений.
  • Создание игр
  • Взаимодействие с DOM
  1. Обработка событий в JavaScript
  • Понятие события
  • Обработка нажатий
  • Браузерные события
  • Объект Event
  1. Современный JavaScript
  • О стандарте ES2015.
  • Создание переменных через let и const.
  • Деструктуризация
  • Стрелочные функции. Свойства функции
  • Шаблонизаторы строк
  • Методы массивов.
Подробнее о курсе системного аналитика →

Курс «Курс «JavaScript от code mu»»

Бесплатно

Ссылка на сайт: http://code.mu/ru/javascript/book/prime/

Перейти на официальный сайт →

Содержание:

  1. Основы
  2. Коллекции
  3. Условия
  4. Циклы
  5. Многомерность
  6. Стандартные методы
  7. Пользовательские функции
  8. Практика на функции
  9. Продвинутая теория на функции
  10. Перебирающие методы
  11. Операторы spread и rest
  12. Деструктуризация
  13. Время
  14. Введение в DOM
  15. Формы
  16. Объект Event
  17. Контекст
  18. Таймеры
  19. Манипулирование элементами
  20. Функции и DOM
  21. Модули через замыкания.
Подробнее о курсе системного аналитика →

Курс «Курс «JavaScript Professional от ITEA»»

Цена: 200 EUR

Ссылка на сайт: https://onlineitea.com/course/javascript-professional/

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

  • 8 занятий / 1 месяц.
Перейти на официальный сайт →

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

  • 8 live-занятий
  • Проверка знаний: тесты и домашние задания
  • Индивидуальная работа с ментором
  • Курсовой проект для портфолио.

Ты научишься:

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

План обучения:

  1. Шаблоны проектирования
  • Singleton
  • Facade
  • Mediator
  • Decorator
  • Prototype
  • Command
  • Factory
  • Observer
  • Mixin
  • MVC/MVP/MVVM
  • AMD/CommonJS
  1. Антипаттерны
  2. Webpack
  • Общие сведения, принципы работы
  • Настройка конфигурационного файла
  1. Работа с системой контроля версий
  2. ES6 / ES7
  • Переменные let/const
  • Деструктуризация
  • Тип данных Symbol
  • Функции, строки, объекты
  • Set/Map
  • Promise
  • Async/await
  1. Веб компоненты
  • Custom Elements
  • Shadow DOM
  • Шаблоны template
  1. Single Page Application
  • Общие сведения, история появления
  • Преимущества и недостатки
  1. Typescript
  • Введение в типы
  • Компиляция
  • Наследование
  • Интерфейсы.

Преподаватели:

Андрей Даценко
JavaScript Developer

Владислав Сидоренко
Fullstack-разработчик, Front end Team Lead в компании EPAM.

Отзывы студентов:

Ольга Клымась
«Могу сказать, что трудоустройство после курсов есть. Я прошла весь курс по Frontend, мне помогли составить портфолио и резюме, была встреча с рекрутером. Несколько раз мне звонили с ИТЕА, говорили, что у их партнеров есть подходящая вакансия, и предлагали передать мое резюме. Я соглашалась и получала от партнера тестовое задание. На третий раз меня пригласили на собеседование. Сейчас работаю на позиции фронта и очень довольна.»

Валерия Нечипорук
«Мне очень понравился сервис и особенно учителя! Когда у меня возникали вопросы, я могла рассчитывать на их помощь. Кроме того, они очень хорошо преподают предмет, облегчают изучение материала. Однозначно рекомендую эту академию! Я выбрала курс Front End Development, но уверена, что это будет не единственное, что я буду здесь учить!»

Подробнее о курсе системного аналитика →

Курс «Курс «JavaScript от ФПК ННГУ»»

Цена: 20 000 ₽ — 24 000 ₽

Ссылка на сайт: https://fpk.unn.ru/kursy-programmirovaniya/kursy-programmirovaniya-na-javascript/

  • Продолжительность курса – 5 месяцев.
  • Документ об окончании
    Слушателям с высшим или средним специальным образованием выдается Удостоверение о повышении квалификации. Остальным — сертификат.
Перейти на официальный сайт →

Полный курс JavaScript включает последовательное прохождение базового и продвинутого курса.
На базовом курсе изучаем JavaScript с нуля (Основы языка JavaScript и Объектная модель документа). На продвинутом курсе JavaScript изучаем: React, React: Redux, Основы Node.js.

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

Базовая часть (8 недель)

  • Введение в JavaScript.
  • Введение в Git.
  • Типы данных и переменные.
  • Преобразование типов и операторы сравнения.
  • Изучение условных и логических операторов.
  • Циклы.
  • Знакомство с функциями и функциональными выражениями, стрелочные функции.
  • Особенности при работе примитивами и объектами.
  • Массивы и их методы, объекты (копирование, перебор), spread, rest операторы.
  • Продвинутая работа с функциями, ключевое слово this, контекст и работа с ним (call/apply/bind), замыкания.
  • Изучение прототипной модели, функции конструкторы и классы.
  • Изучение методов манипуляции DOM.

Продвинутый курс (8 недель)

  • Основы Linux.
  • Инициализация react-приложения, структура приложения и работа с пакетным менеджером npm.
  • Изучение базовых концепций React. Основы работы с функциональными компонентами. Знакомство с понятиями props и state.
  • Основные этапы и методы жизненного цикла компонентов (initialize, mount, update, unmount)
  • Сравнительный анализ классовых и функциональных компонентов
  • Знакомство с React-Hooks. Правила и особенности использования хуков.
  • Реализация роутинга в react-приложении. Знакомство с History API.
  • Подключение и настройка менеджера состояний Redux. Настройка ReactDevTools и ReduxDevTools. Базовая концепция и основы работы с Redux.
  • Настройка подключения к серверу с помощью http-клиента axios на примере открытого API.
  • Основы Backend-разработки на Node.js


Преподаватель – Широков Алексей
Frontend Developer, компания Lad.

Отзывы:

Короткова Мария
«
Я проходила обучение на базовом курсе программирования на JavaScript, а затем — и на полном курсе (4 месяца). Обучение сначала было очным, потом перешло в онлайн. Оценка за курс — 5 баллов, все очень понравилось. Работу преподавателей оцениваю на «Отлично», оба преподавателя — Артем Громов и Алексей Широков — проводили обучение хорошо, но особенно хочется отметить Алексея. Алексей Широков всегда тщательно готовился к занятиям, дополнительные вопросы всегда приветствовал. Пожеланий нет, так как курс и так показался очень насыщенным. Знания на практике пока не применяются, так как продолжаю работать на прежнем месте.»

Широков Сергей
«
Проходил курсы JS (JavaScript).
В целом мне курс очень понравился.
Однако, тот, объем, который рассматривался на курсе немного не соотносится с тем временем, которое выделяется на его изучение.
Поэтому желательно бы добавить количества часов.
Преподавателей подбирают отлично (в основном это люди, которые давно работают в этой сфере и имеют большой опыт.
Здесь стараются научить так, чтобы после курсов вы сразу могли что-то делать своими руками и устроиться на работу.
Заранее скажу тем, кто планирует идти на JS: нужны базовые знания HTML, иначе будет тяжело.
Рассчитывать на то, что после этих курсов вы можете претендовать на должность Front-end Developer не стоит…,но 99% можно рассчитывать на должность Front-end Developer Junior.»

Подробнее о курсе системного аналитика →

Курс «Курс «JavaScript от Михаил Русаков»»

Цена: 7 470 рублей

Ссылка на сайт: https://srs.myrusakov.ru/javascript2

Перейти на официальный сайт →

Курс состоит из 8 разделов.
И его отличительной особенностью является то, что в конце каждого раздела (кроме первого) имеется полноценный практический пример, основанный на знаниях из этого раздела, либо из этого раздела, плюс уже пройденных.

Содержание:

  1. Введение
    В данном разделе Вы узнаете:
  • Как с максимальной эффективностью проходить курс?
  • Как работает JavaScript? Это очень важная базовая информация, которую необходимо знать.
  • Какое ПО потребуется для написания программ на JavaScript, где его скачать и как установить?
  1. Основы программирования на JavaScript
    Теперь, когда у нас всё готово для старта, мы можем приступить к написанию первых программ на JavaScript. И в этом разделе Вы узнаете:
  • Как пишутся программы на JavaScript?
  • Как работать с консолью разработчика?
  • Что такое переменные, какие есть типы переменных, как они используются?
  • Как происходит преобразование из одного типа в другой?
  • Что такое константы и когда их стоит применять на практике?
  • Какие есть арифметические, логические и строковые операции? Всё это снабжено множеством примеров.
  • Для чего нужен и как выглядит условный оператор?
  • Как работают и для чего нужны операторы цикла for и while?
  • Как использовать оператор switch-case?
  • Что такое функции, а также как правильно их использовать в JavaScript?
  • Что такое функциональные выражения?
  • Что такое стрелочные функции?
  • Как обрабатывать ошибки с помощью try-catch и что такое исключения?
  • Что такое массивы и как с ними работать в JavaScript?
  • Что такое замыкание? Это, по моим наблюдениям, один из самых популярных вопросов на собеседовании для JavaScript-разработчиков (и не только для них, кстати). В курсе Вы в подробностях узнаете ответ на этот вопрос.
  • Как подключать сторонние скрипты?
  1. Объектно-ориентированное программирование на JavaScript
    Объектно-ориентированное программирование (ООП) – это самый популярный и самый часто встречаемый подход при разработке программ. Теоретически, любую программу можно сделать без него, но практически для средних и крупных проектов сделать это будет крайне сложно и очень долго. Более того, в JavaScript встроенных объектов очень много, и с ними так же нужно уметь работать. Поэтому ООП надо знать. И как раз в этом разделе Вы узнаете:
  • Что такое ООП?
  • Какие есть парадигмы ООП?
  • Как создаются объекты в JavaScript и как с ними работать?
  • Как создать конструкторы и методы?
  • Что такое Symbol и как его использовать?
  • Что такое методы toString и valueOf?
  • Что такое класс и как он создаётся на языке JavaScript?
  • Что такое геттеры и сеттеры в JavaScript?
  • Что такое статические свойства и методы и, главное, как их применять на практике?
  • Как реализовано в JavaScript наследование классов и, главное, как эту парадигму использовать в реальных проектах?
  • Что такое модификаторы доступа?
  • Какие есть флаги свойств и как их использовать?
  • Что такое примеси?
  1. Стандартные функции и объекты в JavaScript
    Язык JavaScript не был бы таким замечательным, если бы не содержал в себе множество готовых функций и объектов. И посмотрев этот раздел, Вы узнаете:
  • Какие есть математические функции?
  • Какие есть строковые функции?
  • Что такое регулярные выражения, как их создавать и как их применять?
  • Что такое формат JSON и как с ним работать в языке JavaScript?
  • Какие есть функции для работы с массивами?
  • Что такое объект Map и как с ним работать?
  • Что такое объект Set и как его применять?
  • Какие есть функции для работы с датой и временем?
  • Как использовать функции setTimeout и setInterval?
  • Как работать с интернационализацией в JavaScript?
  1. Работа с HTML-документом
    Важнейшей областью применения JavaScript являются Web-страницы. И посмотрев этот раздел, Вы узнаете:
  • Что такое DOM?
  • Как перемещаться по DOM-дереву?
  • Как получить доступ к любому HTML-элементу на странице?
  • Как управлять атрибутами HTML-элемента?
  • Как работать со стилями через JavaScript?
  • Как добавлять и удалять элементы на HTML-странице?
  1. События в JavaScript
    События – это важнейшая тема очень многих языков программирования. Есть даже специальные событийно-ориентированные языки. И посмотрев этот раздел, Вы узнаете:
  • Что такое события?
  • Как обрабатываются события в JavaScript?
  • Какие есть браузерные события и как их можно использовать?
  • Какие есть события у мыши?
  • Какие есть события у клавиатуры?
  • Какие есть события у элементов формы и самой формы?
  1. Асинхронность в JavaScript
    С асинхронностью в JavaScript приходится сталкиваться очень часто, и для новичков эта тема не самая простая. Но в данном разделе Вы увидите, что ничего сложного в этом нет, и просмотрев этот раздел Вы узнаете:
  • Что такое асинхронность и как с ней работать?
  • Что такое промисы и как их использовать при асинхронных событиях?
  • Что такое async и await как их использовать?
  1. Сетевые запросы
    Умение отправлять сетевые запросы – это то, что JavaScript делает сверхполезным языком. С помощью этой технологии (которая, кстати, называется Ajax) можно делать динамическую подгрузку данных с серверной части. И действительно сейчас сложно найти современный сайт, где не использовался бы данный подход хотя бы частично. Простой пример: пользователь добавляет запись на стене в том же контакте, и при этом страница у него заново не загружается, а комментарий сразу добавляется и виден при этом всем остальным посетителям. Вот как раз этому мы и будем учиться в этом разделе, посмотрев который Вы узнаете:
  • Как делаются запросы через fetch?
  • Как отправлять POST-запросы?
  • Как отправлять файлы на сервер через JavaScript?
  • Как отправлять сразу целиком формы без перезагрузки страницы?
  • Как эффективнее выполнять частые запросы (например, для создания чата).
Подробнее о курсе системного аналитика →

Курс «Курс «JavaScript от Glo Academy»»

Цена: 16 990 руб. — 28 990 руб.

Ссылка на сайт: https://glo-academy.ru/jscript/

  • 8 недель, 35 уроков, 70 заданий для домашнего выполнения
  • Прокачаете свои навыки и умения.
Перейти на официальный сайт →

Чтобы освоить программу курса, достаточно знать основы HTML.

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

  1. Основы Javascript
  • Введение в язык, подключение javascript. Правила написания кода Основы работы с Git.
  • Типы данных, операторы, методы и свойства.
  • Динамическая типизация данных в Javascript. Условия, ветвления.
  • Функции, анонимные функции, callback — функции, чистые функции.
  • Циклы. Рекурсия.
  • Функции. Область видимости и замыкание.
  • Знакомимся с объектами и массивами, методы переборов и псевдомассивы.
  • Подготовим наш проект для работы со страницей.
  1. Javascript на практике
  • Доступ к элементам на странице DOM (часть 1). Отладка кода.
  • Работа с DOM, работа с элементами DOM (часть 2).
  • Загрузка документа, События в JS, обработчики событий и особенности их работы, события мыши и клавиатуры.
  • localStorage, sessionStorage, cookie.
  • Контекст вызова — this.
  • ООП — Наследование, прототипы, конструкторы и классы.
  • Особенности современного стандарта ES6 Шаблонные строки,интерполяция, Стрелочные функции, Геттеры, Сеттеры и Классы.
  • ООП ES6+. Rest, spread, Деструктуризация, Коллекции Map и Set
  • Способы перебора массивов.
  1. Углублённое изучение JavaScript. Современные стандарты и дополнительные технологии
  • Настраиваем сборщик Webpack. Модульный JavaScript.
  • Скрипты и время выполнения. setTimeout, setInterval и Объект Date​. Пишем таймер.
  • Параметры документа, окна и работа с ними. Пишем Меню и Модальное окно.
  • Делегирование. Пишем Табы.
  • Пишем Слайдер (делегирование).
  • Практика ООП, гараж с машинами в стиле NFS.
  • Работа с атрибутами, Дата Атрибуты. Регулярные выражения.
  • Пишем калькулятор.
  • Работа с формами и валидация.
  • Работа с JSON, AJAX. Получение и отправка данных на сервер.
  • Конкурс лучших работ.
  • ..catch — перехват ошибок.
  • Асинхронный JS. Promise. Контекст выполнения, асинхронное выполнение, стек вызовов и event loop.
  • Подробно про Fetch API.
  1. Первые деньги на разработке
  • Развитие себя как специалиста
  • Оформление портфолио
  • План развития на год
  • Поиск заказчика
  • Партнёрство.
  1. Дипломный проект
    Напишете интерактивный сайт или веб-приложение. На этом проекте отработаете знания и навыки, полученные на курсе. Готовый проект подойдёт для портфолио и собеседований в компании.

Отзывы об обучении доступны на сайте.

Подробнее о курсе системного аналитика →
Поделиться с друзьями
blank
Сергей Савин

Высшее образование в сфере «Образование и педагогика», работал учителем математики с 2006 по 2014 год. Эксперт по выбору профессии и курсов с 2018 года. Изучаю отзывы о курсах, онлайн-школах, колледжах и институтах, составляю ТОП-рейтинги.

Оцените автора
Савин.Инфо