网页入门
网页需要三件套: HTML、CSS 和 JavaScript。
- HTML 定义了网页的内容
- CSS 描述了网页的样式
- JavaScript 编写网页的行为
网站开发技术
一个大型的网站,很少是直接使用原生代码写的。
- 现代网站大多通过开源前端框架 (如 React、Vue) 开发,并引入 npm 上的 UI 库编写而成。
- 较老的网站 (或者政企) 可能会在原生开发基础上使用其他框架作为辅助,比如 Bootstrap、jQuery 等。
网页标准
互联网网页标准由 W3C 组织制定,它的全称是万维网联盟组织。
网页基础
HTML
HTML 指的是超文本标记语言 (Hyper Text Markup Language),描述了网页的骨架(具体结构)。
CSS
CSS 指层叠样式表 (Cascading Style Sheets),声明了网页的样式(具体布局)。
Emmet
Emmet 是一种快速输入 HTML 和 CSS 的语法。
JavaScript
JavaScript 是一种编程语言,声明了网页的交互逻辑。
JavaScript 是一种轻量级的编程语言,为可插入 HTML 页面的编程代码。所有现代的 HTML 页面都使用 JavaScript。
现代前端框架
Vue
Vue 是一套轻量化的前端渐进式框架框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。
React
Angular
深入网页开发
TypeScript
TypeScript 是 JavaScript 的一个超集,使得 JS 变成了一种强定义语言。TypeScript 由于其诸多优良特性,目前在前端的份额越来越大。
Node.js
在深入了解并进行前端开发后,就避不开 Node。
Node.js 是一款全球使用广泛的框架,可以用在前端与后端上,拥有大量的模块。Node.js 主要以其丰富并及其容易导入的 Node.js package,以及其方便管理 npm (Node.js Package Manager)闻名。
历史前端框架
jQuery
jQuery 是一个 JavaScript 库,极大地简化了 JavaScript 编程,很容易学习。
jQuery 的优势在于它能够在互联网发展早期兼容各式各样的浏览器,并轻松的选定与操作 DOM。
由于 MVVM 的兴起,目前 jQuery 已逐步被前端三大框架所取代。
Bootstrap4
Bootstrap 是全球最受欢迎的前端组件库,用于开发响应式布局、移动设备优先的 WEB 项目。
Bootstrap 是一套用于 HTML、CSS 和 JS 开发的开源工具集。利用提供的 Sass 变量和大量 mixin、响应式栅格系统、可扩展的预制组件、基于 jQuery 的强大的插件系统,能够快速为您的想法开发出原型或者构建整个 app 。