学习前端开发到底有没有发展?

首先,我们来看一下目前前端的市场是怎样的!

我们可以清晰的看到在3月份市场上就有近18万个前端岗位急需人才,各平台的平均薪资在10K~12K 左右。

互联网公司的前端缺口如此之大,以至于HR整天因为找不到人而焦头烂额!

那么为什么现在还有这么多前端的小伙伴抱怨说工作难找呢?

这是因为这些招人的公司所需要的是一个“靠谱的前端”。

现在市场缺的都是哪种 “ 靠谱的前端 ” 呢?

我们先看看国内的大佬们对于前端的技能需求是什么样的。

腾讯:

美团:

从图中可以看到,现在的高级前端需要具备哪些技能!

需要扎实的原生JS基础,深入理解W3C标准和ES规范;
需要具备前端性能优化的能力;
要对H5、CSS3以及当前常见的前端框架有着深入的研究;
需要一定的工作年限

前三项自不用说,哪个公司也不会想要去招一个啥也不会的大爷回来。

那为什么大多数企业都会要求应聘的人有一个工作年限呢?原因很简单,他们想要一位拥有来了就能立刻投入新工作的能力的员工,这样就可以给公司省下大量的内部培训成本。换言之,企业需要员工具有独立完成项目的能力,其实我们都知道,工作时间的长短并不代表你能力的高低,公司在招聘上明确要求工作年限,只是企业选择的一个替代的筛选条件而已,这样就可以省去HR的大量的甄别时间。如果你真的技术ok,有过项目开发经验,符合面试的要求,你完全可以去公司面试,只要面试的时候,技术过关,表现得当,被录用的机率相当高。

总的来说,对于企业而言,他真正想要的是一位拥有扎实的原生JS、深入理解W3C标准和ES规范并且能够独立完成优秀项目的能力的员工。

而在那顾影自怜、自怨自艾的“前端们” 一般可以总结为以下几类:

第一类:切图仔

前些年,前端技术还不发达,那个时候的前端大多从事的工作就是把设计师完成的设计稿给切成静态页面,再加上一些小动画。

这类人的技能在日复一日的切图中停滞不前,直到现在也只会用jQuery写一些小特效和切图,完全无法满足当前市场对前端的技术要求,自然就是姥姥不疼舅舅不爱的。

第二类:顽固派

jQuery的出现给早期的前端领域注入了一剂强心针,前端工程狮们不再需要投入大量的精力去解决那些令人蛋疼的浏览器兼容问题,从而减少了项目跨浏览器兼容的工作量。

一时之间jQuery大行其道,俨然有一统江湖的声势。然而近几年前端领域大爆发,各类框架层出不穷,并在GitHub中JavaScript一举成为最流行的编程语言。

而部分老资历的前端们守着旧知识不进行更新学习,抱着陈年旧历不愿醒来,这样的人自然就与前沿的前端技术相绝缘,无法满足现在前端市场的需求,理所当然的不受HR的欢迎了。

第三类:新进小白

由于前端入门门槛低,加之IT行业薪资水平高,不少小白们去网上找几本权威指南的pdf,看几个礼拜书,再撸几个静态页面加上几个小动画就自诩为自学成才的前端工程师,简历上再美化美化加上个几年的工作经验,就敢去面试了。

然而,无情的现实告诉你

对于一个连闭包、原型链、同步和异步都说不清楚的“前端”,哪家公司要你啊?

什么是扎实的原生JS基础以及对框架有着深入的研究?

首先我们必须看得懂当前各种框架的源码。

如果人家使用原生 js 封装的作品我们看都看不懂,那还谈得上什么精通JS?

其次,我们还得会自己造轮子,我们要掌握根据自己的需求封装属于自己专用的插件,或是对当前市面上的框架进行二次封装,实现我们所需要的功能。

只有当我们拥有这些能力的时候,我们才能在面试官前理直气壮的告诉他:

朕精通 JS,肉眼 debug,徒手撸框架。

So,现在的确缺前端,而且缺的是有过硬技术的前端!

那么如何去提升我们的原生JS 能力呢?

一、初级前端开发 千里之行,始于足下!每一个大神都必须经过的道路,夯实基础才能走的更远,站的更高。

HTML+CSS网站页面搭建
CSS核心与PC端整站页面开发
HTML5移动端页面开发
网页敏捷开发技能

