butterfly/kb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
198effaaaf
kb/data/developer.mozilla.org/en-US/docs/Learn_web_development/Extensions-1.md

38 KiB
Raw Blame History

title chunk source category tags date_saved instance
Extension modules - Learn web development | MDN 2/3 https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions reference web, html, css, javascript, documentation 2026-05-05T05:58:11.342996+00:00 kb-cron

Testing

Any codebase past a certain level of complexity needs to have a system of tests associated with it, to make sure that as new code is added, the codebase continues to function correctly and performantly, and continues to meet the users' needs. This module lists the fundamentals that you should start with.

Help improve MDN

Learn how to contribute This page was last modified on May 23, 2025 by MDN contributors. View this page on GitHub • Report a problem with this content

  1. Learn web development
  2. MDN curriculum
  3. Getting started modules
  4. Environment setup 1. Installing software 2. Browsing the web 3. Code editors 4. Dealing with files 5. Command line
  5. Your first website 1. What will it look like? 2. Creating the content 3. Styling the content 4. Adding interactivity 5. Publishing
  6. Web standards 1. How the web works 2. The web standards model 3. How browsers load websites
  7. Soft skills 1. Research and learning 2. Collaboration and teamwork 3. Workflows and processes 4. Finding a job
  8. Core modules
  9. Structuring content with HTML 1. Basic HTML syntax 2. Web page metadata 3. Headings and paragraphs 4. Emphasis and importance 5. Lists 6. Test: HTML text basics 7. Advanced text features 8. Test: Advanced HTML text 9. Challenge: Letter markup 10. Structuring documents 11. Creating links 12. Test: Links 13. Challenge: Bird watching site 14. Images 15. Test: Images 16. Video and audio 17. Test: Audio and video 18. Challenge: Splash page 19. Table basics 20. Table accessibility 21. Challenge: Planet data table 22. Forms and buttons 23. Test: Forms and buttons 24. Challenge: Feedback form 25. Debugging HTML 26. Test: HTML tests index 27. Additional tutorials
    1. Vector graphics
    2. Embedding technologies
  10. CSS styling basics 1. What is CSS? 2. CSS getting started 3. Challenge: Biography page 4. Basic selectors 5. Attribute selectors 6. Pseudo-classes and elements 7. Combinators 8. Test: Selectors 9. Box model 10. Test: Box model 11. Handling conflicts 12. Test: Cascade 13. Challenge: Fixing blog styles 14. Values and units 15. Test: Values and units 16. Sizing 17. Test: Sizing 18. Backgrounds and borders 19. Test: Backgrounds and borders 20. Overflow 21. Test: Overflow 22. Challenge: Sizing and decorating 23. Images, media, forms 24. Test: Images and forms 25. Styling tables 26. Challenge: Styling color scheme search 27. Debugging CSS 28. Test: Styling basics tests index 29. Additional tutorials
    1. Advanced styling effects
    2. Cascade layers
    3. Multiple text directions
    4. Organizing your CSS
  11. CSS text styling 1. Text and font fundamentals 2. Styling lists 3. Styling links 4. Web fonts 5. Challenge: Community school homepage
  12. CSS layout 1. Introduction 2. Floats 3. Test: Floats 4. Positioning 5. Test: Positioning 6. Flexbox 7. Test: Flexbox 8. CSS grid layout 9. Test: CSS grid 10. Challenge: Fundamental layout 11. Responsive web design 12. Media queries 13. Test: RWD & media queries 14. Challenge: mobile-first 15. Test: Layout tests index 16. Additional tutorials
    1. Multiple-column layout
    2. Practical positioning examples
    3. Legacy layout methods
    4. Supporting older browsers
  13. Dynamic scripting with JavaScript 1. What is JavaScript? 2. JavaScript walkthrough 3. Troubleshooting 4. Variables 5. Test: Variables 6. Numbers and operators 7. Test: Math 8. Strings 9. String methods 10. Test: Strings 11. Arrays 12. Test: Arrays 13. Challenge: Story generator 14. Conditionals 15. Test: Conditionals 16. Loops 17. Test: Loops 18. Functions 19. Build your own function 20. Function return values 21. Test: Functions 22. Events 23. Event bubbling 24. Test: Events 25. Objects 26. Test: Objects 27. DOM scripting 28. Challenge: Image gallery 29. Network requests 30. JSON 31. Test: JSON 32. Challenge: House data UI 33. Debugging and error handling 34. Test: JavaScript tests index
  14. JavaScript frameworks and libraries 1. Introduction 2. Framework features 3. React getting started 4. React ToDo app 5. React components 6. React events and state 7. React editing, filtering, conditional UI 8. React accessibility 9. React resources
  15. Accessibility 1. What is accessibility? 2. Accessibility tools 3. Accessible HTML 4. Test: HTML a11y 5. Accessible CSS and JS 6. Test: CSS/JS a11y 7. WAI-ARIA 8. Test: WAI-ARIA 9. Accessible multimedia 10. Mobile accessibility 11. Challenge: A11y debugging 12. Test: A11y tests index
  16. Design for developers
  17. Version control
  18. Extension modules
  19. Advanced JavaScript objects 1. Object prototypes 2. Object-oriented programming 3. Classes in JavaScript 4. Test: Object-oriented JavaScript 5. Object building practice 6. Challenge: Bouncing balls features 7. Test: OOJS tests index
  20. Client-side web APIs 1. Introduction 2. Video and audio 3. Drawing graphics 4. Client-side storage 5. Third-party APIs
  21. Asynchronous JavaScript 1. Introduction 2. Using promises 3. Implementing promise-based APIs 4. Introducing workers 5. Challenge: Animation sequence
  22. Web forms 1. Your first form 2. How to structure a web form 3. Basic native form controls 4. The HTML5 input types 5. Other form controls 6. Styling web forms 7. Advanced form styling 8. Customizable selects 9. Customizable listboxes 10. UI pseudo-classes 11. Client-side form validation 12. Sending form data 13. Additional tutorials
    1. Custom form controls
    2. JS form submission
    3. Forms in legacy browsers
    4. UI methods & controls
  23. Understanding client-side tools 1. Overview 2. Package management 3. Sample toolchain 4. Deploying our app
  24. Server-side websites 1. First steps
    1. Introduction
    2. Client-server overview
    3. Server-side frameworks
    4. Website security 2. Django (Python)
    5. Django introduction
    6. Dev environment setup
    7. 1: Local library tutorial
    8. 2: Skeleton website
    9. 3: Models
    10. 4: Django admin site
    11. 5: Home page
    12. 6: Generic list and detail views
    13. 7: Sessions framework
    14. 8: Authentication and permissions
    15. 9: Forms
    16. 10: Testing
    17. 11: Deploying
    18. Django security
    19. Challenge: Django blog 3. Express (Node.js)
    20. Express/Node introduction
    21. Dev environment setup
    22. 1: Local library tutorial
    23. 2: Skeleton website
    24. 3: Using databases with Mongoose
    25. 4: Routes and controllers
    26. 5: Displaying data
    27. 6: Working with forms
    28. 7: Deploying 4. Additional tutorials
    29. Apache .htaccess
    30. Server MIME type config
    31. Plain Node.js server
  25. Web performance 1. The "why" of web performance 2. What is web performance? 3. Perceived performance 4. Measuring performance 5. Multimedia: Images 6. Multimedia: video 7. Performant JavaScript 8. Performant HTML 9. Performant CSS 10. Performance business case 11. Best practices & tips
  26. Testing 1. Introduction 2. Testing strategies 3. Common HTML and CSS problems 4. Feature detection 5. Automated testing 6. Automation environment setup
  27. Further resources
  28. How to solve common problems 1. Common CSS problems 2. Common HTML problems 3. Common JavaScript problems 4. Design and accessibility 5. Tools and setup 6. Web mechanics
  29. About
  30. Resources for educators
  31. Changelog