0基础刚开始学前端,该怎么学呢? -凯发旗舰

如今在整个技术领域，web前端开发永远站在第一线直面用户体验，已成为当下互联网行业紧俏的高端技术岗位，越来越多的人想要学习web前端，成为一名web前端开发工程师。但是，对于不少0基础想进入这一行的朋友们来说，肯定会有很多的疑惑，前端到底要学些什么内容？0基础刚开始学前端,该怎么学呢？学习前端到底难不难？毕竟要想学习web前端，这些问题都是必须要了解清楚的。

今天安妹就来跟大家详细说说：什么是web前端，前端可以做什么，0基础刚开始学前端，该怎么学。

什么叫web前端？

web前端开发是从网页制作演变而来的，互联网的演变进程，网站的前端也由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片，各种富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技术实现的。无论是开发难度上，还是开发方式上，现在的网页制作都更接近传统的网站后台开发，所以现在不再叫网页制作，而是叫web前端开发。

通俗的讲，“前”代表与人直接展示的部分，包括界面与用户的交互等，“端”代表输出终端，如pc浏览器、手机浏览器，以及app、应用程序等。那么，合起来的意思也就是这些浏览器、app、应用程序的界面展现以及用户交互就是“前端”。前端的主要职能：把网页界面更好的呈现给用户，与后端相比更加注重页面性能与用户体验。

web前端开发有很明显的时代特征，它掌控着非常重要的内容和信息的传达，前端开发人员影响着用户的视觉体验，并且在很大程度上决定着大众的信息摄入，以及用户读取信息的有效方式，所以企业对于前端开发的人才需求量也越来越大。

从招聘网站分析，其用人数量已经远远超过主流编程语言java、asp、和ios等的开拓人员的数量。随着谷歌、youtube、twitch等大型企业纷纷将视线转投向web前端，更加确认了web前端在互联网时代的发展远景。据统计，我国对于web前端工程师人员的缺口将达到几十万。目前，北京、上海、广州、深圳等地web前端工程师的薪资待遇更是一飙再飙。安妹所在的成都地区，目前web前端发展也是一片向好，具体可以看看安妹之前写的文章，已经讲过很多了，此处略去不表。

web前端开发工程师是做什么的？

web前端开发岗位有五大特点：一、行业紧俏度高：技术更新快、需求高涨、用人缺口大；二、学习难度低：初期以背单词为主、中期培养程序思维、后期注重项目练习；三、就业选择多：涵盖包括网站、游戏、手机app、物联网、桌面应用、小程序、3d渲染、数据可视化、vr&ar等应用领域，应用范围极为广阔，十分受互联网企业青睐；四、起始薪资高：高于大部分非编码类岗位、高于部分后台开发类岗位；五、职业生涯广：与用户需求/体验直接关联、与项目数据/逻辑直接关联、快速接触到更多岗位内容。

web前端开发工程师需要学习什么？

对于0基础/初学者而言，在学习web前端时很容易陷入理论派以及不知道怎么去学习，如何系统学习的一些误区，经常是学一个阶段就迷茫了，这个原因大体就是目标不明确，以及学习路线不清晰造成的。因此，你需要明确web前端培训要学哪些东西，学习路线是怎么样的。安妹今天就以国信安深受好评的前端课程大纲为例，给大家讲讲：web前端需要学什么？

第一阶段: web开发流程及网站规范、h5c3基础与进阶

◇了解互联网，web相关技术

◇具备静态网站设计与制作能力，可实现pc端与移动端布局

◇熟悉开发工具的使用，浏览器调试控制台的使用等

◇会使用切图软件进行页面制作，如photoshop 的使用

◇对html5新特性以及css3新特性有深入理解与掌握

◇适配不同分辨率下的屏幕

第二阶段web前端逻辑基础

◇能够独立完成常见的网页特效效果，如标签页、弹窗、轮播图等

◇具备编程思维能力，可独立思考逻辑，会利用算法及数据结构进行开发训练

◇掌握 jquery库的基本使用，并能了解其实现的原理，并对 jquery插件进行使用

◇熟练使用bootstrap进行响应式开发，并适配移动端及平板、pc端

第三阶段web前端进阶课程–全栈开发

◇熟悉前后端分工，前端与后端如何进行配合，完成一个高质量的项目

◇掌握es6 到es10提供的新语法及新特性

◇深入理解promise及模块化编程

◇熟练完成项目功能点、完成数据渲染使用echarts进行数据可视化

第四阶段web前端高级框架课程

◇能够独立完成前后台相关功能，胜任h5全栈开发工程师职位

◇掌握项目工程化、自动编译、脚手架等内容，实现完整项目开发

◇掌握企业流行框架，可快速上手并能配合后端人员进行高效开发

◇掌握移动web app 的开发模式，能够独立架构项目系统

◇掌握小程序云开发，独立进行多端开发，适配各类小程序及h5应用

0基础怎么学web前端？

如果自己很感兴趣的话，可以考虑去系统地学习一下，你之前自学过有一定学习基础，这点还是很占优势的。安妹最近刚和我们前端班一个转行学前端的同学聊了聊，他分享了一些他参加前端培训的感受，和自己的学习经验、心得。这里也分享给你，希望对你有所帮助。

听国信安web前端217部何同学聊聊他的培训故事

我是零基础转行的，其实一开始我学起来感觉还是很吃力的，觉得很困难。学前面的标签的时候，一开始我连编辑器是啥都不知道，就学着感觉这怎么回事啊怎么是这样的，写出来为什么会变成这样。当时我记得第一天上完预科，晚上回去觉都睡不着，脑袋里面就一直在转，到底是为啥。

然后其实后来回过头来看，自己可能以前学东西的时候是比较浮躁的吧，就是还没有真正能够静下心来去学。毕竟对自己来说，这是一门新的东西嘛。其实你通过去自己看网上的一些例子啊，然后自己去找一些文档来看，其实你慢慢地还是可以接受的。你投身这个行业，还是要自己能够静得下心去钻。大多师哥师姐分享的都是要敲多敲，敲了你就会了，代码就是这样的。

在这边印象比较深的是，当时我们最开始班上要分组，要给小组画一个小组队标。因为我开始一来就在我们小组当了小组长嘛，其实也是我们一个组员给我推上去的。他说你要上去试一试，我要在你的组里面。当时我就参加竞选，然后当了小组长。当时我们就一起在网上找图，画小组队标，我们的小组名字叫佩奇一家。

其实因为一开始大家彼此之间不是那么熟悉，但是你通过一件事情让大家协作去完成这一件事情的时候，其实在完成这件事情的过程中也是大家一个相互熟悉了解的过程。然后我觉得当时我们在合作做队标的时候，这个过程下来我感觉小组中的人还是非常好的，大家也是非常愿意去沟通交流，性格也都很好。

学习方面，第一个心得或者建议就是预习很重要，尤其是学js的时候，如果你真的提前看了一遍，网上找一些视频先看一下先过一遍，然后再去听我们的老师讲课，效果是完全不一样的。第二个的话还是那句话，平时你一定要多练，真的多练，这可能是大家听的最多的，但是也确实是最实用的。因为你不敲代码的话，确实会生疏。另外就是遇到问题，比如你遇到一个bug，如果你在10到20分钟之内没有解决，你一定不要卡在那儿了，赶紧去问别人、去求救别人，不要去浪费这个时间。

面试的话，首先还是你自己要有一个充分的准备吧。不要单纯看到别人投简历你也跟风投。你自己没准备好去投的话，你可能会浪费自己的机会。比如这家公司你投了但是你没准备好你去面了，他没让你过，你下次要想再投这家公司，你可能要等到一个月两个月之后了，因为他都已经知道你了。

第二就是，其实面试多多少少还是有点紧张的，就像我一样，其实我第一次去那个公司面试，感觉做自我介绍的时候声音都有点抖，说话语气反正就不大对。所以你可以先试着去投一两家你不是特别想进的公司，争取得到一个面试机会，先去试一下，感受一下这个面试的环境是怎么样的，这个很重要。等到你遇到喜欢的公司再去面试就不会那么紧张了。

还有的话就是面试题是逃不过的，该背的一定要背。这个东西偷懒的话是没人可以帮你的。

我当时就业老师推荐了工作之后，大概是隔了一天就通知面试，当时就下午一面，晚上又是二面，面了之后又等了几天才等到了这个offer，中间自己一直很忐忑的。因为我当时是周五面试的，过了一个周末，就觉得这么久也不通知，也不知道自己到底是什么情况。

好在是最后拿到了通知说过了。那一刻还是比较开心，因为自己说实话来培训之前我的期望薪资就是培训出来之后能大概有个8k，相比我以前工作的薪资来说，我觉得就已经不错了，然后没想到超出了自己的预期，所以说还是比较高兴的。

非常感谢国信安这次的培训，感谢自己的这个决定来了国信安。

在学习过程中，无论是碰到的我们项目经理、授课老师还是班主任，都还是很可以的，会很耐心地给我们解答一些疑问，所以说还是非常感谢他们的。