Полный курс по JavaScript, комплексное обучение JavaScript. Пройдите курс по JavaScript и получите квалификацию JavaScript разработчик! | OTUS
Неделя выходных – неделя с OTUS.
Скидки еще больше! Все подробности в чате ➞
Написать в чат

Курсы

Программирование
Специализации Курсы в разработке Подготовительные курсы
+7 499 110-61-65
Специальная цена

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

Полный курс по JavaScript для web-разработчиков, которые хотят вывести свои навыки программирования на новый профессиональный уровень
Подойдет ли мне этот курс?

Длительность

6 месяцев

Начало

30 марта

Занятия

Пн 20:00, Чт 20:00

Общая стоимость

70 000 ₽ 56 000 ₽

В месяц

15 000 ₽

В кредит:

15000 ₽ в месяц

Хочу дешевле
Общая стоимость
70 000 ₽ 56 000 ₽
В месяц: 15 000 ₽
В кредит: 56000 ₽
в месяц
Продолжительность
6 месяцев, 4 академ. часа в неделю
Пн 20:00, Чт 20:00
Начало занятий
30 марта
Что даст вам этот курс

Этот курс подойдет разработчикам, которые:

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

В рамках курса мы рассмотрим:

Ключевые особенности JavaScript - замыкания, особенности ООП и SOLID в JS, функционального и реактивного программирования, Promises и другие возможности ES6, Event Loop, а также разберём DOM API, Ajax и события в рамках разработки в браузере, и, конечно, прокачаем навыки в HTML и CSS. Научимся писать код на диалектах JavaScript, таких как TypeScript и JSX.

Помимо разработки клиентской части в браузере, мы также будем использовать серверную платформу NodeJS и её окружение. Изучим популярный фреймворк Angular с реактивными возможностями RxJS, а также библиотеки для написания web-приложений - ReactJS, Redux и современные подходы к разработке UI, такие как Polymer и набирающий звёзды Vue.

Мы будем собирать проекты для production с помощью Webpack, хранить данные в MongoDB, использовать TDD подход и писать тесты на различных фреймворках и уровнях.



Изучим полный ландшафт современных технологий Node / React / Angular / Vue / Web Components

Выполним домашние задания в формате мини-assignment, как на собеседованиях в российские и европейские компании

Углубимся во внутренние алгоритмы и логику работы фреймворков и рассмотрим спецификации

Выпускников этого курса ждут 64 работодателя



По окончании курса студент будет:

- Понимать принципы работы современных JavaScript фреймворков и библиотек
- Уметь применять паттерны проектирования (Event Loop, Flux, Immutable, Virtual DOM, Dependency Injection, Observables)
- Знать подходы при проектировании, организации, контроля состояния и тестирования серверных и клиентских приложений
- Выбирать подходящие инструменты для проекта
- Тестировать проект unit-тестами на разных уровнях
- Создавать веб-приложения с использованием современных технологий

