零基础学习web前台,学习路线让你少走弯路

作者 : 开心源码 本文共3246个字,预计阅读时间需要9分钟 发布时间: 2022-05-13 共157人阅读

故事开始

我大学读的是大专,在学校学的是机电一体化。临近毕业的时候选择了学习web前台技术,由于做机电实在又累工资又低,而我更喜欢坐办公室的工作,有空调吹,我很现实,就是想多赚一点钱。到现在做了两年前台的小程序员,月薪是13K,经历过两次跳槽,第一次跳槽拿到了10K的offer,第二次跳槽拿到现在13K的offer。

选择学习前台之前我也有想过要学什么,最后我为什么选择学习前台呢,由于当时这门技术比较火,自己对于计算机也是有兴趣,薪资待遇也不错,并且相比较java后台,前台更容易入门。

在学习过程中也有遇到许多问题,比方边学边忘,当时觉得教程中的内容自己都可以听懂,并且可以模仿写出代码,完成作业。但是过一段时间重新做题,我发现自己忘得一干二净,后来一个前台大佬提示我,学习要时常进行复习和把学到的知识应用到真实的场景项目中。

还有一个很重要的问题就是学习心态爆炸的问题,主要是由于遇到一个问题无法处理,自己琢磨了五六个小时都看不出是什么问题,一天的时间都花在这个小问题上面,就会觉得自己笨,自己不行,对自己产生了严重的怀疑。而这种情况几乎是每天都发生,由于自己从未接触过这方面的知识,所以根本找不出问题在哪里。的确走了不少弯路,不过好在自己坚持了下来。

那么接下来就说说零基础要怎样学习web前台。

web前台开发要学的知识内容涉及的会很宽泛,尽管说主要是html、css和JavaScript这些基础知识点,但学前台开发除了要学这些基础知识外,学员还要在这之上进行延伸和深入的去学,而且互联网时代不断发展,掌握了这些新技术、新技能,在职场的竞争力必然会翻倍提升。

一、零基础学web前台开发要怎样去学?

首先要学习的就是基础知识:html、css和JavaScript。HTML是内容,CSS是体现,JavaScript是行为。前台开发的门槛其实非常低,与服务器端语言先慢后快的学习曲线相比,前台开发的学习曲线是先快后慢。 所以,对于从事IT工作的人来说,前台开发是个不错的切入点。也正由于如此,前台开发的领域有很多自学成“才”的同行。HTML是最基础的,现在流行的是HTML5设计,能更好的为手机端服务,要先学会网页布局。CSS是用来美化HTML页面的为页面提供布局和格式。最后再学JavaScript。

下面为大家总结了一条前台学习路线,大家可以参考一下。

1、css和html: 刚入门的朋友,应该把重点放在css和html基础知识的学习上。关于CSS(3) 你需要理解以下少量知识点:

  • 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技术栈项目的开发能力,基本能够达到中级前台开发工程师水平。

看到这里,相信大家对于如何学习前台已经有了肯定的理解。实际上,关于前台的学习路线不是固定的,但是按照目前市场的潮流来说,以上总结的知识点都是前台开发工程师必需要掌握的技能。想要学习的伙伴可以戳我,一起交流学习。在学习前台之前我们也需要仔细的考虑。

在开始学习之前你需要做到以下5点:

第一:需要达到什么样的技术水平才能就业? 既然是为了就业,你就要知道学习web前台编程技术需要达到什么样的技术水平,才能取得一份web前台开发的工作。就好比高考的一个分数线,你能否能被大学录取,要看你能不能过分数线。软件公司录用你,也是有一个标准,所以首先你要知道学习web前台编程技术应该能达到什么样的水平才能就业。

目前行业就业标准:需要有项目开发的经验,一年经验web前台开发项目经验以上,进公司一周后可以参与项目模块的开发

第二:明确web前台都应该学习什么企业需求的技术 IT行业技术升级的比较快,所以我们一定是学现在企业需要的技术,而不是少量已经淘汰的技术。所以作为一个零基础开始学习web前台的人,你应该理解你现在需要学哪些技术,这些将是你要攻克的内容。

第三:正当的学习周期计划 正当的学习计划周期,你要学一个专业很强的技术,你一定不能盲目的学,一定是要把所有的内容进行分块来学。每天的内容都是固定的。学习编程有一个词语叫做“循序渐进”。不能急也不能拖。每天学习的量要差不多,而后完成每天的知识,并且把它掌握,每天做多少练习,完成什么作业,都要明确。 这要根据你的学习能力接受能力以及每天付出多少时间来学习制定的正当周期。 举例:假如一天8个小时,建议总时长4~5个月。

第四:有一个指导你的技术大佬 假如决心想学好web前台编程技术,就需要在前期有一个技术好的人指导你。全程靠自己自学web前台编程技术的人其实心里是并不想学好的。大部分都是不想付出就想得到回报的。由于web前台编程技术专业性很强,前期是必需有人带的。主要是由于遇到问题无法处理,处理起来效率非常低,也会越学越迷茫,最后导致白费时间。缺少跟专业的人交流的过程,毕竟高薪不是随意拿着,假如每个人都可以靠自己自学会web前台,那你应该是985、211这种学习能力很强的人。因为不是这个行业的人,对于编程学习的方法一无所知,所以肯定会造成走很多弯路的结果,最后导致放弃。

第五:意志坚定形成每天的学习习惯 以上4点都处理之后,剩下的就是半年如一日的每天学习了。根据我接触的人来看,大部分的人都会在中途放弃,主要起因就是渴望值很低,你想要得到一个东西,你必需非常渴望,并且付出很多东西,大部分人都不是这样的,所以坚定自己学习web前台编程技术的决心很重要。

在入门学习前台的过程当中有遇见的问题,都可以加入前台入门,里面聚集了少量前台的初学者,也有老师。可以获取免费学习资料,关于html,css,JavaScript,vue等各方面的面试题。

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » 零基础学习web前台,学习路线让你少走弯路

发表回复