JavaScript - the world's most-used programming language.
Every great programmer was once a novice.
The only constant is change. Keep learning and keep your knowledge up to date.
- Guidance & Roadmap
- Introduction to web development
- HTML & CSS
- HTML & CSS
- BootStrap
- Web Design
- Cross-Browser Compatibility
- Assets
- JavaScript
- *TypeScript
- Web Components
- Progressive JS Frameworks
- Lightweight JS Frameworks
- Phoenix Framework
- Svelte
- Preact
- SolidJS
- Modern Web Frontend
- Cross-Platform Mobile Applications
- Flutter
- React Native
- *PWA
- More ...
- Cross Platform Desktop Applications
- Mini Program
- Web Graphics
- Tools
- *Snowpack
- *WebAssembly
- Full Stack Web Development
- Node.js
- *Deno
- Remix
- Databases
- GraphQL
- Performance
HTML & CSS
- ⭐HTML and CSS: Design and Build Websites (2011) by Jon Duckett
- ⭐Head First HTML and CSS (2nd, 2012) by Elisabeth Freeman and Eric Freeman
- Web Design with HTML, CSS, JavaScript and JQuery Set (2014) by Jon Duckett
- Learning Web Design by Jennifer Niederst Robbins
- HTML and CSS QuickStart Guide (2021) by David DuRocher
HTML
- Online tutorials
- Specifications
- HTML 4.01 Reference Specification
- HTML Living Standard - It describes exactly how HTML (all the HTML elements, and their associated APIs, and other surrounding technologies) should be implemented.
- HTML5: The Definitive Guide (7th, 2013) by Chuck Musciano, Bill Kennedy, Estelle Weyl [3.91, 496]
- HTML5: The Missing Manual (2nd, 2014) by Matthew MacDonald [4.03, 217]
- The Definitive Guide to HTML5 by Adam Freeman [3.89, 97]
- HTML5 Pocket Reference: Quick, Comprehensive, Indispensable (5th, 2013) by Jennifer Robbins [3.92, 120]
- HTML5 in Action by Rob Crowther, Joe Lennon, Ash Blue
CSS
- Online tutorials
- Specifications
- ⭐CSS: The Definitive Guide: Web Layout and Presentation (5th, 2023) by Eric A. Meyer and Estelle Weyl
- CSS Secrets: Better Solutions to Everyday Web Design Problems (2015) by Lea Verou
- ⭐CSS: The Missing Manual (4th, 2015) by David McFarland
- ⭐CSS Mastery: Advanced Web Standards Solutions (3rd, 2016) by Andy Budd
- CSS Pocket Reference: Visual Presentation for the Web (5th, 2018) by Eric A. Meyer
- CSS in Depth by Keith J. Grant
- The Book of CSS3: A Developer's Guide to the Future of Web Design by Peter Gasston
- CSS Cookbook by Christopher Schmitt
Responsive Design
- Responsive Web Design by Ethan Marcotte
- Learning Responsive Web Design: A Beginner's Guide by Clarissa Peterson
- Responsive Web Design with HTML5 and CSS3 by Ben Frain
- Responsible Responsive Design by Scott Jehl
- Learn Responsive Design - Google
UI elements
- uiverse. Open-Source UI elements for any project
- Bootstrap Documentation - doc
- Bootstrap 4 Quick Start: A Beginner's Guide to Building Responsive Layouts with Bootstrap 4 by Jacob Lett
- Bootstrap: Responsive Web Development by Jake Spurlock
- tep By Step Bootstrap 3: A Quick Guide To Responsive Web Development Using Bootstrap 3 by Riwanto Megosinarso
- Bootstrap Reference Guide: Bootstrap 4 and 3 Cheat Sheets Collection by Jacob Lett
UI Design
- The Non-Designer's Design Book by Robin P. Williams
- Thinking with Type by Ellen Lupton
- Design for Developers (2023) by Stephanie Stimac
- About Face: The Essentials of Interaction Design (4th, 2014) by Alan Cooper , Robert Reimann
UX Design
- Don't Make Me Think, Revisited: A Common Sense Approach to Web Usability by Steve Krug
- The Design of Everyday Things by Donald A. Norman
- 100 Things Every Designer Needs to Know about People by Susan M. Weinschenk
- Hooked: How to Build Habit-Forming Products by Nir Eyal
- Letting Go of the Words: Writing Web Content that Works by Janice G. Redish
- Design Basics Index by Jim Krause
- Designing With Web Standards by Jeffrey Zeldman
- Designing for Emotion by Aarron Walter
- The Principles of Beautiful Web Design by Jason Beaird
- Universal Principles of Design: 100 Ways to Enhance Usability, Influence Perception, Increase Appeal, Make Better Design Decisions, and Teach Through Design by William Lidwell, Jill Butler, Kritina Holden
- Mobile First by Luke Wroblewski
- Design Is a Job by Mike Monteiro
- Designing with the Mind in Mind: Simple Guide to Understanding User Interface Design Rules by Jeff Johnson
- Information Architecture for the World Wide Web: Designing Large-Scale Web Sites by Peter Morville
- The Elements of User Experience: User-Centered Design for the Web by Jesse James Garrett
- Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS by Dan Cederholm
Some More
- The Zen of CSS Design: Visual Enlightenment for the Web by Dave Shea, Molly E. Holzschlag
- HTML5 for Web Designers by Jeremy Keith
- CSS3 For Web Designers by Dan Cederholm
- Web Standards Solutions: The Markup and Style Handbook by Dan Cederholm
- The Web Designer's Idea Book: The Ultimate Guide To Themes, Trends Styles In Website Design by Patrick McNeil
- The Elements of Content Strategy by Erin Kissane
- The Future of the Internet--And How to Stop It by Jonathan L. Zittrain
Image
- Google Images with "creative common licenses"
Font
Icon
- yesicon. It's the best icon search engine. Curated High-Quality, Open-Source, and Free.
- iconify. Iconify is an open source project. All popular icon sets, one framework.
- lucide. Beautiful & consistent icons made by the community.
- react-icons. Include popular icons in your React projects easly with react-icons.
- heroicons. Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.
- Boxicons. High Quality Web Icons. Simple Open Source icons carefully crafted for designers & developers.
- fontawesome. Take the hassle out of icons in your website. Font Awesome is the Internet's icon library and toolkit, used by millions of designers, developers, and content creators.
Website templates
Primary
- Online Tutorials
- Specifications
- ECMAScript - Wikipedia
- ECMAScript version history - Wikipedia
- ECMAScript - current version. Since 2015, major versions of ECMAScript have been published every June.
- ES2015 (ES6)
- ECMAScript 6 — New Features
- Understanding Ecmascript 6: The Definitive Guide for JavaScript Developers by Nicholas C. Zakas
- DOM Scripting: Web Design with JavaScript and the Document Object Model by Jeremy Keith
- A Smarter Way to Learn JavaScript: The new approach that uses technology to cut your effort in half by Mark Myers
- ⭐JavaScript: The Definitive Guide (7th, 2020) by David Flanagan (犀牛书)
- Professional JavaScript for Web Developers (5th, 2023) by Matt Frisbie (红宝书)
- Beginning JavaScript by Jeremy McPeak
- JavaScript: the first 20 years by Allen Wirfs-Brock and Brendan Eich - Link Nobody knows JavaScript better than me.
- JavaScript from Beginner to Professional: Learn JavaScript quickly by building fun, interactive, and dynamic web apps, games, and pages by Laurence Lars Svekis, Maaike Van Putten, Rob Percival
- Learn JavaScript Quickly: A Complete Beginner’s Guide to Learning JavaScript, Even If You’re New to Programming (Crash Course With Hands-On Project) by Code Quickly
- JavaScript: A Beginner's Guide (5th, 2019) by John Pollock. 《新手学 JavaScript 编程》
Intermediate
- ⭐Eloquent JavaScript: A Modern Introduction to Programming (3rd, 2018) by Marijn Haverbeke
- Speaking JavaScript: An In-Depth Guide for Programmers by Axel Rauschmayer
- The Joy of JavaScript by Luis Atencio
- JavaScript Cookbook: Programming the Web (3rd, 2021) by Adam Scott, Matthew MacDonald, Shelley Powers
Advanced
- ⭐JavaScript: The Good Parts (2008) by Douglas Crockford
- ⭐You Don't Know JS Series GitHub
- You Don't Know JS: Up & Going [1] by Kyle Simpson
- You Don't Know JS: Scope & Closures [2] by Kyle Simpson
- You Don't Know JS: this & Object Prototypes [3] by Kyle Simpson
- You Don't Know JS: Types & Grammar [4] by Kyle Simpson
- You Don't Know JS: Async & Performance [5] by Kyle Simpson
- You Don't Know JS: ES6 & Beyond [6] by Kyle Simpson
- ⭐Secrets of the JavaScript Ninja (2nd, 2016) by Bear Bibeault and John Resig
- Effective JavaScript: 68 Specific Ways to Harness the Power of JavaScript (2012) by David Herman
- How Javascript Works by Douglas Crockford
- JavaScript Allongé, the "Six" Edition by Reginald Braithwaite
- Maintainable JavaScript by Nicholas C. Zakas
- Understanding ECMAScript 6: The Definitive Guide for JavaScript Developers by Nicholas C. Zakas
- Dom Enlightenment: Exploring JavaScript and the Modern Dom by Cody Lindley
- Pro JavaScript Techniques by John Resig
- JavaScript Web Applications by Alex MacCaw
- Closure: The Definitive Guide by Michael Bolin
- Test-Driven JavaScript Development by Christian Johansen
- Testable JavaScript: Ensuring Reliable Code by Mark Ethan Trostler
Functional Programming in JavaScript
- Functional Programming in JavaScript: How to improve your JavaScript programs using functional techniques (2016) by Luis Atencio
- Introducing functional programming with Underscore.js by Michael Fogus
- Functional-Light JavaScript: Pragmatic, Balanced FP in JavaScript by Kyle Simpson , Brian MacDonald
- Composing Software: An Exploration of Functional Programming and Object Composition in JavaScript by Eric Elliott
Functional Programming with JavaScript and React Series
- Discover Functional JavaScript: An overview of Functional and Object Oriented Programming in JavaScript [1] by Cristian Salcescu
- Functional React: Quick start with React Hooks, Redux and MobX [2] by Cristian Salcescu
- Functional Architecture with React and Redux [3] by Cristian Salcescu
- Functional Programming in JavaScript [4] by Cristian Salcescu
- Microblog React Project [5] by Cristian Salcescu
Object-Oriented Programming in JavaScript
- Object-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications, and libraries by Stoyan Stefanov
- Principles of Object-Oriented Programming in JavaScript by Nicholas C. Zakas
Reactive (Async) Programming in JavaScript
- Async JavaScript by Trevor Burnham
- RxJS in Action by Daniels, Paul P., Atencio, Luis
Design Patterns
- Learning JavaScript Design Patterns (2nd, 2023) by Addy Osmani
- ⭐JavaScript Patterns (2010) by Stoyan Stefanov
- Pro JavaScript Design Patterns by Ross Harmes
- Designing Web Interfaces: Principles and Patterns for Rich Interactions by Bill Scott
Some More
- Rocket Surgery Made Easy: The Do-It-Yourself Guide to Finding and Fixing Usability Problems by Steve Krug
- RESTful Web Services by Leonard Richardson
Resources
Courses
- Learn JavaScript - Full Course for Beginners - YouTube
- JavaScript Tutorial for Beginners: Learn JavaScript in 1 Hour - YouTube
Quizzes
- Documentations
- jQuery CheatSheet
- jQuery in Action (3rd, 2015) by Bear Bibeault [3.95, 743]
- jQuery: Novice to Ninja by Earle Castledine [3.92, 550]
- Learning jQuery by Jonathan Chaffer [3.93, 126]
- jQuery Cookbook by Cody Lindley [3.89, 265]
- jQuery Pocket Reference: Read Less, Learn More by David Flanagan [3.89, 123]
- JavaScript and jQuery: Interactive Front-End Web Development (2014) by Jon Duckett [4.29, 1668]
jQuery UI
- jQuery UI in Action by T. J. VanToll
- jQuery UI Cookbook by Adam Boduch
Typescript lets you type faster.
动态一时爽，维护火葬场。
- TypeScript Documentation - doc
- Typescript Book
- type-challenges
- Programming TypeScript: Making Your JavaScript Applications Scale (2019) by Boris Cherny
- Effective TypeScript: 62 Specific Ways to Improve Your TypeScript (2nd, 2024) by Dan Vanderkam
- Pro TypeScript: Application-Scale JavaScript Development (2nd, 2017) by Steve Fenton
- TypeScript Cookbook (2023) by Stefan Baumgartner
- Learning TypeScript: Enhance Your Web Development Skills Using Type-Safe JavaScript (2022) by Josh Goldberg
- Mastering TypeScript by Nathan Rozentals
- TypeScript Essentials by Christopher Nance
- Angular 2 Development with TypeScript by Anton Moiseev and Yakov Fain
- TypeScript Deep Dive by Basarat Ali Syed
- Web Components in Action (2019) by Ben Farrell
React, Angular, and Vue.js are the most popular and widely adopted frameworks, suitable for a broad range of applications.
Developed by Facebook, React is one of the most popular JavaScript libraries for building user interfaces, especially single-page applications. It uses a component-based architecture and a virtual DOM for efficient updates.
- Documentations
- React Roadmap
- The Road to React: The React.js with Hooks in JavaScript Book 2024 Edition by Robin Wieruch [4.23, 522]
- Learning React: Modern Patterns for Developing React Apps (2nd, 2020) by Alex Banks and Eve Porcello [4.04, 496]
- Fluent React: Build Fast, Performant, and Intuitive Web Applications (2024) by Tejas Kumar
- React Key Concepts: Consolidate your knowledge of React’s core features (2022) by Maximilian Schwarzmüller
- React Cookbook: Recipes for Mastering the React Framework (2021) by David Griffiths, Dawn Griffiths
- React Explained: Your Step-by-Step Guide to React (2020) by Zac Gordon
- React Hooks in Action: With Suspense and Concurrent Mode (2021) by John Larsen
- React Quickly (2nd, 2023) by Azat Mardan [3.51, 81]
- React: Up and Running (2021) by Stoyan Stefanov [3.70, 141]
Some More
- Pro React 16 (2019) by Adam Freeman
- Learning React: A Hands-On Guide to Building Web Applications Using React and Redux (2018) by Kirupa Chinnathambi
- Fullstack React: The Complete Guide to ReactJS and Friends (2019) by Anthony Accomazzo, Ari Lerner, David Guttman, Nate Murray, Clay Allsopp, Tyler McGinnis
- React Design Patterns and Best Practices (2017) by Michele Bertoli
- React in Action (2018) by Mark Tielens Thomas
React Project Structures
- How To Structure React Projects From Beginner To Advanced
- Understanding Reactjs Project Structure and Best Practices
React with TypeScript
- Learn React with TypeScript: A beginner's guide to reactive web development with React 18 and TypeScript (2nd, 2023) by Carl Rippon
Best Practices
- React 18 Design Patterns and Best Practices: Design, build, and deploy production-ready web applications with React by leveraging industry-best practices (4th, 2023) by Carlos Santana Roldán
- React Application Architecture for Production: Learn best practices and expert tips to deliver enterprise-ready React web apps (2023) by Alan Alickovic
React Ecosystem
- React Hooks
- React Router
- Redux
- redux-saga
- Ant Design of React / antd
- Learning Redux: Write maintainable, consistent, and easy-to-test web applications by Daniel Bugl
- Learn React Hooks: Build and refactor modern React.js applications using Hooks by Daniel Bugl
React Interview Questions
React Admin Dashboard Templates
Maintained by Google, Angular is a comprehensive front-end framework that provides everything you need to build large-scale applications. It uses TypeScript by default and comes with built-in features like dependency injection, routing, and state management.
- Guide to AngularJS Documentation - doc
- Pro AngularJS 6 by Adam Freeman
- Learning AngularJS: A Guide to AngularJS Development by Ken Williamson
- AngularJS Web Application Development Cookbook by Matt Frisbie
- AngularJS: Up and Running: Enhanced Productivity with Structured Web Apps by Shyam Seshadri, Brad Green
- Learning AngularJS by Brad Dayley
- Mastering Web Application Development with AngularJS by Pawel Kozlowski and Peter Bacon Darwin
- AngularJS by Example by Chandermani
- AngularJS in Action by Brian Ford, Lukas Ruebbelke
- Professional AngularJS by Diego Netto and Valeri Karpov
Vue.js is a progressive JavaScript framework that is easy to integrate with projects using other libraries. It’s known for its simplicity and flexibility, making it a popular choice for both small and large applications.
Vue’s versatility and simplicity make it the ideal choice for smaller projects and more extensive applications. It has several features, including options for state management, directives, and easy interaction with ongoing projects.
- Vue.js 3 Documentation - doc
- Vue.js v2.x Documentation - doc
- Vue.js Roadmap
- Vue.js in Action by Benjamin Listwon and Erik Hanchett
- Learning Vue.Js 2 by Olga Filipova
- Fullstack Vue: The Complete Guide to Vue.js by Ari Lerner, Hassan Djirdeh, and Nate Murray
- Vue.js: Up and Running: Building Accessible and Performant Web Apps by Callum Macrae
- Testing Vue. Js Applications by Edd Yerburgh
- The Majesty of Vue.js by Alex Kyriakidis, Kostas Maniatis, Evan You
Vue Project Structures
Vue.js v2.x Ecosystem
Vue.js Admin Dashboard Templates
Svelte and SolidJS are gaining traction for their performance benefits and simplicity.
Svelte
Svelte is a relatively new framework that shifts the work of the framework to the compile step, producing highly efficient JavaScript at build time. It eliminates the need for a virtual DOM and delivers great performance with a simple syntax.
- Svelte. Cybernetically enhanced web apps. Write less code, no virtual DOM, truly reactive.
Preact
Preact is a lightweight, swift, high-performance library and alternative to React. Preact is merely 3kb in size (minified and gzipped) and yet gives you all the necessary functionality of React, making it one of the best JavaScript frameworks.
- Preact. Fast 3kB alternative to React with the same modern API.
SolidJS
SolidJS is a reactive JavaScript library with a focus on performance. It updates the DOM directly without a virtual DOM, using a fine-grained reactivity system similar to frameworks like Knockout or MobX.
- SolidJS. Simple and performant reactivity for building user interfaces.
Backbone.js
While not as feature-rich as other frameworks, it’s suitable for smaller projects and situations where minimalism is favored. Backbone’s event-driven communication and simple structure help developers organize code effectively.
Backbone.js is one of the earlier JavaScript frameworks that provided a lightweight solution for building structured applications. It offers minimalistic tools for models, views, collections, and routing.
- Backbone.js. Give your JS App some Backbone with Models, Views, Collections, and Events.
Ember.js
Ember.js is a framework for building enterprising web applications. It emphasizes tradition over configuration, providing a structured architecture that promotes scalability and maintainability. Model-View-ViewModel (MVVW) architecture is the foundation for Ember.
Ember.js is an opinionated framework designed to provide a complete solution for building ambitious web applications. It comes with built-in best practices and a strong focus on convention over configuration.
- Ember.js - A JavaScript framework for creating ambitious web applications.
Phoenix Framework
- Phoenix Framework. Peace of mind from prototype to production.
qwik
- qwik - Build instantly-interactive web apps without effort.
Lit
- Lit - A simple library for building fast, lightweight web components.
- Micro Frontends in Action (2020) by Michael Geers
- Frontend Architecture for Design Systems: A Modern Blueprint for Scalable and Sustainable Websites (2016) by Micah Godbolt
- JavaScript Everywhere: Building Cross-Platform Applications with GraphQL, React, React Native, and Electron by Adam D. Scott
- Flutter. Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase.
- Beginning Flutter: A Hands on Guide to App Development by Marco L Napoli
- Flutter in Action by Eric Windmill
- React Native Docs
- Learning React Native: Building Native Mobile Apps with JavaScript by Bonnie Eisenman
- React Native in Action by Nader Dabit
- Mastering React Native by Eric Masiello, Jacob Friedmann
- Apache Cordova. Using standard web technologies - HTML5, CSS3, and JavaScript for cross-platform development
- Ionic. One codebase. Any platform. Now in React.
- Taro. 一套遵循 React 语法规范的多端开发解决方案。
- Quasar Framework. Build high-performance VueJS user interfaces. All Platforms in One Go.
- uni-app. 一个使用 Vue.js 开发所有前端应用的框架。
- Electron. Build cross platform desktop apps with JavaScript, HTML, and CSS
- Electron in Action by Steve Kinney
- Electron: From Beginner to Pro: Learn to Build Cross Platform Desktop Applications Using Github's Electron by Chris Griffith and Leif Wells
- Cross-platform Desktop Applications: Using Electron and NW.js by Paul B. Jensen
- NW.js. (previously known as node-webkit) lets you call all Node.js modules directly from DOM and enables a new way of writing applications with all Web technologies.
- AppJS. Build Desktop Applications for Linux, Windows and Mac using HTML, CSS and Javascript.
- Meteor. An open source platform for web, mobile, and desktop used by over half a million developers around the globe to make shipping javascript applications simple, efficient, and scalable.
- Proton Native. Create desktop applications through a React syntax, on all platforms.
Weixin
- 微信公共平台 - 小程序
- 微信小程序开发入门与实践 by 雷磊
Others
Frameworks
- uni-app. 一个使用
Vue.js开发小程序、H5、App的统一前端框架。 - Taro. 开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用。
- WebGL. 2D and 3D graphics for the web.
- WebGL - MDN web docs
3D Libraries
- Three.js. a cross-browser JavaScript library and application programming interface used to create and display animated 3D computer graphics in a web browser using WebGL.
Text Editor
- Visual Studio Code
- Notepad++
- Sublime Text
- GUN Emacs
- VIM
IDE
- WebStorm
- Dreamweaver
Web Browser & DevTools
- Google Chrome and Chrome DevTools
- Firefox
- Safari
- Microsoft Edge
Graphics Editor
Version Control
- Git
- GitHub or GitLab
Package Management (let you take advantage of a vast ecosystem of third-party packages, and easily install or update them.)
Build Tools
- Linters and Formatters (to analyze source code for potential errors or stylistic issues.)
- Task Runners (help you automatically run web development tasks that might require additional effort and time to run.)
- npm scripts
- gulp.js
- Grunt
- Module Bundlers (let you write modular code and bundle it together into small packages to optimize load time.)
- Compiler (let you write modern JavaScript code that still works in older browsers.)
Others
- Polymer Project
- Nginx
- Docker
- WebAssembly - Getting Started
- WebAssembly: The Definitive Guide: Safe, Fast, and Portable Code (2022) by Brian Sletten
- Practical WebAssembly: Fast, Maintainable, and Secure Code for Web Developers (2025) by Kassian Wren
- The Art of WebAssembly: Build Secure, Portable, High-Performance Applications (2021) by Rick Battagline
- WebAssembly in Action (2019) by Gerard Gallant
WebAssembly with Rust
- Practical WebAssembly: Explore the fundamentals of WebAssembly programming using Rust (2022) by Sendil Kumar Nellaiyapen
- Programming WebAssembly with Rust: Unified Development for Web, Mobile, and Embedded Applications (2019) by Kevin Hoffman
- Game Development with Rust and WebAssembly: Learn how to run Rust on the web while building a game (2022) by Eric Smith
WebAssembly with C#
- Mastering Blazor WebAssembly: A step-by-step guide to developing advanced single-page applications with Blazor WebAssembly (2023) by Ahmad Mozaffar
- Learning Blazor: Build Single-Page Apps with WebAssembly and C# (2022) by David Pine
- Node.js Docs
- Node.js Guides - doc
- Node.js v13.5.0 API - doc
- Node.js in Action (2nd, 2017) by Marc Harter, Mike Cantelon, Nathan Rajlich, and T. J. Holowaychuk
- Node.js Design Patterns (3rd, 2020) by Mario Casciaro
- Web Development with Node and Express: Leveraging the JavaScript Stack (2nd, 2019) by Ethan Brown
- Beginning Node.js, Express & MongoDB Development (2019) by Greg Lim
- Beginning MERN Stack: Build and Deploy a Full Stack MongoDB, Express, React, Node.js App (2021) by Greg Lim
- Programming JavaScript Applications: Robust Web Architecture With Node, HTML5, and Modern JS Libraries by Eric Elliott
- Beginning Node.Js by Basarat Syed
- Practical Node.js: Building Real-world Scalable Web Apps by Azat Mardan
- Node.js in Practice by Alex R. Young, Marc Harter
- Professional Node.Js: Building JavaScript Based Scalable Software by Pedro Teixeira
- Learning Node by Shelley Powers
- Deno. A secure runtime for JavaScript and TypeScript.
- Bun - A fast all-in-one JavaScript runtime.
Fastify is more or less an alternative to Express while NestJS adds (suggests) some architecture to an application like dependency injection and modularization which is nice if your application grows (and in my opinion in general). NestJS uses express or fastify under the hood.
Fastify and Express are very similar - minimal. Nest is opinionated and have a lot of boilerplate, but overkill is subjective. If you think its too much boiler plate for a straight forward API collection for your start up don't use it.
Express could be suitable for most of the cases, it also depends if you need third party integration since most of the packages are available in express.
In terms of structure, Fastify is pretty much the same thing as Express. NestJS is a lot of glue code and boilerplate on top of Express or Fastify.
- Express Getting Started - doc
- Express in Action: Node Applications with Express and Its Companion Tools by Evan Hahn
- Web Development with Node and Express: Leveraging the JavaScript Stack by Ethan Brown
- Meteor - The full-stack JavaScript framework for real-time apps.
- Koa.js - Next generation web framework for node.js.
- Fastify - Fast and low overhead web framework, for Node.js.
NestJS uses express or fastify under the hood.
NestJS is for whom misses Java and doesn’t know how to develop with JS.
- Nest.js - A progressive Node.js framework for building efficient, reliable and scalable server-side applications.
- tRPC - Move Fast and Break Nothing. End-to-end typesafe APIs made easy.
- Astro - The web framework for content-driven websites. Astro powers the world's fastest marketing sites, blogs, e-commerce websites, and more.
- Remix - Build Better Websites.
It's basically express but with modern approach, including typescript support out of the box, improved DX, and better performance.
- Hono - Ultrafast web framework for the Edges. Fast, lightweight, built on Web Standards. Support for any JavaScript runtime.
Next.js is a JavaScript framework built on top of React, specializing in server-side rendering (SSR) and static site generation (SSG). It optimizes web application performance by rendering pages on the server, improving initial load times and search engine optimization.
- Next.js - The React Framework for the Web.
- The Complete Developer: Master the Full Stack with TypeScript, React, Next.js, MongoDB, and Docker (2024) by Martin Krause
- Real-World Next.js: Build scalable, high-performance, and modern web applications using Next.js, the React framework for production (2022) by Michele Riva
- Beginning Next.js Development: Learn NextJS and Build a Full Stack Dynamic Application Using React, NextJS, TailwindCSS, and MongoDB (2024) by Nathan Sebhastian
- Dynamic Trio: Building Web Applications with React, Next.js & Tailwind (2023) by Grace Huang
Nuxt.js is a framework built on top of Vue.js for creating universal (SSR) and static websites. It simplifies the development process by providing conventions and features like automatic routing, server-side rendering, and static site generation.
- Nuxt - Nuxt is an open source framework that makes web development intuitive and powerful. Create performant and production-grade full-stack web apps and websites with confidence.
MongoDB
Reference cs-advanced-domains-resource - MongoDB
- GraphQL. A query language for your API.
- The Road to GraphQL: Your journey to master pragmatic GraphQL in JavaScript with React.js and Node.js (2018) by Robin Wieruch
- Learning GraphQL: Declarative Data Fetching for Modern Web Apps by Eve Porcello and Alex Banks
- Craft GraphQL APIs in Elixir with Absinthe: Flexible, Robust Services for Queries, Mutations, and Subscriptions by Bruce Williams and Ben Wilson
- Hands-On Full-Stack Web Development with GraphQL and React: Build scalable full-stack applications while learning to solve complex problems with GraphQL by Sebastian Grebe
- Web全栈工程师的自我修养 by 余果
- Full Stack Serverless: Modern Application Development with React, AWS, and GraphQL by Nader Dabit
JavaScript Performance
- High Performance JavaScript: Build Faster Web Application Interfaces (2010) by Nicholas C. Zakas
Website Performance
- High Performance Browser Networking: What Every Web Developer Should Know about Networking and Web Performance (2013) by Ilya Grigorik
- High Performance Web Sites: Essential Knowledge for Front-End Engineers (2007) by Steve Souders
- Even Faster Web Sites: Performance Best Practices for Web Developers (2009) by Steve Souders
- Learn Performance - Google
- Web Performance Tuning (2nd, 2002) by Patrick Killelea
- High Performance Images: Shrink, Load, and Deliver Images (2016) for Speed by Colin Bendell, Tim Kadlec
- Professional Website Performance: Optimizing the Front End and the Back End by Peter Smith
- Web Performance in Action by Jeremy Wagner
- Designing for Performance: Weighing Aesthetics and Speed by Lara Hogan
- High Performance Responsive Design by Tom Barker
- The Web Testing Handbook by Steven Splaine, Stefan P. Jaskiel
- Algorithms of the Intelligent Web by Douglas McIlwraith, Haralambos Marmanis, Dmitry Babenko
- yangshun/front-end-interview-handbook - GitHub ⭐️40.4k
- trekhleb/javascript-algorithms - GitHub ⭐️183k
Ranking
Resources