Разберите асинхронный сценарий
Возьмите учебный запрос данных и нарисуйте последовательность успешного ответа и ошибки. Перепишите небольшой пример понятным вам способом. Убедитесь, что состояние загрузки сбрасывается и при неудаче.
Fullstack / Legacy · английская озвучка
Программа, практика и требования
Углублённая программа Колта Стила, Эли Шоппика, Тима Гарсии и Мэтта Лейна: асинхронный JavaScript, D3, React, Redux и Node.js. Курс обновлялся в апреле 2018 года. Его стоит рассматривать как разбор конкретного поколения стека и учебных проектов, а не как автоматически актуальное продолжение Web Developer Bootcamp.
RusUdemyПомогаем оформить выбранный курс в личном аккаунте Udemy — без общих аккаунтов и предоплаты.Подробнее
Углублённая программа 2018 годаАнглийский язык · обновление апрель 2018
Разработчикам, которые разбирают старый стек React/Redux/D3 или уже имеют доступ к этой программе.
Нужны базовые HTML и CSS, переменные, условия, циклы, объекты, массивы и функции JavaScript.
Анимированный сайт, Todo API, D3-dashboard и fullstack-приложение Warbler.
Обновление — апрель 2018 года. Его нельзя представлять как современное продолжение Web Developer Bootcamp: установка, API библиотек и практики требуют отдельной проверки.
Программа объединяет несколько направлений: анимации и Flexbox, асинхронность, HTTP-запросы, тесты, объектную модель JavaScript, серверный API, визуализацию данных и React/Redux. Финальный Warbler связывает клиентскую и серверную части. Такой масштаб интересен для понимания того, как строились приложения на этом стеке, и для точечного изучения отдельных концепций. Но возраст здесь существенно влияет на выбор. В плане есть jQuery, Jasmine, классовые React-компоненты, старые сценарии Create React App и Redux. Библиотечные API, установка и безопасность учебных решений требуют отдельной проверки. Современные курсы JavaScript Pro, HTML & CSS и алгоритмов могут точнее соответствовать конкретной цели без повторения всей программы 2018 года.
Эти упражнения предложены редакцией RusUdemy для самостоятельной проверки навыков. Они не являются дополнительными уроками преподавателя и не предполагают проверку работ автором.
Возьмите учебный запрос данных и нарисуйте последовательность успешного ответа и ошибки. Перепишите небольшой пример понятным вам способом. Убедитесь, что состояние загрузки сбрасывается и при неудаче.
Для небольшой Todo-модели определите маршруты, входные данные и ожидаемые ответы. Проверьте пустой список, несуществующий объект и неправильный запрос до подключения клиентской части.
На маленьком открытом наборе данных разберите, какие элементы D3 создаёт, обновляет и удаляет. Измените данные и проверьте результат. Зафиксируйте версию D3, чтобы не смешивать разные API.
Выберите небольшой путь данных от формы до сервера и обратно. Объясните проверки, состояние и ошибки. Учебный пример сначала разбирайте локально; перед применением в рабочем сервисе нужна отдельная техническая оценка.
37 разделов, 391 лекция и 34 часа 14 минут видео. Подтверждены CSS-анимации, Flexbox, XHR и Fetch, jQuery и Axios, Jasmine, массивы, замыкания, this, ООП, ES2015–2017, JSON API на Node/Mongo, D3 и SVG, React, Router, Redux и Warbler. Требуются базовые HTML, CSS и JavaScript. Это четыре соавтора и один курс, а не четыре независимых программы.
На дату проверки в открытых данных Udemy: 37 разделов, 391 лекция, 34 ч 14 мин видео. На установку инструментов, самостоятельную практику и разбор ошибок потребуется дополнительное время. Темы ниже сгруппированы редакцией; перед выбором сверяйте доступное оглавление на Udemy.
Сначала выберите один раздел, который нужен вашему проекту, и проверьте его окружение. Не проходите длинный старый стек целиком только потому, что в названии есть Advanced.
CSS-анимации, Flexbox и проект сайта
AJAX, Fetch, jQuery, Axios и тесты Jasmine
Массивы, замыкания, this, ООП и ES2015–2017
JSON API на Node.js и MongoDB, Todo-приложение
D3, SVG и dashboard
React: классовые компоненты, lifecycle и маршрутизация
Redux и fullstack-проект Warbler

Откройте бесплатный фрагмент и объясните своими словами, что делает пример и зачем нужен каждый шаг. Смотрите небольшими частями, ведите словарь терминов и повторяйте показанные действия самостоятельно. Перевод помогает понимать речь, но проверка результата всё равно остаётся частью практики.
Как проходить курсы Udemy на английскомАнглийская озвучка. Доступные субтитры и автоматический перевод проверяйте в плеере Udemy; русская озвучка не заявлена.
Пришлите ссылку на выбранный курс. Уточним текущую стоимость и поможем оформить его в вашем личном аккаунте Udemy. Материалы и прогресс останутся у вас.
Курс появляется в вашей личной библиотеке на Udemy. Никаких пиратских копий, общих аккаунтов или «серых» схем.
Вы оплачиваете покупку только после того, как курс появился в вашем аккаунте Udemy.
Обычно от первого сообщения до появления курса в аккаунте проходит около 10 минут.
В Telegram отвечает живой человек: можно задать вопрос и получить качественную поддержку по покупке.
Сначала согласуем курс и условия. Оплата после появления курса в аккаунте.
Опыт работы с сервисом