免费资源部落

这篇文章主要讲解了“web开发基本知识点有哪些”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“web开发基本知识点有哪些”吧！

第一讲 基本知识点

以京东网站讲解网站案例。

看网站页面先看布局，了解共性。从大处着眼、小处着手。

整个页面都是一行行元素构成。

每一行大小不一、内容多寡不一，每一行里面有很多组件。

整体风格一致，对称布局。

布局模板常用的有2种：

flex弹性布局

bootstrap栅格布局

做网页首先关注重点不是图片，先看的是静态页面布局。

图片宽、高比例很有讲究。

web前端工作一大重点是浏览器的兼容性。

flex布局兼容性工作量相对大，bootstrap布局兼容性工作量小很多。

前端框架Angular单页面应用

布局模板：Angular Materia、Ant Design of Angular

框架的应用，要善用框架。

优秀的程序员要善用copy、paste，要知道在什么项目使用什么模板最适合，提高工作效率，运用成熟的框架。

Angular的版本发展史：

2010 - Angular JS 单页面应用

2016 - Angular version 2

2016 Dec - Angular version 4

2017 Nov - Angular version 5

为什么用Angular？

Angular官网https://angular.io/、中文版https://angular.cn/

Angular6工程，基于终端指令，终端指令比可视化界面更灵活。

单向绑定

双向绑定

单页面应用

路由

网络请求，前端框架的一大重点是网络请求。

基于组件

后端框架 —— express.js，基于node.js。

技术为产品服务，关注重点是业务逻辑，不是做研究。

完全基于node.js难度非常大。

express.js基于node.js，解决后端的路由。

创建服务器应用：

在已有的框架上添砖加瓦，完善细节即可。

创建express工程，终端窗口可以一条指令创建工程。

后端路由

服务器返回json数据

WEB应用(M+E+A+N)

数据库：MongoDB

后端框架：express.js和node.js是一体。使用typescript

前端框架：Angular

Node.js

重点讲了很多typescript的优点。

第一讲听完感觉概念讲得比较多，真的零基础听这个课有点懵。我自己查了查资料，了解到前端知识三大基础如下：

HTML：负责结构，网页想要表达的内容由html书写。

CSS：负责样式，网页的美与丑由它来控制。

JavaScript负责交互，用户和网页产生的互动由它来控制。

感谢各位的阅读，以上就是“web开发基本知识点有哪些”的内容了，经过本文的学习后，相信大家对web开发基本知识点有哪些这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是，小编将为大家推送更多相关知识点的文章，欢迎关注！