美文网首页
新手如何入门前端

新手如何入门前端

作者: 青丘白浅鼬 | 来源:发表于2017-07-21 00:10 被阅读0次

    一、前端开发简介

         前端开发目前来说是一个比较火的一个行业,而且随着移动互联网的发展,还有各种框架的出现,前端这几年只会越来越火,因为除了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,知道大概是怎么回事就行了。

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

     前端入门教程

    相关文章

      网友评论

          本文标题:新手如何入门前端

          本文链接:https://www.haomeiwen.com/subject/djtskxtx.html