二、JavaScript初级 前端开发的持续热门,很大的功劳要归结于JavaScript的飞速发展。JavaScript是世界上最流行的脚本语言,因为你在电脑、手机、平板上浏览的所有的网页,以及无数基于HTML5的手机App,交互逻辑都是由JavaScript驱动的。

ECMAScript核心标准学习
DOM高级操作与实战应用
BOM高级开发与原理解析
业务模型解析与实战开发

三、JavaScript进阶 在工作中,前后端分离的时代,前后端数据交互以及数据处理尤为重要,同时深挖原理,深入底层,为高级JavaScript开发打好根基

AJAX数据交互与JSON数据处理
词法作用域&&上下文&&高级业务模块
高级函数&&this&&包装对象&&闭包等
对象解析与面向对象开发
在此我向大家推荐一个前端全栈开发交流圈:784783012 突破技术瓶颈,提升思维能力

四、JavaScript编程精要 随着业务代码越来越熟练,我们开始接触更加深入的前端业务模型,深入原型与设计模式,通过原生开发属于自己的框架

原型开发与OOP深入应用
高级算法与数据结构之实战应用
ECMA5/6新标准学习实践
插件封装原理与框架开发
高级设计模式(工厂模式 , 委托模式… MV*架构模式)

五、H5高级项目开发 随着移动换联网的到来,pc端web保有量持续下降。从软件角度来看,桌面浏览器对HTML5的支持高于移动浏览器,最高可达95%;而H5高级开发并不仅仅只是移动端哦

高级3D应用场景
H5游戏开发与大数据图形处理
多媒体APP项目开发
WEB APP底层交互设计
mobile业务模型封装
LBS定位系统实战应用
多线程处理与本地存储
异步交互与实时通信引擎
微信JSSDK微网站实战开发

六、企业级项目开发 在工作中,并不单单依靠技术实力,还需要有通用技能与项目组协作开发能力支撑,是工作经验的体现。

WEB服务器搭建与运维
Photoshop切片与Iconfont矢量图标
协作开发分布式管理系统 / Git与GitHub
项目重构与维护
项目测试与性能优化
jQuery/Bootstrap/Swiper/iScroll/Less/Sass

七、一站式建站系统 一些中小型项目中(门户,博客,论坛,小型商城等),我们需要掌握常见的前端模板开发后台系统,独立完成动态交互整站开发

DeDe CMS开源内容管理系统
WordPress个人博客管理系统
Discuz! 论坛系统
ECSHOP 商城管理系统

结语

很多时候跟着书和网站查找资料学习,会发现没有目标,学了很多却不知道自己到底能够做出什么成绩。要有一个清晰的职业学习规划,学习过程中会遇到很多问题,你可以到我们的前端学习交流q-u-n【 784783012 】,基础,进阶。从企业招聘人才需求 到怎么学习前端开发,和学习什么内容都有免费系统分享,让你无论是自学还是找相应的培训都能让你少走弯路。希望可以帮助你快速了解前端,学习前端

点击:加入

原文地址:https://blog.51cto.com/14227711/2360554

时间: 2024-10-07 19:47:32

学习前端开发到底有没有发展?的相关文章

前端是什么?如何系统地学习前端开发?

前端是什么? 工作流程为从UI处得到原型图或者效果图,在项目(网站.微信公众号.小程序.WEBAPP)中还原图片效果,然后与后台进行各种数据交互. 目前的前端市场整体还是处于迅速发展期,市场对于前端的需求也一直比较大.市场对于中高级的前端工程师需求更加迫切,所以就算入了前端的门,也需要不断的提升自己,无论你是学院派,还是培训派,还是自学派,都应该具有强烈的学习意识. 目前入门前端的人群分类 1.计算机相关专业出身系统走过计算机的理论基础,比如计算机组成原理.操作系统原理.计算机网络.算法数据结构

年龄大了能不能学习前端开发?

本人前大厂前端工程师,<javascript设计模式>作者张容铭,目前专注前端方面的教学 互联网+时代,web前端市场需求大.随着信息产业的迅猛发展,行业人才需求量也在逐年扩大.据国内权威数据统计,未来五年,我国信息化人才总需求量高达1500万—2000万人.其中“网络工程”“web前端”等人才的缺口最为突出. 很多人都开始转行这个领域,那么年龄大了学前端算不算晚呢? 如果我们以三十岁为分界线的话,那么学习前端的话转行无非就是为了赚钱和兴趣. 其实对于能不能转行到前端开发,年龄并不是绝对因素,

