4

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

 3 years ago
source link: https://my.oschina.net/u/4696788/blog/5005343
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
如何学习前端?前端学习路线总结 - sxxbxh的个人空间 - OSCHINA - 中文开源技术交流社区

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

  1、CSS和HTML

  刚入门的朋友,应该把重点放在 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、库工具

  我们常用的库工具有JQuery、underScore、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://jbk.39.net/yiyuanzaixian/zztjyy/


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK