近几年Web前端框架层出不穷，好比 React， Vue， AngulaJS等吸引了大量的注意力，前端技术发展势头迅猛，各大互联网公司也越来越重视前端开发，前端开发再也不是过去那种根据设计图做静态网页，再随便写点jQuery的职位了。现在，市场上对于前端开发的需求越来越大，我们经常听说前端开发入门难度低，但学习前端开发究竟需要多长时间呢?学多长时间就能找到工作赚到钱?结合了周边同事和自身的经验来谈谈学习网页开发到底需要花多长时间。

Note：必然要下定决心，而且要坚持。

1. 网页设计的基本概念和理论知识(10天)

在学习制作网页之前，必需掌握网页设计的基本概念和理论知识。什么是静态网页?什么是动态网页?网页的整体布局是什么?网页设计的原则是什么?网页基本构成要素是哪些?基础的网页设计概念都不了解，那么对于之后要制作网页更是难上加难。我认为利用 10 天时间了解网页设计的基本概念和理论是必不成少的，时代在不停变革，网页设计也会更新换代。所以了解基础知识是为了之后设计制作打好基础。当然，还需要了解基础的SEO知识。网上的视频教程个人建议还是少看，一本好的书绝对让你受益匪浅。保举几本好书供大家学习：

1. HTML AND CSS： DESIGN AND BUILD WEBSITES， BY JON DUCKETT

2. JAVASCRIPT AND JQUERY： INTERACTIVE FRONT-END WEB DEVELOPMENT， BY JON DUCKETT

3. LEARNING WEB DESIGN： A BEGINNER’S GUIDE TO HTML， CSS， JAVASCRIPT， AND WEB GRAPHICS， BY JENNIFER NIEDERST ROBBINS

4.DON’T MAKE ME THINK， REVISITED： A COMMON SENSE APPROACH TO WEB USABILITY， BY STEVE KRUG

2. CSS+HTML+JavaScript( 1 个月)

相对来说， HTML是最简单的，只是标签语言， 格式规范; CSS相对来说复杂一些， 有浏览器的兼容问题等。但二者组合就能实现很多页面效果， 里面涉及的变革太多了。如果你只会基础语法， 而没有实际去写过， 那样是很难真正掌握的。我在这里说说我的经验吧，我一开始学习的Bootstrap，简单点说，就是给现有电商项目套上Bootstrap做的响应式皮肤。Bootstrap确实挺好上手，靠着官网的手册，基本上遇到的问题都能本身解决。

JavaScript 也没有那么难，你要知道Brendan Eich创建JavaScript语言一共就用了 10 天时间，所以它的语法并不复杂，相信你很快就能掌握基本语法。你可能还需要学习一些常见的库的API，这个可以按照你的需求来摆设，你要用到什么库，就学习它的文档。

