Frontend list

frontend.md

CS crush course(*)

https://www.youtube.com/playlist?list=PL8dPuuaLjXtNlUrzyH5r6jN9ulIgZBpdo

Спортивне програмування

https://www.interviewcake.com

https://leetcode.com

https://projecteuler.net/

https://www.codewars.com

Патерни

1. класичні від GoF (*) + рефакторинг https://refactoring.guru/uk/design-patterns/catalog
2. класичні від GoF (*) на js http://designpatternsgame.com/patterns
3. специфічні для js https://blog.logrocket.com/javascript-design-pattern-214d888096a3

Алгоритми і структури даних (*)

1. https://github.com/trekhleb/javascript-algorithms
2. https://github.com/Developer-Y/cs-video-courses

Класні туторіали щоб вчитися і самому реалізовувати популярні проекти

1. Build your own (insert technology) https://github.com/danistefanovic/build-your-own-x
2. Simple (200 LOC) VDOM implementation https://github.com/snabbdom/snabbdom

Різні підходи до програмування:

1. Функціональне програмування https://github.com/MostlyAdequate/mostly-adequate-guide-ru
2. The introduction to Reactive Programming you've been missing https://gist.github.com/staltz/868e7e9bc2a7b8c1f754
3. A General Theory of Reactivity https://github.com/kriskowal/gtor
4. RxJS http://rxmarbles.com/ https://hooktube.com/watch?v=uQ1zhJHclvs
5. Реакт + Streams (how to implement own stream) http://meiosis.js.org/tutorial/toc.html
6. Асинхронное программирование https://habr.com/ru/post/452974/

По JS:

1. EVENT LOOP (*) http://latentflip.com/loupe
2. Крутий блог з деталями про роботу JS http://dmitrysoshnikov.com
3. Збірна стаття про JS (*)
   1. ****https://medium.freecodecamp.org/the-definitive-javascript-handbook-for-a-developer-interview-44ffc6aeb54e
   2. https://medium.freecodecamp.org/the-complete-javascript-handbook-f26b2c71719c
   3. https://medium.com/@SilentHackz/a-perfect-guide-for-cracking-a-javascript-interview-a-developers-perspective-cb1716d35381
4. Про об’єкти в JS https://habr.com/company/ruvds/blog/420615/
5. Контекст выполнения и стек вызовов https://habr.com/company/ruvds/blog/422089/
6. Про гетери і ітератори https://hooktube.com/watch?v=fdol03pcvMA
7. Generators https://learn.javascript.ru/generator http://2ality.com/2015/03/es6-generators.html
8. closures https://medium.com/@stasonmars/понимаем-замыкания-в-javascript-раз-и-навсегда-c211805b6898
9. symbol https://habr.com/ru/company/ruvds/blog/444340/
10. асинхронність https://habr.com/ru/company/jugru/blog/446562/#habracut
11. JavaScript-движки: как они работают? От стека вызовов до промисов — (почти) всё, что вам нужно знать https://habr.com/ru/company/mailru/blog/452906/

Різне:

Онлайн IDE https://codesandbox.io

Підказки по API різних мов і бібліотек**(*)** https://devhints.io

Короткий конспект “Чистий код”. ****https://habr.com/post/424051/

Про те як працює інтернет https://medium.com/@lunaticmonk/computer-networks-and-how-to-actually-understand-them-c1401908172d

про мережі https://beej.us/guide/bgnet/translations/bgnet_A4_rus.pdf

Про Agile https://youtu.be/a-BOSpxYJ9M

настройка шела https://github.com/ellerbrock/fish-shell-setup-osx + fnm

AST JS. Codeshift https://astexplorer.net/

REACT

https://habr.com/company/ruvds/blog/428077/

https://reactforbeginners.com

https://egghead.io/browse/frameworks/react

https://www.robinwieruch.de/javascript-fundamentals-react-requirements/

HIGH ORDER COMPONENTS (HOC)https://www.youtube.com/watch?v=BcVAq3YFiuc

react performance optimization https://blog.opendigerati.com/taking-control-of-react-performance-4f21a15a19b5

REDUX

https://egghead.io/courses/getting-started-with-redux (*)

https://egghead.io/courses/building-react-applications-with-idiomatic-redux (*)

https://github.com/tayiorbeii/egghead.io_redux_course_notes

Website Performance Optimization

https://habr.com/ru/post/226911/

https://www.udacity.com/course/website-performance-optimization--ud884

https://hpbn.co/

Книги

Для глибокого вивчення (*) https://github.com/getify/You-Dont-Know-JS

Для новачків (Eloquent JS) https://karmazzin.gitbooks.io/eloquentjavascript_ru/content/

http://nikhilm.github.io/uvbook/

Бібліотеки

1. Біблотеки для прототипування реакт компонентів https://github.com/storybooks/storybook
2. приємна альтернатива CreateReactApp з вбудованим SSR і простим роутером https://nextjs.org/ 
3. Immutable https://github.com/mweststrate/immer
4. Стейт менеджер на основі mobx https://github.com/mobxjs/mobx-state-tree
5. Обгортка на redux, щоб писати менше коду https://rematch.gitbooks.io/rematch/#getting-started https://github.com/jeffreyyoung/quick-redux
6. Класна функціональна ліба https://github.com/sanctuary-js/sanctuary
7. Backend server as SaaS https://github.com/parse-community/Parse-Server
8. https://github.com/remoteinterview/zero сервер без конфігурації

Фреймворки

• https://github.com/sveltejs/svelte
• vue.js

Дивні фічі

https://habr.com/ru/post/449368/

function clearStringFast(str) {
  return str.length < 12 ? str : (' ' + str).slice(1);
}