1. FUNDAMENTALS HTML Syntax Basic Tags Forms SEO Discoverable Content Svg Best Practices CSS Syntax Selectors Specificity Pseudo Selectors Box Model Margin Collapsing Colors Calc Layout Flex Grid Transforms Animations Responsive Design Media Queries Relative Units Images CSS Variables Best Practices Javascript Syntax Spread Destructuring DOM DOM Manipulation Events Objects Prototype Classes Regex Template Literals Promises Callbacks Async/await Fetch Web Animations Modules Intl Canvas Documentation Best Practices The Browser Standardization W3C TC39 WHATWG Specifications Browser Engines Webkit Blink Gecko HTTP The Internet Polyfills Debugging Developer console 2. ACCESSIBILITY The why Screen Readers Accessibility tree ARIA Accessible HTML Alt text Accessible CSS Accessible forms UI States Keyboard Accessibility Focus Accessible Colors Laws & Policies Audits 3. WEB COMPONENTS Custom Elements HTML Templates Shadow DOM Shadow Parts Slots Best practices Constructible Stylesheets Form Participation 4. PROGRESSIVE WEBAPPS API's Storage Routing History API Service Workers Offline first Push notifications Web App manifest Add to homescreen Pointer Events Loading Performance App shell Render-Blocking Resources Compression Performance metrics Largest Contentful Paint Total Blocking Time Time to Interactive Lazy Loading Dynamic Import Offscreen images Critical Request Chains Tree shaking Codesplitting PRPL Pattern Resource Prioritization Caching Rendering Performance Rendering Event loop Microtask Stack Heap RAIL Model requestAnimationFrame requestIdleCallback Critical Rendering Path The Pixel Pipeline Style calculations Transforms Paint areas Layout Trashing Layers Debounce CSS Containment Web Workers Security HTTPS Browser Sandbox OWASP Cross-Site Scripting Clickjacking Content Security Policy Audits Performance budgets Lighthouse Chrome DevTools 5. BUILD TOOLS Package Managers NPM Yarn Module Bundlers Rollup Webpack Parcel Snowpack Linters and formatters Prettier ESLint Task Runners NPM Scripts Transpilers Babel Typescript CSS Pre-processors SASS PostCSS Node.js 6. FRAMEWORKS & LIBRARIES lit-element Vue React Angular Svelte Stencil 7. TESTING Testing Methodologies Unit Testing Integration Testing System Testing Acceptance Testing Smoke Testing Performance Testing Usability Testing White Box Testing Black Box Testing Automated Testing Manual Testing Continuous integration A/B Testing Test Runners Karma Mocha Jasmine Cypress Ava Best Practices 8. ARCHITECTURE & PARADIGMS Paradigms Programming Paradigms Object Oriented Programming S.O.L.I.D Functional programming Recursion Higher-Order Functions Currying Monads Architecture Design Patterns Singleton Observer Prototype Bridge Proxy Chain of responsibility Constructor CSS Methodologies BEM SMACSS OOCSS 9. TEAM COLLABORATION Version Control Git Github Bitbucket Management Agile Development Scrum Kanban Waterfall Development Test Driven Development 10. DESIGN & UX Color Theory Color Wheel Typography Font Size Line Spacing C.R.A.P Contrast Repetition Alignment Proximity Consistency Spacing Error Handling Loading The Golden Ratio Mobile First Hit Targets Design Systems Material Design Fluent Design Accessibility Best Practices 11. THE MODERN WEB Streams Media Streams Media Recorder Web RTC Screen Capture Generators Speech Synthesis Web Sockets Geolocation Device orientation & motion Fullscreen Variable Fonts HTTP/2 Payment Request API Web Audio Observers Mutation Observer Intersection Observer Resize Observer Performance Observer Scrollsnapping Web Assembly Beacon Clipboard Share Performance API Gamepad API Speech Recognition Interaction Media Queries Browser Extensions Pointer Lock API Picture In Picture Proxies Houdini Project Fugu Web Authentication API Credentials Manager API Native File System Shape Detection Web Bluetooth Web USB Web XR Presentation Network Information API 12. ALGORITHMS & DATA STRUCTURES Data structures Arrays Queues & Stacks Trees Binary Indexed Tree Heap Red-black Tree Trie K-D Tree Hash Tables Linked Lists Graphs Analysis Time complexity Cost model Order of Growth Big O notation Space Complexity Algorithms Sorting Insertion Sort Quicksort Mergesort Heapsort Searching Binary Search Breadth First Search Depth First Search Dijkstra's Algorithm String Search Hashing 13. DATABASES & SERVERS Databases Relational Databases SQL MySQL PostgreSQL Non-relational Databases Redis MongoDB Data Modelling ER Diagram Keys Indexing Data Integrity Normalization Functional Dependencies Normal Forms Transactions ACID Serializability Locks Deadlocks Precedence graph Servers Architectural Models Client-Server Proxy Server Peer-To-Peer Middleware Request-Reply Protocol UDP TCP REST API CRUD Express GraphQL GNU/Linux Docker SSH
