amay2015 / beginning-front-end

前端培训计划 —— Web 开发技术实践

这次 Web 开发技术培训的目的：

• 能以正确姿势进入 Web 开发之门
• 了解 Web 开发基本知识、技术框架、工作环境，满足日常工作任务
• 能设计、编写、组织合格的、基础的 Web 项目代码，进行项目维护和扩展
• 能清楚 Web 技术的演进，不盲不乱不慌不急不躁的独立进行 Web 技术储备和实践

培训进度安排及各阶段目标：

1. HTML 基础

• 组织 Web 文档结构不全盘套用 div 标签，不使用废弃标签，合理运用标记语言结构化、语义化实现 Web 页面；
• 扩展了解更具语义的 Microdata；
• 扩展了解 Web 模板技术(Mustache, Handlebars, Jade, EJS, Pug, 框架自带模板机制)。

2. CSS 基础

• 了解设计 Web 风格和布局的层叠样式表语法
• 明白外部样式表、内部样式表、内联样式之间的差异

3. CSS 扩展语言

• 了解工程化中的样式扩展语言
• 了解工程化中的样式架构

4. JavaScript 基础

• 知道如何去学习 JavaScript 语言
• 了解编写 JavaScript 代码需要注意哪些事项

5. JavaScript 模块化

• 在工程中如何引用和编写模块化的 JavaScript 代码

6. 图形

• 如何处理和优化 Web 中的图标和图片
• 了解颜色

7. 编码风格及校验

• 如何使代码整洁
• 如何进行代码校验、风格检查

8. 编码环境

• 如何较高效的编码、调试、反馈
• 如何较友好的编写、查阅技术文档

9. 前端工程

• 如何组织项目工程
• 了解实现工程化的脚手架
• 了解 Web 技术演进

---

分成9个阶段，计划每个周四下午进行，每次预计10-20分钟，留10分钟答疑和讨论，知识压缩率较高，希望各位同事根据进度提前准备一些相关的可沟通点；

采用讲解引导 → 提供资料独立学习 → 考核方式进行此次培训任务；

每个进度 README 文档中的 Resources 部分，是独立学习的资料；

考核：根据各阶段进度，结合公司项目涉及到的问题，进行一个提问，需要您提供一个解决方案。