ИНДУСТРИАЛЬНЫЙ ПРОЕКТ ОТ компании REVOLUT *

  • Напоминалка о плановом медицинском обследовании

  • Каталогизатор мемов с загрузкой, тегированием и поиском


  • Возможные технологии для проектов — Node + Vue/Angular/React/Polymer.

    *Индустриальный проект является техническим собеседованием в компанию, упрощая трудоустройство. Так же он дает возможность отработать навыки разработки на приближены к реальным кейсах и получить дополнительную консультацию от специалиста компании.
    Любое приложение, которое может быть написано на JavaScript, обязательно будет написано на JavaScript
    Александр Коржиков
    Преподаватель курса
    Любое приложение, которое может быть написано на JavaScript, обязательно будет написано на JavaScript
    Александр Коржиков
    Преподаватель курса
    Преподаватели
    Александр Коржиков
    Dev IT Engineer ING Group (Нидерланды)
    Антон Пальгунов
    Senior Frontend Engineer, Revolut
    Михаил Кузнецов
    ING Group
    Никита Овчинников
    Юрий Дворжецкий
    Luxoft Training Center
    Павел Асташкин
    Опытный программист, Senior Web Developer, тимлид, ментор и автор технических статей по JavaScript. Специалист по Front End, программирует на JavaScript, начиная с 2010 года.

    Работал в компаниях Tinkoff Bank (Москва), «Альпари», Comindware, Backbase (Амстердам) и других. С 2017 года — Dev IT Engineer в международной финансовой корпорации ING Group (Нидерланды). Занимается проектированием и поддержкой процессов web-разработки.

    Среди реализованных проектов — JSON Schema Validator Library (самая быстрая JavaScript-библиотека для проверки объектов на соответствие определениям JSON).

    Образование: степень магистра в Московском государственном университете им. М. В. Ломоносова (факультет вычислительной математики и кибернетики, кафедра автоматизации научных исследований).

    Руководитель программы
    Программирует с 2007 года, со школы. Первым рабочим языком стал С++. Окончил колледж МГКИТ по специальности «Программное обеспечение вычислительной техники и автоматизированных систем», затем с отличием окончил
    МГУТУ им. К. Г. Разумовского по той же специальности.
    C 2012 года занимается промышленной разработкой в качестве веб-разработчика. В течение 2 лет также занимался нагрузочным тестированием в ведущих банках России.
    С 2017 года работает в британской финтех-компании Revolut: разрабатывает backoffice-проект и внутренние продукты. Стек: React, TypeScript, Styled Components, Redux, Sagas, Jest+Enzyme и измененный Create React App для сборки.
    Публикует на GitHub личные проекты, самый крупный из которых — MTMR. Пишет для профильных СМИ, выступает на митапах. Считает, что программирование — это его работа, хобби и образ жизни.

    Fullstack developer в международной финансовой корпорации ING с главным офисом в Амстердаме (Нидерланды). Проектирует и поддерживает процессы WEB-разработки. Окончил химфак МГУ.

    Программирует на JavaScript уже около 8 лет. Консультировал по JS-разработке, занимался популяризацией фронтенд-фреймворка Vue.js.

    Кроме JavaScript, имеет опыт разработки на Python и Java. Выступал докладчиком на конференциях Frontend Conf Moscow, UtahJS и др.

    Преподаватель
    Окончил Волгоградский государственный технический университет по специальности «Автоматизированные системы обработки информации и управления». Увлёкся программированием ещё в студенческие годы (в 2010 году) и остановиться так и не смог. В коммерческой разработке с 2012 года.

    Работал с проектами разного масштаба, прошёл путь от Junior до Senior. С 2016 года — старший инженер-программист в EPAM Systems, с 2018 по май 2019 — технический руководитель по разработке софта в Skywind Group.

    Участвовал в международном проекте компании Ericsson, занимался web-программированием и собственными проектами.

    Является специалистом по архитектуре веб-приложений, хорошо знает JS, React, Node, Mongo, MySQL, фреймворки Express, Koa2, AngularJS. Уверен, что в программировании всё приходит с практикой.

    Преподаватель
    Тренер в Luxoft Training Center, ведущий разработчик, кандидат физико-математических наук.
    Программирует с начальных классов.

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

    Влюблён в элегантность и оригинальность JavaScript как классического, так и современного во всех его проявлениях.

    Сейчас разрабатывает web-приложения c UI на React и Angular.

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

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

    Плюс ко всему, является выпускником курса "Разработчик JavaScript"!

    Наставник
    Александр
    Коржиков
    Антон
    Пальгунов
    Михаил
    Кузнецов
    Никита
    Овчинников
    Юрий
    Дворжецкий
    Павел
    Асташкин
    Преподаватели
    Александр Коржиков
    Dev IT Engineer ING Group (Нидерланды)
    Опытный программист, Senior Web Developer, тимлид, ментор и автор технических статей по JavaScript. Специалист по Front End, программирует на JavaScript, начиная с 2010 года.

    Работал в компаниях Tinkoff Bank (Москва), «Альпари», Comindware, Backbase (Амстердам) и других. С 2017 года — Dev IT Engineer в международной финансовой корпорации ING Group (Нидерланды). Занимается проектированием и поддержкой процессов web-разработки.

    Среди реализованных проектов — JSON Schema Validator Library (самая быстрая JavaScript-библиотека для проверки объектов на соответствие определениям JSON).

    Образование: степень магистра в Московском государственном университете им. М. В. Ломоносова (факультет вычислительной математики и кибернетики, кафедра автоматизации научных исследований).

    Руководитель программы
    Антон Пальгунов
    Senior Frontend Engineer, Revolut
    Программирует с 2007 года, со школы. Первым рабочим языком стал С++. Окончил колледж МГКИТ по специальности «Программное обеспечение вычислительной техники и автоматизированных систем», затем с отличием окончил
    МГУТУ им. К. Г. Разумовского по той же специальности.
    C 2012 года занимается промышленной разработкой в качестве веб-разработчика. В течение 2 лет также занимался нагрузочным тестированием в ведущих банках России.
    С 2017 года работает в британской финтех-компании Revolut: разрабатывает backoffice-проект и внутренние продукты. Стек: React, TypeScript, Styled Components, Redux, Sagas, Jest+Enzyme и измененный Create React App для сборки.
    Публикует на GitHub личные проекты, самый крупный из которых — MTMR. Пишет для профильных СМИ, выступает на митапах. Считает, что программирование — это его работа, хобби и образ жизни.

    Михаил Кузнецов
    ING Group
    Fullstack developer в международной финансовой корпорации ING с главным офисом в Амстердаме (Нидерланды). Проектирует и поддерживает процессы WEB-разработки. Окончил химфак МГУ.

    Программирует на JavaScript уже около 8 лет. Консультировал по JS-разработке, занимался популяризацией фронтенд-фреймворка Vue.js.

    Кроме JavaScript, имеет опыт разработки на Python и Java. Выступал докладчиком на конференциях Frontend Conf Moscow, UtahJS и др.

    Преподаватель
    Никита Овчинников
    Окончил Волгоградский государственный технический университет по специальности «Автоматизированные системы обработки информации и управления». Увлёкся программированием ещё в студенческие годы (в 2010 году) и остановиться так и не смог. В коммерческой разработке с 2012 года.

    Работал с проектами разного масштаба, прошёл путь от Junior до Senior. С 2016 года — старший инженер-программист в EPAM Systems, с 2018 по май 2019 — технический руководитель по разработке софта в Skywind Group.

    Участвовал в международном проекте компании Ericsson, занимался web-программированием и собственными проектами.

    Является специалистом по архитектуре веб-приложений, хорошо знает JS, React, Node, Mongo, MySQL, фреймворки Express, Koa2, AngularJS. Уверен, что в программировании всё приходит с практикой.

    Преподаватель
    Юрий Дворжецкий
    Luxoft Training Center
    Тренер в Luxoft Training Center, ведущий разработчик, кандидат физико-математических наук.
    Программирует с начальных классов.

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

    Влюблён в элегантность и оригинальность JavaScript как классического, так и современного во всех его проявлениях.

    Сейчас разрабатывает web-приложения c UI на React и Angular.

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

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

    Плюс ко всему, является выпускником курса "Разработчик JavaScript"!

    Наставник
    Отзывы
    2
    Дацюк
    Денис
    Все понравилось
    Читать целиком
    Виталий
    Нестеренко
    До обучения в Otus я работал (и работаю сейчас) в компании АО Барс Груп.
    Я работаю фронтенд разработчиком. Я выбрал соответствующий курс (фронтенд разработчик), хотел расширить кругозор, поработать с еще незнакомыми технологиями.
    Я почитал программу курса, мне она понравилась и я записался на курс.
    Курс мне в целом понравился, широта охвата довольно большая. Было достаточное количество домашних заданий, хотя сроки их проверки иногда хромали и мне приходилось несколько раз напоминать, чтобы ускорить проверку.
    Впрочем, к моменту сдачи проекта, последнюю работу довольно быстро проверили и приняли.
    Мне кажется, основное обучение происходит тогда, когда человек что-то делает сам, поэтому задания - это ключевой момент в обучении. Вот этих заданий можно было бы добавить еще. Возможно, более сложных.
    Мне обучение дало, ровно то, что я и хотел - расширил кругозор. Я познакомился чуть глубже с фреймворками с которыми, либо был слабо знаком (современный Angular) либо вовсе незнаком (Vue), узнал больше о Node JS, о веб компонентах.
    Новую должность, я, правда, не получил, но этот процесс у нас в компании формализован и тут недостаточно просто пройти обучение.
    Читать целиком
    Дацюк
    Денис
    Все понравилось
    Читать целиком
    Виталий
    Нестеренко
    До обучения в Otus я работал (и работаю сейчас) в компании АО Барс Груп.
    Я работаю фронтенд разработчиком. Я выбрал соответствующий курс (фронтенд разработчик), хотел расширить кругозор, поработать с еще незнакомыми технологиями.
    Я почитал программу курса, мне она понравилась и я записался на курс.
    Курс мне в целом понравился, широта охвата довольно большая. Было достаточное количество домашних заданий, хотя сроки их проверки иногда хромали и мне приходилось несколько раз напоминать, чтобы ускорить проверку.
    Впрочем, к моменту сдачи проекта, последнюю работу довольно быстро проверили и приняли.
    Мне кажется, основное обучение происходит тогда, когда человек что-то делает сам, поэтому задания - это ключевой момент в обучении. Вот этих заданий можно было бы добавить еще. Возможно, более сложных.
    Мне обучение дало, ровно то, что я и хотел - расширил кругозор. Я познакомился чуть глубже с фреймворками с которыми, либо был слабо знаком (современный Angular) либо вовсе незнаком (Vue), узнал больше о Node JS, о веб компонентах.
    Новую должность, я, правда, не получил, но этот процесс у нас в компании формализован и тут недостаточно просто пройти обучение.
    Читать целиком
    11 вопросов JS-разработчику
    Необходимые знания

    - Знание основ JavaScript (переменные, циклы, функции, замыкания, создание объектов, scope, this, работа со встроенными классами и API - Date, Math, RegExp, Array - map, forEach, filter, reduce)
    - Основы работы браузера и браузерного API
    - Знание HTML и CSS
    - Базовые навыки работы с Git (понимание VCS, создать ветку, сделать Merge Request на github)

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

    • Все основные возможности Javascript

    • Домашние задания и их разбор

    • Общение в чате с преподавателем

    • Подготовка к курсам "Fullstack разработчик Javascript", "React.js-разработчик" и "Node.js-разработчик"

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

    Вебинары идут дважды в неделю по 2 академических часа (то есть астрономических 1,5 часа). Все вебинары сохраняются и в записи в вашем личном кабинете.

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

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

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

    Выполнение проектной работы помогает усвоению практических навыков, а тема проекта отдельно выносится в сертификат. Во время работы над проектом студенты получают консультации и обратную связь от преподавателей в слаке группы и на проектных занятиях.
    Программа обучения
    Модуль 1
    JavaScript
    Модуль 2
    Современный Стэк JavaScript
    Модуль 3
    Node
    Модуль 4
    Vue
    Модуль 5
    React
    Модуль 6
    Angular
    Модуль 7
    Проектная работа
    JavaScript
    Мы рассмотрим основные возможности современного и традиционного JavaScript, стандарт EcmaScript 6+, Templates, асинхронные паттерны Promise, Async Await, переменные, замыкания, функции, наследование и классы. Разберем особенности браузерного API и спецификаций Web Components на примере библиотеки Lit-HTML. Обсудим главные принципы и возможности Node.js, а также NPM для управления зависимостями и автоматизации задач. Мы научимся использовать Test-Driven Development при решении практических задач.
    Тема 1: Введение в курс Modern JavaScript Frameworks
    после занятия вы сможете:
    познакомиться с преподавателем и с программой курса, понимать как она построена и какие полезные навыки они получат;
    объяснить основные возможности языка JavaScript;
    применять техники языка, которые помогут при изучении фреймворков.
    30 марта, 20:00 — 21:30
    Лектор: Александр Коржиков
    Домашние задания: 1
    1 Написать функцию суммирования значений
    Написать функцию sum, которая может быть исполнена любое количество раз с не `undefined` аргументом.
    Если она исполнена без аргументов, то возвращает значение суммы всех переданных до этого значений.

    sum(1)(2)(3)....(n)() === 1 + 2 + 3 + ... + n
    Тема 2: Возможности современного JavaScript
    после занятия вы сможете:
    решать специфичные для браузерной разработки задачи на языке JavaScript;
    освоить и вспомнить теорию, которая будет базисом для последующих уроков;
    попрактиковаться с технологиями AJAX, WebSocket, Promise.
    6 апреля, 20:00 — 21:30
    Лектор: Михаил Кузнецов
    Домашние задания: 1
    1 promiseReduce - работа с асинхронными функциями
    Цель: Написать функцию promiseReduce(asyncFunctions, reduce, initialValue) asyncFunctions - массив асинхронных функций, возвращающих промис reduce(memo, value) - функция, которая будет вызвана для каждого успешно завершившегося промиса. initialValue - стартовое значение для функции reduce promiseReduce последовательно вызывает переданные асинхронные функции и выполняет reduce функцию сразу при получении результата до вызова следующей асинхронной функции. Функция promiseReduce должна возвращать промис с конечным результатом.
    Тема 3: JavaScript - Работа с браузером
    после занятия вы сможете:
    решать специфичные для браузерной разработки задачи на языке JavaScript;
    работать с Chrome Dev Tools.
    9 апреля, 20:00 — 21:30
    Лектор: Михаил Кузнецов
    Домашние задания: 1
    1 getPath - поиск уникального селектора
    Написать алгоритм и функцию `getPath()`, находяющую уникальный css-селектор для элемента в документе.
    Уникальный селектор может быть использован `document.querySelector()` и возвращать исходный элемент.
    `document.querySelectorAll()`, вызванный с этим селектором, не должен находить никаких элементов, кроме исходного.

    ```javascript
    $0 // HTMLElement
    getPath($0) // => "..."
    ```
    Тема 4: Введение в Node - Пакетный менеджер NPM и возможности package.json
    после занятия вы сможете:
    запускать приложения на платформе Node;
    писать и запускать тесты для серверного JavaScript;
    работать с пакетным менеджером NPM;
    управлять зависимостями и автоматизировать задачи с помощью package.json.
    13 апреля, 20:00 — 21:30
    Лектор: Александр Коржиков
    Домашние задания: 1
    1 Реализовать скрипт request для тестирования веб сервера
    Создать локальный веб сервер `server`, отвечающий на запросы каждые 100ms

    Создать скрипт `request`, принимающий на вход
    - количество запросов `N`
    - тип запросов - параллельный или последовательный

    Скрипт `request` должен отправлять `N` последовательных или параллельных `HTTP` запросов к локальному серверу `server`
    Тема 5: Test Driven Development с JavaScript
    после занятия вы сможете:
    разбирать примеры.
    16 апреля, 20:00 — 21:30
    Лектор: Юрий Дворжецкий
    Современный Стэк JavaScript
    В этом блоке мы рассматриваем свежие, но уже зарекомендовавшие себя темы из мира JavaScript. Познакомимся со спецификацией Web Components, и научимся использовать библиотеку Lit-Element, построенную вокруг этой технологии.
    SvelteJS - новая большая вещь в мире фронтенда, и мы обязательно должны ее попробовать. TypeScript - стандарт отрасли, поэтому мы начинаем его изучать и практиковать как можно раньше в курсе в FullStack JavaScript разработчик.
    Тема 1: Web Components
    после занятия вы сможете:
    ориентироваться в веб спецификациях Custom Elements и Shadow DOM;
    создавать custom elements, используя встроенные браузерные возможности;
    использовать HTML Template для шаблонизации компонент.
    20 апреля, 20:00 — 21:30
    Тема 2: Использование Lit-HTML и Webpack
    после занятия вы сможете:
    использовать особенности Lit-HTML для создания приложений;
    объяснить принципы Polymer;
    настраивать Webpack;
    различать Parcel и Rollup.
    23 апреля, 20:00 — 21:30
    Лектор: Михаил Кузнецов
    Домашние задания: 1
    1 Custom Elements Tree
    С помощью Custom Elements создать приложение для показа дерева с помощью компонентов my-tree и my-leaf. Компоненты должны получать данные о структуре поддерева от родительского элемента. Используйте Shadow DOM при отрисовке компонент. Можно также использовать для реализации Lit-Element, Lit-HTML или Polymer.

    Пример структуры

    {
    "id": 1,
    "items": [{
    "id": 2,
    "items": [{ "id": 3 }]
    }]
    }
    Тема 3: Введение в SvelteJS
    после занятия вы сможете:
    объяснить основные преимущества и цели фреймворка;
    запускать проект на SvelteJS;
    использовать шаблоны и создавать компоненты.
    27 апреля, 20:00 — 21:30
    Тема 4: Особенности разработки приложений с SvelteJS
    после занятия вы сможете:
    создавать Routing для приложений;
    описавать стили для проекта под SvelteJS;
    тестировать и подготовить проект к production.
    30 апреля, 20:00 — 21:30
    Лектор: Михаил Кузнецов
    Тема 5: Введение в TypeScript
    после занятия вы сможете:
    различать TypeScript и JavaScript, использовать преимущества статической типизации;
    писать и понимать код на языке TypeScript, разрабатывать приложения в полноценном объектно-ориентированном стиле.
    7 мая, 20:00 — 21:30
    Лектор: Михаил Кузнецов
    Тема 6: Особенности TypeScript
    после занятия вы сможете:
    проанализировать специальные особенности TypeScript;
    разбираться в Namespaces, Generics, Decorators, Type Definitions, Metadata;
    применять типы и декораторы.
    подвести итоги технологий `Node`.
    11 мая, 20:00 — 21:30
    Node
    Этот модуль о серверной среде JavaScript. Мы разберем ключевые особенности Node.js - EventLoop, модули и потоки. Мы научимся строить API, используя фреймворк Express, подходы REST и GraphQL. Поговорим о WebAssembly и общих практиках при работе с процессами и ошибками. В конце мы подведем резюме стэка технологий Node.js.
    Тема 1: Основные концепции Node - Modules
    после занятия вы сможете:
    использовать require, exports и ES6 Imports для экспорта и импорта зависимостей.
    14 мая, 20:00 — 21:30
    Лектор: Александр Коржиков
    Тема 2: Стандартная библиотека Node - EventLoop - Timers
    после занятия вы сможете:
    ориентироваться в понятии EventLoop и особенностях работы Timers;
    использовать классы, объекты и функции модуля Streams;
    работать c HTTP запросами в Node.
    18 мая, 20:00 — 21:30
    Лектор: Александр Коржиков
    Домашние задания: 1
    1 tree - вывод списка файлов и папок файловой системы
    Напишите `NodeJS` скрипт `tree` для вывода списка файлов и папок файловой системы.
    Результатом работы должен быть объект с массивами `{ files, folders }`.
    Вызовы файловой системы должны быть асинхронными.
    Скрипт принимает входной параметр - путь до папки.
    Добавить возможность выполнять этот скрипт через команду `npm run tree -- path`

    Пример

    ```
    foo/
    ├── bar/
    │├── bar1.txt
    │├── bar2.txt
    │└── baz/
    ├── f1.txt
    └── f2.txt
    ```

    При вызове с путем `foo/` скрипт должен вернуть структуру:

    ```json
    {
    "files": [
    "foo/f1.txt",
    "foo/f2.txt",
    "foo/bar/bar1.txt",
    "foo/bar/bar2.txt"
    ],
    "dirs": [
    "foo",
    "foo/bar",
    "foo/bar/baz"
    ]
    }
    ```
    Тема 3: Node Best Practices - Streams - Errors - Processes
    после занятия вы сможете:
    работать с дочерними процессами в Node;
    различать корректные и ошибочные техники при написании; серверного JavaScript кода.
    21 мая, 20:00 — 21:30
    Лектор: Александр Коржиков
    Домашние задания: 1
    1 Работа с потоками в NodeJS*
    * - задача со звездочкой. Сдается при желании.

    Необходимо отсортировать большой файл со случайными целыми числами, размером 100 МБ, в условиях ограниченной оперативной памяти - 50 МБ. Решение должно быть построено с использованием потоков.

    Для решения задачи можно использовать алгоритм “Сортировка слиянием”.
    Процесс можно разделить на 3 этапа.

    Этап 0
    Любым удобным вам способом создаем исходный файл с числами размером 100 МБ.

    Этап 1
    Исходный файл с числами необходимо разбить на несколько файлов поменьше, предварительно отсортировав их независимо друг от друга.

    Этап 2
    Необходимо создать механизм чтения чисел сразу из нескольких файлов (потоков).
    Читать данные из потоков следует по принципу pause/resume.

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

    Для проверки решения, скрипт необходимо запустить командой
    $ node --max-old-space-size=50 script.js
    Тема 4: Web-сервер на JavaScript - Стек MEAN - Express - MongoDB
    после занятия вы сможете:
    создавать простые приложения с использованием библиотеки Express, а также базы данных MongoDB.
    25 мая, 20:00 — 21:30
    Тема 5: Специальные возможности Express
    после занятия вы сможете:
    работать с аутентификацией и авторизацией.
    28 мая, 20:00 — 21:30
    Лектор: Михаил Кузнецов
    Тема 6: Построение Rest API
    после занятия вы сможете:
    добавлять общие стандарты создания API;
    объяснить REST, принципы построения API;
    проанализировать технологии аутентификации в веб приложениях.
    1 июня, 20:00 — 21:30
    Лектор: Михаил Кузнецов
    Тема 7: GraphQL Server
    работать с GraphQL и основными концепциями.
    4 июня, 20:00 — 21:30
    Домашние задания: 1
    1 Домашняя работа для `Занятие "GraphQL Server"`
    На выбор одна из следующих задач:

    ---

    Часть 1.
    Написать схему GraphQL для примера веб-приложения e-commerce shop:
    до 3 балла - какие сущности (минимум 3, можно больше), какие у них поля, какие обязательные какие нет
    до 4 баллов - какие запросы/мутации понадобятся (минимум 4, можно больше)

    Часть 2.
    до 5 баллов - развернуть локально graphQL + nodejs или воспользоваться одним из веб демо (graphqlbin), перенести полностью или частично написанную в Части 1 схему.
    Результатом работы будет ссылка на онлайн демо или репозиторий.

    ---

    // ИЛИ

    Написать `NodeJS Rest API` приложение для сохранения `RSS` рассылок.
    В приложении должно быть следующие точки доступа
    - Создание рассылки по `URL`. При успешном добавлении приложение будет запрашивать `RSS` рассылку, парсить `XML` и сохранять документы в базу данных.
    - Показ списка всех добавленных `URL` рассылок.
    - Показ всех сохраненных из `RSS` документов.

    Приложение должно содержать тесты для всех точек доступа.
    Vue
    В этом модуле мы сосредоточимся на Vue - современном и популярном FrontEnd фреймворке. Мы рассмотрим особенности шаблонизации и создания динамических приложений на Vue. Разберем возможности и жизненный цикл компонент, хранения состояния. Изучим инструменты Vuex и Vue CLI. Будем настраивать и оптимизировать сборку приложений с Server-Side Rendering.
    Тема 1: Основы Vue
    после занятия вы сможете:
    настроить себе окружение IDE, зависимости и библиотеки для создания проектов и работы с Vue;
    создавать простейшие приложения используя Vue.
    15 июня, 20:00 — 21:30
    Лектор: Михаил Кузнецов
    Тема 2: Компоненты, шаблонизатор и формы
    после занятия вы сможете:
    объяснить синтаксис шаблонизаторы;
    создавать компоненты, описывать атрибуты элементов.
    18 июня, 20:00 — 21:30
    Лектор: Михаил Кузнецов
    Домашние задания: 1
    1 Структура приложения "Устный счет"
    В разделе Vue одна большая самостоятельная работа - SPA (Single Page Application) игра "Устный счет".
    Игра состоит из двух экранов - на первом экране пользователь выбирает настройки, которые будут использовать в игре - типы вычислений, сложность, время раунда.
    На этой же странице показывается статистика тренировок.
    Вторая страница - сама игра.
    Пользователь должен решить максимальное количество задач на заданное время.
    Мокапы - https://app.moqups.com/korzio@gmail.com/bTYyBLCtpU/edit/page/ad64222d5

    ---

    Подготовить общую структуру приложения - компоненты контейнеры для страниц приложения.
    Сделать первую страницу приложения - форму настроек.
    Тема 3: Routing и модели данных
    после занятия вы сможете:
    описывать routing для Vue приложений;
    создавать формы, связывая шаблоны с моделями.
    22 июня, 20:00 — 21:30
    Лектор: Михаил Кузнецов
    Тема 4: Advanced Vue - Vuex
    после занятия вы сможете:
    применять анимацию в компонентах;
    создавать плагины;
    разбираться в тонкостях Change Detection.
    25 июня, 20:00 — 21:30
    Лектор: Михаил Кузнецов
    Домашние задания: 1
    1 Routing для приложения "Устный счет"
    Реализовать второй экран - игру "калькулятор".
    Настроить переходы по страницам приложения.
    Тема 5: Специфика построений приложений c Vue, Best Practices
    после занятия вы сможете:
    работать с анимацией во Vue.
    29 июня, 20:00 — 21:30
    Лектор: Михаил Кузнецов
    Домашние задания: 1
    1 Добавление фич в open source проект
    На каждый поток мы выбираем репозиторий с каким то проектом или плагином и развиваем его силами студентов курса.
    React
    Мы подробно изучим стэк технологий React. Рассмотрим особенности синтаксической шаблонизации JSX, особенности передачи данных и хранения состояния с помощью state и props. Разберем свойства компонентного подхода для декомпозиции React приложений, жизненный цикл и типы компонент, например, High-Order Components. Изучим шаблон проектирования Flux и его реализацию на примере библиотеки Redux. Будем настраивать и оптимизировать приложения с Server-Side Rendering.
    Тема 1: Основы React и JSX
    после занятия вы сможете:
    настроить себе окружение для работы с React и использовать его;
    применять синтаксис JSX;
    создавать простые приложения на React.
    2 июля, 20:00 — 21:30
    Лектор: Никита Овчинников
    Домашние задания: 1
    1 Настройка react app
    Цель: 1. Развернуть приложение с помощью CRA (по желанию) 2. Настроить кастомный webpack + babel проект (+2 балла) 3. Заставить работать TypeScript через babel (+1 бал) 4. Написать хелло ворлд (todo app или любое другое), сделать базовую верстку вашего приложения, поработать с JSX (+2 бал)
    Тема 2: Компоненты React - Lifecycle React-компонент - state и props
    после занятия вы сможете:
    разрабатывать полноценные React-компоненты в различных стилях;
    корректно использовать state и props.
    6 июля, 20:00 — 21:30
    Лектор: Никита Овчинников
    Домашние задания: 1
    1 Создать структуру приложения погоды
    Приложение для самостоятельной работы в блоке React - веб-приложение погоды.
    На странице приложения должна быть возможность добавлять города в список избранных.
    По каждому городу показывается информация о температуре, ветре, другие параметры.

    ---

    Создать структуру приложения, создать компоненты контейнеры.
    Тема 3: Паттерны проектирования React (Higher-Order Components)
    9 июля, 20:00 — 21:30
    Лектор: Никита Овчинников
    Тема 4: Обзор современных возможностей React
    после занятия вы сможете:
    разбираться в техниках и использовать различные hooks.
    13 июля, 20:00 — 21:30
    Тема 5: Состояние приложения - Flux и Redux
    после занятия вы сможете:
    отличать основные понятия однонаправленной архитектуры Flux;
    ориентироваться и использовать возможности redux - создавать actions, reducers, а также применять redux в связке в React.
    16 июля, 20:00 — 21:30
    Лектор: Никита Овчинников
    Тема 6: Особенности использования Redux
    после занятия вы сможете:
    использовать Redux в React приложениях.
    20 июля, 20:00 — 21:30
    Лектор: Никита Овчинников
    Тема 7: Routing в React - Оптимизация приложения
    после занятия вы сможете:
    создавать систему routing для React приложений, использовать библиотеку react-router;
    использовать специальные возможности библиотеки для оптимизации отрисовки.
    23 июля, 20:00 — 21:30
    Лектор: Никита Овчинников
    Домашние задания: 1
    1 Routing для приложения погоды
    Реализовать компонент фильтра и поиска городов.
    Данные по городам сохранять в браузерном хранилище.
    Добавить страницу погоды по конкретному городу.
    При переходе на нее должен меняться url, показываться информация на несколько дней вперед.
    Тема 8: Подготовка React Приложения к Production, Best Practices
    после занятия вы сможет:
    эффективно разрабатывать приложения на React, учитывая последние тенденции в разработке front-end;
    использовать Advanced React;
    применять на практике Best-Practices разработки на React.
    27 июля, 20:00 — 21:30
    Лектор: Никита Овчинников
    Angular
    Подробно изучим язык TypeScript и преимущества его использования. Разберем паттерн проектирования Observable на базе библиотеки RxJS. Научимся работать с фреймворком Angular - создавать компоненты и формы, управлять Routing, использовать Dependency Injection для сервисов, а также тестировать и собирать приложения с помощью Webpack.
    Тема 1: Введение в Angular
    после занятия вы сможет:
    настроить себе окружение IDE, а также скачать зависимости и библиотеки, коммандные утилиты для TypeScript и создания проектов для работы с Angular;
    различать TypeScript и JavaScript;
    писать и понимать код на языке TypeScript.
    6 августа, 20:00 — 21:30
    Лектор: Юрий Дворжецкий
    Тема 2: Компоненты и директивы
    после занятия вы сможет:
    декомпозировать макет страницы на компоненты;
    различать директивы и компоненты во фреймворке Angular;
    создавать простые директивы и компоненты.
    10 августа, 20:00 — 21:30
    Лектор: Юрий Дворжецкий
    Домашние задания: 1
    1 Структура приложения для запоминания иностранных слов
    Приложение для запоминания иностранных слов.
    В этом приложении пользователь сможет добавлять слова для изучения, проходить тесты для запоминания слов.
    Это Single Page Application состоит из 3 страниц:
    - Последние добавленные слова (Recently Added)
    - Упражнениями (Go)
    - Настройки (Settings)
    На главном экране, на странице Recently Added пользователь видит список последних добавленных слов, может добавить новое слово в словарь.

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

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

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

    ---

    Декомпозировать приложение для запоминания иностранных слов.
    Создать структуру и компоненты контейнеры приложения.
    Тема 3: Сервисы
    после занятия вы сможет:
    создавать сервисы для получения, отправки и хранения данных для приложений Angular.
    13 августа, 20:00 — 21:30
    Лектор: Юрий Дворжецкий
    Тема 4: Observables - RxJS
    после занятия вы сможет:
    отличать основные понятия паттерна;
    применять шаблон проектирования Observables, используя библиотеку RxJS.
    17 августа, 20:00 — 21:30
    Лектор: Юрий Дворжецкий
    Домашние задания: 1
    1 Создать сервисы для работы с текстом
    Создать сервисы для работы с текстом
    - Сервис перевода слова - должен запрашивать перевод через API (например, https://tech.yandex.com/translate/)
    - Сервис хранения словаря - небольшая обертка для управления словарем с помощью `localStorage`
    - Сервис добавления слов - должен разбивать текст на отдельные слова, запрашивать их перевод и сохранять в словарь для приложения.

    Сервисы должны общаться с помощью библиотеки `RxJS`.
    Тема 5: Состояние приложения
    после занятия вы сможет:
    разбираться в особенностях шаблона проектирования Dependency Injection и его имплементации в Angular.
    20 августа, 20:00 — 21:30
    Лектор: Юрий Дворжецкий
    Тема 6: Создание и управление формами в Angular
    после занятия вы сможет:
    создавать формы, используя техники Dynamic Forms, Reactive Forms;
    описывать валидацию и другие функции для элементов форм.
    24 августа, 20:00 — 21:30
    Лектор: Юрий Дворжецкий
    Домашние задания: 1
    1 User Interface для приложения запоминания иностранных слов
    Реализовать `UI` приложения
    - Создать компоненты для добавления текста/слов в словарь
    - Разработать компоненты и формы для тренировки запоминания слов
    - Добавить экран настройку приложения, сохранять состояние
    Тема 7: Routing
    после занятия вы сможет:
    создавать Routing систему для приложений, используя внутренние подходы Angular - такие как Router, router-outlet и другие;
    применять хэндлеры навигации Guards.
    27 августа, 20:00 — 21:30
    Лектор: Юрий Дворжецкий
    Тема 8: Тестирование в Angular. Сборка приложения для Production
    после занятия вы сможет:
    писать и запускать тесты для приложений Angular;
    настраивать сборку приложений Angular;
    использовать возможность сборки Server-side Rendering.
    31 августа, 20:00 — 21:30
    Лектор: Юрий Дворжецкий
    Домашние задания: 1
    1 Routing для приложения запоминания иностранных слов
    Добавить routing, ссылки на страницы и переходы между компонентами приложения.
    Добавить и актуализировать тесты для компонент приложения, настроить universal рендеринг приложения.
    Проектная работа
    Заключительный месяц курса посвящен проектной работе. Это то, чем интересно заниматься студенту на базе знаний, полученных на курсе.
    При этом не обязательно закончить его за месяц. В процессе написания по проекту можно получить консультации преподавателей.

    Проект должен стать примером кода, который можно показывать потенциальным работодателям.
    Предлагаемые темы выпускного проекта:
    Примеры тем проекта:
    - Task Runner для создания части Continuous Integration цикла
    - Receipt Roulette для управления и рекомендаций рецептов
    - Elements Dashboard - магазин Web компонент, созданных на одном из библиотек. В приложении можно видеть рейтинг, демонстрацию и документацию зарегистрированных элементов

    Возможные технологии для проектов - Node + Vue/Angular/React/Polymer.
    Тема 1: Вводное занятие по проектной работе. Обзор пройденных фреймворков и технологий
    выбрать и обсудить тему проектной работы;
    спланировать работу над проектом;
    ознакомиться с регламентом работы над проектом;
    выделять характеристики проектов и окружения;
    решать задачи выбора и сравнения фреймворков, понимать их преимущества и недостатки.
    3 сентября, 20:00 — 21:30
    Лектор: Александр Коржиков
    Домашние задания: 1
    1 Проектная работа
    Цель: выбрать тему проекта; закрепить тему в чат с преподавателем.
    Тема 2: Консультация по проектам и домашним заданиям
    получить ответы на вопросы по проекту, ДЗ и по курсу.
    17 сентября, 20:00 — 21:30
    Лектор: Александр Коржиков
    Тема 3: Защита проектных работ
    защитить проект и получить рекомендации экспертов.
    28 сентября, 20:00 — 21:30
    Лектор: Александр Коржиков
    Выпускной проект
    Заключительный месяц курса посвящен проектной работе. Его разработка нужна для окончательного закрепления знаний, которые были получены в рамках пройденных занятий. При успешном выполнении он станет образцом кода, который JavaScript разработчик сможет показывать будущим работодателям. В любом случае, проект — это хороший задел на будущее и возможность получить дополнительный опыт для любого, кто хочет стать более профессиональным разработчиком.

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

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

    • Task Runner для создания части Continuous Integration цикла.

    • Reciept Roulette для управления и рекомендации рецептов.

    • Elements Dashboard — магазин web-компонент. Разработка выполняется с помощью одной из стандартных библиотек JavaScript. В приложении можно видеть рейтинг, демонстрацию и документацию зарегистрированных элементов.
    Прошедшие открытые вебинары по курсу
    Открытый вебинар — это настоящее занятие в режиме он-лайн с преподавателем курса, которое позволяет посмотреть, как проходит процесс обучения. В ходе занятия слушатели имеют возможность задать вопросы и получить знания по реальным практическим кейсам.
    Svelte.js: быстрый старт
    Михаил Кузнецов
    День открытых дверей
    18 марта в 20:00
    Для доступа к прошедшим мероприятиям необходимо пройти входное тестирование
    Возможность пройти вступительное тестирование повторно появится только через 2 недели
    Результаты тестирования будут отправлены вам на e-mail, указанный при регистрации.
    Тест рассчитан на 30 минут, после начала тестирования отложить тестирование не получится!
    Пройти вступительное тестирование
    После обучения вы

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

    • получите сертификат о прохождении курса;

    • приобретете опыт работы с актуальными технологиями, фреймворками и инструментарием;

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

    Дата выдачи сертификата: 11 ноября 2020 года
    Ваш сертификат

    онлайн-образование

    Сертификат №0001

    Константин Константинопольский

    Успешно закончил курс «Fullstack разработчик JavaScript»
    Выполнено практических заданий: 16 из 16

    Общество с ограниченной ответственностью “Отус Онлайн-Образование”

    Город:
    Москва

    Генеральный директор ООО “Отус Онлайн-Образование”
    Виталий Чибриков

    Лицензия на осуществление образовательной деятельности
    № 039825 от 28 декабря 2018 года.

    онлайн-образование

    Сертификат №0001

    Константин Константинопольский

    Успешно закончил курс «Fullstack разработчик JavaScript»
    Выполнено практических заданий: 16 из 16

    Общество с ограниченной ответственностью “Отус Онлайн-Образование”

    Город:
    Москва

    Генеральный директор ООО “Отус Онлайн-Образование”
    Виталий Чибриков

    Лицензия на осуществление образовательной деятельности
    № 039825 от 28 декабря 2018 года.
    Общая стоимость
    70 000 ₽ 56 000 ₽
    В месяц: 15 000 ₽
    В кредит: ₽ в месяц
    Продолжительность
    6 месяцев
    Начало занятий
    30 марта
    🔥 Неделя выходных – неделя с OTUS.
    Скидки еще больше! Все подробности в чате ➞