如何去学web前端（非常详细）从零基础到精通，收藏这篇就够了！-CSDN博客

本文链接：https://blog.csdn.net/Libra1313/article/details/147767235

都说干一行爱一行，可干一行怨一行才是常态。想入行前端？哥们儿我先给你泼盆冷水，让你清醒清醒！别急着跟我谈理想，先摸清这行的底细，不然到时候哭都来不及。

（知己知彼，方能百战不殆）

啥叫"入一行，要先知一行"？说白了，就是别稀里糊涂地就往里冲。前端这行，看似光鲜，实则苦逼。先看看你得干些啥：

页面仔？那是入门！ 别以为会写几个HTML标签就了不起。HTML、CSS是基础，HTML5+CSS3是标配。基础不牢，地动山摇！
用户体验？那是你该死磕的！ 前端的核心价值是啥？是让用户爽！怎么让用户爽？靠JavaScript！别跟我说你只会用alert()，那玩意儿早过时了！
JavaScript？坑多水深！ JS这玩意儿，灵活是灵活，但坑也多。不同浏览器，不同版本，各种兼容性问题能让你怀疑人生。
jQuery？救急不救穷！ 别指望jQuery能解决所有问题。它只是个工具，用多了会让你变懒。
UI设计？略懂就行！ 别指望前端能代替UI设计师。会切图、改颜色就够了，别把自己逼成全栈！
后端知识？必须了解！ 前端不是孤岛，要和后端打交道。不懂服务器、不懂后端语言，迟早要吃亏。

总而言之，前端工程师就是个杂家！ 上要懂设计，下要懂后端，中间还要精通HTML、CSS、JavaScript。没点十八般武艺，还真Hold不住！

😄，是不是有点吓尿了？别怕，谁不是从菜鸟过来的？只要你有兴趣，肯下功夫，这些都不是事儿！

（认清方向，少走弯路）

前端这行，细分领域多得能让你眼花缭乱。就跟武侠小说里的门派一样，各有各的绝活。

前端知识体系庞大，想搞清楚所有门派的底细，没个一年半载是不可能的。后面我会专门写篇文章，详细扒一扒前端江湖的那些事儿。

好累，赶紧上点干货补补血！

（掌握方法，事半功倍）

01. HTML + CSS：

02. JavaScript：

下面是书单时间，准备好了吗？

以下是我结合自身经验和各路大神推荐整理的书籍，希望能帮到你：

【JavaScript】

《JavaScript DOM编程艺术》：

★★★★★

入门神书！用一个幻灯片案例，让你轻松掌握JS的基本用法。读完这本书，你会爱上前端的！
* 《JavaScript高级程序设计》：

★★★★

又名红宝书，内容全面，讲解细致。建议搭配犀牛书一起食用，效果更佳。
* 《JavaScript权威指南》：

★★★★★

又名犀牛书，前端界的圣经！当字典用，查漏补缺，居家旅行必备！
* 《JavaScript语言精粹》：

★★★★★

老道出品，必属精品！适合进阶阅读，能让你对JS的理解更上一层楼。

【CSS】

《Head First HTML&CSS》：

★★★

入门好帮手，能让你对HTML和CSS有个大概的了解。
* 《CSS权威指南(第三版)》：

★★★★

最权威的CSS书籍，W3C文档之外的不二之选。
* 《图解CSS3：核心技术与案例实践》：

★★★

讲解CSS3的新特性，让你紧跟时代潮流。
* 《CSS禅意花园》：

★★★★

这本书能让你对CSS的理解达到一个新的高度。