Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/zavsievich/resources

Learning resources to develop skills across the frontend and related areas. PR's are welcome!
https://github.com/zavsievich/resources

List: resources

a11y algorithms awesome-list computer-science css frontend html javascript system-design webgl

Last synced: 16 days ago
JSON representation

Learning resources to develop skills across the frontend and related areas. PR's are welcome!

Awesome Lists containing this project

README 

        
# Learning resources

Learning resources to develop skills across the frontend and related areas. PR's are welcome!



## Soft Skills

[Software Engineering at Google 📕](https://abseil.io/resources/swe-book) 



[Google Project Management](https://www.coursera.org/professional-certificates/google-project-management)



[Team Topologies: Organizing Business and Technology Teams for Fast Flow](https://www.amazon.com/Team-Topologies-Organizing-Business-Technology/dp/1942788819)



[Addy Osmani - Soft skill books list](https://addyosmani.com/blog/soft-skills-books/)



[Be a Great Mentor: A Practical Guide to Mentorship](https://www.udemy.com/course/be-a-great-mentor-a-practical-guide-to-mentoring/)



## CS

[From Nand to Tetris](https://www.nand2tetris.org/)



[Path to a free self-taught education in Computer Science](https://github.com/ossu/computer-science)



[Teach Yourself Computer Science](https://teachyourselfcs.com/)



[Computer Science: Crash Course](https://youtube.com/playlist?list=PL8dPuuaLjXtNlUrzyH5r6jN9ulIgZBpdo)



[COMPUTATION STRUCTURES - MIT 2017](https://ocw.mit.edu/courses/6-004-computation-structures-spring-2017/)



[Computer Architecture - CS 61C at UC Berkeley](https://inst.eecs.berkeley.edu/~cs61c/su20/)



[Introduction to Computer Systems - Carnegie 2015](https://scs.hosted.panopto.com/Panopto/Pages/Sessions/List.aspx#folderID=%22b96d90ae-9871-4fae-91e2-b1627b43e25e%22&view=2&sortColumn=1&sortAscending=true&maxResults=250)



[Live compiler Explorer](https://godbolt.org/)



[Virtual Memory lecture](https://www.youtube.com/playlist?list=PLiwt1iVUib9s2Uo5BeYmwkDFUh70fJPxX)



[Zero to Software Architect](https://zerotosoftwarearchitect.com/)



[Processor system architecture -- Lectures 🇷🇺](https://youtube.com/playlist?list=PL0def37HEo5KHPjwK7A5bd4RJGg4djPVf)



[Writing An Interpreter In Go](https://interpreterbook.com/)



[An Interactive Intro to CRDTs](https://jakelazaroff.com/words/an-interactive-intro-to-crdts/)



[Learn computer science by writing code](https://csprimer.com)



[A Unified Theory of Garbage Collection](https://courses.cs.washington.edu/courses/cse590p/05au/p50-bacon.pdf)



### Operating systems

[CS 162: Operating Systems and System Programming - Berkley](https://inst.eecs.berkeley.edu/~cs162/fa20/)



### Computer Networks

[Computer Networks: A Systems Approach](https://book.systemsapproach.org/index.html)



[Learn how the Internet works - Ben Eater](https://eater.net/inet)



## System design

[Complete system design course](https://www.educative.io/path/scalability-system-design)



[SDLC Tutorial](https://www.tutorialspoint.com/sdlc/index.htm)



[The System Design Primer](https://github.com/donnemartin/system-design-primer)



[Operating system tutorial](https://www.tutorialspoint.com/operating_system/index.htm)



[Front-End Engineer](https://www.youtube.com/c/FrontEndEngineer)



[Frontend System Design Framework](https://medium.com/@wastecleaner/frontend-system-design-framework-5ba6e075b3b2)



[Scaleyourapp - Distributed Systems & Scalability](https://scaleyourapp.com/)



[Awesome scalability list](https://github.com/binhnguyennus/awesome-scalability/)



## Architecture

[DDD, Hexagonal, Onion, Clean, CQRS, … How I put it all together](https://herbertograca.com/2017/11/16/explicit-architecture-01-ddd-hexagonal-onion-clean-cqrs-how-i-put-it-all-together/)



[Clean architecture in the frontend 🇷🇺](https://youtu.be/h4WQRqNjmX0)



[A quick introduction to clean architecture](https://www.freecodecamp.org/news/a-quick-introduction-to-clean-architecture-990c014448d2/)



[SOLID Book 🇷🇺](https://ota-solid.vercel.app/)



[Drawing trees on canvas with L-systems, TypeScript, and OOP 🇷🇺](https://bespoyasov.ru/blog/generating-trees-on-canvas-using-typescript-and-oop/)



[Featured sliced methodology 🇷🇺](https://feature-sliced.design/)



[Client-Side Architecture Basics [Guide]](https://khalilstemmler.com/articles/client-side-architecture/introduction/)



[On the spot channel 🇷🇺](https://www.youtube.com/channel/UCZjbcYHfnt3atebf7KY6Tuw/videos)



[Designing Events-First Microservices](https://youtu.be/1hwuWmMNT4c)



[Clean and Hexagonal Architectures for Dummies](https://medium.com/codex/clean-architecture-for-dummies-df6561d42c94)



[The Architecture of Open Source Applications](http://aosabook.org/en/index.html)



## Programming

[Frisby's Guide to Functional Programming](https://github.com/MostlyAdequate/mostly-adequate-guide)



[Refactoring course](https://refactoring.guru/refactoring/course)



[Design patterns book](https://refactoring.guru/design-patterns)



[Frontend design and performance patterns](https://www.patterns.dev/posts)



[Build your own X](https://github.com/codecrafters-io/build-your-own-x)



### Algorithms

[Customize LeetCode study plans](https://www.techinterviewhandbook.org/grind75)



[Algorithms in JavaScript 🇷🇺](https://youtube.com/playlist?list=PLvWwA9iDlhHB1qp22la3mn01JuVOwyuqw)



[Algorithms and data structures 🇷🇺](https://youtube.com/playlist?list=PLrS21S1jm43jz48qjdfYNpuIPgL3lNJ_o)



[JavaScript Algorithms and Data Structures](https://github.com/trekhleb/javascript-algorithms)



[Algorithms by Jeff Erickson](http://jeffe.cs.illinois.edu/teaching/algorithms)



[Coursera's Algorithms specialization](https://coursera.org/specializations/algorithms)



[Coursera's Data Structures and Algorithms](https://www.coursera.org/specializations/data-structures-algorithms)



[Codevolution - JavaScript Algorithms and Data Structures](https://youtube.com/playlist?list=PLC3y8-rFHvwjPxNAKvZpdnsr41E0fCMMP)



### JavaScript

[Programming basics on JavaScript 🇷🇺](https://youtube.com/playlist?list=PLHhi8ymDMrQZad6JDh6HRzY1Wz5WB34w0)



[Deep JavaScript Book](https://exploringjs.com/deep-js/toc.html)



[JavaScript. The Core: 2nd Edition](http://dmitrysoshnikov.com/ecmascript/javascript-the-core-2nd-edition/)



[Just JavaScript book by Dan Abramov](https://justjavascript.com/)



[The this keyword in JavaScript. The Complete* Guide 🇷🇺](https://habr.com/ru/post/464163/)



[Design and perfomance patterns](https://www.patterns.dev/posts/)



[BFE - Practice Front-End coding problems](https://bigfrontend.dev/)



[DMITRY SÃ’SHNIKOV Blog](http://dmitrysoshnikov.com/)



[V8 Resources](https://mrale.ph/v8/resources.html)



### TypeScript

[TypeScript type challenges](https://github.com/type-challenges/type-challenges)



[Type-level TypeScript course](https://type-level-typescript.com/)



[Become the TypeScript Wizard](https://www.totaltypescript.com/)



### WebAssembly

[WebAssembly: tame the dragon 🇷🇺](https://www.youtube.com/watch?v=ehPucx9he5U)



### Databases 

[Sql 🇷🇺](https://metanit.com/sql/sqlserver/1.1.php)



## Browser

[Chromium University lectures (2020)](https://www.youtube.com/playlist?list=PL9ioqAuyl6ULp1f36EEjIN1vSBEfsb-0a)



[How Blink works](https://docs.google.com/document/d/1aitSOucL0VHZa9Z2vbRJSyAIsAz24kX8LFByQ5xQnUg/edit)



[Web Browser Engineering](https://browser.engineering)



[How Browsers Work](https://www.html5rocks.com/en/tutorials/internals/howbrowserswork/)



[What happens when](https://github.com/alex/what-happens-when)



[Web Browser Engineering - Pavel Panchekha & Chris Harrelson](https://browser.engineering/)



### Perfomance

[Browser rendering optimization](https://www.udacity.com/course/browser-rendering-optimization--ud860)



[Front-End Performance Checklist 2021](https://www.smashingmagazine.com/2021/01/front-end-performance-2021-free-pdf-checklist/)



[The Critical Request: How to Prioritise Requests to Improve Speed](https://calibreapp.com/blog/critical-request)



## Frameworks

[Build a frontend framework from scratch](https://mfrachet.github.io/create-frontend-framework)



[Rethinking reactivity - Rich Harris](https://www.youtube.com/watch?v=AdNJ3fydeao)



[Scaling SSR applications 🇷🇺](https://superoleg39.notion.site/SSR-04ad1ab46de346edb244a1112bd357a3)



### React

[Build your own React](https://pomb.us/build-your-own-react)



[React reconciler: How to write your own renderer 🇷🇺](https://www.youtube.com/watch?v=hpVFlpvPsYc)



[Complete Guide to React Rendering Behavior](https://blog.isquaredsoftware.com/2020/05/blogged-answers-a-mostly-complete-guide-to-react-rendering-behavior/)



[Tao of React](https://alexkondov.com/tao-of-react/)



[Timeline of a React Component With Hooks](https://julesblom.com/writing/react-hook-component-timeline)



[The React Handbook: Modern approaches to architecture and feature development for production-ready React apps](https://reacthandbook.dev/)



### Next.js

[getStaticProps: a collection of guides to help you build modern apps using Next.js.](https://www.getstaticprops.com/)



## UI

### Animations

[Animating Layouts with the FLIP Technique](https://css-tricks.com/animating-layouts-with-the-flip-technique/)



[FLIP Your Animations](https://aerotwist.com/blog/flip-your-animations/)



### Accessibility

[A Complete Guide To Accessible Front-End Components](https://www.smashingmagazine.com/2021/03/complete-guide-accessible-front-end-components/)



[Stark library](https://www.getstark.co/library/all/)



[WAI-ARIA Authoring Practices](https://www.w3.org/TR/wai-aria-practices-1.1/#aria_ex)



[How to Meet WCAG (Quick Reference)](https://www.w3.org/WAI/WCAG21/quickref/)



[Inclusive Components](https://inclusive-components.design/)



### Design

[Design books](https://www.designbetter.co/books)



### WebGL

[WebGL Fundamentals](https://webglfundamentals.org/)



[WebGL guide](https://xem.github.io/articles/webgl-guide.html)



[WebGL Tutorial](https://www.tutorialspoint.com/webgl/index.htm)



[Three.js journey](https://threejs-journey.com/)



## Web Security

[Stanford CS 253](https://web.stanford.edu/class/cs253/)



[CS 253 Web Security videos](https://www.youtube.com/playlist?list=PL1y1iaEtjSYiiSGVlL1cHsXN_kvJOOhu-)



[Computer Security textbook](https://textbook.cs161.org/)



[CS 161: Computer Security](https://su20.cs161.org/)



## Math

[immersive linear algebra](http://immersivemath.com/ila/index.html)



[Discrete Math 1](https://www.youtube.com/playlist?list=PLDDGPdw7e6Ag1EIznZ-m-qXu4XX3A0cIz)



[Discrete Math 2](https://www.youtube.com/playlist?list=PLDDGPdw7e6Aj0amDsYInT_8p6xTSTGEi2)



[Math 321 Class Notes - Wichita](https://www.math.wichita.edu/~hammond/math321/discrete-class-notes.html)



[MATHEMATICS FOR CS - MIT 2010](https://ocw.mit.edu/courses/6-042j-mathematics-for-computer-science-fall-2010/)



[LINEAR ALGEBRA - MIT 2011](https://ocw.mit.edu/courses/18-06sc-linear-algebra-fall-2011/)



[The Math Sorcerer](https://www.youtube.com/c/TheMathSorcerer)



## Deploys

[Martin Fowler: Patterns for Managing Source Code Branches](https://martinfowler.com/articles/branching-patterns.html)



## Common

### Books

[Read This Twice - Technology](https://www.readthistwice.com/books/technology)



### Lists

[Vlad10 - Teach yourself](https://vlad10.notion.site/vlad10/Teach-Yourself-e03b7fd22c07447f91a1501b2d9b90fd)



[Professional programming](https://github.com/charlax/professional-programming)



### Guides

[Harvard resume tips](https://cdn-careerservices.fas.harvard.edu/wp-content/uploads/sites/161/2023/04/HES_resume-and-letter_2022-final.pdf)



## Instruments

### Resumes

[Indeed - resume builder](https://resumebuilder.indeed.com/)



[Resumake](https://resumake.io/)



[OpenResume - Free Open-source Resume Builder and Parser](https://www.open-resume.com/)