用心写好文档

这两天有个想法，应该把专业教学内容整理好，写成文档，为有学习意愿的学生，提供路线指导图。

自己所需要的专业人才培养方案、教学内容也有很大部分跟这些资源重合，以后用的到机会很多。

吃自己的狗粮，写一次，使用多次。这也是一种投资。现在多花点时间精力把这件事干好，建立好制度，为以后工作节省时间精力。

我的专业是计算机应用技术专业，结合就业形势、现有教师实验室资源、学生水平等因素，选择web前端开发作为核心方向。

网络上可以找到很多前端学习教程，很多广度深度都可以，值得我借鉴参考，但想找到完全符合自己想法思路是很困难的，所以我决定自己来做。

全部重新写的工作量是巨大的，也不喜欢重新发明轮子。先做搬运工，收集介绍自己认为好的优秀教程，再逐渐增加些step by step的项目实践教程。

这是我接下来要做的一点事情。至于其他的，比如投资真的是少用点心，心里才会好些。修罗场上想赚点碎银子真心不容易。

Web前端学习路线主要为学生提供学习路线，让他们了解每一步大概要学什么，为自学提供方向。Web前端是大专计算机专业核心课程，对于有做开发想法的同学，Web前端开发是性价比高的方向。希望此路线图对学生学习前端有所帮助。

涉及到主要技术栈如下：

HTML+CSS+Javascript --> Vue.js --> 小程序开发 --> uniapp

如何使用

内容主要包括相关技术官方文档、项目实践教程。

Web前端三剑客:HTML、CSS、JavaScript是学习的重重之中。推荐使用freecodecamp网站进行学习，FCC 鼓励learn by doing的学习方式，从最基础的课程开始，有讲解，有实战，而且采取的是挑战闯关的模式，每一小节都需要自己编写代码来完成挑战。先把basic-html-and-html5、basic-css、basic-javascript教程完成，对三者有基本认识。

通过MDN的JavaScript基础教程、MDN的DOM基础教程了解如果操作文档对象模型，明白HTML+CSS+Javascript三者如何配合。

学完HTML+CSS+Javascript，可以开始学Vue。之所以不选择React是因为国内小企业用Vue更多。在学习Vue之前，最好先学习es6教程。

推荐教程

基础 HTML 和 HTML5

HTML 是一种标记语言，使用特殊的语法或标记来向浏览器描述网页的结构。HTML 元素由开始和结束标签构成，标签之间是文本内容。 不同的标签可以让文本内容以标题、段落、列表等形式展现。

在这个课程中，你将通过编写一个展示猫咪图片的应用，学习最常见的 HTML 元素——它们可以用来构成任何网页。