• Skip to main content
  • Skip to search
  • Skip to select language
MDN Web Docs
  • References
    • Overview / Web Technology

      Web technology reference for developers

    • HTML

      Structure of content on the web

    • CSS

      Code used to describe document style

    • JavaScript

      General-purpose scripting language

    • HTTP

      Protocol for transmitting web resources

    • Web APIs

      Interfaces for building web applications

    • Web Extensions

      Developing extensions for web browsers

    • Accessibility

      Learn to make the web accessible to all

    • Web Technology

      Web technology reference for developers

  • Learn
    • Overview / MDN Learning Area

      Learn web development

    • MDN Learning Area

      Learn web development

    • HTML

      Learn to structure web content with HTML

    • CSS

      Learn to style content using CSS

    • JavaScript

      Learn to run scripts in the browser

  • Plus
    • Overview

      A customized MDN experience

    • AI Help

      Get real-time assistance and support

    • Updates

      All browser compatibility updates at a glance

    • Documentation

      Learn how to use MDN Plus

    • FAQ

      Frequently asked questions about MDN Plus

  • Curriculum New
  • Blog
    • Playground

      Write, test and share your code

    • HTTP Observatory

      Scan a website for free

    • AI Help

      Get real-time assistance and support

  • Log in
  • Sign up for free
  1. Guides
  2. How to solve common problems
    • Deutsch
    • Español
    • Français
    • 日本語
    • 한국어
    • Português (do Brasil)
    • Русский
    • 中文 (简体)
    • 正體中文 (繁體)

