新手如何入门前端

一、前端开发简介

     前端开发目前来说是一个比较火的一个行业,而且随着移动互联网的发展,还有各种框架的出现,前端这几年只会越来越火,因为除了web端,我们还可以用来开发一个web版的app、微信小程序等,react-native的出现,我们还可以开发原生app。

     所以,未来几年,前端开发也是一个非常稀缺的工种。因为最近比较多人问我如何来学习前端,以及怎样比较快的入门前端,所以我整理了一篇文章,希望对大家有所帮助。

     本文是针对于没有经验的前端小白,如果你有前端开发的工作经验,本文可能不太适合你,而且提前说明,我不是大牛,我也在继续提升自己的路上。


二、自我简介   

    我大学的专业是跟化学相关的,但是由于一点都不喜欢化学,所以通过自学前端转行了。为什么选择前端呢?因为我大学学的课程跟计算机没太大关系,学习java或者c++这些语言来说太难了,前端相对来说入门比较容易一些,所以想以此来入门编程,在积累自己深度的同时,也可以慢慢扩展广度,可以再进入后端的一些知识。

    大四在太平洋网络实习过,然后在创业公司呆了一年,在欢聚时代呆了一年,现在就职于网易,前端水很深,唯有不停学习,才能跟上步伐。


三、新人入门前端的前提

     那么新人如何来入门前端呢?尤其是对于没有任何计算机背景的新人来说。我觉得有三点比较重要:

1. 对编程有兴趣

    如果没有兴趣,是很难坚持下去的,尤其是只是看重前端的工资的话,即使学了也会很痛苦

2. 有较好的自控能力和自学能力

    拒绝三天打鱼,两天晒网,还有要多思考,不要老是拿来主义

3. 有比较好的课程以及指导,可以少走一些弯路。

    好的课程以及学习计划可以做到事倍功半,少走一些弯路以及提高自己的学习兴趣


四、新人入门的学习课程

那么新人如何进行对应的学习呢?我觉得可以参考以下的学习计划。当然这个学习计划只是参考。(文章最后有整理好的课程链接)

1. 学习HTML基础,主要学习一些标签以及对应的作用

2. 学习css基础,学习css的一些语法以及作用

    这个时候可以百度一下一些大公司的命名规范,写代码的规范最好从这个时候开始养成。

阶段性练习:

     你可以写一些PC端的界面,模仿一些网站来让自己更熟悉html和css


3. 学习原生javascript。

    如果你有足够多的时间,比如大二或者大一,可以花多点时间学习这一块,如果你时间不多,又想早点入门前端,可以只学一些简单的原生js,比如dom操作,js原生动画等,以后再补上。

4. 学些jquery

    jquey来说比原生js要简单很多,你可以花多点事件学习这一块,因为工作中用的也比较多。当然,时间多者还是将主要精力放在原生js上比较好。

阶段性练习:

此时你可以结合html和css,写一些有交互的网站,可以多练习一下js来操作dom啊,动画啊等等


5. 学些HTML5和CSS3。

   前面的html和css只是基础的学习,此时你应该学一学html5 和 css3,来写一些移动端的项目

此外,研究一下移动端适配。

阶段性练习: 此时可以写一些移动端的网站,可以多使用css3和html5的一些新属性。可以使用一些less或者sass这些css预处理器


6. 学习ajax;

      经过前面的学习,你基本掌握了前端开发的一些基础知识,不过你写出来的东西都是静态的,也就是说数据都是写死的。此时你可以学习一下ajax,因为工作中你需要通过它来和后端配合,让你的数据动起来。

阶段性练习: 练习如何通过ajax获取数据,请求数据,如何处理数据,显示在页面上等。

7. 学点PS切图


五、进阶部分

     经过前面阶段的学习,你应该可以处理一些前端工作,也算是入门前端了,应该可以找一份跟前端相关的实习或者工作了。

1.你需要开通一个博客。

    记录你的学习过程,或者做笔记,或者写自己思考的一些东西,博客对于自己的学习是很有用的。

. 2.学习javascript

     这个阶段的学习是不一样的,是javascript的进阶学习,你应该买一本《javascript高级程序设计第三版》或者《javascript权威指南第6版》,只买其中一本即可。静下心来,把这本书从头到尾读完,并整理出一些博客。读一遍是不够的,以后有时间再继续读第二遍,第三遍也不为过。

3. 移动端应该是未来的主要方向,学习移动端相关的知识。

    比如适配,点透,移动端优化,移动兼容性学习等等。

4.了解网络协议,http,tcp、ip等等,学习一些后端的概念。

5. 学习javascript设计模式

6. 学习一些前端自动化的东西,比如gulp,webpack等。

7. 学习ES6

8. 对于框架的态度

     此时你应该会听说前端的一些框架,比如vue,react等。如果你公司有用到一些框架,可以好好的学学,如果没用到,没关系,大概了解一下就行。好好专研你的js,提升js能力才是王道,等你js学好了,学习框架是很快的,切忌被前端的太多框架把自己搞迷茫.

9. 学习node.js

    此时你的js已经挺不错了,对于后端方面的东西也略有了解,此时可以学习一下node.js,自己写一个属于自己的网站


后记

     通过前面的学习,其实你已经算是一个中级程序员了,前端开发是一个很杂,很多东西要学的职位,而且一定要持续的学习,不然就很容易跟不上步伐。而且前端不像后端,一个框架用好几年,前端是一年出好几个框架,对于框架,不盲目学习,可多学习框架的思想,项目中用到,搞透它,项目中用不到,写几个demo,知道大概是怎么回事就行了。

     进阶部分大部分是看书学习,入门部分可以多看看视频或者教程,对于入门部分,我这里整理了一些教程,有需要的可以点进来看看。

 前端入门教程

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,732评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,496评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,264评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,807评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,806评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,675评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,029评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,683评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,704评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,666评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,773评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,413评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,016评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,978评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,204评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,083评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,503评论 2 343

推荐阅读更多精彩内容