前端开发到底需要掌握哪些知识?

但凡从事互联网的人基本都会写几行 html,用过 Word 的人用 Dreamweaver 也能做出规整的页面,所以大部分人会很自然地认为"页面的开发没什么技术含量,很简单".不仅有这种普遍的认知,对从业者来说也有很多疑惑:做页面前端实 现,没问题;兼容性,小 case;图片集成,一直都在用--还能有什么问题?瓶颈啊.天花板啊.转型啊.出路啊就在从业者中广泛讨论.是不是真的没什么问题了呢?网易邮箱前端技术中心也设立好几年了,似乎有着讨论不完的话题,也经常会有一些新的想法让大家为之一振.

零零基础学习前端开发

选择有时候比努力更重要 这是写给我表弟制定的学习路线(之前没接触过电脑). A: 一. 电脑基础知识() 1.计算机基础知识教程  http://51zxw.net/list.aspx?cid=354 从三个部分了解计算机: 计算机的躯体-硬件系统.计算机的灵魂-软件系统以及计算机的精彩世界-计算机网络. 二. 前端开发(Html/CSS.Javascript.jQuery.Web.Bootstrap.Nodejs.MySQL) 工具使用  git\dw\notepad++\vim\zen-co

开始学习前端开发吧

据说最好的输入是输出,所以听我讲给你听我学到的东西吧. 学习前端入门时,无论在哪儿都告诉我们,要学习HTML+CSS+JS.google之,得到html是超文本标记语言(英语:HyperText Markup Language,简称:HTML). 标记语言,意味着这个不是编程语言,而是用来标记文本的,把标题标记为标题,段落标记为段落,这样,浏览器就能知道这些文字是什么,并用更好的格式显示出来,换句话说,如果你仅仅使用HTML+CSS制作一张网页,上面的各种特效.格式,是你选择出来,而不是制作出来

从零开始学习前端开发 — 3、CSS盒模型

★  盒子模型 (标准的盒模型) css盒模型的概念及组成 css盒模型是css的基石,每个html标签都可以看作是一个盒模型. css盒模型是由内容(content),补白或填充(padding),边框(border),外边距(margin)四部分组成(具体如图所示) 1.内容(content) 宽度 width:数值+单位; 高度 height:数值+单位; eg: .box{width:200px;height:100px;} 2.补白或填充 (设置内容和边框之间的距离) 语法:paddi

从零开始学习前端开发 — 7、常见浏览器兼容性问题及图片整合技术

一.常见浏览器兼容性问题 1.双倍浮动bug 描述:块状元素设置了float后,又设置了横向的margin,在IE6下显示的margin值要比设置的值大 解决方案: 给float的元素添加display:inline;将其转换为行内元素 2.表单元素行高不一致 解决方案: 方案一: 给表单元素添加 vertical-align:middle; 方案二: 给表单元素添加 float:left; 3.IE6不识别高度小于10px的容器 解决方案: 方案一: 给元素设置 overflow:hidden

从零开始学习前端开发 — 6、CSS宽高自适应

一.宽度自适应 语法:width:100%; 注: a)块状元素的默认宽度为100% b) 当给元素设置宽度为100%时,继承父元素的宽度 c) 通常使用宽度自适应实现通栏效果 二.高度自适应 语法:height:auto;(等同于不给元素设置高度) 三.最小高度,最大高度,最小宽度,最大宽度 1.最小高度 语法: min-height:数值+单位; 注:IE6不识别min-height属性,解决方案如下: 方案一: min-height:100px; _height:100px; 方案二: m

从零开始学习前端开发 — 5、CSS布局模型

一.css布局模型 1.流动模型(Flow) 元素在不设置css样式时的布局模型,是块元素就独占一行,是内联元素就在一行逐个进行显示 2.浮动模型(Float) 使用float属性来进行网页布局,给元素设置float后会脱离正常的文档流 3.层模型(Layer) 使用position属性对元素进行定位设置 二.定位 语法:position:static(默认值)|absolute(绝对定位)|relative(相对定位)|fixed(固定定位); 1.绝对定位 语法: position:abso