Web site learning and sorting

The composition of the website

Website by front end + Back end + The domain name consists of three parts , The front end is a variety of web pages , The back end is the server 、 Database some background processing things , The domain name is the string that needs to be purchased and rented （ It's like www.baidu.com）.
Let's introduce these three parts through the whole process .

The whole process of website construction

Customers demand

Get demand ： Get information 、 Understand customer needs
Website planning ： Overall page planning （ Static web page or dynamic web page 、 Main colors of web pages, etc ）、 Effect of implementation （ What selection effect do you want ）、 Special needs

Designers design

Designers organize materials and customers' special needs , Then start the overall page planning and effect realization .
Data collation （ copy 、 picture 、 demand ）、 Market Research （ Comparative research on products of the same industry ）、 Interface design （ Flow chart of the page , The following legend ）.

If the customer looks at it and thinks it's ok , Sign on to the offer . The purpose of signing a contract is that the customer can't go back on his decision , Otherwise, it's half done , It's not good for people to do it again .

Front end code writing

front end html、css、js And other code to achieve the effect of web pages

Back end

php, Databases, etc ,Python Of Django Anything is OK .
After everything in front is done , Start testing feedback bug, Make a test report . Last bug It's almost done , It can be deployed on the server , User can input http://XXXX（IP Address , It's a string of numbers and . Composed of ） To access the website .

Application domain name

It is not easy for people to remember a string of numbers , Relative , It's easy to remember a letter , It's like www.baidu.com These familiar domain names .

Keep on record

Every website has something at the bottom
It's made up of Copyright+[dates] ( Audit time - Due time )+[author/owner]| Public Security Bureau record No
It is a sign of copyright

For filing, you need to submit the relevant information of the domain name and the holder as well as the relevant information of the website , After the approval of the Ministry of industry and information technology , Will be issued for filing / License number .

Later maintenance

Maintain the normal operation of the website , I won't go into details here .

Composition of web page

There are many web pages on the Internet , Web pages are navigated by 、 Content 、 The footer consists of three parts .
I drew a rough frame （ Most web pages are like this , Of course, there are many exceptions ）

Recommendation of relevant software

There are a lot of front-end code writing software ,Hbuilder X、vscode、sublime、Dreamweaver( abbreviation DW)、WebStorm（ abbreviation WS）

sublime

A lightweight code editor （ No more introduction , It's also a good choice , You can see for yourself ）

DW

DW yes Adobe Flag ,Adobe In my impression, it is a company that tends to design application software , image PS,Pr,AI wait .DW Can be used to write code , But its ecology is not very strong , Sometimes there may be some problems , unstable .

vscode

vscode yes Microsoft（ Microsoft ） Developed , Is a free open source cross platform modern lightweight code editor , There is a strong Ecology , There are all kinds of plug-ins , If you want to download it
vscode You may not get used to it at first , But it's much better to use it ,vscode Support C/C++、Python、Java、Go、html Wait close 50 Kind of programing language （ Related to the plug-in ：Code Runner）; and vscode It seems that something is going to happen Web form ...

WS

WebStorm Is a heavyweight website development software , yes jetbrains One of the company's JavaScript development tool , Look at Baidu Encyclopedia ,WS High reputation .
however , After all, it is a heavyweight , High integration , The computer may not come with you .

Taken together

Taken together , I think it can be used vscode Do our daily code writing , A front-end tool for small projects .（sublime And other tools ）

PS： The above views are personal , May contain your own thought hints ,vscode I refer to Baidu Encyclopedia and Get along well with VS Code official account Organized , Other tools I only refer to Baidu Encyclopedia . If you want to know more, you can search for relevant information by yourself .

How to learn Web

General process

I heard about employment 5 People of more than years say , Organize into three stages ：

1. html+css（ More practice , A lot of attributes , Practice more before you can remember ）
2. js+Ts（JavaScript、TypeScript）
3. have a look Vue、React etc. js frame （ There are many emerging technologies at the front end , But deep learning js It shouldn't be wrong , Because they are all based on js Framework ）

Learning methods

• html and css Just to practice more. , It's better to be familiar with it than to memorize many attribute settings .
• js It's not just practice , More in-depth study , those vue,node,React Wait, a lot of frameworks don't just need to be able to use , We should also learn its mechanism and implementation method （ Interview questions ）
• While practicing on some small projects, you also need to understand the development of the front end through reading blogs and other methods

How to solve the problem of backend and domain name

Both the backend and the domain name can be bought or rented , Especially the back end , The real environment required by the server is too strict , low temperature 、 Constant humidity 、 Stable power supply （ In case of power failure, many batteries are required to supply power and wait for incoming calls ）, You also need a large area to put things , And it consumes a lot of power
There are many platforms that can be purchased and rented in China , Alibaba cloud 、 Tencent cloud .
Just click search , The rest of us should see , Different domain names have different prices .
These are ECS , relatively speaking , It's cheap , After all, it is Bao Nian = =
Alibaba cloud and Tencent cloud are interconnected , No, Alibaba cloud is registered but Tencent cloud is not .

Last

That's all for the article , It's my recent love for Web I've learned a lot about , There must be some personal subjective factors in it , It's OK for everyone to understand , Think for yourself before you decide something .
The article may also have many flaws , I hope you will point out that .