https://learn.javascript.ru/
https://devdocs.io/
https://developer.mozilla.org/en-US/

https://zellwk.com/blog/es6/

https://www.vrk.dev/2019/07/11/why-is-modern-web-development-so-complicated-a-long-yet-hasty-explanation-part-1/

https://every-layout.dev/ CSS layout
https://news.ycombinator.com/item?id=20196061 .  CSS
https://frontendmasters.com/books/front-end-handbook/2019/

https://habr.com/ru/post/473026/ . datavvalidator


HTML

https://hackernoon.com/guide-to-web-automation-889557804453 web automation https://habr.com/post/414905/ To update the page periodically: meta http-equiv="refresh" content="300"/ https://habr.com/ru/company/jivosite/blog/452802/ - How add script to external site

Dashboards

http://devconnected.com/4-best-dashboard-monitoring-tools-in-2019/ https://colorlib.com/wp/react-dashboard-templates/ Grafana Chronograf InfluxDB only? NetData Kibana https://github.com/creativetimofficial/material-dashboard https://www.creative-tim.com/product/material-dashboard . free dashboard https://github.com/CreativeIT/material-dashboard-lite https://towardsdatascience.com/create-a-complete-machine-learning-web-application-using-react-and-flask-859340bddb33 https://habr.com/post/275729/ http://www.blogofbooks.com/ http://tabulator.info/ . table with sorting https://news.ycombinator.com/item?id=18568072 https://www.reddit.com/r/javascript/comments/9pj37l/looking_for_a_library_to_generate_an_html_list/ https://intercoolerjs.org/ . Intercooler https://habr.com/ru/post/444446/ . Flask, React, Mongo , Docker, Redis, RQ https://blog.bitsrc.io/build-a-website-with-modern-tooling-and-no-frameworks-a33e65099f9 https://habr.com/ru/company/mailru/blog/450816/ . HTTP headers

CSS

https://gridbyexample.com/ https://developer.mozilla.org/en-US/docs/Web/CSS/Layout_cookbook https://habr.com/ru/company/ruvds/blog/444342/ . https://news.ycombinator.com/item?id=20595153 CSS transition and animation

How JS works

https://habr.com/ru/company/mailru/blog/452906/ How JS works https://webdevblog.ru/kak-rabotaet-javascript/ https://www.telerik.com/blogs/journey-of-javascript-downloading-scripts-to-execution-part-ii https://habr.com/ru/post/461401/ Event Loop https://habr.com/ru/company/mailru/blog/452906/ . how JS Engine works https://blog.sessionstack.com/how-javascript-works-the-internals-of-classes-and-inheritance-transpiling-in-babel-and-113612cdc220 https://blog.sessionstack.com/how-javascript-works-deep-dive-into-websockets-and-http-2-with-sse-how-to-pick-the-right-path-584e6b8e3bf7?source=rss----12d1b859d4e4---4 How JS works (~15 articles) https://www.rainerhahnekamp.com/en/javascript-essentials-the-engine/ How JS works https://www.zeptobook.com/javascript-fundamentals-every-beginners-should-know/ https://medium.freecodecamp.org/execution-context-and-the-call-stack-visually-illustrated-by-a-slice-of-tasty-cake-14f9a64dc460 https://blog.bitsrc.io/understanding-asynchronous-javascript-the-event-loop-74cd408419ff https://stackoverflow.com/questions/518000/is-javascript-a-pass-by-reference-or-pass-by-value-language

Modules and Import:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import https://github.com/mdn/js-examples/tree/master/modules

async await

