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负责交互，用户和网页产生的互动由它来控制。

这个课的学习貌似只有纯视频，没有文本资料，也没有老师的联系方式。肯定也不会有老师布置作业、批改作业、答疑解惑了。哎，也没有班级群学习交流什么的，学习一切靠自律和坚持。

加油吧！