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

新手如何入门前端

作者: 青丘白浅鼬 | 来源:发表于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,知道大概是怎么回事就行了。

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

 前端入门教程

相关文章

  • 前端入门课程

    在《新手如何入门前端》,介绍了前端的学习过程,这里介绍一下我们的入门课程,本课程包括一些视频合成和文字课程。...

  • 新手如何入门学习前端?

    Web前端入门的自学路线 新手入门前端,需要学习的基础内容有很多,如下。 一、HTML、CSS基础、JavaScr...

  • 新手如何入门前端

    一、前端开发简介 前端开发目前来说是一个比较火的一个行业,而且随着移动互联网的发展,还有各种框架的出现,前端这...

  • 新手应该如何入门前端

    7月1日的时候参加豪情大神组织的群内个人经历分享,总结了一下个人入门前端的一个过程,现整理成文,希望对后来者有帮助...

  • 前端新手教程!如何快速入门web前端

    最近收到一些的私信问我,自己想要学习前端,该如何学习?学习到什么程度才可以工作?我进入这个行业已经十一年了,面试过...

  • 前端学习

    入门 若想学 HTML, 应从哪里入门? 想成为前端工程师,那么在大学期间应该如何规划 如何自学计算机前端开发? ...

  • 怎么炒股新手入门【精华总结】

    怎么炒股新手入门 炒股小白入门 炒股新手入门 新手炒股入门 对于很多想入股市的新手朋友来说,新手怎么炒股,新手股民...

  • 前端入门知识:新手如何自学前端开发

    自学前端要一直保持学习的心态,因为互联网更新速度快,不学习新知识的人就会被淘汰,现在竞争确实很大,逼着自己也要学。...

  • 【WEB前端开发】新手入门:html语言学习的7个秘诀

    WEB前端开发学习过程中,作为一个新手入门级别的菜鸟你,要如何系统的学习呢 ? 本期为介绍其一: html语言学习...

  • 【WEB前端开发】新手入门:html语言学习的7个秘诀

    WEB前端开发学习过程中,作为一个新手入门级别的菜鸟你,要如何系统的学习呢 ? 本期为介绍其一: html语言学习...

网友评论

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

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