我的前端入门学习经历

前端开发 2875 Views 4 Comments

我11年毕业的。大学我和大多数同学一样,大学四年几乎没学到什么东西。都是混过的各科考试,所以毕业了不知道该干什么,其实是自己没有真材实料,只是有个毕业证美其名“大学生”而已。以至于毕业了没有自己的职业规划。毕业了,迷茫了。

但毕业了,不能再靠家人养活了,要学会自己养活自己,最起码不能再找家人伸手要钱了吧。于是我开始找工作,找什么工作呢,干嘛呢?这是毕业后面临的第一个难题,思来想去就只有干销售了,没别的办法了,因为销售不需要什么专业技能,还有销售永远缺人,所以一开始就到不少面试电话,具体我就不啰嗦了,因为说多了跑题了(说多了都是眼泪)。只记得当时面试的都是刚毕业的大学生,只觉得可悲的一代大学生啊。就这样浑浑噩噩过了几个月,为什么这么说呢,因为这不是我正真想要的工作,我只是没办法才选择的。干了几个月实在别扭,我他妈可能不是个干销售的命,看着跟我一起的进公司的新同事个个天天激情满满我却提不起精神。我不喜欢这样的工作环境。后来一想不能这样,干着自己不喜欢的事情,不仅工作干不好最重要是在浪费自己的时间。后来果断辞职。

我是11年5月正式离校的,转眼就到12年了。其实我辞职的时候也没想好自己下一步该干嘛。后来我也很痛苦的在思考自己该干嘛适合干嘛,想了几天觉得自己对电脑知识挺感兴趣,喜欢捣鼓这些。虽然大学的课程也有C语言,数据库,网页设计,软件开发相关的课程,但是真心没怎么学啊。根本不知道这些用来干嘛。我承认我没用心学习,但是大学的那些个老师就不该反省吗?唠正事,扯远了。既然我觉得自己对电脑感兴趣那就学习吧,具体为什么,怎么会选择网站开发这块我还真不记得了,当时就是简单想为自己做个个人网站。想去了解下。就在网上搜索怎么做网站。

下面是重点了,说下我是怎么自学的,其实在群里我说过好几遍了,这里来个总结,以后就不再啰嗦了。下面直奔主题了。

我是个极度没有安全感的人,我自学的时候也看书,但总怕自己写错,觉得跟着视频做安全些,后来找到一个视频自学网站。那时候视频学习站不像现在,慕课网、网易云课堂这么牛逼。我是想说,谁都有初入行的尴尬,看书是最好的学习方式,学的快。但是刚开始你什么都不懂的时候,看视频是最好的选择。

我很高兴当时能无意中发现“51自学网”,首先我要说很感谢这个网站的创办者和发教程的老师。尤其是sam老师。我不是做广告,是真心话。这个网站对新手入门很好。当然要想更深入的学习还要靠自己不断努力。刚开始学习我也很乱,不知道该从那下手,从何学起。也压根不知道现代的网络公司对网站开发是怎么个过程。当时就记得大学老师讲过网页开发“三剑客”DW FW FL这三个软件。(在这里我跪谢那位老师了,四年大学我记住三个软件的名字。)那好吧,就先学DW这个软件吧,当时我还不知道什么是HTML,css。下面我说的这些教程都在51自学网里。

Dreamweaver CS5网页制作教程
我靠,我一看教程就喜欢上了那个SAM的老师讲课风格。虽然这货普通话不咋的,但是讲的东西的确好,由浅入深,哪怕你是小学毕业也能让你听懂。看着很简单,但是都有用特别以后工作中用到的几乎都讲到了。而且让你记忆深刻。反正我是这个感觉。于是我就跟着老师一步一步的学,一步一步的做。他讲到哪我就做到那,他打开软件我也打开,他添加个表格我也跟着做。就这样我坚持把DW cs5视频教程给看完,而且很仔细。很多章节我看了好几遍的。我当时就像赶紧学会,为自己做个网站,什么工作的没怎么想。看完这个教程我就试着用表格布局做了个静态的网页。不会的地方再回头看视频。做好了我在网上找个免费的空间域名传上去,发给朋友看,当时那个臭得瑟。现在想想也许正是当时发自内心的有一种成就感才能坚持自学下来。但是后来我觉得越学不会的越多,只会用表格做肯定不行,太落后了,用表格做网站只是让自己学会使用DW这个工具而已。但是当时没人指点,我走了不少弯路。

