一位优秀的Web前端开发工程师必须具备丰富的知识体系，才能胜任工作！要有快速学习的能力。

除了具备基本的Web前端开发技术、网站性能优化、SEO和服务器端基础知识外，前端开发工程师还应具备多种辅助开发工具和理论知识，包括代码的可维护性、组件的易用性、层次化语义模板和浏览器分级支持等。

先学习div和css，这是最基本的，两种方法都可以编写静态页面。进入页面后，再去学习js和JQuery，它们会获得一些效果。CSS3和H5也在火热进行中。最终学习一些背景，背景语言要掌握一门，比如php。还需要了解mysql数据库，cms后台管理系统。这一切都是前端需要了解的。

「君子不异也，小人不异也」，在学习的过程中，还要多看几个优秀的网站，善于分析并借鉴其设计思路与布局方法，见多识广，便可融会贯通，取长补短，为我所用。

看到别人把前面丰富的内容整理出来给你可能会觉得困惑，到底从那里学习呢？

html：首先要了解html标签，此时可以快速了解一些常用标签和属性。

css：现在就可以尝试使用html标签来“美化”html了

本地js还是本地jquery？jquery本身并不矛盾，jquery本身就是js的工具库，首先我建议还是使用jquery，不要在意现在的vueangularreact前端框架，有些知识仍然需要至少要了解一下，使用jquery代替js也是为了更快地了解前端开发，jq可以简化大量代码，而且历史积累了大量插件。

上述三种内容尽可能地熟练地使用，如果能找到一个简练而非简单的站点进行模仿也很好。在对vue熟悉之后可以做进一步的扩展，开始接触前端框架，个人建议，如果没人带，可以先从vue开始，受益于vue的渐进开发，即逐步增加内容，vue上手难，出结果快。跟随官网的demo练习，有了一些了解之后再开始使用vue-cli进行前端的开发吧(前面的阶段可以说都没有用到前端，比如webpack的构建工具等等，从vue-cli开始，你会发现又是一个全新的领域，精彩！)