如何学习前端?前端学习路线总结

更新日期: 2020-03-13阅读: 2k标签: 学习

随着多屏互动和多端兼容友好的界面变得越来与重要,前端工程师也成为了热门的研发技术岗位之一。随着就业市场大环境的改变,一方面是前端人才的紧缺,另一方面是对前端求职者的要求增高,所以我们需要学的东西也不能仅仅只停留在基础层面。那么,我们应该如何学习前端呢?下面为大家总结了一条前端学习路线,大家可以参考一下。


1、csshtml

刚入门的朋友,应该把重点放在 CSS和HTML基础知识的学习上。关于 CSS(3) 你需要了解以下一些知识点:web标准、HTML相关概念、HTML标签、路径相关概念、锚点及其他、表格标签、表单标签、综合案例,注册页面、CSS选择、CSS字体样、CSS外观属性、调式、CSS复合选择器、标签显示模式、CSS背景、CSS三大特性等等。总的来讲,CSS和HTML的学习还是比较简单的。


2、JavaScript

JavaScript一直都是前端工程师进步的基石, JavaScript 的理解深度决定了前端开发者的职业发展。关于JavaScript的学习内容包括了浏览器执行JS过程、JS变量、数据类型、运算符、流程控制语句(if else 、三元表达式、switch)、循环(for、while、do while)、数组、冒泡排序、函数、作用域、预解析、对象、内置对象、简单类型和复杂类型等。只有在熟悉了JavaScript基础语法的基础上,我们才能继续深入学习前端开发技术。


3、库工具

我们常用的库工具有jqueryunderScore、zepto、Moment 等。JQuery: 降低开发者操作 dom 的复杂度;UnderScore: 提供实用的函数;Zepto: JQuery 的简化版;Moment: 日期和时间操作库。这些库给我们提供了很大的便利,省去了我们编写相关方法的时间,同时也是我们的程序更加稳健 —— 我们自己写的方法很可能在某些情况下就出 bug 了。当然对于这些库我们不仅仅只是去了解 api,我们需要去学习它的源码。看看如果自己写相关方法的话是不是也想到了这种方式,这些库工具是也是一个很好的学习工具,我们不应该忽略。


4、Node与Ajax

学习内容包括了node环境安装、node模块化、gulp使用、服务器和http协议、Ajax函数封装、同源策略、JSONP、 CORS、jQuery中Aajx方法的使用、Ajax补充内容。完成这部分学习路线的内容可以基本掌握前后端数据交互、基于前后端分离模式、传统模式的开发的工作。因此可以具备企业基础用人标准,能够达到初级前端开发工程师水平。


5、vue

Vue的优势是:模板和渲染函数的弹性选择;简单的语法和项目配置;更快的渲染速度和更小的体积。关于这部分我们要学习Vue指令、修饰符、样式绑定、v-model底层原理、计算属性、过滤器、侦听器、vue组件、Promise、Fetch、axios、vue路由、前端工程化和模块化等等。学完以上内容,大家能够实现基于Vue技术栈项目的开发能力,基本能够达到中级前端开发工程师水平。


看到这里,相信大家对于如何学习前端已经有了一定的了解。实际上,关于前端的学习路线不是固定的,但是按照目前市场的潮流l来说,以上总结的知识点都是前端开发工程师必须要掌握的技能。最后,希望大家能都朝着自己的目标,一步一个脚印前进。 

 

链接: https://www.fly63.com/article/detial/8257

更快学习 JS 的 6 个简单思维技巧

当人们尝试学习 JavaScript , 或者其他编程技术的时候,有些概念容易混淆,特别是当你学习过其他语言的时候。很难找到学习的时间(有时候是动力)。一旦当你理解了一些东西的时候,却很容易再一次忘记。

程序员如何在小公司成长和大公司学习

读万卷书,不如行万里路,行万里路不如跟随成功人的脚步。其实我们在小公司就如行万里路,我们只有多做多学在可以迈出去。在大公司就我们就要跟随成功人的脚步,就是你们公司的架构师和高级开发,去了解他们。

package.json是什么?_对package.json的理解和学习

package.json就是管理你本地安装的npm包,用于定义了这个项目所需要的各种模块,以及项目的配置信息(比如名称、版本、许可证等元数据)。一个package.json文件可以做如下事情?

程序员提升学习效率的3个方法

才3个方法?如果你希望的是提升效率的10大方法,程序员必看的20个学习法......很抱歉,本文不适合你。在精而不在多,一个人若能够学会,并且长期践行这其中一种方法,便已经能够走在很多人前头了。

Web前端自学之路学习路线,web前端开发网站

前端开发作为一个由网页制作演变成的新兴岗位,其实在国内外来说,受到重视的时间并不长,在前几年间技术快速的发展和其应用普及率的迅猛增长,使得前端人才市场一片盛况空前的景象,由于其的易入门性和不错的发展前景,吸引了众多前端爱好者和转行人员的青睐。

学习web前端发展的8个方向

技术的发展是瞬息万变的事情,web前端领域也不例外。可以说每一年在前端领域都会有一些新技术涌现和技术变革,2019年前端发展又会有哪些布局?我大致总结了8个方向,下面就同大家一起盘点一下。

20多岁的人做什么,将来不会后悔?

这个标题有点大,起这个标题的时候我自己都有点害怕,事情是这样的,前两天在知乎上写了一个回答叫20多岁的人做什么,将来不会后悔?我正好也是20多岁,就回答了这个问题

如何学习css?了解css历史/优势

CSS(Cascading Style Sheet,层叠样式表)是由W3C(万维网联盟)的CSS工作组创建和维护的。它是一种不需要编译,可直接由浏览器执行的标记性语言,用于控制Web页面的外观

开发 7 年,我学到了什么?

相信每位开发者在自己开发的过程中,都会反思一些问题,比如怎样提高编程能力、如何保持心态不砍产品经理、996 之后怎样恢复精力……作为开发者,你工作了几年?在工作过程中学习到了什么呢?

刚毕业想学习web前端,该怎么学才能最快入门?

首先无论你要学习任何技能,必须有一个清晰的版图,什么是清晰的版图呢?首先了解你学的技术将来要从事什么工作,这个工作的条件是哪些?然后你要有一个非常清晰的学习大纲

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!