Shulou(Shulou.com)06/03 Report--

This article shows you how to practice Web development in MDN, the content is concise and easy to understand, it will definitely brighten your eyes. I hope you can get something through the detailed introduction of this article.

List of topics covered by the MDN learning area

Getting started with Web provides a practical introduction to Web development for beginners. HTML- build website HTML is the language we use to construct different parts of the site's content and define their meaning or purpose. This topic teaches HTML in detail. CSS- beautification website We can use the language CSS to design and layout our Web content, as well as add behaviors such as animation. This topic provides detailed CSS guidance. JavaScript- dynamic client scripting language JavaScript is a scripting language used to add dynamic functions to Web pages. This topic teaches all the basic points needed to write and understand JavaScript. Accessibility-making the site accessible to everyone is the practice of providing Web content to as many people as possible, regardless of disability, device, region, or other different factors. This topic gives you everything you need to know. Web performance-making the site fast and responsive Web performance is the art of ensuring that Web applications download quickly and respond to user interactions. Users' bandwidth, screen size, network, and device performance should not be an obstacle to the realization of both. Toolsets and testing this topic introduces the tools that developers use to facilitate their work, such as cross-browser testing tools, code error checking tools, code formatting tools, conversion tools, version control systems, and development tools. Server-side Web programming even if you focus on client-side Web development, it's still useful to understand how the server and server-side code functions work. This topic provides an overview of how server and server-side code features work, and details how to build a server-side application using the two most popular frameworks, Django (Python) and Express (node.js).

Code example for MDN learning area

All code examples for the study area can be found on GitHub. If you want to copy them to your computer, the easiest way is to download the latest master branch.

If you want to use more flexible features such as automatic updates, you can follow these steps:

1. Install Git on your computer. The version control system used by the underlying Github.

two。 Open the computer's command prompt (Windows) or terminal (Linux,macOS).

3. Type the following command at the command prompt / terminal to copy the learning area warehouse to the learning-area directory under the current directory: gitclone https://github.com/roy-tian/learning-area

4. You can now use the macOS, Windows, or cd commands to enter the directory and find the files you need.

In a word, the MDN study area gives you a brief introduction. I hope you will have a look at it more.

The above content is how to practice Web development in MDN. Have you learned any knowledge or skills? If you want to learn more skills or enrich your knowledge reserve, you are welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.