Web前端难学？那是你没找对方法！别急着啃书，先让我这老鸟给你指条明路，保证你入坑之后，想不学都难！ 咳咳，按照我的习惯，在你们一头扎进这潭深水之前，得先摸清情况，省得将来后悔。

1. 网络安全前端攻城狮的“那些事儿”（搞清楚，别稀里糊涂的）
2. 前端攻城狮的“门派之争”（别站错队，站对了，事半功倍！）
3. 前端攻城狮的“葵花宝典”（干货，绝对干货，错过后悔！）

网络安全前端攻城狮的“那些事儿”

（必须搞清楚！）

入行前不摸清门道？等着被坑吧！ 无论哪个门派，以下这些“脏活累活”你都得会。

首先，你得是个合格的“页面仔”，这词儿虽然糙，但理儿不糙。

没有HTML，一切都是空谈！你的HTML、CSS（包括HTML5+CSS3）要是稀烂，那就别想着啥高并发、高可用了，先把地基打牢再说！就算你JS玩得飞起，但页面都搞不定，一样白搭。

其次，前端的核心价值是用户体验，说白了就是让用户用着爽！

那怎么提升用户体验？当然得靠我们JS大神了！毕竟，它就是为浏览器而生的。

但是！JS这玩意儿，说白了就是个“墙头草”，在不同的浏览器里，表现都不一样！今天你写的代码，明天可能就跑不起来了！而且JS的属性，那叫一个多！学都学不完！

所以，就有了Jquery这种“救世主”！它简单、好用、兼容性好，一下子就火遍全球！想入门？Jquery你是绕不开的！用它那简单的语法，你就能快速实现各种效果，成就感爆棚！

再往后，既然是视觉和用户体验，那UI设计你也得懂点。PS的基本操作、切图、颜色值、屏幕适配...这些技能，平时可能用不着，但关键时刻，能救你一命！

最后，服务器知识+后端语言基础！这个话题就有点深奥了，咱们后面慢慢聊。

总而言之，前端攻城狮也是程序员！只不过，我们是连接后端程序和UI设计师的桥梁。要懂的东西很多，小到页面布局，大到工程架构，都要有所涉猎。

看到这一大堆技能，是不是有点懵？别怕！这些东西就像小孩子学走路、学说话，只要你有兴趣，有人带路，自然就能学会。至于设计素养...反正你又不是UI，有最好，没有也无所谓啦！

前端攻城狮的“门派之争”

（简单了解，水太深，别轻易下水！）

前端的工种和业务，那是五花八门！为了方便大家理解，我把它比作武林中的各个门派，让这庞大的知识体系变得有趣一些，不然直接甩给你一张知识图谱，保证你当场晕倒！

这里先简单介绍几个常见的门派：

• 【少林派】：啥都会，啥都精通 - web网站开发
• 【武当派】：以柔克刚，四两拨千斤 - 移动APP开发
• 【峨嵋派】：颜值担当，倾国倾城 - canvas 数据可视化
• 【华山派】：剑走偏锋，一招制敌 - nodejs开发
• 【逍遥派】：自由自在，浪迹天涯 - HTML5游戏

前端的知识体系，实在是太庞大了！这绝对是个大坑！三言两语说不清楚，后面我会专门写文章来详细讲解。

好累，赶紧看干货！

前端攻城狮的“葵花宝典”

（干货！绝对干货！错过捶胸顿足！）

01 HTML + CSS

这部分建议在 w3school 在线教程 上学习，边学边练，每个属性后还有在线测试。 然后过一遍之后可以模仿一些网站做些页面。记住这个一定要多练 多练 多练 ，最重要的事儿 还得我说三遍？

02 JavaScript

要学的内容实在太多了！要是你没学过其他编程语言，那可得费点劲儿了。还是建议先在 w3school上学习一些基本语法 和定义。

然后你必须要看书，然后实践！（总有人问我有没有捷径，我只能说：要有捷径，我还在这儿苦逼的写文章吗？）

耐得住寂寞，才能拿高薪！

喜欢看视频的同学，可以去 慕课网 搜搜，里面的基础课程讲得还不错。跟着敲一遍代码，确实能避免看书的枯燥。

下面高能预警，一大波书要来袭！

以下内容，都是我多年经验的总结，还有网上各路大神整理的资料，能帮助新人更好的入坑！

前端书籍必读、必买！（个人认为）

★越多，推荐等级越高，跟难度没关系！最好按我给的顺序入门，不然你会觉得枯燥，想放弃！要是先推荐那些经典的大部头，保证你直接放弃！

01 【JavaScript】

先说 `JavaScript`,因为前面说了，css最好跟着视频练习，毕竟都是可视化的，像做艺术。

《JavaScript DOM编程艺术》

★★★★★

最好的JS入门书！能让你一口气读完的那种！

它通过一个 幻灯片 案例，从头到尾教你实现出来。效果实现的同时，JS的基本属性，你也就能背下来了！成就感满满！ （我个人很喜欢这种风格的书，它让我彻底爱上了前端js！）

它能让你一目了然地学会如何用JS操作DOM（这是浏览器端编程的基本功），还教你最符合标准的编程理念。可惜有点老，最新一版是2010年的。不过不影响阅读和实现，全部按照最新ES5属性就行了。

《JavaScript高级程序设计》

★★★★

