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

30 KiB
Raw Blame History

title chunk source category tags date_saved instance
About Learn web development - Learn web development | MDN 3/4 https://developer.mozilla.org/en-US/docs/Learn_web_development/About reference web, html, css, javascript, documentation 2026-05-05T05:50:15.977749+00:00 kb-cron

Note: Educators should use this material as a guide, but its use does not imply endorsement by Mozilla. ## Update process The web development industry is changing constantly and rapidly. To keep our recommendations current, we will review our material regularly, update our changelog, and make an announcement every year, contacting the creators of known conforming courses to let them know the course has changed and encourage them to review/update their courses as appropriate. We intend to do this in Q2 each year, to give educators time over Q2/Q3 to implement changes before the start of the following academic year. ## Frequently asked questions

Scrimba partnership questions

How does MDN know Scrimba's courses are high quality and follow best practices? Scrimba already had a great reputation before we started talking to them about a partnership. However, we didn't just take the community's word for it. We did an extensive review of Scrimba's Frontend Developer Career Path (FDCP) and provided them with feedback on possible improvements, focusing on increasing coverage of best practices and conformance to our Core modules. Scrimba implemented all of our feedback, and the FDCP is even better than it was before. Now that it conforms to our Curriculum Core, we are confident it aligns with MDN standards. #### Is MDN sharing user data with Scrimba? We prioritize user privacy and transparency. The only information MDN shares with Scrimba is user navigation to Scrimba from MDN, and this happens through their own actions by following a link that is marked as external. In cases where we embed Scrimba content on MDN, Scrimba won't see user data until a user chooses to interact with Scrimba's content. #### Scrimba's content isn't free. Doesn't this conflict with MDN's philosophy of providing free content? A lot of Scrimba's content requires a paid subscription, but they also offer several complete courses that are free to access after you register. It is also worth pointing out that Scrimba's courses are not necessary to make use of MDN Learn Web Development — they are an enhancement for those who wish to pay for a structured course that covers our curriculum core. You can still learn all our learning outcomes for free by working through our articles. #### Is a certification awarded on completing Scrimba's Frontend Developer Career Path? Yes, once you complete all the topics in the Frontend Developer Career Path, you can access a certificate of completion to share with potential employers or include in your portfolio. See Where can I find my completion certificate? for more information. ## Help improve MDN

Learn how to contribute This page was last modified on Apr 28, 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.