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開發基本知識點有哪些這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！