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

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

总结:

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

时间: 2024-10-08 10:55:22

新手篇——学习网页开发需要多长时间就能找到工作的相关文章

3-STM32物联网开发WIFI(ESP8266)+GPRS(Air202)系统方案微信小程序篇(学习网页_2)

https://www.cnblogs.com/yangfengwu/p/10947388.html 上一节给大家说了哈,安装这个软件,自行安装... 这节咱用这个软件接着学习网页开发 工程路径自己设置 先运行一下再说 新建的工程要比咱上一节的东西多 <head>  一般放实现功能性程序   </head> <body>  一般放页面布局部分   </body>  就是放咱页面中看到的东西 其它细节请自行学习 https://www.runoob.com/t

学习网页开发与网站设计必看的【代码逆袭】书

这是一个Web开发最好的时代,每天都有30000条职位信息,面向互联网,我们该思考3个问题: 我们如何在面试中突围? 我们该具备什么样的技术? 我们如何学习这些技术? 作为学习者,网络是知识的海洋,但我们如何定位我们想要的知识,如何理解我们需要的知识! [代码逆袭]系列包含3本我们最需要的书---- <超容易的JavaScript代码段>:300段js代码400种解决方案,一网打尽JS! <超容易的CSS代码段>:400段跨平台跨设备的兼容性代码,涵盖CSS2和CSS3 <超

新手如何学习嵌入式开发板-迅为4412开发板

网站:http://www.topeetboard.com Q Q:2551456065 产品优势: 1. 涵盖当在嵌入式技术热点:Linux,Android,QT,Ubuntu系统 2. 专为iTOP-4412量身打造,手把手全视频讲义,让学习嵌入式ARM开发像单片机一样简单!3. 完善的售后支持:提供论坛.认证QQ. 当前ARM处理器参数对比: 4412开发板介绍: 1. iTOP-4412精英版:搭载三星Exynos四核处理器,配备1GB内存,4GB固态硬盘EMMC存储,兼具快速读取与超大

如何高效的学习Java开发,这些坏习惯千万不要犯!

T 行业的变化快是众人皆知的,需要持续去学习新的知识内容.但是,往往我们工作之后,经常发现学习的东西很少了,学习效率非常低,感觉自己到了一个瓶颈期,久而久之,就演变成『一年工作经验,重复去用十年』的怪圈. 不管你是已经工作了,还是正在学习中的Java初学者,如果你想在Java行业中有更高更远的发展,请用五分钟阅读下面的文章. 一.低效率的学习坏习惯 1.被动反复阅读 通常一个新手在学习Java开发的时候,往往会选择买书去学习,首先这样的学习效率是非常差的,比如在学习html,css的时候,是完全

如何高效的学习Java开发

IT 行业的变化快是众人皆知的,需要持续去学习新的知识内容.但是,往往我们工作之后,经常发现学习的东西很少了,学习效率非常低,感觉自己到了一个瓶颈期,久而久之,就演变成『一年工作经验,重复去用十年』的怪圈. 不管你是已经工作了,还是正在学习中的Java初学者,如果你想在Java行业中有更高更远的发展,请用五分钟阅读下面的文章. 一.低效率的学习坏习惯 1.被动反复阅读 通常一个新手在学习Java开发的时候,往往会选择买书去学习,首先这样的学习效率是非常差的,比如在学习html,css的时候,是完

网页开发学习指南

网上查找web开发学习的方法,发现知乎上有一篇写的很棒,就提取一部分作为摘要放在这里.主要是落忧和Wayne Shi的答案. https://www.zhihu.com/question/22646257 推荐学习顺序:HTML, css ,js, apache ,php, mysql 后三者是需要装软件的, 推荐wamp, 绝佳的一站式环境配置, WampServer, the web development platform on Windows 直接包括了apache, php, mysq

学习IOS开发UI篇--UI知识点总结(四) UITabelView/UITableViewCell

UITabelView:常用属性 @property (nonatomic)          CGFloat    rowHeight;             // will return the default value if unset @property (nonatomic)          CGFloat     sectionHeaderHeight;   // will return the default value if unset @property (nonatom

学习IOS开发UI篇--UI知识点总结(三) UIScrollView/UIPageControl/NSTimer

UIScrollView:常用属性 @property(nonatomic)   UIEdgeInsets     contentInset;               // default UIEdgeInsetsZero. add additional scroll area around content @property(nonatomic,getter=isPagingEnabled) BOOL   pagingEnabled;     // default NO. if YES,

学习IOS开发项目篇--如何让程序在后台保持挂起状态

程序的状态分为:前台运行,后台挂起,后台休眠,为了让项目的网络请求保持活跃状态,需要对程序进行设置. 在applicationDidEnterBackground方法中调用下面的方法,可以让程序进入挂起状态,但在未知时间内,可能会被系统设置为休眠,如果在将程序设置为播放器,并且循环播放一个MP3文件,可以保持永久挂起状态. UIBackgroundTaskIdentifier task =[application beginBackgroundTaskWithExpirationHandler: