Резюме, чтобы ускорить ваше обучение до 3 раз

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

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

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

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



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

Понимание объема, подъема и закрытия

Знаете ли вы, что JavaScript на самом деле является компилируемым языком? А знаете ли вы, что его странный процесс компиляции отвечает за создание областей видимости, правил доступа к переменным и закрытий?

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

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



Знайте, как манипулировать данными

Массивы и объекты - это структуры данных, с которыми вы будете работать чаще всего, особенно когда речь идет о рендеринге компонентов в ваших современных каркасных приложениях. У вас должно быть четкое представление о том, как управлять ими в соответствии с вашими желаниями:

Знайте о чистых функциях

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

Понять асинхронный JavaScript

Вам придется постоянно иметь дело с асинхронным кодом в своих веб-приложениях, поскольку обмен данными между интерфейсом и сервером не может происходить мгновенно. Обещания, а теперь asynx/await - инструменты для достижения успеха в этом смысле:

Краткое описание основных концепций ES6

Другие концепции, которые вы должны повторить, прежде чем переходить к следующим передовым фреймворкам, включают общие концепции ES6:

Заключение

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

- Пьеро

Ресурсы