网页入门
网页需要三件套: HTML、CSS 和 JavaScript。
- HTML 定义了网页的内容
- CSS 描述了网页的样式
- JavaScript 编写网页的行为
网页标准指定
互联网网页标准由 W3C 组织制定,它的全称是万维网联盟组织。
# HTML
HTML 指的是超文本标记语言 (Hyper Text Markup Language),描述了网页的骨架(具体结构)。
# CSS
CSS 指层叠样式表 (Cascading Style Sheets),声明了网页的样式(具体布局)。
# Emmet
Emmet 是一种快速输入 HTML 和 CSS 的语法。
# JavaScript
JavaScript 是一种编程语言,声明了网页的交互逻辑。
JavaScript 是一种轻量级的编程语言,为可插入 HTML 页面的编程代码。所有现代的 HTML 页面都使用 JavaScript。
# 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。
由于 NVVM 的兴起,目前 jQuery 已逐步被前端三大框架所取代。
# Bootstrap4
Bootstrap 是全球最受欢迎的前端组件库,用于开发响应式布局、移动设备优先的 WEB 项目。
Bootstrap 是一套用于 HTML、CSS 和 JS 开发的开源工具集。利用提供的 Sass 变量和大量 mixin、响应式栅格系统、可扩展的预制组件、基于 jQuery 的强大的插件系统,能够快速为您的想法开发出原型或者构建整个 app 。
# 现代前端框架
# Vue
Vue 是一套轻量化的前端渐进式框架框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。
Vue 与 React、Angular 一起合称前端三大框架。