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工程,基于终端指令,终端指令比可视化界面更灵活。

  • 单向绑定

  • 双向绑定

  • 单页面应用

  • 路由

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

  • 基于组件

  • 后端框架 —— 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开发基本知识点有哪些这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!