商业网站建设案例课程
这个课程也是sam老师讲的,主要是asp技术做的一个网站的案例。当时我还在自学网的上充值了自学币,还在他们的淘宝店买了这个光盘,为什么买这个光盘呢,因为我上面说了,我要学会怎么把自己做好网站上传到网上啊。这个课程里有,但是得买光盘才能看。不过很划得来。买了光盘我就跟着做,跟学DW一样认真。当时我就像自己做个能留言的博客出来。就这么简单。其实工作了才知道,做网站有分工,制作和程序是分开的。这里后面再详细说。

PhotoshopCS5视频教程
看完商业网站建设案例课程我才想到三剑客里的软件我还没学完呢,然后我学习了PS教程,这里说下,三剑客应该学FW怎么学PS了,因为我在看商业网站建设案例课程的时候sam说的现在ps流行而且好用。他在教程里用的也是PS,不过后来我也大致学习了下FW。用FW切片挺好,其他就不如PS方便了 。由于我充值了自学币,我现在了这些课程素材,跟着老师做。认真是必须的,因为喜欢所以乐意去做。更不觉得枯燥。看完PS我就去看flash教程,可是我学不进去,我好像对FL这个东西不感兴趣,一看就走神。就看了没几节就没看了,后来去前程无忧面试,人家让我切个网站和做了flash,我傻了 ,切站我会,可是flash真心不会,捣鼓半天我说不行。只不过后来的工作中根本没用到flash所以老师说的三剑客是什么朝代的事情就不管了。

看完这些教程大概花了我三个月时间,我很少出门,每天都在看教程,有时因为一个问题没搞懂我看到深夜。不过说实话,现在看看我学这些真的走了很多弯路,因为不懂现在网络公司对网站开发的岗位要求。不过也有好处,我也算大致了解了整个网站开发的过程了。不至于学习的那么片面。

《十天学会div+css》教程

后来一次在网上看到一个《十天学会div+css》教程,我又花了三天时间把这个教程学了,大概了解了什么是表格布局,什么是现在流行的DIV+CSS布局。也开始真正的敲代码而不是利用可视化工具去做网站了。

再后来我就用div+css布局做了个像样的网站,很用心做的。当作我找工作的作品。现在想想那个作品很烂,但是对于当时的我那也算我的心血了。我开始投简历,这次不像刚毕业了。我有目标了,虽然有几次面试都是“等通知”,但是有些好心的技术主管看了我的简历和作品给了不少技术方面和学习方面的建议。在这里很感谢他们。虽然我都不知道他们叫什么。他们给我指出了我应该往那个方向发展。回来后根据自己的情况和面试的时候面试官给的建议我修改了简历:只找网页制作或者叫DIV+CSS重构。这个职位的工作。这次我更明确自己的职业道路。经过一个多星期的面试,我走上了新的工作岗位,在公司我很努力,我只能说我真的很努力。

好了,我的自学经历算是说完了。下面说下目前国内网络公司网站开发的整个流程和网站开发分别有几个岗位,都分别负责什么。好让你们在自学的时候根据自己的兴趣来选择职业。少走弯路。

我工作的公司都是小公司,做外包的。大致分为五个步骤,也相应有五个岗位。
1,策划
2,设计
3,前端制作(我是干这个的)
4,程序开发
5,动画制作

1首先说策划,策划就是分析客户需求,来规划整个网站的流程和功能。当然我不是干这个的说的笼统。

