Front-End Web Development

Table of Contents

1 第一部分 浏览器编程基础

1.1 第 1 章 配置开发环境

1.1.1 安装Google Chrome

1.1.2 安装并配置Atom

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

1.1.3 文档和参考资料

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

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

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

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

https://html5please.com/

https://caniuse.com/

1.1.4 安装Node.js和browser-sync

npm install -g browser-sync

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

2.1 第 2 章 开始第一个项目

2.1.1 使用browser-sync

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

3 第三部分 实时数据传输

4 第四部分 应用架构