第一讲基本知识点

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

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

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

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

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

布局模板常用的有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开发基本知识点相关推荐

[小白的Web全栈之旅]独立开发电子商务网站--项目创建+数据库开发
哈喽大家好,今天博主要讲解的是独立开发电子商务网站的第五篇--项目创建+数据库开发,想要预览整个系列博客的参考目录请点击这里在本博客,博主会讲解: 项目创建 PHP连接MySQL 创建数据表数据的 ...
[小白的Web全栈之旅]独立开发电子商务网站--项目介绍
Web开发,是一个看似简单,实际复杂的工程,需要包括但不限于设计师.前端开发.后端开发的程序员们来开发,而Web全栈开发,是一种carry全场,具备页面设计,前端开发,后端开发等多个技能于一身的大神程 ...
[小白的Web全栈之旅]独立开发电子商务网站--所需框架及api
哈喽大家好,今天博主要讲解的是独立开发电子商务网站的第四篇--所需框架及api,想要预览整个系列博客的参考目录请点击这里在本博客,博主会讲解: JQuery介绍 Bootstrap介绍榛子云sms ...
[小白的Web全栈之旅]独立开发电子商务网站--管理员后台开发（一、界面开发）
哈喽大家好,今天博主要讲解的是独立开发电子商务网站的第五篇--项目创建+数据库开发,想要预览整个系列博客的参考目录请点击这里在本博客,博主会讲解: 调用Bootstrap开发管理员后台登入界面调用 ...
[小白的Web全栈之旅]独立开发电子商务网站--管理员后台开发（二、登入实现+管理商品【上】）
哈喽大家好,今天博主要讲解的是独立开发电子商务网站的第五篇--项目创建+数据库开发,想要预览整个系列博客的参考目录请点击这里在本博客,博主会讲解: 通过查询MySQL实现管理员登入查询已上架商品 ...
开课吧python全栈靠谱么-杭州Web全栈
Web全栈招生简章开课吧简介开课吧,中国有口皆碑的互联网人学习平台,为互联网从业者及潜在从业者提供O2O职业学习.就业.职业成长服务,让学习者收获互联网从业技能和能力,从而实现从"校园& ...
Web全栈工程师技能树梳理
FSE-SKILL-TREE Web全栈工程师技能树梳理各个分支正在细化中,欢迎Star.PR. 点击链接加入群[Web全栈QQ群]:https://jq.qq.com/?_wv=1027& ...
【融职教育】Web全栈开发就业班核心优势
IT技能培训行业现在是一片红海,在红海中求生存和发展就要具有一定的特色和竞争优势.本质上都是为学员提供更好的服务,提高教学品质,让学员可以学会技术,掌握足够工作技能,具有向企业交付的能力,让学员不仅可 ...
小白都能看懂的实战教程手把手教你Python Web全栈开发(DAY 3)
小白都能看懂的实战教程手把手教你Python Web全栈开发 Flask(Python Web)实战系列之在线论坛系统第三讲这是小白都能看懂的实战教程手把手教你Python Web全栈开发的 ...

web全栈-第一讲：web开发基本知识点

第一讲基本知识点

web全栈-第一讲：web开发基本知识点相关推荐

最新文章

热门文章

web全栈-第一讲：web开发基本知识点

第一讲 基本知识点

web全栈-第一讲：web开发基本知识点相关推荐

最新文章

热门文章

第一讲基本知识点