要想成为一个优秀的前端工程师，肯定是要有一份良好的学习教程！
先给大家看看一个年薪30的前端程序员该学习哪些？
好的web前端年薪会有多少？一定要看到最后
不少前辈高人们放出了自己的工资截图，也有新人出来表示瞻仰。高的4，50w往上走都有（更高的个例也不是没有），低的实习小几千的也不少，最后总结了一下，其实可以凝聚为两个词——“技术”和“经验”。
其实这个不难明白，企业的最终目的就是为了盈利。人家给你开那么多的工资必然是因为你能够给公司创造更大的价值。那问题就来了
前端真的能创造这么高的价值吗？
估计现在还有不少小伙伴们还在认为前端就是一个写写静态页面、加点动态特效、调用几个API的工作。不 不 不
……那都是上古时代的前端们了。
年薪高的前端们都在做些什么呢？
一、 WEBAPP开发
大家还记不记0几年的时候我们大多数电脑用户的桌面上总是少不了各种各样的视频播放器、小型办公软件以及烦人的flash等，而那些现在是不是都已经失去踪迹。
这是因为客户端软件本身就是违背了互联网哲学的核心宗旨的，软件本应就是随点随用，不限设备和地点的。
你说，这么高技术的前端薪资能低吗？
二、 全栈开发
高中的时候喜欢和小伙伴们一起踢足球，那个时候班上有一个特别厉害的前锋，用我们老对手说的话就是：“挡也挡不住，跑也跑不过，绊都绊不倒”，在互联网中这个牛逼的前锋就是一个全栈工程师。
随着 node.js的横空出世，极大程度的降低了前端工程师向后端领域拓展的难度，越来越多的高级前端工程师向着全栈发展，一肩挑起了企业项目开发的所有环节。
你说，这么能干活的前端薪资能低吗？
三、 游戏开发
随着HTML5的快速发展，flash已经正式被adobe公司判处了死刑，各种网页游戏的开发和更新也由flash平台转战为H5平台，高级前端们可以轻松的使用Canvas和WebGL等技术开发各种在线游戏，又基于H5高度的适配性，无论是PC端、平板电脑还是移动端都能够完美的运行游戏
H5在线游戏 Battle For Kingdom
H5在线游戏 Soldiers Inc.
这些在线游戏无需任何软件环境，无论是PC还是平板或是手机，浏览器打开就能玩，游戏的受众较之前多了数倍，游戏公司老板的脸都笑出褶子了。
你说，这么会赚钱的前端薪资能低吗？
拿到30w年薪很难吗？
前几年一直热闹非凡的前端技术栈、框架还有人才市场，直到2017年才慢慢回归理性，沉淀下的人才质量比往年更高，整体的议价能力自然也在往上走。
然而说做前端的，拿到30w年薪很难吗？说容易也不容易说难也不难，前端开发易学难精，保持着技术的沉淀和高效的学习能力以适应前端技术快速迭代，是必备的能力。
也有越来越多的前端是由后端转入。2017年11月，Mozilla宣布默认支持WebAssembly，这在所有主流浏览器（不包括IE11，因为它早已经被程序员们抛弃）。如果说TypeScript像C#、像Java，那么WebAssembly的出现则让很多熟悉C、C++等的程序员可以直接转为前端，而且中间没有任何学习成本。这部分开发人员比纯前端开发来说有着更强的议价能力。
光看人家那么牛逼、辣么浪，
我也想成为这样的前端肿么办？
我们有不少前端小伙伴平日里的工作就是不停的写写页面，维护代码，根本接触不到上面的这些高大上的前端领域，至于说精通这些技能点那更是无从谈起啦。也有很多初学前端的小伙伴，看了很多书籍视频却无法做出成功的项目案例。
最后web前端学习资料分享图：
我自己是一名从事了7年开发的老程序员，今年年初我花了一个月整理了一份最适合新手学习的web前端干货，从最基础的HTML+CSS+JS到移动端HTML5都有整理，送给每一位前端小伙伴，这里是前端学习者聚集地，欢迎初学和进阶中的小伙伴。
图中文档资料获取可加q u n：?767273102 进qun后私聊管理即可获取
原文地址：https://blog.51cto.com/14392904/2412925