Updated: 2023 Oct 09

Front-End Web Development

第一部分浏览器编程基础

第 1 章配置开发环境

安装Google Chrome

安装并配置Atom

Atom 插件
- emmet
- atom-beautify
- autocomplete-paths
- api-docs
- linter
- linter-htmlhint
- linter-eslint

文档和参考资料

Mozilla 开发者网络（MDN）https://developer.mozilla.org/en-US/

也可以访问 https://devdocs.io/ ，它从MDN拉取前端核心技术文档，并支持离线状态查询（离线缓存机制）

开发者讨论社区 https://stackoverflow.com/

判断版本特性支持的两个网站

https://html5please.com/

https://caniuse.com/

安装Node.js和browser-sync

npm install -g browser-sync

第二部分模块、对象及表单

第 2 章开始第一个项目

使用browser-sync

browser-sync start --server --browser "Google Chrome" --files "stylesheets/*.css, *.html"

第三部分实时数据传输

第四部分应用架构

Comments:

Email questions, comments, and corrections to hi@smartisan.dev.

Submissions may appear publicly on this website, unless requested otherwise in your email.