web开发基本知识点有哪些

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

第一讲 基本知识点

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

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

    

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

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

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

    

   布局模板常用的有2种：

   flex弹性布局

   bootstrap栅格布局

    

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

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

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

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

2. 前端框架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工程，基于终端指令，终端指令比可视化界面更灵活。

• 单向绑定

• 双向绑定

• 单页面应用

• 路由

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

• 基于组件

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

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

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

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

   创建服务器应用：

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

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

• 后端路由

• 服务器返回json数据

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

   数据库：MongoDB

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

   前端框架：Angular

   Node.js

   重点讲了很多typescript的优点。

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

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

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

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

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