{"id":20806689,"url":"https://github.com/fed/frontend","last_synced_at":"2026-03-19T17:37:04.883Z","repository":{"id":85048386,"uuid":"53577459","full_name":"fed/frontend","owner":"fed","description":"Front End Development Resources 👨‍🎓","archived":false,"fork":false,"pushed_at":"2024-01-22T23:39:07.000Z","size":3209,"stargazers_count":2,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-18T13:33:16.750Z","etag":null,"topics":["learning-resources"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/fed.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2016-03-10T10:54:55.000Z","updated_at":"2024-08-19T15:19:53.000Z","dependencies_parsed_at":"2024-01-23T01:22:23.203Z","dependency_job_id":null,"html_url":"https://github.com/fed/frontend","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fed%2Ffrontend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fed%2Ffrontend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fed%2Ffrontend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fed%2Ffrontend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fed","download_url":"https://codeload.github.com/fed/frontend/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243152875,"owners_count":20244657,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["learning-resources"],"created_at":"2024-11-17T19:24:12.374Z","updated_at":"2025-12-25T11:52:31.162Z","avatar_url":"https://github.com/fed.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# Front End Development Resources\n\n![Front End Development Resources](./banner.jpg)\n\nThis is a list of curated resources on Front End developement I think are worth having a look at.\n\n## Computer Science\n\n* [Computer Science Distilled: Learn the Art of Solving Computational Problems](https://www.amazon.com/Computer-Science-Distilled-Computational-Problems-ebook/dp/B0731JG96F/)\n* [Cracking the Coding Interview](https://www.amazon.com/Cracking-Coding-Interview-Programming-Questions/dp/0984782850)\n* [The Imposter's Handbook](https://bigmachine.io/products/the-imposters-handbook)\n* [Four Semesters of Computer Science](https://frontendmasters.com/courses/computer-science/) — [Course Notes](https://btholt.github.io/four-semesters-of-cs/)\n* [The Coding Interview Bootcamp: Algorithms + Data Structures](https://www.udemy.com/coding-interview-bootcamp-algorithms-and-data-structure/)\n* [Computer Science in JavaScript](https://www.nczonline.net/blog/tag/computer-science/)\n* [Itsy Bitsy Data Structures](https://github.com/thejameskyle/itsy-bitsy-data-structures)\n* [Data Structures and Algorithms in JavaScript](https://github.com/alex-cory/Interviews)\n\n## System Design, Design Patterns and Architecture\n\n* [Learning JavaScript Design Patterns](https://www.oreilly.com/library/view/learning-javascript-design/9781098139865/)\n* [Gang of Four's Design Patterns](https://www.amazon.com.au/Design-Patterns-Object-Oriented-Addison-Wesley-Professional-ebook/dp/B000SEIBB8)\n* [Examples to Accompany GoF's Design Patterns](http://www.cs.uni.edu/~wallingf/teaching/062/sessions/support/pattern-examples.pdf)\n* [Design Patterns Explained Simply](https://sourcemaking.com/design-patterns-ebook)\n* [Head First Design Patterns](http://shop.oreilly.com/product/9780596007126.do)\n* [Design Patterns For Dummies](https://www.wiley.com/en-us/Design+Patterns+For+Dummies-p-9780471798545)\n\n## HTML\n\n* [Training Guide Programming in HTML5 with JavaScript and CSS3 (MCSD)](https://www.amazon.com/Training-Guide-Programming-JavaScript-Microsoft/dp/0735674388)\n* [Decoding HTML5](https://www.goodreads.com/book/show/13517648-decoding-html5)\n* [Learn Forms by web.dev](https://web.dev/learn/forms/)\n\n## CSS\n\n* [CSS for JavaScript Developers](https://css-for-js.dev/)\n* [Every Layout](https://every-layout.dev/)\n\n## JavaScript\n\n* [JavaScript: The Good Parts](http://shop.oreilly.com/product/9780596517748.do)\n* [JavaScript: Understanding the Weird Parts](https://udemy.com/understand-javascript)\n* [Just JavaScript](https://justjavascript.com/)\n* [JS Functions](https://jsfunctions.io/)\n* [JavaScript and the DOM](https://www.udacity.com/course/javascript-and-the-dom--ud117)\n* [DOM Events](https://domevents.dev/)\n* [JavaScript Allongé](https://leanpub.com/javascriptallongesix/read)\n* [Eloquent JavaScript](http://eloquentjavascript.net)\n* [You Don't Know JS](https://github.com/getify/You-Dont-Know-JS)\n* [JavaScript Garden](https://bonsaiden.github.io/JavaScript-Garden)\n* [Learning Advanced JavaScript](https://johnresig.com/apps/learn/)\n* [Douglas Crockford on Advanced JavaScript](https://yuiblog.com/blog/2006/11/27/video-crockford-advjs/)\n\n## Promises, Asynchronous Programming and Network Requests\n\n* [Asynchronous JavaScript Requests](https://www.udacity.com/course/asynchronous-javascript-requests--ud109)\n* [JavaScript Promises](https://www.udacity.com/course/javascript-promises--ud898)\n* [Understanding JavaScript Promises](https://leanpub.com/understanding-javascript-promises)\n* [Network reliability by web.dev](https://web.dev/reliable/)\n\n## Testing\n\n* [Testing JavaScript with Kent C. Dodds](https://testingjavascript.com/)\n* [JavaScript Testing](https://www.udacity.com/course/javascript-testing--ud549)\n\n## Accessibility\n\n* [Practical Approaches For Designing Accessible Websites](https://www.amazon.com/Practical-Approaches-Designing-Accessible-Websites-ebook/dp/B014JEXKIQ/)\n* [Web Accessibility by Google](https://www.udacity.com/course/web-accessibility--ud891)\n* [Start Building Accessible Web Applications Today](https://egghead.io/courses/start-building-accessible-web-applications-today)\n* [Accessible to all by web.dev](https://web.dev/accessible/)\n* [The W3C's Introduction to Web Accessibility](https://www.edx.org/course/web-accessibility-introduction)\n* [Introduction to Accessible Web Development](https://www.coursera.org/projects/introduction-to-accessible-web-development)\n* [Deque University Full Curriculum](https://dequeuniversity.com/curriculum/packages/full)\n* [Practical Accessibility](https://practical-accessibility.today/)\n* [Testing Accessibility](https://testingaccessibility.com/)\n* [The Bootcamper's Guide to Web Accessibility](https://www.a11yproject.com/resources/the-bootcampers-guide-to-web-accessibility/)\n* [A Web for Everyone](https://rosenfeldmedia.com/books/a-web-for-everyone/)\n* [Accessibility for Everyone](https://abookapart.com/products/accessibility-for-everyone)\n* [Apps For All: Coding Accessible Web Applications](https://shop.smashingmagazine.com/products/apps-for-all)\n\n## Performance\n\n* [Website Performance Optimization](https://www.udacity.com/course/website-performance-optimization--ud884)\n* [Browser Rendering Optimization](https://www.udacity.com/course/browser-rendering-optimization--ud860)\n* [Responsive Images](https://www.udacity.com/course/responsive-images--ud882)\n* [Web Performance Fundamentals](https://frontendmasters.com/courses/web-perf/)\n* [Core Web Vitals by web.dev](https://web.dev/learn-core-web-vitals/)\n* [Metrics: measuring performance and user experience by web.dev](https://web.dev/metrics/)\n* [Fast load times: techniques for improving site performance by web.dev](https://web.dev/fast/)\n\n## React\n\n* [Understanding React](https://dontimitateunderstand.com/p/understanding-react)\n\n## Web Components\n\n* [Web Components Essentials](https://training.coryrylan.com/l/web-component-essentials)\n\n## Functional Programming\n\n* [A Skeptic's Guide to Functional Programming with JavaScript](https://jrsinclair.com/skeptics-guide)\n* [Functional Programming in JavaScript by Luis Atencio](https://www.manning.com/books/functional-programming-in-javascript)\n* [Functional Programming in JavaScript by Dan Mantyla](https://www.amazon.com/Functional-Programming-JavaScript-Dan-Mantyla/dp/1784398225)\n* [Functional JavaScript](http://shop.oreilly.com/product/0636920028857.do)\n* [Professor Frisby Introduces Composable Functional JavaScript](https://egghead.io/courses/professor-frisby-introduces-composable-functional-javascript)\n\n## Functional Reactive Programming\n\n* [RxJS Masterclass](https://ultimatecourses.com/courses/rxjs)\n* [RxJS Fundamentals](https://this-is-learning.github.io/rxjs-fundamentals-course/)\n\n## Progressive Web Applications\n\n* [Learn PWAs by web.dev](https://web.dev/learn/pwa/)\n* [Intro to Progressive Web Apps](https://www.udacity.com/course/intro-to-progressive-web-apps--ud811)\n* [Offline Web Applications](https://www.udacity.com/course/offline-web-applications--ud899)\n\n## Node.js\n\n* [Learn and Understand Node.js](https://www.udemy.com/understand-nodejs)\n\n## Frontend Courses Syllabus\n\n* [Udacity Front End Web Developer Nanodegree Program Syllabus](https://d20vrrgs8k4bvw.cloudfront.net/documents/en-US/Front+End+Web+Dev+-+nd0011+-+syllabus.pdf)\n* [Google Mobile Web Specialist Certification Guide](https://github.com/elharony/google-mobile-web-specialist-certification-guide)\n\n## JavaScript, DOM and HTML5 APIs Practice\n\n* 12 Days of Web ([2021](https://12daysofweb.dev/2021), [2022](https://12daysofweb.dev/2022), [2023](https://12daysofweb.dev/2023))\n* [30 Day Vanilla JS Coding Challenge](https://javascript30.com/)\n* [JavaScript Challenges Book](https://github.com/tcorral/javascript-challenges-book)\n* [Microsoft Front End Bootcamp](https://github.com/Microsoft/frontend-bootcamp)\n* [Codility](https://codility.com/programmers)\n* [HackerRank](https://www.hackerrank.com/dashboard)\n* [Frontend Developer Interview Questions](https://github.com/h5bp/Front-end-Developer-Interview-Questions)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffed%2Ffrontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffed%2Ffrontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffed%2Ffrontend/lists"}