网页入门

网页需要三件套: HTML、CSS 和 JavaScript。

1. HTML 定义了网页的内容
2. CSS 描述了网页的样式
3. JavaScript 编写网页的行为

提示

一个大型的网站，很少是直接使用原生代码写的。

最新的网站大多数都是用三大框架(Angular、React、Vue)搭建，并引入 npm 上的 UI 库编写而成。

稍微老的网站会使用其他框架作为辅助，比如Bootstrap、jQuery等。

网页标准指定

互联网网页标准由 W3C 组织制定，它的全称是万维网联盟组织。

HTML

HTML 指的是超文本标记语言 (Hyper Text Markup Language)，描述了网页的骨架(具体结构)。

• HTML 教程

CSS

CSS 指层叠样式表 (Cascading Style Sheets)，声明了网页的样式(具体布局)。

• CSS 教程

Emmet

Emmet 是一种快速输入 HTML 和 CSS 的语法。

• Emmet 用法介绍

JavaScript

JavaScript 是一种编程语言，声明了网页的交互逻辑。

JavaScript 是一种轻量级的编程语言，为可插入 HTML 页面的编程代码。所有现代的 HTML 页面都使用 JavaScript。

• JS 教程

TypeScript

TypeScript 是 JavaScript 的一个超集，使得 JS 变成了一种强定义语言。TypeScript 由于其诸多优良特性，目前在前端的份额越来越大。

• TypeScript 教程

Node.js

在深入了解并进行前端开发后，就避不开 Node。

Node.js 是一款全球使用广泛的框架，可以用在前端与后端上，拥有大量的模块。Node.js 主要以其丰富并及其容易导入的 Node.js package，以及其方便管理 npm (Node.js Package Manager)闻名。

• Node.js 教程

历史前端框架

jQuery

jQuery 是一个 JavaScript 库，极大地简化了 JavaScript 编程，很容易学习。

jQuery 的优势在于它能够在互联网发展早期兼容各式各样的浏览器，并轻松的选定与操作 DOM。

由于 MVVM 的兴起，目前 jQuery 已逐步被前端三大框架所取代。

• jQuery 教程

• W3School

• 菜鸟教程

Bootstrap4

Bootstrap 是全球最受欢迎的前端组件库，用于开发响应式布局、移动设备优先的 WEB 项目。

Bootstrap 是一套用于 HTML、CSS 和 JS 开发的开源工具集。利用提供的 Sass 变量和大量 mixin、响应式栅格系统、可扩展的预制组件、基于 jQuery 的强大的插件系统，能够快速为您的想法开发出原型或者构建整个 app 。

• bootstrap 官方文档

• bootstrap 4.0 中文文档

现代前端框架

Vue

Vue 是一套轻量化的前端渐进式框架框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。

Vue 与 React、Angular 一起合称前端三大框架。

• Vue 学习教程

• Vue 官方文档

React

• React 教程

Angular

• Angular 教程

其他文档

• HTTPS 介绍