转 - Web新人(偏前端)应该怎样学习(个人观点,勿喷)
我自己是会计专业,转行自学web的,学习有一两年了,也还是新人一个,只不过不是那种超级“新”的,所以有什么话说得不对,请轻喷。欢迎大家来和我交流。
1、我能不能转行学web?
能不能学web这个不是别人告诉你的,是你自己告诉自己的。在我看来,会认字,会写几个字母就可以开始学web了。从最开始的html学起,从标签学起,标签总能看懂吧?不懂就去查!我自己体会最深的是,刚刚开始学习后台语言,花了很久时间去比较ASP,ASP.NET,PHP,在纠结自己应该学什么语言,可不可以学好,去贴吧找人问,去微博找人问,去技术交流群里面问,结果别人给你指点了还是别人的话,而是用几个星期去纠结应该学习什么,还不如花点时间开始学,找个教程学习入门知识就几天的时间,你学会了入门就知道你适不适合学习这门语言。
2、我应该学习web哪些内容?
不用问自己应该学习哪些内容,去招聘网站上面看看别人的招聘要求,随便找个对技术要求比较齐全的招聘信息复制下来,一般招聘上面提到的技术都是由易到难的,然后按照里面提到的知识点一个一个的学习,等你学得入门了就知道自己应该学习什么了。
前端(html Div+css JS jQuery H5+css3 bootstrap less sass == )
附一个web前端招聘要求:
HTML/CSS
- 熟悉 HTML 语义化,了解基本的SEO
- 精通常用CSS属性,熟悉 CSS3 动画
- 熟悉跨桌面和手机屏幕的自适应页面开发
- 熟悉 HTML5 手机页面构架和布局,了解手机页面的性能优化
- 熟悉一种常用HTML/CSS 框架,(如 Bootstrap),或者开发过自己的框架
- 熟悉 LESS 或者 SASS
JavaScript
- 熟悉 jQuery, 并熟练开发相关组件
- 熟悉 Canvas 动画,至少掌握一种常用的Canvas 框架,(如 easeljs, KineticJS)
- 熟悉一种 JavaScript MVC 框架, (如 AngularJS, KnockoutJS)
- 对原生 JavaScript 开发有一定了解
优先项
- 开发过手机HTML5小游戏
- 熟悉一种非前端语言,(如 PHP C# Java)
- 有自己的github
- 以上条件满足2条以上的优先
3、我应该怎样学web?
现在是网络时代,各种学习书籍,免费在线课堂,免费的学习视频资料等等,到处都有。前期先看看视频,买本感兴趣的书,学了一段时间就能知道自己是喜欢看书还是喜欢看视频,或者是喜欢上课和人交流。这每一种学习方式都可以使用,互补也可以。
1.我推荐几个学习网站,里面在线视频和可以下载视频都有(此处不是广告)
慕课网 极客学院 智能社团 布尔教育 传播智客
在这些网站上,能找到你想要学习的内容,都是很齐全的,而且很赞。
2.再说说书。如果喜欢看书的话,可以去京东或者当当,豆瓣读书,搜索关键词,看看排名和评价,京东和豆瓣读书上面,有些评价还是很靠谱的。我目前买的几本书, 都是这种方式看到的。
4、新人应该使用什么编辑器?
各种编辑器五花八门,我是用Dw入门的,后来转editplus,后来转webstorm,现在在用phpstorm,当然流行编辑器远远不止这些。
我从来不提倡说使用Dw的都是渣渣,使用记事本的都是大神。学习web,更多的是学习代码能力,而不是学习使用软件的能力。
新人刚刚开始学习,可以选择一个和你的学习资料一样的编辑器,比如你看的视频里面使用sublime,你就是用sublime,你的学习资料里面使用editplus你就是用editplus。相比等你掌握了某一个软件,开始追求适合自己的IDE的时候,你也就知道各种IDE的优势劣势了。
如果实在是没得选,我推荐webstorm,功能比较齐全,配置简单,基本上是安装好了就可以用。Sublime也很不错,但是新人使用需要安装各种插件,有点烦,网上也有集成了插件的免安装版。我从webstorm转到了phpstorm,就是因为后者对php提供了更好的支持。
5.学习中碰到了不会的怎么办?
有不会的先百度,web发展这么多年,很多问题在网上百度随随便便搜一下就是答案,不要有问题就去问人。别人不是你爹妈,你问了,回答你了是因为他心情好,懒得理你也是正常的。
经常看到有人在群里面问,插入图片加了a链接之后,鼠标移动上去有边框怎么办?或者问,怎样给Div加圆边框。
讲真,这些问题,百度上随便搜一下就是一大堆,你在群里面问了,别人给你随便说几句你不一定能够看懂,但是百度上很多都把问题的实例和源码贴出来了。问这种问题,既不利于提高你的独立解决问题的能力,也不浪费了别人的时间。我提倡交流学习中遇到的问题,但是不提倡问度娘讲过的问题。
就拿我自己来说,我刚刚入门的时候,对自己独立解决问题的能力不够自信,不管多简单的问题,都想着去问人,一个群一个群里面发信息,然并卵,对自己几乎没有任何帮助。后来随着学习的深入,慢慢习惯了自己独立的去查找问题解决方案,学习了用浏览器测试,学会了去查找问题的根源,学会了有问题先去网上查一下。学习到现在,我可以很有信心的说,我能够独立解决我学习过程中遇到的百分之九十的问题,碰到了一门新技术,我不会去思考能不能学会,只思考需要花多少时间学习。
Web技术变化太快,独立解决问题的能力,对一门新技术能够独立学会的信心,这两点非常重要。也就是,学习怎样去学习比学习知识重要。(个人感觉第5点是整个文章里面最重要的一部分)
给新人一个建议,遇到一个问题,没有独立研究几天,就不要随随便便去问人。
注意事项
原文地址:http://www.w3cfuns.com/notes/17607/9d93eb27a5a9ced0480fa4a609197e2e.html
转 - Web新人(偏前端)应该怎样学习(个人观点,勿喷)的更多相关文章
- 偏前端--之小白学习本地存储与cookie
百度了很多都是讲的理论,什么小于4kb啊之类的,小白看了一脸懵逼复制到html中为什么没效果!!哈哈.我来写一个方便小白学习. 贴图带文字描述,让小白也运行起来,然后自己再去理解... 1. cook ...
- 偏前端-vue.js学习之路初级(一)概念
首先--不推荐新手直接使用 vue-cli,尤其是在你还不熟悉基于 Node.js 的构建工具时. 新建一个html,引入一下js: <!-- 开发环境版本,包含了有帮助的命令行警告 -- ...
- 偏前端-vue.js学习之路初级(二)组件化构建
vue.js 组件化构建 组件系统是 Vue 的另一个重要概念,因为它是一种抽象,允许我们使用小型.自包含和通常可复用的组件构建大型应用.仔细想想,几乎任意类型的应用界面都可以抽象为一个组件树: ...
- 浅谈web前端就业的学习路线
初级前端 主要学习三个部分:HTML,CSS,JavaScript 一.html + css部分: 这部分特别简单,到网上搜资料,书籍视频非常多.css中盒子模型,流动,block,inline,层叠 ...
- 初学者:浅谈web前端就业的学习路线
初级前端 主要学习三个部分:HTML,CSS,JavaScript 一.html + css部分: 这部分特别简单,到网上搜资料,书籍视频非常多.css中盒子模型,流动,block,inline,层叠 ...
- 新手学习WEB前端流程以及学习中常见的误区
学习web前端编程技术肯定是以就业拿到高薪工作为主要目的的,可是高薪不会那么轻易拿到,这是一个最简单的道理.没有付出就没有回报,在整个学习web前端编程技术的过程中,你需要付出时间.精力.金钱.废话不 ...
- web前端全栈学习之路
web前端全栈学习之路 --- 陆续更新中 一.HTML相关 1.HTML常用标签:http://www.cnblogs.com/wyb666/p/8733699.html 2.HTML5基础: 3. ...
- web前端基础知识学习网站推介
内容:一.基础知识及学习资料1. HTML入门学习:http://www.w3school.com.cn/html/index.aspHTML5 入门学习:http://www.w3school.co ...
- web设计师和前端设计师的互动—前端工程师应该具备的三种思维
如果你是一个天才工程师(马上可以离开),可以独立完成一个很多事情,你可以是一个怪咖,因为我相信没有一个人不会不佩服你.但现实归现实,多数人都不是天才,而我们在职场上也不是单打独斗,我们需要团队合作,需 ...
- 腾讯Web工程师的前端书单
2014年一月以来,自己接触web前端开发已经两年多了,记录一下自己前端学习路上看过的,以及道听途说的一些书,基本上按照由浅入深来介绍. JavaScript 入门 <JavaScript权威指 ...
随机推荐
- 探讨CMake中关于RPATH的使用
最近研究CMake,发现CMake对于RPATH的管理也非常人性化.官方说法是当动态库的编译也和执行档在同级目录下的时候,CMake会自动给执行档加入适当的RPATH.具体可以通过readelf -d ...
- C# 多线程编程 ThreadStart ParameterizedThreadStart
原文地址:http://club.topsage.com/thread-657023-1-1.html 在实例化Thread的实例,需要提供一个委托,在实例化这个委托时所用到的参数是线程将来启动时要运 ...
- php中jsonp的跨域实例
我们现在www.test.com这个域名下面有这么个html文件testjsonp.html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 ...
- 栈的讲解 和 栈的生长方向 源代码技巧分析,简直没SEI 啦
函数的局部变量,都是存放在"栈"里面,栈的英文是:STACK.STACK的大小,我们可以在stm32的启动文件里面设置,以战舰stm32开发板为例,在startup_stm32f1 ...
- Xcode export/upload error: Your session has expired. Please log in-b
1.Xcode export/upload error: Your session has expired. Please log in 我在stack over flow上找到的答案: 一看pre ...
- poj 1364
http://poj.org/problem?id=1364 #include<cstdio> #include<cstring> #include<algorithm& ...
- poj Fishnet
http://poj.org/problem?id=1408 #include<cstdio> #include<cstring> #include<cmath> ...
- 为什么 O2O 领域融资额特别高?
在36氪搜索“o2o”,融资额基本都是数千万乃至数亿,为什么这个领域的创业项目融资额如此之高?融到的钱一般用在什么地方? --------------------------------------- ...
- perl /m
<pre name="code" class="html">[root@backoffice01 ~]# cat a1.pl my $_=" ...
- WordPress ‘crypt_private()’方法远程拒绝服务漏洞
漏洞名称: WordPress ‘crypt_private()’方法远程拒绝服务漏洞 CNNVD编号: CNNVD-201306-250 发布时间: 2013-06-20 更新时间: 2013-06 ...