Data

Tools

Indexes

Applications

Experiments

Awesome

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

https://github.com/fed/frontend

Front End Development Resources 👨‍🎓
https://github.com/fed/frontend

learning-resources

Last synced: about 2 months ago
JSON representation

Front End Development Resources 👨‍🎓

Awesome Lists containing this project

README 

        
# Front End Development Resources



![Front End Development Resources](./banner.jpg)



This is a list of curated resources on Front End developement I think are worth having a look at.



## Computer Science



* [Computer Science Distilled: Learn the Art of Solving Computational Problems](https://www.amazon.com/Computer-Science-Distilled-Computational-Problems-ebook/dp/B0731JG96F/)

* [Cracking the Coding Interview](https://www.amazon.com/Cracking-Coding-Interview-Programming-Questions/dp/0984782850)

* [The Imposter's Handbook](https://bigmachine.io/products/the-imposters-handbook)

* [Four Semesters of Computer Science](https://frontendmasters.com/courses/computer-science/) — [Course Notes](https://btholt.github.io/four-semesters-of-cs/)

* [The Coding Interview Bootcamp: Algorithms + Data Structures](https://www.udemy.com/coding-interview-bootcamp-algorithms-and-data-structure/)

* [Computer Science in JavaScript](https://www.nczonline.net/blog/tag/computer-science/)

* [Itsy Bitsy Data Structures](https://github.com/thejameskyle/itsy-bitsy-data-structures)

* [Data Structures and Algorithms in JavaScript](https://github.com/alex-cory/Interviews)



## System Design, Design Patterns and Architecture



* [Learning JavaScript Design Patterns](https://www.oreilly.com/library/view/learning-javascript-design/9781098139865/)

* [Gang of Four's Design Patterns](https://www.amazon.com.au/Design-Patterns-Object-Oriented-Addison-Wesley-Professional-ebook/dp/B000SEIBB8)

* [Examples to Accompany GoF's Design Patterns](http://www.cs.uni.edu/~wallingf/teaching/062/sessions/support/pattern-examples.pdf)

* [Design Patterns Explained Simply](https://sourcemaking.com/design-patterns-ebook)

* [Head First Design Patterns](http://shop.oreilly.com/product/9780596007126.do)

* [Design Patterns For Dummies](https://www.wiley.com/en-us/Design+Patterns+For+Dummies-p-9780471798545)



## HTML



* [Training Guide Programming in HTML5 with JavaScript and CSS3 (MCSD)](https://www.amazon.com/Training-Guide-Programming-JavaScript-Microsoft/dp/0735674388)

* [Decoding HTML5](https://www.goodreads.com/book/show/13517648-decoding-html5)

* [Learn Forms by web.dev](https://web.dev/learn/forms/)



## CSS



* [CSS for JavaScript Developers](https://css-for-js.dev/)

* [Every Layout](https://every-layout.dev/)



## JavaScript



* [JavaScript: The Good Parts](http://shop.oreilly.com/product/9780596517748.do)

* [JavaScript: Understanding the Weird Parts](https://udemy.com/understand-javascript)

* [Just JavaScript](https://justjavascript.com/)

* [JS Functions](https://jsfunctions.io/)

* [JavaScript and the DOM](https://www.udacity.com/course/javascript-and-the-dom--ud117)

* [DOM Events](https://domevents.dev/)

* [JavaScript Allongé](https://leanpub.com/javascriptallongesix/read)

* [Eloquent JavaScript](http://eloquentjavascript.net)

* [You Don't Know JS](https://github.com/getify/You-Dont-Know-JS)

* [JavaScript Garden](https://bonsaiden.github.io/JavaScript-Garden)

* [Learning Advanced JavaScript](https://johnresig.com/apps/learn/)

* [Douglas Crockford on Advanced JavaScript](https://yuiblog.com/blog/2006/11/27/video-crockford-advjs/)



## Promises, Asynchronous Programming and Network Requests



* [Asynchronous JavaScript Requests](https://www.udacity.com/course/asynchronous-javascript-requests--ud109)

* [JavaScript Promises](https://www.udacity.com/course/javascript-promises--ud898)

* [Understanding JavaScript Promises](https://leanpub.com/understanding-javascript-promises)

* [Network reliability by web.dev](https://web.dev/reliable/)



## Testing



* [Testing JavaScript with Kent C. Dodds](https://testingjavascript.com/)

* [JavaScript Testing](https://www.udacity.com/course/javascript-testing--ud549)



## Accessibility



* [Practical Approaches For Designing Accessible Websites](https://www.amazon.com/Practical-Approaches-Designing-Accessible-Websites-ebook/dp/B014JEXKIQ/)

* [Web Accessibility by Google](https://www.udacity.com/course/web-accessibility--ud891)

* [Start Building Accessible Web Applications Today](https://egghead.io/courses/start-building-accessible-web-applications-today)

* [Accessible to all by web.dev](https://web.dev/accessible/)

* [The W3C's Introduction to Web Accessibility](https://www.edx.org/course/web-accessibility-introduction)

* [Introduction to Accessible Web Development](https://www.coursera.org/projects/introduction-to-accessible-web-development)

* [Deque University Full Curriculum](https://dequeuniversity.com/curriculum/packages/full)

* [Practical Accessibility](https://practical-accessibility.today/)

* [Testing Accessibility](https://testingaccessibility.com/)

* [The Bootcamper's Guide to Web Accessibility](https://www.a11yproject.com/resources/the-bootcampers-guide-to-web-accessibility/)

* [A Web for Everyone](https://rosenfeldmedia.com/books/a-web-for-everyone/)

* [Accessibility for Everyone](https://abookapart.com/products/accessibility-for-everyone)

* [Apps For All: Coding Accessible Web Applications](https://shop.smashingmagazine.com/products/apps-for-all)



## Performance



* [Website Performance Optimization](https://www.udacity.com/course/website-performance-optimization--ud884)

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

* [Responsive Images](https://www.udacity.com/course/responsive-images--ud882)

* [Web Performance Fundamentals](https://frontendmasters.com/courses/web-perf/)

* [Core Web Vitals by web.dev](https://web.dev/learn-core-web-vitals/)

* [Metrics: measuring performance and user experience by web.dev](https://web.dev/metrics/)

* [Fast load times: techniques for improving site performance by web.dev](https://web.dev/fast/)



## React



* [Understanding React](https://dontimitateunderstand.com/p/understanding-react)



## Web Components



* [Web Components Essentials](https://training.coryrylan.com/l/web-component-essentials)



## Functional Programming



* [A Skeptic's Guide to Functional Programming with JavaScript](https://jrsinclair.com/skeptics-guide)

* [Functional Programming in JavaScript by Luis Atencio](https://www.manning.com/books/functional-programming-in-javascript)

* [Functional Programming in JavaScript by Dan Mantyla](https://www.amazon.com/Functional-Programming-JavaScript-Dan-Mantyla/dp/1784398225)

* [Functional JavaScript](http://shop.oreilly.com/product/0636920028857.do)

* [Professor Frisby Introduces Composable Functional JavaScript](https://egghead.io/courses/professor-frisby-introduces-composable-functional-javascript)



## Functional Reactive Programming



* [RxJS Masterclass](https://ultimatecourses.com/courses/rxjs)

* [RxJS Fundamentals](https://this-is-learning.github.io/rxjs-fundamentals-course/)



## Progressive Web Applications



* [Learn PWAs by web.dev](https://web.dev/learn/pwa/)

* [Intro to Progressive Web Apps](https://www.udacity.com/course/intro-to-progressive-web-apps--ud811)

* [Offline Web Applications](https://www.udacity.com/course/offline-web-applications--ud899)



## Node.js



* [Learn and Understand Node.js](https://www.udemy.com/understand-nodejs)



## Frontend Courses Syllabus



* [Udacity Front End Web Developer Nanodegree Program Syllabus](https://d20vrrgs8k4bvw.cloudfront.net/documents/en-US/Front+End+Web+Dev+-+nd0011+-+syllabus.pdf)

* [Google Mobile Web Specialist Certification Guide](https://github.com/elharony/google-mobile-web-specialist-certification-guide)



## JavaScript, DOM and HTML5 APIs Practice



* 12 Days of Web ([2021](https://12daysofweb.dev/2021), [2022](https://12daysofweb.dev/2022), [2023](https://12daysofweb.dev/2023))

* [30 Day Vanilla JS Coding Challenge](https://javascript30.com/)

* [JavaScript Challenges Book](https://github.com/tcorral/javascript-challenges-book)

* [Microsoft Front End Bootcamp](https://github.com/Microsoft/frontend-bootcamp)

* [Codility](https://codility.com/programmers)

* [HackerRank](https://www.hackerrank.com/dashboard)

* [Frontend Developer Interview Questions](https://github.com/h5bp/Front-end-Developer-Interview-Questions)