MyException - 我的异常网
当前位置:我的异常网» 网页设计 » 生手篇——学习网页开发需要多长时间就能找到工作

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

www.MyException.Cn  网友分享于:2013-09-28  浏览:0次
新手篇——学习网页开发需要多长时间就能找到工作

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

是一款上手非常简单的网页原型设计工具,通过拖拽就你完成一个简单的交互,项目类型诸多,有自由项目,网页项目,自定义项目,当然还有APP项目。网页项目最大的尺寸为3000*6000,你可以任意设计都没问题。200个封装组件和3000个图标可供使用,最近新出的格子功能更是方便使用,减少了很多重复设计的时间。

掌握一些原型设计知识绝对非常有必要,这是我投入最少却收益最多的事情之一,我强烈建议你尝试一下Mockplus,对之后在团队工作的沟通会非常有帮助。

5. 学习设计知识(持续)

前端开发是一个直接面向用户的职位,跟后端开发不一样,你的成果是用户直接可以看到的,我认为提高自己的审美,多掌握一些设计方面的知识,把握当下流行趋势和动向也是很有必要的。而这一过程是不能用具体时间来衡量的,需要不断持续吸收新的东西才能设计出理想的网站。这里有15个最好的网页设计博客资源可供大家每日阅读,我个人还是最喜欢medium。UI设计资源网站相信大家都了解了,dribbble和behance等都是每日必逛,必定是受益良多。

总结:

软件开发是一个需要持续学习的过程,尽管前端开发入门难度低,但是近几年来前端开发的复杂度越来越高,对个人素质的要求也越来越高。本文只是针对想要入门前端开发而找不到方向的人,经过这个过程后,你可以找到一个初级的开发职位了。不论做什么事情,学习是根本,希望这篇文章能帮助到新手。

文章评论

我跳槽是因为他们的显示器更大
我跳槽是因为他们的显示器更大
写给自己也写给你 自己到底该何去何从
写给自己也写给你 自己到底该何去何从
看13位CEO、创始人和高管如何提高工作效率
看13位CEO、创始人和高管如何提高工作效率
“懒”出效率是程序员的美德
“懒”出效率是程序员的美德
程序员必看的十大电影
程序员必看的十大电影
那些性感的让人尖叫的程序员
那些性感的让人尖叫的程序员
鲜为人知的编程真相
鲜为人知的编程真相
5款最佳正则表达式编辑调试器
5款最佳正则表达式编辑调试器
旅行,写作,编程
旅行,写作,编程
初级 vs 高级开发者 哪个性价比更高?
初级 vs 高级开发者 哪个性价比更高?
科技史上最臭名昭著的13大罪犯
科技史上最臭名昭著的13大罪犯
要嫁就嫁程序猿—钱多话少死的早
要嫁就嫁程序猿—钱多话少死的早
Java程序员必看电影
Java程序员必看电影
编程语言是女人
编程语言是女人
为什么程序员都是夜猫子
为什么程序员都是夜猫子
老美怎么看待阿里赴美上市
老美怎么看待阿里赴美上市
中美印日四国程序员比较
中美印日四国程序员比较
程序员的鄙视链
程序员的鄙视链
程序员都该阅读的书
程序员都该阅读的书
10个调试和排错的小建议
10个调试和排错的小建议
每天工作4小时的程序员
每天工作4小时的程序员
聊聊HTTPS和SSL/TLS协议
聊聊HTTPS和SSL/TLS协议
程序员和编码员之间的区别
程序员和编码员之间的区别
如何成为一名黑客
如何成为一名黑客
“肮脏的”IT工作排行榜
“肮脏的”IT工作排行榜
我是如何打败拖延症的
我是如何打败拖延症的
程序员眼里IE浏览器是什么样的
程序员眼里IE浏览器是什么样的
Web开发者需具备的8个好习惯
Web开发者需具备的8个好习惯
Web开发人员为什么越来越懒了?
Web开发人员为什么越来越懒了?
做程序猿的老婆应该注意的一些事情
做程序猿的老婆应该注意的一些事情
2013年美国开发者薪资调查报告
2013年美国开发者薪资调查报告
代码女神横空出世
代码女神横空出世
老程序员的下场
老程序员的下场
十大编程算法助程序员走上高手之路
十大编程算法助程序员走上高手之路
我的丈夫是个程序员
我的丈夫是个程序员
为啥Android手机总会越用越慢?
为啥Android手机总会越用越慢?
程序员周末都喜欢做什么?
程序员周末都喜欢做什么?
 程序员的样子
程序员的样子
团队中“技术大拿”并非越多越好
团队中“技术大拿”并非越多越好
60个开发者不容错过的免费资源库
60个开发者不容错过的免费资源库
那些争议最大的编程观点
那些争议最大的编程观点
什么才是优秀的用户界面设计
什么才是优秀的用户界面设计
Google伦敦新总部 犹如星级庄园
Google伦敦新总部 犹如星级庄园
2013年中国软件开发者薪资调查报告
2013年中国软件开发者薪资调查报告
漫画:程序员的工作
漫画:程序员的工作
Java 与 .NET 的平台发展之争
Java 与 .NET 的平台发展之争
总结2014中国互联网十大段子
总结2014中国互联网十大段子
程序猿的崛起——Growth Hacker
程序猿的崛起——Growth Hacker
程序员最害怕的5件事 你中招了吗?
程序员最害怕的5件事 你中招了吗?
软件开发程序错误异常ExceptionCopyright © 2009-2015 MyException 版权所有