如何自学前端开发

那那

作为一个做前端开发的程序员，想跟初学者分享下自己的经验。
一：关于学习方法，先说下我的建议吧

1.入门时可以先通过W3School，大概了解HTML+CSS语法；
2.从模仿某个网站的静态页面开始，然后边实践边学习。避免一直看理论知识的枯燥，并且网页的源码F12就可以直接看，方便自学；
3.然后W3SChool大概学习JS，再找些弹框了等简单效果优化优化前面自己写的静态页面上，之后可以Github上找原生JS的小实例练练；
4.系统性的犀牛书等经典书籍，将知识体系化；有经历也可以看点视频教程跟着练习；
5.后面就可以把HTML、css、js串起来写个博客了等小应用了，最后你自己就会好奇Vue和一些UI框架了，打开前端世界的大门。
二：学习资料

分享下我觉得写的最精炼易读，清晰明了且开源免费的学习资料
JavaScript资料：JavaScript 教程
ES6资料：ES6 教程
Git资料：Git 教程 | 菜鸟教程
三：分享个人学习经历

2014年我还在一个二本大学的软件学院读大二上学期。跟着班里同学参加了学校的一个校企。这个校企一边接一些小项目，一边招一些学生培养。
刚进去那时候还流行PHP，当时校企的技术老大是我的学长。学长让我看看w3school上面PHP部分，然后学MySQL。发现我天资愚笨，逻辑较差，可能不太适合做后端逻辑。于是教我做前端，我很相信他。
前端也是给我个W3school的网址，看两天html+css。有一天打开一个网页，让我用HTML+CSS把它写出来。当时迷迷糊糊还不知道JS是啥，就开始写静态页面，写完给他看。他告诉我那里跟人家不一样，接着改。写静态页面写了好久，我都心急学习别的了。
刚好团队接了学校心理素质中心开发官网的活，学长让我负责静态页面的开发。一个就不到10个静态页面吧，至今依然记得当时多开心，感觉自己竟然可以开始干项目了。写完后给他看，又改了好几版才通过。
2015年我开始自己看JS，干一些小活。比如官网给团队维护的网站加个悬浮框了，新增个弹框了啥的。当时觉得JS好难，好神奇。
2016年团队接了App的活，我负责Android端的开发。Android壳子里面嵌套的网页也是我开发的，这些网页也嵌套在IOS里。那时候我还做过一个微信企业号的前端，每次给我活我都开心的飞起来。也用CMS自己开发过整个网站
大部分网站还是用JQuery，前后端代码搅在一起。PHP插在html里，前后端分离的开发模式好像还很少，一个后端梭哈所有。当时好像VUE还是1.0，还没有脚手架，还只有少数人开始用MVVM的技术。我们学长是个愿意尝试新技术的人，他自己搭脚手架配环境，我们开始接触VUE。当时我出去郑州面试，还没啥公司认为前端是个单独的岗位。
2017年我毕业了，离开了校企。在上海帮当时入职的公司写官网，后端管理系统等。偶尔写个落地宣传页，弄个学生测评网页啥的。用的JQuery，跟领导关系也好，放养着我。为了练习VUE2.0和ElementUI，自己又看了NodeJS和mongodb，自己写了个博客孙权的博客。为了练习原生JS，写了个贪吃蛇。
2021年开始在郑州易宝软件做前端开发。目前业余时间会看看犀牛书，优化优化博客，可以帮我把知识系统性的串起来。
孙权的博客和贪吃蛇大家也可以拿来练手，源码在Github地址。
个人博客用的知识面非常广，但是具体到每项技术用的都不深，非常适合新手练习。提高趣味性的过程中扩宽知识面，对面试和自己的技术栈都有帮助。