Web articles_ 01 understanding web development

---

Web、 front end 、 The back-end relationship is clear at a glance

Web Development
Web Development is mainly divided into front-end development and back-end development , The front end focuses more on the display of pages and the interaction of users , The back end focuses more on data processing and service access .

and HTML Language belongs to the development scope of the front end .

The front-end development
The front end refers to the web page directly contacted by users , There are usually HTML、CSS、Javascript The content such as .

The backend development
The back end refers to the time program 、 Database and server level development .

Quickly understand the three front-end components

Web Development criteria
Web The standards that application development needs to follow Web standard , here Web A standard is a collection of standards . The web page is mainly composed of three parts ： Structural criteria （XML、HTML and XHTML）, Performance criteria （CSS）, Standards of conduct （DOM、Javascript）

HTML
HTML The content used to make up a web page , Content is the information that web page makers want users to browse on the page , For example, words 、 picture 、 Video and so on , Simply put, it is used to define the content of a web page .

CSS
CSS Determines the presentation of web page style , That is, the form of content , For example, the color of the font 、 The style of the background 、 The size of the title, etc .

Javascript
Javascript It is used to define the interaction on the web page , Control the behavior of web pages , For example, pop-up window 、 The page opens and closes 、 Prompt for input content, etc .
Now, of course, framework development is generally used , At present, the mainstream development frameworks in China include Vue、React, Foreign words React Use more .

web Development tool recommendation

Vscode
Here is the most recommended for novices VSCode, Browser use chrome

vscode Download address ：https://code.visualstudio.com

Visual Studio Code It is a product launched by Microsoft for web Development of code editor , Open source 、 High performance 、 Good expansibility .

advantage ：

• free
• High performance
• Custom configuration
• Code tips are powerful
• The extensions are powerful and easy to install

VScode The plugin is recommended
For rigid contact vscode people , Try the plug-ins recommended by the two bloggers first :
https://blog.csdn.net/qq_37860930/article/details/102561403
https://blog.csdn.net/win7583362/article/details/79315055

For some small projects , Use vscode Development is no problem .
vscode More suitable for novices , For larger projects , I suggest using Webstrom Development .

These are especially popular development tools in front end and back end separation projects , If it is not the front and rear end separation items , As a Java Back end developers , Too lazy to toss about ,IDEA,Eclipse It also supports front-end development .

VScode Other wonderful uses
First , We need to know ,vscode Not one IDE, It's the editor , The editor can edit any text naturally , But its plug-ins are powerful enough , Make it look like IDE Just as strong .

• markdown Editor
  If you are familiar with markdown The grammar of , It is used to edit md The file is also very comfortable , And you can install markdown The plug-in is used to preview
• Used to open various files
  For example, common xml,java file , For example, you need to temporarily open a .java file , Although it can be used idea open , But compared with the opening speed vscode It's still relatively slow .

recommend web Related learning documents

W3school