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

This article mainly explains "what are the basic knowledge points of web development". The content of the explanation is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn what are the basic knowledge points of web development.

The first lecture is about basic knowledge.

JD.com website is used to explain the website case.

Look at the page of the website first look at the layout to understand the commonness. Focus on the big and start with the small.

The entire page is made up of rows of elements.

Each line varies in size and content, and there are many components in each line.

The overall style is consistent, symmetrical layout.

There are two commonly used layout templates:

Flex flexible layout

Bootstrap grid layout

The first thing to focus on doing a web page is not the picture, but the static page layout first.

The width and height ratio of the picture is very particular.

A major focus of the web front-end work is browser compatibility.

The workload of flex layout compatibility is relatively large, while that of bootstrap layout compatibility is much smaller.

Front-end framework Angular single-page application

Layout templates: Angular Materia, Ant Design of Angular

The application of the framework, we should make good use of the framework.

Good programmers should make good use of copy and paste, know which templates are most suitable for which projects, improve work efficiency, and use mature frameworks.

The version history of Angular:

2010-Angular JS single page application

2016-Angular version 2

2016 Dec-Angular version 4

2017 Nov-Angular version 5

Why use Angular?

Angular official website https://angular.io/, Chinese version of https://angular.cn/

Angular6 project, based on terminal instructions, terminal instructions are more flexible than visual interface.

Unidirectional binding

Two-way binding

Single page application

Routin

Network request, a major focus of the front-end framework is the network request.

Component-based

The back-end framework, express.js, is based on node.js.

Technology serves the product, focusing on business logic, not research.

It is very difficult to be based entirely on node.js.

Express.js is based on node.js and solves the routing problem at the back end.

Create a server application:

Add bricks to the existing framework and perfect the details.

To create an express project, the terminal window can create the project with a command.

Back-end routing

The server returns json data

WEB Application (M+E+A+N)

Database: MongoDB

Back-end framework: express.js and node.js are one. Use typescript

Front-end framework: Angular

Node.js

Focus on a lot of advantages of typescript.

After listening to the first lecture, I talked a lot about the concept of feeling, but I was a little confused when I listened to this lesson. I checked the information myself and learned that the three foundations of front-end knowledge are as follows:

HTML: responsible for the structure, the content of the web page is written by html.

CSS: responsible for the style, it controls the beauty and ugliness of the web page.

JavaScript is responsible for interaction, and it controls the interaction between users and web pages.

Thank you for your reading, these are the contents of "what are the basic knowledge points of web development". After the study of this article, I believe you have a deeper understanding of what are the basic knowledge points of web development, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

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.