我觉得最好的网页开发学习资料就是 Mozilla Developer Network(https://developer.mozilla.org)的文档了，涵盖了HTML， CSS， JavaScript的方方面面，岂论是初学还是老手查阅都是非常有用的，保举给大家。

3. 开始制作网站(1个月)

了解了基本的知识，做了一些小练习之后，我认为最重要的是尽早参与实际项目，这样才能得到真正的熬炼。使用 Jekyll + GitHub Pages 为本身搭建一个静态博客是一个很好的开始，只需要简单的配置，不需要任何后台开发，几乎完全是前端开发。

建站的时间取决你本身对网站完成的满意度，如果参考模板， 那么几个小时内就可以搞定了;如果是要独立开发一个新的网站又要内容全面好看，1个月是跑不掉的，甚至需要更长时间。

4. 工具软件学习(半个月)

工具的掌握程度完全靠个人的领悟能力和学习，网上有很多关于以下这些工具的教学视频，跟着学会事半功倍的。需要学习的基本软件：

编纂器：Sublime Text

初学者我不建议立即使用强大的 IDE，先使用编纂器有利于学习。Sublime Text 是一款我个人非常喜欢的编纂器，界面优雅，操作流畅，自动支持语法高亮，还有丰富的插件，你也可以试试。

设计出图、切片：Photoshop

Adobe Photoshop，简称“PS”，是由Adobe开发和发行的图像处理软件，Photoshop主要处理以像素所构成的数字图像，使用其众多的编修与绘图工具，可以有效地进行图片编纂工作，PS有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。Photoshop非常专业，也稍显复杂，是专业的平面图片设计人员必需掌握的一款工具。作为前端开发，你需要跟设计师紧密配合，学习一些 PS 知识会对你之后的开发更有帮手。

原型设计：Mockplus(时间成本最低)

相关文章： 网站优化中你不知道的那些隐性优化  做广告联盟赚钱的网站最常用的七个推广方式！  搜狗联盟广告价钱点击一次超7元？对，你没有眼花！  微信营销应该怎么做，有哪些需要注意的？  2020年最新引流方法利用微信小程序引流变现！  3个快速引流赚钱的技巧，轻松日赚300500！  如何利用百度联盟让网站实现流量变现赚广告费？  抖音引流七大招，快速引爆流量！  抖音怎么引流？抖音引流的四个最快方法！  做好软文引流推广的5个核心技巧，你知道几个？  利用图片变现的网赚项目操作思路分享!  2021年做网站排名的五点注意事项  网站上挂的广告联盟平台上的联盟广告不赚钱怎么办？  常见的五种网络兼职赚钱骗局套路，一定要小心！  日付广告联盟真的赚钱吗，日付广告联盟是如何赚钱的？  你忙着清理僵尸粉的时候，别人在忙着利用你赚钱！  提升网站排名和流量的22个网站外链的建设方法汇总！  如何在短期内快速提高网站的百度关键词排名？  app排名上不去？最新安卓应用市场app排名算法规则分享！  想通过网络营销获客该怎么做？  如何做走路赚钱型APP推广赚钱？  如何做好网络营销？14种常见的网络营销形式介绍！  流量多但是没收益？教你如何提高广告推广的转化率！  提升产品转化率的4个小技巧！  另类赚钱方法之酷开社区资源分享引流赚钱！  如何判断一个广告联盟靠不靠谱？主要看这三点！  新手如何加入淘客联盟以及怎么赚取淘客联盟佣金？  介绍一个真实靠谱有简单的一天挣300500元的方法！  没本钱怎么在手机一天赚500？这几个正规靠谱的暴力项目你必须要了解一下！  【联盟基础】怎么利用一键系统重装U盘进行推广赚钱？  有什么靠谱的有收益还不错的在家赚钱副业吗？推荐这五个！  网赚游戏未来将进入3.0时代，想要赚钱的抓紧了！  国外广告联盟怎么做？主要通过这5类项目赚美金！  推广游戏类赚钱项目操作思路分享！  |直播|app赚钱是真的吗？怎么通过|直播|app赚钱？  新手必看的广告联盟赚钱玩法介绍  cpc广告和cpm广告是什么意思？应该怎么做？  互联网营销该怎么做？主流的互联网营销方式有哪些？  2021年最新贴吧引流技巧分享，快速吸粉获客必看！  app推广过程中最常见的10个微信营销方法，你会吗？  做好这6个手机赚钱项目，你就是下一个小富豪！  资深站长总结的快速提升网站排名的5个小技巧分享  谷歌广告联盟赚钱是真的吗？怎么赚钱？  网络广告投放推广的11个计费方式  2021年4个下班后在家就能做的网上赚钱副业，赶紧行动起来！  分享10个很火的淘客联盟赚钱渠道，副业搞起来！  app地推过程中需要注意的一些推广技巧以及常见问题！  在微信公众号上投放cpc广告需要注意的几点问题，否则赔了夫人又折兵！  网站关键词排名不稳定怎么办？注意这五点！  如何通过闲鱼赚钱？闲鱼卖货赚钱的三个技巧！