又称红宝书，（我喜欢叫 望眼镜）

雅虎首席前端架构师，YUI的作者Zakas出品。虽然书名带了“高级”二字，但是讲得都很基础的属性内容，事无巨细。关键一点是翻译的也很到位，并不是如嚼蜡一般，这很重要。看此书，我建议配着下面的犀牛书一起 看效果更佳。

《JavaScript权威指南》

★★★★★

著名的淘宝前端团队翻译的，看译者列表都是一堆前期大神。

这本书又叫犀牛书，被国人誉为：javascript开发者的圣经。网上对此书评价很多很好，大概意思是说这本书是一本JavaScript文档手册，更适合当作字典和备忘录查询来使用。

我也是对这本书有很厚的感情和依赖（忘了属性就拿来翻翻，总有收获），个人感觉这本书还是写得枯燥了些，毕竟是工具性质，不适合当作第一本入门来看，不过内容绝对是五颗星，无可挑剔！神书

《JavaScript语言精粹》

★★★★★

作者是大名鼎鼎的 【老道】，我的JS 偶像，我github第一个关注的就是这个大胡子叔叔。他是 JSON格式的发明和维护者，也有很多著作和对JS 这门语言的超多贡献，可见此人功力绝对顶级！

这本书，属于稍微入门以后看的，了解了一些中高级概念 比如：闭包、原型链、作用域链、继承封装等以后，看此书有如神助，看一页相当于犀牛书几十页的讲解（不吹牛逼，当时我是这感觉的）

02 【CSS】

【CSS】类， 如果视频看完了，练习的熟练了，你还需要一些书的推荐和查询，也是有必要的，我再来给你罗列几本经典的收藏书，买不买均可的。。

《Head first HTML&CSS》

★★★

好的入门书。看两遍就对HTML & CSS 有个大概印象了。

此时把w3cschool作为备查手册收藏起来，结合此书，事半功倍，成就感爆棚。

《CSS权威指南(第三版)》

★★★★

最权威的CSS书籍，除了阅读W3C的文档外的不二选择（就是翻译太操蛋，可能有的词你以为是火星语，不过不影响阅读）。有时间可以反复看，有css3内容，并当做字典随时查。类似犀牛书。

《图解CSS3：核心技术与案例实践》

★★★

这本书讲解的是最新的CSS3（前几本书停留在CSS2.1时代，2.1是基础），CSS3也是必学的，不然真的跟不上时代了。

《CSS禅意花园》

★★★★

这本书很值得期待，我看过PDF版本的，那时候还没翻译出来，翻译的也一般，不过作者是巨牛逼的，听说对css理解的就像自己的左右手，光靠写CSS 他年薪就轻松百万了。。汗颜！思路清晰，图文并茂，还解决一些疑难杂症和高级技巧，类似于JS的语言精粹了，大神级别。

好了，差不多就推荐到这里，CSS这基本是基于情怀，罗列一下，买不买都没必要，想当年我学CSS 是挨着几个仅有的视频，一个属性一个属性的练习，还有IE6 各种兼容问题，虐到爆，那酸爽（现在你们是性福的，基本不用兼容IE6 这个老东西了，）。

真正起到决定作用的，还是JS语言的掌握和实践，JS能力越强 基础越稳固，你的前端能力就会越好， 自然薪资越高，所以现实点说大家，大家一起努力吧，让money 都到碗里来!
```

黑客/网络安全学习包

资料目录

1. 成长路线图&学习规划

2. 配套视频教程

3. SRC&黑客文籍

4. 护网行动资料

5. 黑客必读书单

6. 面试题合集

因篇幅有限，仅展示部分资料，需要点击下方链接即可前往获取

*************************************CSDN大礼包：《黑客&网络安全入门&进阶学习资源包》免费分享*************************************

1.成长路线图&学习规划

要学习一门新的技术，作为新手一定要先学习成长路线图，方向不对，努力白费。

对于从来没有接触过网络安全的同学，我们帮你准备了详细的学习成长路线图&学习规划。可以说是最科学最系统的学习路线，大家跟着这个大的方向学习准没问题。

因篇幅有限，仅展示部分资料，需要点击下方链接即可前往获取

*************************************CSDN大礼包：《黑客&网络安全入门&进阶学习资源包》免费分享*************************************

2.视频教程

很多朋友都不喜欢晦涩的文字，我也为大家准备了视频教程，其中一共有21个章节，每个章节都是当前板块的精华浓缩。

因篇幅有限，仅展示部分资料，需要点击下方链接即可前往获取

*************************************CSDN大礼包：《黑客&网络安全入门&进阶学习资源包》免费分享*************************************

3.SRC&黑客文籍

大家最喜欢也是最关心的SRC技术文籍&黑客技术也有收录

SRC技术文籍：

黑客资料由于是敏感资源，这里不能直接展示哦！

4.护网行动资料

其中关于HW护网行动，也准备了对应的资料，这些内容可相当于比赛的金手指！

5.黑客必读书单

**

**

6.面试题合集

当你自学到这里，你就要开始思考找工作的事情了，而工作绕不开的就是真题和面试题。

更多内容为防止和谐，可以扫描获取~

因篇幅有限，仅展示部分资料，需要点击下方链接即可前往获取

*************************************CSDN大礼包：《黑客&网络安全入门&进阶学习资源包》免费分享*********************************