2然后是设计,设计就是PS,每天跟PS打交道,根据策划提出的要求再加上自己的创意用PS设计出平面图。这就是设计师的工作。一般妹子多。学过美术画画的干这个挺好,想从事设计的多学PS。

3再就是前端制作,制作就是把设计师设计的平面图用DW ps工具做成符合浏览器规则的HTM代码,在浏览器中呈现出来。并且还要加上动画效果,比如图片的滚动,鼠标点击,加上一些链接等。更高级的有一些交互效果的。想从事这个的多学DW,多学DIV+CSS。也可以跟我交流。

4程序开发,就是给网站加上动态添加功能。网站的内容可以通过后台添加资料完成页面内容的更新。举个简单的例子,比如想添加一篇文章,你只需要在后台的编辑器里写文字,点提交前面的网页就能显示你输入的内容。还有网站的登录,注册,数据的读取写入都是通过程序完成的 。

5最后就是动画了,动画就是跟flash打交道了,有的客户想要更加炫丽的效果,前端制作无法实现就通过flash来做了。其实flash的强大远远不在于此,有整站flash的,就是整个网站就是flash来完成,根本不需要制作程序什么事。还有flash可以开发网页游戏,利用AS3技术。上大学的时候玩的偷菜还记得吗。风靡一时,这就是flash的强大。

目前国内网络公司做网站开发大概就这几个步骤和岗位需求。请各位根据个人兴趣来选择职业规划。

当然我写的只是个大概,给想从事这行的同志看的,高手请勿喷,有意见请提,我乐于交流前端技术。

因为我觉得互联网的精神就是分享。虽然我还很菜。

以上也只能算是入门而已,想学好前端,没这么简单的,后面的js、php都在工作当中要不断学习的,这里就不说了,本文只聊入门而已。

转载请注明:一只羊博客 » 我的前端入门学习经历

分享到:
(8)

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论 (4)

  1. 我和博主经历也差不多 (⊙﹏⊙)b

    Krishna2017-04-24 20:43 回复
    • 嗯 加油

      一只羊2017-04-28 10:23 回复
  2. 我嘞个去,呃呃,博主我咋觉得和你的经历有几分相似呢,首先我也是个一般般的三本大学生,来自农村,复读一年还是读个死三本;开始的来大学的时候目标很明确,就是好好学点什么,在我上海老乡(从事IT)的指导下,嘿嘿,我也在51自学网上自学,由于专业是电子商务,所以就想搞点和IT有关的东西,于是就开始捣鼓起ps来,跟着视频自学,那时候学得可起劲啊,过年还特意在农村老家拉了根网线,记得那个老师讲的特别的细致用心,最让我骄傲的是跟着视频做那个华晨宝马的网站psd,做出来后在朋友圈炫耀了一番;后来把ps课程看完后(特意用支付宝充了10大洋),进入了大一下学期,这时候学了c,同时也开设了网页制作DW,于是在51自学网上津津有味的学起了网页制作,sam老师讲的很好,我也学的很快(貌似只学会了用DW做页面,并没有进一步接触网页代码);再后来是大二上学期,接触到了前端,也去度娘上看了好多关于这方面的介绍,在结合自己的兴趣和专业(此时已开设java课程,代码接触一段时间),于是对前端一发不可收拾;然后是现在,很稳定的天天跟着视频敲js代码,不过与博主相比,现在的视频资源丰富多了,在淘宝上我特意花钱买了几个G,够我捣鼓的;还有博主对营销有认识,之前第一次高考后我就想报市场营销专业,不过复读一年后接触到了IT,我对它产生了兴趣,于是心里明白这才是我想从事的。与博主不同的是我在大学规划的很好,眼光长远,没有说什么让费时间的;不多说了,做饭去啦,其实关注博主有很长时间了,如果博主不介意的话加下我qq咯:1290078509 分享是一种美德 嘿嘿

    小小前端2016-01-31 18:35 回复
    • 嗯嗯,加油,你比我有前途

      一只羊2016-02-19 10:25 回复