Полезные ссылки на Javascript. Подготовка к собеседованию (часть 1)
Почему эффективная Hydration в JavaScript фреймворках так сложна
02.03.2022
Полезные ссылки на Javascript. Подготовка к собеседованию (часть 2)
03.03.2022
Сегодня в статье рассмотрим хорошие материалы для изучения JS, а также посмотрим на вопросы для прохождения собеседования.
Ссылки на вопросы по собеседованию Github.
Переменные, области видимости, поднятия
- https://livecodestream.dev/post/understanding-variables-scope-and-hoisting-in-javascript/
- https://www.freecodecamp.org/news/javascript-lexical-scope-tutorial/
- https://slashism.com/variable-scope-in-javascript
- https://wasefs.medium.com/hoisting-in-javascript-javascript-interview-series-53f9faa16835
- https://dev.to/pat_the99/javascript-hoisting-450l
- https://kpealecodes.hashnode.dev/scoping-and-hoisting-in-javascript
- https://slashism.com/variable-scope-in-javascript
- https://developer.mozilla.org/en-US/docs/Glossary/Primitive#Another_Example_Step-by-step
- https://livecodestream.dev/post/2020-07-25-understanding-variables-scope-and-hoisting-in-javascript/
- https://dev.to/sandy8111112004/javascript-introduction-to-scope-function-scope-block-scope-d11
This
- https://ui.dev/this-keyword-call-apply-bind-javascript/
- https://livecodestream.dev/post/understanding-this-keyword-in-javascript/
- https://dev.to/polymathsomnath/master-this-in-javascript-1bk
- https://medium.com/swlh/whats-this-in-javascript-870918e833b8
- https://rajatexplains.hashnode.dev/this-in-javascript
- https://medium.com/swlh/understanding-this-in-javascript-166164e7fa2b
- https://dev.to/denisveleaev/6-simple-rules-to-fully-understand-this-keyword-in-javascript-1kmk
- https://medium.com/free-code-camp/react-binding-patterns-5-approaches-for-handling-this-92c651b5af56#.53op90a6w
- https://enlear.academy/this-keyword-in-javascript-8979fa01f4a3
Паттерны
- https://hemdan.hashnode.dev/javascript-patterns-ch2-or-part-1-essentials
- https://medium.com/swlh/js-interview-help-prototype-class-es6-iife-scope-closures-module-pattern-fd67c68aacb8
- https://medium.com/javascript-in-plain-english/basic-middleware-pattern-in-javascript-ef8756a75cb1
- https://levelup.gitconnected.com/design-patterns-in-modern-javascript-development-ec84d8be06ca?gi=6e6506fac97e
Прототипы
- https://javascript.plainenglish.io/prototype-this-stranger-7a444098cdd4
- https://blog.youteee.codes/introduction-to-javascript-прототипы
- https://www.freecodecamp.org/news/all-you-need-to-know-to-understand-javascripts-prototype-a2bff2d28f03/
Функции
- https://blog.bitsrc.io/understanding-javascript-iifes-like-a-boss-b84b39663a37
- https://api.daily.dev/r/Wxk7uYQ2p
- https://devdojo.com/rahulism/what-is-memoization-in-javascript
- https://yuricodesbot.hashnode.dev/понимание-функционального-программирования-в-javascript
- https://dev.to/thedailytechtalk/top-10-must-know-javascript-functions-1ipm
- https://medium.com/javascript-in-plain-english/javascript-interview-questions-functions-5a3081c1f3f5
- https://dev.to/mpodlasin/functional-programming-in-js-part-i-composition-currying-lodash-and-ramda-1ohb
- https://mohit-codes.hashnode.dev/differences-between-arrow-function-and-regular-function-in-javascript
- https://dev.to/coderslang/javascript-interview-question-46-length-of-js-functions-494f
Замыкание
- https://medium.com/geekculture/understanding-the-core-concept-of-javascript-closure-49e3517e49a5
- https://medium.com/geekculture/understanding-the-core-concept-of-javascript-closure-49e3517e49a5
- https://medium.com/javascript-in-plain-english/closures-and-lexical-scoping-in-javascript-9ebe8d353662
- https://rajatexplains.hashnode.dev/understanding-closures-1
- https://www.freecodecamp.org/news/closures-in-javascript/
Итераторы
- https://madasamy.medium.com/explanation-about-iterators-and-generators-in-javascript-es6-f7e669cbe96e
- https://codeburst.io/a-simple-guide-to-es6-iterators-in-javascript-with-examples-189d052c3d8e
Каррирование
- https://dev.to/kozlovzxc/js-interview-in-2-minutes-currying-2hko
- https://dev.to/suprabhasupi/currying-in-javascript-1k3l
- https://daily.dev/posts/what-is-currying-in-javascript
- https://dev.to/afrazchelsea/function-currying-in-javascript-3h3g
Промисы
- https://towardsdev.com/обещания-в-javascript-285f523c3e8d
- https://javascript.plainenglish.io/what-is-the-importance-of-using-async-await-17b95870a05f
- https://dmitripavlutin.com/what-is-javascript-promise/
- https://dmitripavlutin.com/javascript-promises-then-vs-then-catch/
- https://enlear.academy/what-is-asynchronous-javascript-310426783ef1
- https://saiteja0413.hashnode.dev/beginners-guide-to-javascripts-asyncawait
- https://www.freecodecamp.org/news/how-to-deal-with-nested-callbacks-and-avoid-callback-hell-1bc8dc4a2012/
- https://blog.openreplay.com/the-ultimate-guide-to-fixing-javascript-performance-problems-in-browser-devtools
- https://maximorlov.com/visual-guide-refactoring-callback-функции/
- https://codeburst.io/javascript-интервью-вопросы-обещания-1ab2fb7f0467
- https://blog.madza.dev/24-modern-es6-code-snippets-to-solve-practical-js-проблемы
- https://humanwhocodes.com/blog/2020/10/creating-javascript-promise-from-scratch-promise-resolve-reject/
- https://blog.bitsrc.io/journey-from-callbacks-to-promises-to-async-await-6fcd7f7fa3c5
- https://blog.rohilpinto.com/javascript-call-stack-explained
- https://dev.to/ryanameri/mastering-hard-parts-of-javascript-callbacks-i-3aj0
- https://adrianmejia.com/promises-tutorial-concurrency-in-javascript-node/
- https://dev.to/swarnaliroy94/javascript-concept-of-promise-3ijb
- https://enlear.academy/what-is-asynchronous-javascript-310426783ef1
- https://www.freecodecamp.org/news/what-is-promise-in-javascript-for-beginners/
Es6+
- https://madzadev.medium.com/24-modern-es6-code-snippets-to-solve-practical-js-problems-3609f301859e
- https://ponyfoo.com/articles/es6
- https://mezgitci9.medium.com/java-script-es6-f6f4219847dd
- https://madasamy.medium.com/javascript-brief-history-and-ecmascript-es6-es7-es8-features-673973394df4
- https://alimammiya.hashnode.dev/upcoming-interesting-javascript-es2021-es12-features-to-look-for-1
- https://jayakiran.hashnode.dev/modern-javascript
- https://medium.com/nerd-for-tech/understanding-javascript-es6-classes-dbce09c0b903
- https://alimammiya.hashnode.dev/8-useful-javascript-es2019-features-to-know-about-1
- https://shineve.hashnode.dev/new-javascript-features-in-es6-es12
- https://madzadev.medium.com/24-modern-es6-code-snippets-to-solve-practical-js-problems-3609f301859e
- https://ponyfoo.com/articles/search/es6
- https://madza.hashnode.dev/24-modern-es6-code-snippets-to-solve-practical-js-problems
- https://blog.greenroots.info/explain-me-like-i-am-five-what-are-es6-symbols-ckeuz5sb8001qafs14of305dw
- https://blog.michaelkaren.dev/javascript-spread-vs-rest
- https://medium.com/javascript-in-plain-english/new-javascript-features-in-es2020-c2d76acf9c5a
- https://blog.bitsrc.io/mastering-javascript-es6-symbols-6453da3bd46c
- https://blog.skay.dev/es6-understanding-destructuring
- https://medium.com/@etherealm/named-export-vs-default-export-in-es6-affb483a0910
- https://medium.com/javascript-in-plain-english/5-simple-tips-to-write-better-arrow-functions-a55f40f63d58
Массивы
- https://www.freecodecamp.org/news/array-map-tutorial/
- https://dev.to/antoomartini/4-ways-to-convert-a-string-to-an-array-in-javascript-i97
- https://www.freecodecamp.org/news/the-javascript-array-handbook/
- https://blog.greenroots.info/everything-you-need-to-know-about-javascript-set
- https://faheemkhan97.hashnode.dev/arraylength-i-bet-youre-missing-something-about-it
- https://iampalash.hashnode.dev/top-7-javascript-array-sort-method-use-cases
- https://amantyagi.hashnode.dev/javascript-массив-методов
- https://blog.bitsrc.io/8-methods-to-search-javascript-arrays-fadbce8bea51
- https://www.w3resource.com/javascript-упражнения/javascript-массив-упражнения.php
- https://javascript.info/массив-методов
- https://dev.to/aashrithashiva29/возможные-способы-итерации-массивов-в-javascript-1cgo
- https://thenextweb.com/syndication/2020/07/02/15-useful-methods-to-get-the-most-out-of-javascript-arrays/
- https://dev.to/samanhaming/6-use-cases-of-spread-with-array-in-javascript-2n53
- https://www.freecodecamp.org/news/javascript-array-foreach-tutorial-how-to-iterate-through-elements-in-an-array-with-map/
Циклы событий
- https://ayushv.medium.com/event-loop-in-javascript-672c07618dc9
- https://towardsdev.com/event-loop-in-javascript-672c07618dc9
- https://medium.com/@ricardoreis_22930/event-loop-javascript-4376600e5603
- https://blog.skay.dev/javascript-event-loop-explained
- https://dmitripavlutin.com/javascript-event-delegation/?utm_campaign=a-simple-explanation-of-event-delegation
- https://blog.bitsrc.io/event-bubbling-and-capturing-in-javascript-6bc908321b22
Объекты
- https://livecodestream.dev/post/everything-you-should-know-about-javascript-dictionaries/
- https://towardsdev.com/объектно-ориентированное программирование-oop-in-javascript-b7f2bbde1230?gi=6355f0d7bfa0
- https://towardsdev.com/объектно-ориентированное программирование-oop-in-javascript-b7f2bbde1230
- https://javascript.plainenglish.io/copies-of-javascript-shallow-and-deep-copy-ac7f8dcd1dd0
- https://javascript.plainenglish.io/объектно-ориентированный-javascript-3f74e02a436f
- https://cosmocode.io/how-to-implement-abstraction-in-javascript-javascript-объектно-ориентированное программирование/
- https://javascript.plainenglish.io/what-is-proto-b15f16e10b72
- https://javascript.plainenglish.io/proto-vs-prototype-in-js-140b9b9c8cd5
- https://javascript.plainenglish.io/javascript-paas-by-value-vs-reference-b1667016e4a3
- https://favouritejome.hashnode.dev/class-prototype-and-oop-concept-explained
- https://css-tricks.com/the-flavors-of-object-Oriented-programming-in-javascript/
- https://blog.oshogunle.com/how-to-use-oop-in-javascript-ckemxzcw804ow8cs122ikhob0
- https://h.daily-dev-tips.com/javascript-Optional-Chaining-to-the-Rescue
Дата и время
- https://www.freecodecamp.org/news/how-to-build-a-chess-clock-with-javascript-and-setinterval/
- https://dev.to/debs_obrien/formatting-a-date-in-javascript-ebd
Регулярные выражения
- https://yuricodesbot.hashnode.dev/ultimate-guide-to-regular-expressions-regex-on-javascript
- https://dev.to/shreyazz/regex-101-2m7m
- https://javascript.plainenglish.io/sericious-javascript-regex-quantifiers-in-under-10-mins-f281146bfea2
- https://towardsdatascience.com/an-introduction-to-regular-expressions-5dd762afc5e4
- https://amara.hashnode.dev/regular-expressions-in-javascript
- https://fireship.io/lessons/regex-cheat-sheet-js/
Обработка ошибок
Это первая часть подборки литературы для подготовки разработчиков к собеседованию. Не читайте бегло, лучше потраться больше времени, чтобы понимать то, что изучаете.
И главное практикуйтесь!
Источник статьи: http://dev.to/
