请输入搜索关键字!

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

五元源码铺(www.crj100.com) | 2017-09-22 09:42 | 关注:576 我要投稿

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

近几年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等都是每日必逛,必定是受益良多。

总结:

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

 
精品源码
视觉焦点
网友跟帖

共有 条评论

    推荐文章

    青海警方打掉39个涉黑涉恶犯罪团伙

    短视频招聘兴起 看简历就像刷抖音

    “状元”儿子失联9年 重病母亲盼见一面

    干部引进扶贫项目让32户贫困户种葡萄 成

    湖南辰溪一乡村树起“大学墙” 两年考出

    相关文章

    联系我们

    • 游龙模板公众号
      全面掌握电商一手资讯

    • 游龙模板服务号
      精彩活动,推送提醒

    垂询热线:189-5250-0766

    合作投稿:1845609988@qq.com

    备案号:苏ICP备15018259号-2