Advanced JS от ui.dev

Пост создан 2023-01-28

Из всех технических блогов и почтовых рассылок для меня особняком стоит Тайлер МакГиннес.

По его статье я училась делать SSR (server-side rendering), когда была совсем юной разработчицей, я читаю рассылку Bytes. Кстати, советую, если вам интересно наблюдать за новинками фронтенда.

Сайт Тайлера позже ребренднулся в образовательную платформу UI Dev.

Короче говоря, я прошла один из курсов UI dev, Advanced Javasctipt.

Далее в этом посте я буду писать про фронтенд.

Если вы не понимаете, о чем речь, лучше пропустить этот пост.

Формат курса

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

Для того, чтобы усваивать материал, нужно вникнуть в полотно текста, сделать парочку упражнений руками (никаких codesandbox'ов!), потыкать в интерактивный симулятор Javascript Visualizer'а.

Оценка

Тайлер умеет объяснять хитрые концепции простым языком. Если вы из тех людей, которые привыкли читать гайды и Getting Started, формат вам подойдет. Он требует большого количества самостоятельной работы.

Практических упражнений будет пару штук, все остальное – на совести ученика. Впрочем, автор курса и сам пишет об этом в интро.

Больше всего я оценила объяснение классов и прототипов. Стандартное объяснение из LearnJS читается и запоминается тяжело, в отличие от «учебника» Тайлера.

Финальная статья из курса, про CommonJS и es6 модули скорее читается как «краткая история модуля в JS». Полезно для ознакомления, но не дает полного понимания работы с тришейкингом и чанками.

Стоимость – с региональной скидкой получилось $60.

Я бы рекомендовала UI Dev в формате подписки.

Добавлю, всю информацию можно найти в альтернативных источниках.

В том числе, в самом блоге Тайлера.

Полезные ссылки

Context и this

Контекст – одна из самых важных тем для понимания JS.

Вот ссылки, с помощью которых удалось повторить и закрепить тему:

The Ultimate Guide to Hoisting, Scopes, and Closures in JavaScript. Статья из блога Тайлера.
Gentle Explanation of "this" in JavaScript. Статья Хороший гайд по тому, как мыслить во время задачек на интервью.
7 Interview Questions on "this" keyword in JavaScript. Can You Answer Them?. Опросник по предыдущему материалу.

Closure и Hoisting

Именно на вопрос «Что такое замыкание (Closure)» я отвечала неправильно лет 5. Никому не мешало. Однако, это еще одна важная концепция, и надо бы с ней разобраться.

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

Бесплатная статья Тайлера с прекрасной визуализацией
7 вопросов про замыкание. Опросник для проверки знаний выше.

Event Loop

Все еще лучшее видео по Event Loop: What the heck is Event Loop

И могу порекомендовать задачки с объяснением от Елены Литвиновой.

Что дальше?

Что касается итогов по Advanced JavaScript: приятно было повторить узкие места в языке, однако, я слишком привыкла к полноценным образовательным платформам с практикой.

Сейчас я изучаю курс Джоша Комо «Joy of React».

Планирую черкануть об этом в блог! До встречи.