学习网页开发需要多长时间就能找到工作

近几年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(时间成本最低)

相关文章： 福建百度推广返点一般是多少？解析营销背后的策略,辽宁pc网站建设价格  优化入口：提升网站流量与转化率的秘密武器,海外营销推广电话  SEO场景下的数字营销：如何通过精准优化提升网站流量,电器公司营销短信推广  全网采集：让数据为您服务，助力决策的强大引擎,扬州网站推广价格  app推广运营人员必须要知道的10个app推广方法和渠道！  为什么选择老域名注册，打造品牌价值的秘密武器,推广亲子鉴定网站  SEO策划：让你的网站迅速脱颖而出的秘诀,计算机网站推广怎么做的  云推SEO：让您的网站在激烈竞争中脱颖而出,大庆网站推广  广告模式有什么好处？广告计费的方式是什么？  社交app评测！年末脱单就靠这4款社交app了！  盘点我们曾经用过的广告联盟推广方式，哪几种你还在用？  新手不知道如何引流？教你几招精准吸粉！  互联网营销该怎么做？主流的互联网营销方式有哪些？  从零到一：网站历史的演变与未来趋势,广州seo软件佳好乐云seo专家  日付广告联盟怎么样，怎么在上面赚钱？  广告结合抖音项目助你轻轻松松赚大钱！  新手在信息流广告投放过程中最常见的7个问题及解决思路！  在qq群里怎么推广cap联盟上面的广告产品？  SEO自己：打造属于你的数字营销利器,茂名网站建设路  “更加通顺”-让生活与工作无缝衔接的语言魅力,海南推广网站技巧  出售广告联盟账号还可以赚钱？这种冷门赚钱方法你肯定不知道！  小红书推广引流没效果？注意这几个小红书引流推广的关键思路！  优采云：推动企业采购智能化的行业革新者,宁波快速网站建设  SEO分类：从基础到进阶，全面解析SEO优化的关键要素,宁波seo行业价格表  SEO监控：精准把握网站排名与优化成效的利器,seo价格低  SEO师：如何在数字时代为企业赢得流量与销量,仁怀网站优化推广公司  一键创作，助你轻松实现创意梦想,美国小众网站推广  你知道吗？苹果SEO让你的品牌在苹果设备中脱颖而出,广州水果品牌营销推广  9个简单有效的微信引流方法，天天涨粉1000+你也可以！  点击广告赚钱是真实的吗？是不是骗局？  SEO韩国：为您开启国际市场的增长之门,浙江seo培训推荐  国外广告联盟是什么？该怎么做？  微信引流的四大群体，引流这样做才有效果！  SEO考核：如何通过精准的SEO优化提升网站排名与流量,营销方案推广模板  广告联盟平台哪个比较靠谱，该如何选择？  注册推广月入过万项目玩法介绍，十足的干货！  SEO自行：提升网站流量的秘密武器,延安网站优化品牌  内容网站营销和网站seo优化有什么差别？  如何推动秀场|直播|快速发展？游戏运营思维值得借鉴！  揭秘广告联盟平台上常见的几种作弊方式！  流量多但是没收益？教你如何提高广告推广的转化率！  SEO全套秘籍：提升网站流量与排名的终极指南,河南搜索关键词排名公司  网站策划技巧，打造成功网站的关键要素，网站策划攻略，揭秘打造高成功率网站的核心要素  为什么“蜘蛛弛查询”能成为提升网站排名的秘密武器？,无锡荣巷街道网站建设  cpc广告和cpm广告是什么意思？应该怎么做？  福建百度推广点击率高却无人加好友，问题出在哪？,德江网络营销推广  网赚小白必看的广告联盟自动化挂机网赚项目玩法分享！  交友联盟收益怎么样？哪家靠谱？  广告联盟的收量是什么意思？  网上多数的赚钱信息都是“搞信息差”，这才是网赚的精髓！