很不错的前端学习资料汇总（马住马住）

当初我是被HTML和CSS骗进前端的坑，卧槽，前端这么简单有趣，后来才发现真是小的唐突了。前端真的没有想象的那么简单，不是说一定要达到啥高度。作为一个程序员，做到今天的自己比昨天牛逼一点就是胜利！

前端资料又多又杂，包括很多视频课程，博客开源项目，公众号，书籍还有大神的个人网站。在此记录一些自己用过的比较好的资料，和网上冲浪时其他大神的安利，常学常提升。

1. github开源项目

提升代码的途径还是多看好代码，多写好代码。github就相当于小时候的优秀作文集吧，提升写作水平要多去看看。

• javascript-algorithms & Data Structures（数据结构与算法）
  仓库地址：https://github.com/trekhleb/javascript-algorithms
  还有视频教程在此
• clean-code-javascript（JavaScript代码整洁之道）
  仓库地址：https://github.com/ryanmcdermott/clean-code-javascript
• 30 seconds of code(开发时常用的简短代码)
  仓库地址：https://github.com/30-seconds/30-seconds-of-code

2. 优秀博主

• 技术胖：老程序员了，有B站视频，有公众号，还有个人网站。不仅有前端技术的教授，还有工作经验生活体悟的分享，很8错
• ssh：字节前端工程师，分享了很多前端的技术书籍和知识，适合学完三大件以及框架之后的前端进阶。仓库指路https://github.com/sl1673495
• Wenli zhang：小姐姐的github主页地址https://github.com/Ovilia，也拥有个人网站，上面有许多好玩的项目，很有趣。用前端搭建一下自己设计的喜欢的项目，是我爱上前端的初衷了。
• https://github.com/imsobear/blog/issues/38
• 张鑫旭的blog
  博主认为很多前端工程师只是前端使用工程师。使用react和vue等框架只是像操纵美图秀秀和Photoshop一样。针对这点，他对前端的职业发展提出了以下建议。

我的建议一向都是两条路走。
一方面借助框架和工具的力量更高效地完成业务开发需求；另一方面意识到框架和工具并不是自己的竞争力所在，要在工作之余不断学习HTML/CSS/JS语言层的知识，学习前端体验、前端安全、前端工程这样的广度知识，深入框架或者工具的内部，站在巨人的肩膀上，看看他们有哪些值得借鉴的地方，努力朝一个创造者发展，而不是满足于使用者。
以及，随着你的专业技术越来越扎实，你会发现个人的专业成长和业务开发是相辅相成的，也就是随着个人的专业能力的提高，框架和工具的使用也会更加得心应手，甚至开始为产品和项目量身定制更加合适的工具与组件。
立于当下，面向未来。居安思危，学习不止。
这样，随着时间推移，你的工作经验和年限就会成为你竞争的资本，无论是收入还是职级就会越走越高，因为你能做芸芸前端做不了的事情。而不会像那些身陷框架陷阱的前端开发那样，工作经验和年限反而成为了自己换工作的的制约因素。

3. 公众号

• 公子龙：一个信息入口，分享了很多程序员相关的工作生活知识。也会推荐一些别的有价值的号。
• labuladong:刷力扣必备，不知道如何刷起，不知道刷题规律，都可以去labuladong看看。博主最近出书了，也可以系统学习下
• 魔术师卡颂：想学或者进阶react就关注他！
• 其他大厂前端公众号：淘系前端团队、腾讯IMWeb前端团队

先写这些，光马住也没啥用，一个一个敲出来的代码才是自己的。去探索学习吧！