自学的前段，我的经历，也不算大牛，但是希望能给准备入手前端的同_前端吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：54,722贴子：
自学的前段，我的经历，也不算大牛，但是希望能给准备入手前端的同收藏
无锡前端开发就选NIIT,4-5个月培训,入职500强公司,学习期间零学费,先就业后付款,入职年薪6-15万!免费推荐就业!欢迎在线咨询申请免费7天试学.
又到了一年毕业季，这几天路过一些大学总能看见穿着帅气（/笑cry）学士服摆着各种骚气姿势的同学在拍照，真是羡慕，最放肆的年纪，但是这也许对于一些同学是黑暗前的光明，可能大多数同学都要面临就业问题了，尤其是在这个最难就业季不断刷新的年代，回想当年，这个问题也深深的折磨了我一段时间，那种酸爽不亚于分手，不过好在时间不长我挺过来了。下面就以一个也算是过来人来讲讲我是怎么挺过来的，从而走上一个自我感觉还算幸福的道路，我是个做打算的还算比较早的人，大三下的时候我就开始琢磨就业问题，因为大四几乎没有啥课了，大三下期末结束我就开始了我的就业求职之路，当时也是和现在的好多同学一样迷茫，各种智联招聘、前程无忧、拉勾、赶集海投简历，尼玛，投的我都麻木了，值得欣慰的是，由于在大学混的还能看，有东西能拿出来吹，所以收到的回复也不少，但是，但是，但是，我擦擦，当我开始选择一些去面试的时候，出现的情况让我哭笑不得，大体三种：1.要工作经验，那你让我来干嘛；2.工资少的连吃土都不够，这个情况我服，毕竟屁都不懂；3.最想骂街的：某内等一些培训机构先不说它们教学水平，以招聘为名来忽悠你报班，日了狗了，别查我水表啊！回来后，我又陷入了迷茫。
后来，我就在想，我以后要干啥，不能这样没有个方向啊，后来也是郁闷了n天，考虑到专业本身（电子信息专业）以及现在正火的互联网行业赚钱，就想着在这方面发展，但是自己没技术又能干什么？写代码就知道点皮毛，ps技术不咋地，money又没几个，妈蛋，真难啊。说到这里，下面正文来了（/笑cry）！后来有一次狂找学长学姐取经中听说一个学长在做前端，月薪8000！尼玛，他当时在学校挂了十几门课，连学位证都没了，当时给我一个很大刺激，我当时就决定：学前端！因为会一丢丢，对这个也有点点了解，怎么开头呢？我打听了一下培训班，四个月速成，尼玛居然要一万六千八，呵呵哒，课程设置倒是还行，0基础到精通，一步到位，可惜啊，哥是穷人，我就断了培训班的路，回去准备开始自学了。开始，我在网上到处收刮学习前端的资料，什么“我要自学网”“10分钟前端”等等，都看了，但是感觉没太大作用，我后来买了一些书，但是看完了还是一知半解。正当我准备放弃的时候，又一个给我莫大帮助的学长出现了，他给我了一个连接，是卖前端视频教程的，当时讲的是380元全套前端教程，咬咬牙，下决心，准备吃几天土，买了，然后把视频下载下来，结果吓了一跳，居然真的是别人花一万六七八报班的某内的视频，喜从天降，我马上开始学了起来，说句题外话，自学前端这东西主要还看你的自制力，这些视频最大的好处是能让你少走弯路，没有基础的同学也可以，它是从零开始讲的，教程看着还行，老师讲的也到是细。再又学了一段时间后，找到了一个前端的工作，公司不大，试用5000， 3个月转正的时候谈到了6000多。不多，但是对于还没毕业的我来说，很知足了，学长说，等你有了一年工作经验，跳槽就是七八千，呵呵哒！终于，就这样，我的这道坎过去了，现在跳近了一个还行的公司，就那三个巨头里一个事业群，我就不细说了，我经常想，我如果没有那几个学长的指点，没有在自学的时候看看这些视频啥的，我不知道我还要自学多久，还要多走多少弯路，后来我想，我为什么不八这些好资源放出来呢？我卖的便宜点回本就行，他卖380的我卖16块8，让更多人学到前端，让更多和我有同样迷茫经历的人少走弯路，我就不放链接了，淘宝搜索店铺“龙哥面馆”就可以（搜店铺） ，后来我又买了不少UI、前端、H5、摄影等的教程，也都卖一个煎饼果子的价钱，期望我的这些能对各位走在自学道路上的同学有所帮助，能让大家少走一些不必要的弯路，我也积点德收点小利。 一路走来，还是那句话，青春你不对自己狠一点，老了拿什么给孙子吹牛逼？兄弟们，好好干吧！
登录百度帐号推荐应用推荐这篇日记的豆列
&&&&&&&&&&&&作者：秦墨鱼链接：/question//answer/来源：知乎著作权归作者所有，转载请联系作者获得授权。
学过的东西杂而不精，算不得大牛。带过前端团队，也算是有几年前端负责人的经验。随着这几年前端node.js,react,Angularjs等技术新起，越来越多从之前单纯的前端开发到前端全栈开发，技术之多，之有趣，前端实在是繁华得很。但是目前大多数情况下的前端开发，主要还是在web开发上，所使用的技术无非就是html,css,javascript。所以我觉得这个基础是很有必要的，把html,css,javascript学精通，已经是小神级别（我就很羡慕那些可以写一手好看的js的前端工程师）。进入下一个阶段，优化！不管是前端，后端，任何一个技术方向，都实现功能，好的代码结构，接下来就是优化。你需要开始考虑页面的加载速度，代码压缩，图片压缩，dom节点的加载顺序，你会发现进入了新的境地。作为前端负责人：1 前端开发的能力2 技术选型3 管理团队4 前端团队文化塑造本回答只从技术角度阐述。前端开发的能力，把html,css,javascript学好，你已经没有问题啦。技术的选型，这对负责人的前端技术视野，甚至后端技术也有要求，还需要考虑团队的整体技术能力。转一个资源汇总，对技术视野或有帮助（转自&&侵权删）-----------&&&&&&&&&&&&&&&&&&&&&&&&感谢知友，有好的前端内容告知我一下，列表持续更新
六. API:1. 总目录
&综合Bug集合网站
&英文综合API网站
3. Ecmascript
4. Js template
7. Angularjs
9. 移动端API
10. avalon
11. Requriejs
13. Less,sass
14. Markdown
&国外的在线markdown可编辑成书
&一款国内的在线markdown编辑器
&国外的在线markdown编辑器，功能强大，同步云盘
&一款轻量级的markdown编辑器
16. 兼容性
17. UI相关
19. 其它API
20. 图表类
七. 开发规范
八. 其它收集1. 各大公司开源项目
&即时修改，即时保存，设计稿较正，其它开发辅助工具
&H5动画交互页开发的工具介绍
&H5动画交互页开发的工具
2. Javascript
6. Ext, EasyUI, J-UI 及其它各种UI方案
7. 页面 社会化 分享功能
8. 富文本编辑器
Date library
10. 综合效果搜索平台
11. 前端工程化
12. 轮播图
13. 文件上传
14. 模拟select
15. 取色插件
16. 城市联动
17. 剪贴板
18. 简繁转换
19. 表格 Grid
20. 在线演示
21. 播放器
22. 粒子动画
九. Nodejs
十. 性能优化
十一. 前端架构
十二. 个人作品1. 推荐作品
2. 群员作品
3. 国外大牛精品
十三. 简历模板
十四. 面试题
十五. iconfont
&感谢初级群　[深圳-小鱼] 的推荐
十六. 开发工具类
前端开发工具
Chrome, Firebug, Filddle 调试
移动,微信调试
iOS Simulator
生成二维码
浏览器同步
在线PPT制作
十七. 前端导航网站
十八. 常用CDN
十九. Git,SVN,Github
阅读(...) 评论()标签：至少1个，最多5个
前段时间逛知乎，发现这个问题，下面有一个回答，很全面的概括了前端所要学习的知识：
一步一步来。
CSS不能编程？用Less、Sass、Stylus、甚至直接用
Absurd，框架除了Bootstrap还有很多。JS写多了很麻烦？jQuery。移动开发？Zepto.js。结构不好？找框架，Backbone.js是MVC，AngularJS和Ember.js是MVVM，Twitter还弄了个事件驱动框架Flight。库多了要优化加载？RequireJS。
代码质量成问题？Jasmine、QUnit、Mocha做单元测试。各种浏览器都要测？用Karma。测试通过了部署还有问题？持续集成，用Travis
CI。用户行为也要测？用Selenium 。样式测试还有 Viff 。觉得JS都够麻烦的？用CoffeeScript。
想做动画？Canvas或SVG还有CSS3帮忙，干掉Flash。SVG太难画？用Snap.svg。想开发游戏？用Canvas。自己写FPS太低？用框架，CreateJS.。2D太幼稚？three.js帮你用WebGL开发3D，还不够给力？asm.js让你在浏览器中拥有虚幻3引擎。
这一堆东西都要配置部署，麻烦，用Grunt，库太多？用Bower管理，项目开始要创建各种文件文件夹？用Yeoman。开源项目太多了，GitHub.上找，不会？学Git。顺便用Jekyll托管博客，不是吧还有Ruby这玩意...SASS也是Ruby写的，等等Sublime
Text是Python写的，要写插件？也学一下。调试太难？用Chrome开发者工具，一堆API和功能。
光在电脑浏览器上跑不给力？移动开发HTML5，离开网络就渣了？HTML5离线应用。不如原生应用？用PhoneGap。想调用原生API？开发Firefox
OS应用吧。浏览器应用也得会吧，Chrome
Firefox都有自己的文档。接着是不是把后端甩了，自己来，装Node.js，所以还得学点服务器知识，想用npm管理node包？linux技巧shell神马的也得学。想前后端通吃？再看看http协议。Web精通了？node-webkit
让你可以写桌面程序了，继续学吧。
想学模块化开发？看看CommonJS和AMD规范。理解JS有偏差？看看ECMA-262，等等不知道什么时候第6版就要出了。浏览器各不相同，弄不清该怎么兼容？看看W3C标准，HTML写出来人看的懂，机器读不懂？要SEO，要支持残障人士？看HTML语义化，全会了但IE就是不支持？叫不出名字的浏览器尼玛连JS都不知道是啥？渐进增强。想一次把各种设备全搞定？响应式设计。
然后上面这些不过是一些讨巧的小技术。公司做什么业务的？了解一下行业信息。面向大众的产品？交互设计。美工不给力？UI设计。外包和咨询？设计模式、重构方法、算法、数据结构。知道软件工程吗？了解一下敏捷开发，或许还可以试试TDD、ATDD、BDD。
好多技术，自己都有去了解，玩下，就是还没有一个好的机会是实践下。
原问题链接：
2 收藏&&|&&35
你可能感兴趣的文章
18 收藏，1.6k
我去，这得学多久
我去，这得学多久
进一步有进一步的欢喜。慢慢学咯。
进一步有进一步的欢喜。慢慢学咯。
真会玩，不如分享出来，大家看看？
真会玩，不如分享出来，大家看看？
好歹知道了方向，满满搞喽。
好歹知道了方向，满满搞喽。
牛概括，基本都涉及了，最后点题。
牛概括，基本都涉及了，最后点题。
分享到微博？
技术专栏，帮你记录编程中的点滴，提升你对技术的理解收藏感兴趣的文章，丰富自己的知识库
明天提醒我
我要该，理由是：