Full Stack

UI/UX

check frontend masters for ui/ux

Tools

Figma
- docs
Protopie

Courses

Books

Design systems

Frontend

link Web Platform Contribution Guide

MDN

web.dev

Chrome

HTML

---

Other

CSS
- Kevin powell courses
- Check kevin powell videos on each topic
- Frontend masters for topic like grid
- Chrome link CSS and UI
- MDN CSS
- DesignCourse
  - CSS
  - AI Generative Video Production
- web.dev/learn
  - Learn CSS
  - Learn Responsive Design
  - Learn Design
Post CSS
Lightning CSS
Tailwind CSS
Other
- MDN
  - Privacy on the web
  - Progressive Web Apps
  - Security on the Web
  - Web Performance
- MDN Curriculum
- web.dev/learn
  - Learn Performance
  - Learn Privacy
  - Learn PWA
  - Learn Testing
Accessibility
- MDN - Accessibility
- web.dev/learn - Learn Accessibility
- WCAG compliance
- ADA compliance
- WAI compliance
- Stark
- DHD Trusted Tester Certification
- Deque University
- r/accessibility
- Problem: with accessibility with math equations (can maybe can extend to chemistry)
- Make a tool like stark to check accessibility with wcag spec and other specs you can find.
Good posts by Adrian Roselli
JavaScript
- web.dev/learn Learn JS
- Eloquent js link
- Modern JavaScript Tutorial
- MDN Reference: Event reference
- Utility libraries
  - jQuery
  - lodash
  - es-toolkit (newer replacement for lodash)
- MDN
  - JavaScript
  - Web APIs
- TypeScript
  - TSDoc
  - Typedoc
- DesignCourse - Advanced Frontend
- Animation libraries
  - GSAP
  - Motion One (alternative to GSAP)
  - Three.js
  - Lottie or Rive
- Chart libraries
  - D3.js
  - uplot
- Browser
  - Web browser engineering
  - 67 Weird Debugging Tricks Your Browser Doesn’t Want You to Know article
- Browser engines
  - chromium link
  - webkit
  - gecko
  - servo
  - flow
  - ladybird
- Chrome browser blog
  - part 1 link
  - part 2 link
  - part 2 link
  - part 2 link
- debugging link
  - LINE BREAK
  - v8 engine
  - chromium docs
  - chrome university 2019 playlist
  - round up of web browser internals resources
  - Gecko documentation far better than chromium link
  - Read other major browser engine docs
- Chrome developer
  - DevTools
  - Lighthouse
  - Extensions
  - Workbox
- Zod (valibot modern replacement for zod)
Josh W Comeau blog posts (covers CSS, JS, performance)
Speeding up the JavaScript ecosystem blog series
JavaScript Tooling
- link Tachometer for benchmarking
- nvm
- Package managers
  - npm
  - pnpm
  - jsr
- Linting
  - ESLint
  - Million Lint
- Prettier
- Bundlers
  - Webpack (bundler)
  - ESBuild (used by vite for dev mode)
  - Rollup (used by vite for prod mode)
  - SWC (parser used by Rollup)
  - Rolldown (the rust port of Rollup)
  - Vite
  - rspack (webpack/vite replacement)
  - Babel (for polyfill)
  - core-js (for polyfills)
  - Turbopack (webpack/vite replacement for next.js)
- Immer (for immutable state)
- Minifier benchmark github
- Nitro (server toolkit)
- vinxi (combines vite and nitro)
- JSBenchmark
- WebContainers
SlateJS (text editor)
Testing
- vitest
- playwright
- Testing library
Socket (checks vulnerabilities in dependencies)
The Web Platform link
- List all the web technologies being used
- Can I Use
- Test suite for web-platform-tests link
https://browsersl.ist/

web.dev/explore

web.dev/patterns

https://httparchive.org/ (check report section)

Frontend frameworks

Frameworks

Angular
- Analog
React
- Next.js
- Preact
- Remix
React libraries
- State management
  - Zustand
- Data Fetching
  - TanStack Query
  - tRPC
- Styling
  - Tailwind CSS
  - clsx (to conditionally apply styles)
- UI Libraries
  - Tailwind UI
  - MUI
  - React Aria
  - shadcn/ui
  - Headless UI
- Animation
  - Framer Motion
  - GSAP
- Charts
  - D3
  - Recharts
  - visx
- Forms
  - React Hook Form
- Authentication
  - Lucia
- Test
  - React Testing Library
Vue.js
- Nuxt
Astro
Svelte
- SvelteKit
Solid
- SolidStart
Qwik
Alpine.js
HTMX

Backend

Start with Hussein Nasser Courses

Node.js
ExpressJS
Fastify
NestJS

API

HTTP
- Mozialla HTTP observatory link
- HTTP-1
  - (book) HTTP: The Definitive Guide
  - MDN - HTTP
- HTTP-2
  - (book) Learning HTTP/2: A Practical Guide for Beginners
  - (book) HTTP/2 in Action
- HTTP-3
  - Read papers
- (book) High performance browser networking
  - Ilya Grigork youtube
Networking
- (book) TCP/IP: Network Administrator
- (book) Computer Networking: A Top-Down Approach (also videos)
- Beejs’ Guide to Network Programming
- (book) UNIX Network Programming
  - volume 1
  - volume 2
- (book) TCP/IP Illustrated
  - volume 1
  - volume 2
  - volume 3
- Bulletproof SSL and TLS
API
- (book) Mastering API Architecture: Design, operate and evolve API-based systems
- (book) Learn API Testing: Norms, Practices and Guidelines
- (book) Testing Web APIs
- Google API design guide
- Slack how we Design out APIs
- OpenAPI Specification (define RESTful APIs)
- Swagger (helps to build OpenAPI)
  - openapi-generator (fork of swagger)
- Testing tools
  - curl
  - curlie
  - Hurl
  - bruno
- Soap UI
- Mock Service Worker
- OWASP ZAP (API security)
- Documenting OpenAPI in docusaurus
- API management (gateway)
  - Kong (built on top of NGINX)
  - Apache APISIX (better than Kong)
  - difference between kong, apisix blog

Web security

The Tangled Web: A Guide to Securing Modern Web Applications

Database

PostgreSQL
ScyllaDB

Extra

webpagetest
Husky
- lint-staged
- pre-commit
editorconfig