https://habr.com/company/piter/blog/434360/ . async https://habr.com/post/434140/ . async https://habr.com/ru/post/452974/ . Async Programming tutorial (youtube) https://smalldata.tech/blog/2018/11/01/copying-objects-in-javascript https://habr.com/post/427799/ . from Kiev Politechnicl University https://habr.com/company/ruvds/blog/420615/ https://habr.com/company/oleg-bunin/blog/417461/ https://github.com/leonardomso/33-js-concepts https://github.com/matt-jarrett/es6-in-six-hours/ https://nodered.org/ flow based programming for IoT Primitive types: Boolean, Null, Undefined, Number, BigInt, String, Symbol Strings, booleans, numbers, null and undefined: all of those are immutable. Object types: Object, Array, Date, many others: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#Objects https://nick.scialli.me/object-assignment-for-beginners/ IIFE (Immediately Invoked Function Expression) It is immediately executed and never ever in the future it is accessed by the program again. Since it is not called again, it doesn’t need a name, so an anonymous function expression is preferred for IIFE. ( function () { let num = 4 return num }) //4

Generator Function

can be stopped midway through execution. When it is called back it continues from where it stopped. It is declared like a normal function but with the difference that generator function has an asterisk * after the function keyword and any number of spaces can be included between them. One more thing to note: in JavaScript a generator is a function which returns an object on which you can call next(). Every invocation of next() will return an object with a structure like this: function * generatorFunction() { console.log('first to execute'); yield 'takes a pause'; console.log(' printed after the pause'); yield 'end of the function'; } const gen = generatorFunction(); console.log(gen.next().value); // first to execute // takes a pause console.log(gen.next().value); // printed after the pause // end of the function console.log(gen.next().value); // undefined

Design patterns

https://www.toptal.com/javascript/comprehensive-guide-javascript-design-patterns https://able.bio/drenther/javascript-design-patterns--89mv2af https://itnext.io/design-patterns-in-javascript-f533632556c1

Tutorials

https://github.com/leonardomso/33-js-concepts https://github.com/tomquinonero/JSTheWeirdParts https://www.youtube.com/watch?v=Bv_5Zv5c-Ts https://www.youtube.com/user/TechGuyWeb/ https://www.reddit.com/r/javascript/comments/8t2hpr/great_list_tutorials/ https://www.udemy.com/the-complete-javascript-course/ https://medium.freecodecamp.org/the-complete-javascript-handbook-f26b2c71719c https://habr.com/post/434686/ . lectures From KPI - Kiev Politechnical Institute https://mathiasbynens.be/notes/shapes-ics https://habr.com/post/435084/ https://medium.com/datadriveninvestor/stopping-using-console-log-and-start-using-your-browsers-debugger-62bc893d93ff https://medium.com/@ajmeyghani/javascript-functions-a-pocket-reference-d42597ceb496 https://medium.com/@ajmeyghani/javascript-prototypes-a-pocket-reference-d88f550ffce3 My JS code snippets

BOOKS

https://github.com/getify/Functional-Light-JS . BOOK https://news.ycombinator.com/item?id=18059722 http://exploringjs.com/ https://github.com/valentinogagliardi/Little-JavaScript-Book https://github.com/bpesquet/thejsway https://github.com/mjavascript/mastering-modular-javascript http://javascript.info/ https://leanpub.com/javascriptallongesix/read Вы не знаете JS http://dmitrysoshnikov.com/ecmascript/javascript-the-core-2nd-edition/ Dmitry Soshnikov, JS: The Core and his other articles. https://github.com/mjavascript/mastering-modular-javascript YDKJS : You Do not Know JS https://github.com/getify/You-Dont-Know-JS http://viz-js.com/

Other links

https://github.com/mbeaudru/modern-js-cheatsheet https://github.com/wearehive/project-guidelines#api-design https://medium.freecodecamp.org/modern-frontend-hacking-cheatsheets-df9c2566c72a https://habrahabr.ru/company/ruvds/blog/346022/ https://habrahabr.ru/post/345882/ https://javascript30.com/ https://hackernoon.com/object-oriented-programming-in-vanilla-javascript-f3945b15f08a https://blog.logrocket.com/comparing-the-most-popular-javascript-charting-libraries-f76fbe59ffd0 https://codeburst.io/the-ultimate-guide-to-learning-full-stack-web-development-in-6-months-for-30-72b3854a7458

