移动互联网时代越来越凸显前端技术重要性!
最近在学习万门教育的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负责交互,用户和网页产生的互动由它来控制。
这个课的学习貌似只有纯视频,没有文本资料,也没有老师的联系方式。肯定也不会有老师布置作业、批改作业、答疑解惑了。哎,也没有班级群学习交流什么的,学习一切靠自律和坚持。
加油吧!