In this article

  • See also
  1. Getting started modules
  2. Environment setup
    1. Installing basic software
    2. Browsing the web
    3. Code editors
    4. Dealing with files
    5. Command line crash course
  3. Your first website
    1. What will your website look like?
    2. HTML: Creating the content
    3. CSS: Styling the content
    4. JavaScript: Adding interactivity
    5. Publishing your website
  4. Web standards
    1. How the web works
    2. The web standards model
    3. How browsers load websites
  5. Soft skills
    1. Research and learning
    2. Collaboration and teamwork
    3. Workflows and processes
    4. Succeeding in job interviews
  6. Core modules
  7. Structuring content with HTML
    1. Basic HTML syntax
    2. What's in the head? Webpage metadata
    3. Headings and paragraphs in HTML
    4. Emphasis and importance
    5. Lists
    6. Structuring documents
    7. Advanced text features
    8. Creating links
    9. Challenge: Marking up a letter
    10. Challenge: Structuring a page of content
    11. HTML images
    12. HTML video and audio
    13. Challenge: Mozilla splash page
    14. HTML table basics
    15. HTML table accessibility
    16. Challenge: Structuring a planet data table
    17. Forms and buttons in HTML
    18. Debugging HTML
  8. CSS styling basics
    1. What is CSS?
    2. Getting started with CSS
    3. Challenge: Styling a biography page
    4. Basic CSS selectors
    5. Attribute selectors
    6. Pseudo-classes and pseudo-elements
    7. Combinators
    8. The box model
    9. Handling conflicts
    10. CSS values and units
    11. Sizing items in CSS
    12. Backgrounds and borders
    13. Overflowing content
    14. Images, media, and form elements
    15. Styling tables
    16. Debugging CSS
    17. Challenge: Fundamental CSS comprehension
    18. Challenge: Creating fancy letterheaded paper
    19. Challenge: A cool-looking box
  9. CSS text styling
    1. Fundamental text and font styling
    2. Styling lists
    3. Styling links
    4. Web fonts
    5. Challenge: Typesetting a community school homepage
  10. CSS layout
    1. Introduction to CSS layout
    2. Floats
    3. Positioning
    4. Flexbox
    5. CSS grid layout
    6. Responsive design
    7. Media query fundamentals
    8. Challenge: Fundamental layout comprehension
  11. Dynamic scripting with JavaScript
    1. What is JavaScript?
    2. A first splash into JavaScript
    3. What went wrong? Troubleshooting JavaScript
    4. Storing the information you need — Variables
    5. Basic math in JavaScript — numbers and operators
    6. Handling text — strings in JavaScript
    7. Useful string methods
    8. Arrays
    9. Challenge: Silly story generator
    10. Making decisions in your code — conditionals
    11. Looping code
    12. Functions — reusable blocks of code
    13. Build your own function
    14. Function return values
    15. Introduction to events
    16. Event bubbling
    17. Challenge: Image gallery
    18. JavaScript object basics
    19. DOM scripting introduction
    20. Making network requests with JavaScript
    21. Working with JSON
    22. Debugging JavaScript and handling errors
  12. JavaScript frameworks and libraries
    1. Introduction to client-side frameworks
    2. Framework main features
    3. Getting started with React
    4. Beginning our React todo list
    5. Componentizing our React app
    6. React interactivity: Events and state
    7. React interactivity: Editing, filtering, conditional rendering
    8. Accessibility in React
    9. React resources
  13. Accessibility
    1. What is accessibility?
    2. Accessibility tooling and assistive technology
    3. HTML: A good basis for accessibility
    4. CSS and JavaScript accessibility best practices
    5. WAI-ARIA basics
    6. Accessible multimedia
    7. Mobile accessibility
    8. Challenge: Accessibility troubleshooting
  14. Design for developers
  15. Version control
  16. Extension modules
  17. Advanced JavaScript objects
    1. Object prototypes
    2. Object-oriented programming
    3. Classes in JavaScript
    4. Object building practice
    5. Challenge: Adding features to our bouncing balls demo
  18. Client-side web APIs
    1. Introduction to web APIs
    2. Video and Audio APIs
    3. Drawing graphics
    4. Client-side storage
    5. Third-party APIs
  19. Asynchronous JavaScript
    1. Introducing asynchronous JavaScript
    2. Video and Audio APIs
    3. How to use promises
    4. How to implement a promise-based API
    5. Introducing workers
    6. Challenge: Sequencing animations
  20. 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. UI pseudo-classes
    9. Client-side form validation
    10. Sending form data
  21. Understanding client-side tools
    1. Client-side tooling overview
    2. Package management basics
    3. Introducing a complete toolchain
    4. Deploying our app
  22. Server-side websites
    1. Server-side first steps
      1. Introduction to the server side
      2. Client-Server Overview
      3. Server-side web frameworks
      4. Website security
    2. Django web framework (Python)
      1. Django introduction
      2. Setting up a Django development environment
      3. Django Tutorial: The Local Library website
      4. Django Tutorial Part 2: Creating a skeleton website
      5. Django Tutorial Part 3: Using models
      6. Django Tutorial Part 4: Django admin site
      7. Django Tutorial Part 5: Creating our home page
      8. Django Tutorial Part 6: Generic list and detail views
      9. Django Tutorial Part 7: Sessions framework
      10. Django Tutorial Part 8: User authentication and permissions
      11. Django Tutorial Part 9: Working with forms
      12. Django Tutorial Part 10: Testing a Django web application
      13. Django Tutorial Part 11: Deploying Django to production
      14. Django web application security
      15. Assessment: DIY Django mini blog
    3. Express web framework (Node.js)
      1. Express/Node introduction
      2. Setting up a Node development environment
      3. Express Tutorial: The Local Library website
      4. Express Tutorial Part 2: Creating a skeleton website
      5. Express Tutorial Part 3: Using a Database (with Mongoose)
      6. Express Tutorial Part 4: Routes and controllers
      7. Express Tutorial Part 5: Displaying library data
      8. Express Tutorial Part 6: Working with forms
      9. Express Tutorial Part 7: Deploying to production
  23. 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. JavaScript performance optimization
    8. HTML performance optimization
    9. CSS performance optimization
    10. The business case for web performance
  24. Testing
    1. Introduction to cross-browser testing
    2. Strategies for carrying out testing
    3. Handling common HTML and CSS problems
    4. Implementing feature detection
    5. Introduction to automated testing
    6. Setting up your own test automation environment
  25. Transform and animate CSS
  26. Security and privacy
  27. Further resources
  28. How to solve common problems
    1. Solve common HTML problems
    2. Solve common CSS problems
    3. Solve common JavaScript problems
    4. Web mechanics
    5. Tools and setup
    6. Design and accessibility
  29. About
  30. Resources for educators
  31. Changelog

In this article

  • See also

How to solve common problems

This section provides solutions to common front-end problems and answers to common questions.

  • Solve common HTML problems
  • Solve common CSS problems
  • Solve common JavaScript problems
  • Web mechanics
  • Tools and setup
  • Design and accessibility

See also

  • HTML Cheatsheet

Help improve MDN

Learn how to contribute.

This page was last modified on Dec 19, 2024 by MDN contributors.

View this page on GitHub • Report a problem with this content
MDN logo

Your blueprint for a better internet.

  • MDN on Mastodon
  • MDN on X (formerly Twitter)
  • MDN on GitHub
  • MDN Blog RSS Feed

MDN

  • About
  • Blog
  • Careers
  • Advertise with us

Support

  • Product help
  • Report an issue

Our communities

  • MDN Community
  • MDN Forum
  • MDN Chat

Developers

  • Web Technologies
  • Learn Web Development
  • MDN Plus
  • Hacks Blog
Mozilla logo
  • Website Privacy Notice
  • Cookies
  • Legal
  • Community Participation Guidelines

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2024 by individual mozilla.org contributors. Content available under a Creative Commons license.