Debugging

https://medium.com/chris-opperwall/using-chrome-devtools-to-debug-frontend-and-backend-javascript-ae4815065cb4 https://raygun.com/javascript-debugging-tips https://blog.pragmatists.com/how-to-debug-front-end-console-3456e4ee5504 JS breakpoints https://insomnia.rest/ REST API client https://hackernoon.com/mvc-vs-mvvm-how-a-website-communicates-with-its-data-models-18553877bf7d Caching https://blog.codeship.com/an-overview-of-caching-methods/ https://github.com/softvar/awesome-web-storage

Links

https://medium.com/@peterxjang/modern-javascript-explained-for-dinosaurs-f695e9747b70 https://www.ably.io/concepts/websockets https://www.youtube.com/watch?v=L-fx2xXSVso https://habrahabr.ru/company/ruvds/blog/340508/ http://es6-features.org/ https://dev.to/srebalaji/es6-for-beginners-with-example-c7 https://www.youtube.com/watch?v=8aGhZQkoFbQ&feature=youtu.be event loop http://2014.jsconf.eu/speakers/philip-roberts-what-the-heck-is-the-event-loop-anyway.html https://watchandcode.com/p/practical-javascript https://plainjs.com/javascript/ https://habrahabr.ru/company/ruvds/blog/339414/ http://speakingjs.com/ https://javascript.info/ http://exploringjs.com/ https://github.com/getify/You-Dont-Know-JS https://leanpub.com/understandinges6/read/ https://leanpub.com/thejsway http://jsbooks.revolunet.com/ https://github.com/mattharrison/Tiny-ES6-Notebook

Inheritance

https://hackernoon.com/object-oriented-programming-in-vanilla-javascript-f3945b15f08a http://www.objectplayground.com/ https://github.com/sAbakumoff/Pritle/blob/master/2.Inhertiance.md http://looselytyped.com/blog/2012/08/22/on-prototypal-inheritance-part-ii/ https://blog.sessionstack.com/how-javascript-works-memory-management-how-to-handle-4-common-memory-leaks-3f28b94cfbec https://habrahabr.ru/company/ruvds/blog/337662/ Vanilla Libraries https://www.reddit.com/r/javascript/comments/89s0vr/the_vanilla_javascript_component_list/ https://www.reddit.com/r/javascript/comments/9vdmji/the_vanilla_javascript_component_list_part_2/

Setup Dev env

https://ru.hexlet.io/courses/js-setup-environment JS D3.js Babael Webpack https://stacktrender.com/post/st/setting-up-webpack-babel-and-react-from-scratch-revisited-muffin-man http://stacktrender.com/post/st/setting-up-webpack-babel-and-react-from-scratch-revisited-muffin-man Parsing Export to CSV

Lint

http://jshint.com/ https://blog.scottnonnenberg.com/eslint-part-1-exploration/ ``` npm i -D eslint npm i -D eslint-plugin-fp ``` https://medium.com/better-programming/js-reliable-fdea261012ee https://medium.com/front-end-hacking/how-it-feels-to-learn-javascript-in-2017-a934b801fbe https://www.youtube.com/channel/UCW9pyonagDWGMCy7V_Kro6g Javascript.Ninja https://github.com/jiayihu/pretty-algorithms https://quokkajs.com/ rapid prototyping playground for JavaScript

Autocomplete

https://github.com/TarekRaafat/autoComplete.js https://github.com/Pixabay/JavaScript-autoComplete Browser extension that shows you what runs a website: Wappalyzer https://github.com/AliasIO/Wappalyzer/ https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg?utm_source=chrome-ntp-icon https://builtwith.com/ BuiltWith https://www.whatruns.com/

Vue

https://news.ycombinator.com/item?id=17172305 https://news.ycombinator.com/item?id=17398506