前端开发学到什么程度，能出去找工作吗？以下是北京和上海招聘web前端开发工程师的要求。以及需要做什么，工作的内容。那么零基础如何自学前端呢？以下是我的分享工具文章。工欲善其事必先利其器，所以选择一款合适好用的编辑器在下手前就显得尤为重要。没有更多的工具，但它很容易使用。除了编辑器，我们还需要掌握一些其他的工具，让我们的学习更加顺畅。WebStorm不用多说，是最强大的前端编辑器，尤其是无敌的智能提示，但它的缺点是如果项目太大，出现的卡顿让很多人苦恼。谷歌在使用“谷歌”前必须学习*，否则将无法访问。学习使用搜索可以帮助我们解决很多问题。一个人的知识是有限的。只有掌握了搜索技巧，才能随机应变。很多时候，百度出来的网站里的东西都是非常重复的，最主要的是垃圾信息很多。百度找不到的答案，在这里很容易找到。谷歌是我的必备搜索。Github是全球最大的“同性”开源交流社区。如果您没有帐户，请快速注册。这里有很多优秀的资源项目和各种高手。观察优秀的代码是我们学习的好方法。另外，在开发过程中，很多时候任务重，时间紧，应避免重新发明轮子。在这里您可以找到您需要的工具或代码。StackOverflow是国外知名的技术问答社区。开发过程中遇到的很多问题都可以在这里得到解答。SegmentFault对应国内版的技术问答交流社区。如果你的英语不好，你也可以在这里找到答案。MarkdownMarkdown是一种轻量级的标记语言，语法简洁，可以让作者专注于内容而不是复杂的格式要求。我认为每个人都应该掌握它，尤其是那些经常写博客的人。想想你使用世界时的场景。每次写完一篇文章，都要花很多时间整理格式。使用它可以避免这些麻烦。·Markdown中文文档·有道云笔记：我自己一直在用的在线Markdown编辑器。需要学习的技术知识点和学习路线，以及学习方法HTML章节经过一番准备，我们就开始我们的学习之旅吧。首先，我们将从HTML开始。HTML全称为“超文本标记语言”，它是整个页面的结构基础，它承载着我们页面的内容。基础·w3school在线教程：内容非常基础，适合初学者学习，对HTML有一个入门的了解。·freeCodeCamp：一个非常好的入门学习网站。它采用闯关的模式，就像游戏中打怪升级一样。这很有趣。准备自学的朋友不妨试一试。Advanced·MDNHTML：这里的内容质量更好，错误更少，内容更全面。·HTML和CSS编码标准：掌握一些编码技巧，写出更好、更高质量的代码。CSS篇HTML承载了页面的内容，但有时会显得有些单调和“丑陋”。CSS的作用就是为这些内容添加样式，就像美丽的女人需要一件漂亮的外衣来修饰它才能更漂亮一样，“人靠衣装，马靠鞍”。网页内容也需要穿上漂亮的外衣来吸引用户，而CSS完成了装饰。基础·LearningCSSLayout：带你一步步学习CSS。·CSS参考手册：你可以有一个全面的介绍到CSS。·w3schoolCSS参考手册：同上也是很基础的知识，适合入门。进阶书籍：《CSS揭秘》：强烈推荐的CSS书籍，可以学到很多鲜为人知的技能。在线系列：·MDNCSS：和HTML都是MDN社区文档，质量有保证。·HTML和CSS编码规范：掌握一些编码技巧，写出更好、更高质量的代码。·达摩老师的CSS系列：达摩老师对CSS的理解非常深刻，丰富实践经验，作者《图解CSS3：核心技术与案例实战》。·大摩老师的SASS系列：大摩老师的sass系列文章。变量、条件语句等。Stylus官网：同样是一个CSS预编译器，只是省略了一些符号，让CSS书写更加简洁清爽。·HTML5和CSS3：详细解释HTML5和CSS3。知识点：别说懂CSS相对单位：了解CSS相对单位rem和em的区别。·CSS进阶内容：深入理解常用知识点。·Flex布局教程：语法：阮一峰老师对flex的讲解。·FlexLayoutTutorial:范例：阮一峰老师的flex讲解。·《CSS相关》目录存档：张新旭老师的CSS系列文章，通俗易懂，作者《CSS世界》。·40shapesandgraphicsdrawnbyCSS：40种CSS绘制的各种图形形状。·CSS-大前端：CSS的一些知识点。Advanced·JavaScriptLanguageEssence：揭示·JavaScript的本质。·JavaScript秘密花园：梳理讲解JS的一些核心知识点，比如：this、closure/scope、constructor、prototype等，这些都是面试必备的知识点。·ECMA6入门：阮一峰老师的ES6入门，全面介绍了ECMA6新引入的语法特性。·JavaScript使用技巧：认识一些你没接触过的小技巧。·深入理解·JavaScript原型和闭包系列：详解原型和闭包。看完之后，你会对原型和闭包有一个透彻的理解。·达摩老师的·JavaScript系列文章：达摩老师的·JavaScript系列文章。··JavaScript算法与数据结构：基于·JavaScript算法与数据结构，让你快乐学习。·JavaScript中的正则表达式：自己写的关于正则表达式的文章，希望对你有所帮助。·30分钟掌握ES6/ES2015核心内容（上）·30分钟掌握ES6/ES2015核心内容（下）：讲解ES6的一些常用知识点。·学习使用·JavaScript设计模式：详解·JavaScript编程语言中的经典和现代设计模式。·你所不知道的JS（系列丛书）·InterviewMap：汇集了大量知识点，包括JS、浏览器、性能等·30秒看懂·JavaScript代码片段：让你更好地理解一些有用的JS代码片段.TypeES6超集扩展，严格的数据类型，更好的维护，适合大型项目开发，有人说这是未来的发展趋势，你想知道吗？·中文手册：官网翻译。·TypeHandbook(Chineseversion)：中文版。·RxJS中文文档：中文官网。·30天精通RxJS（01）：知乎RxJS：繁体字读起来可能没那么流畅。Jquery文章虽然现在已经是单页应用时代，有React、Vue等强大的框架可以使用，但是也不乏一些需要维护的老项目，而且在刚开始学习的时候，你可以用它来做两个简单的应用或者是的，你可以对基本的用法有一个相对的了解，这样可以让你更好更方便的操作DOM。但是不推荐深度学习。·《锋利的jQuery(第2版)》：一本非常好的Jquery学习书籍。·jQueryAPI中文文档：JQuery中文教程。当你在Ajax章节中掌握了HTML、CSS、Java之后，这时候你可以尝试自己做一些项目，项目中肯定会有数据交互。这就是Ajax派上用场的地方。·廖雪峰AJAX：廖雪峰的博客知识。·对象：阮一峰老师对AJAX的详解。·JSONstyleguide：前后端交互的数据通常都是JSON格式，所以了解JSON很有必要。NodeJS和模块化NodeJs的出现，将前端开发带入了一个新的领域，也孕育了专业的Node工程师。不仅如此，Node在前端模块化和工程化中扮演着非常重要的角色，所以理解是必须的。如果觉得有兴趣的可以深入学习，发展成为全栈工程师。·JavaScript模块化编程（一）：如何编写模块·JavaScript模块化编程（二）：AMD规范·JavaScript模块化编程（三）：require.js的用法·前端模块化开发史：了解，前端模块化发展。·Node.js官方·狼叔：如何正确学习Node.js：狼叔江湖地位崇高，《更了不起的 Node.js》作者。·全栈工程师之路——Node.js框架随着用户需求的日益复杂和系统的复杂化，传统的开发模式越来越难以满足。更高效，可重用，专注于数据层的操作，省去那些繁琐重复的视图操作。现在框架的能力是前端开发者必备的技能和趋势之一。三个框架的“最终目的”是一样的。我觉得开发者不用纠结选择学哪一个，他们可以选择其中的两个。一个是最好的。对于刚入门的小伙伴，建议从Vue入手，比较简单灵活。MVC、MVP和MVVM示意图：在学习框架之前，你应该了解MVVM的设计思想。·框架原理：了解一些框架的基本原理。AngularAngular：Angular官方社区。·Angulardeveloper：由Angular中国布道者达摩琼秋先生维护的站点。·NG-ZORRO：AngularUI组件库，阿里巴巴出品。VueVue：官网，最好的学习资料。·我的Vue进阶之路：厚着脸皮贴出来，自己的一些学习总结，希望对你有所收获，哪怕是一点点。·使用vue全家桶制作博客网站·Element：一个高质量的VueUI组件库。饥饿的？由前端团队制作。你在Vue项目中的痛点问题及解决方案（更新）：做项目难免回坑，或许你可以在这里找到答案。对ReactReact了解不多，所以没什么好推荐的，大家可以自学。·React官网专门建立学习Q-q-u-n⑦⑧④-⑦⑧③-zero①②分享学习方法和需要注意的小细节，互相交流学习，持续更新最新教程和学习技巧（网页制作，网站开发，web开发，从0基础HTML+CSS+JavaScript一开始，jQuery、Ajax、node、angularframework等，一直到移动端HTML5项目实战【视频+工具+系统路线图】全栈工程师的学习路线和规划梳理和分享给朋友）：学习前端，我们是认真的
