相信大部分在学习的时候都会面临这样的问题,毕竟学习完的最终目的还是能够找到一个心仪的工作~ 不过也不用头疼~ 找工作除了你自身的技术条件要过关之外,面试简历可以说的非常重要的了~ 一份优秀的简历可以让HR对你眼前一亮~

给你提供下简历的思路和模板~

1.项目类型:

1后台管理系统

2移动端(webapp)

3微信小程序

4微信公众号

2.工作年限

3年工作经验5个项目以上
2年工作经验项目4个项目

个人能力提升
团队能力提升
高要求、清晰的目标
团队建设

3.技术栈

Vue+vuex+vue-router+webpack+ES6+node+vue-resource+mock+art-template|(12k)

React+redux+react-router+webpack+ES6

4.项目查找网站

https://www.leapcloud.cn/website/case
http://www.apicloud.com/cases
https://www.liqucn.com/
http://www.wxapp-union.com/(小程序)
http://app.weijuju.com/all_tpl.html?list=03_0_0(小程序)
http://adhub.com.cn/#!/case
http://www.pc6.com/pc/shoujikanche/10/
https://www.jfh.com/
https://www.misuland.com/

5.常用插件

https://www.toutiao.com/i6599426533952061956/(vue常用插件)
https://www.toutiao.com/c/user/3969351329/#mid=1577759178270734(reactes6学习)

https://juejin.im/entry/58e9a4cfb123db1ad05e0300(前端开发常用插件)

https://github.com/yygmind/blog(前端高频面试文档学习)

6.项目介绍

使用了什么技术、实现了什么功能、遇到过什么样的问题、怎么解决的

我做了XX项目重构,用了XX技术方案,克服了XX的困难,最终让XX这类需求变更可以短平快的被消化,极速研发、快速上线、且数据采集也做到了标准化,研发成本大大降低,数据积累增长迅速,比如XX,最后在XX产品线中开始推广。
具体: xxxx后台管理系统:
1.使用vue-cli搭建项目基本结构,对项目进行模块化划分,并集成ivew组件库、axios请求库
2.利用axios拦截器实现了权限校验,对系统的登入权限进行控制,避免了无效请求
3.利用vue-router路由钩子函数实现系统角色权限控制,使不同权限的角色可以查看不同的模快
4.使用iview进行组件化开发,实现了登录、用户列表、访问统计、个人信息修改、权限配置、角色管理等页面
5.自定义日期选择组件实现,使用自定义指令、过滤器、注册全局组件等技术实现多个组件共享日期选择器组件

xxxx移动商城
1.负责登录、注册、商品列表、购物车、订单等模块
2.使用rem对页面进行布局,以适应不同设备屏幕
3.实现了注册、登录业务逻辑,包含第三方登录,使用了cookie、localstorage等技术进行数据存储
4.负责购物车、订单页面业务逻辑,集成第三方支付

6.0.1.专业技能

-熟练掌握HTML5、CSS3等前端技术,熟悉HTML5新特性,且能熟练应用CSS实现动画效果
-熟练使用jQuery,zepto等库快速进行网站特效开发;
-熟练使用bootstrap和栅格系统进行响应式布局,熟悉常用插件(fullpage、pagenator、Validator);
-熟练使用UI框架库element-ui,iview-ui,cube-ui,vant-ui,mint-ui等
-熟悉vue、vue-router、vuex、webpack、es6等相关技术,可以使用vue-cli脚手架进行项目开发
-掌握微信小程序开发以及微信公众号开发
-了解node.js,react.js,angular.js以及MVC&MVVM设计模式与模块化开发流程。
-了解混合App开发,掌握hbuilder、cordova、ionic等打包技术—-熟练两条技术栈:Vue+vuex+vue-router+webpack+ES6+node+vue-resource+mock+art-template|(12k)React+redux+react-router+webpack+ES6
-熟练掌握大型后台项目的构建:MVC、MVVM的开发模式
-熟练掌握JavaScript常见设计模式-熟悉移动端APP混合开发,设计交互模式

6.0.1.提前准备

1.哪个项目让你最满意、代表你的最高水平?如何做的?
2.让你印象最深刻的一个(技术)难点,害的你搞了很久,最后怎么解决的,有什么心得?
3.你做的时间最久的一个项目(或产品),你看到这个项目有哪些问题,你能做什么?
4.你能给我们团队或者产品带来什么?

6.0.1.问面试官

1.贵公司主营业务是什么,目前正在做什么项目
2.目前技术团队有几人(8),分工是什么样的,后台是什么语言(如果有前端开发,可以问一下目前前端使用的是什么技术栈)
3.如果我到贵公司,那么主要负责哪一块内容
4.贵公司晋升机制是什么样的?
4.是否双休?是否有五险一金?

简历模板参考:



在你找工作之前,首先要明确你进入前端行业的发展路径,下面就向准备选择前端开发的你,介绍一下前端开发工程师这个岗位常见的几条职业发展路径,为面临职业规划的你提供一些参考。

由于每个人的性格特点不同,所以我们从技术、产品、管理、创业四个方面为前端开发工程师规划了四条职业发展路径,分别是:
路径 1:前端开发工程师 →CTO
路径 2:前端开发工程师 → 产品经理
路径 3:前端开发工程师 → 部门经理
路径 4:前端开发工程师 → 创业者

一名前端工程师步入职场,主要的工作就是根据公司的产品需求,做各种各样的网页。通过这些页面可以:

  1. 向用户展示信息,例如:展示商品信息等;

  2. 接受并处理用户交互,例如:点击某一个商品类别跳转查看详情页面等;

  3. 接受用户输入并做后续处理,例如:查询商品、上传头像或修改订单等。

其中,界面呈现的是否美观、流畅,用户交互的体验是否友好,用户输入操作是否便捷都是由我们前端工程师

来负责的。要想顺利地完成这些工作,一名合格的前端工程师至少需要具备以下能力:

  1. 熟练掌握 HTML5、CSS3、JavaScript,实现 Web 前端界面的展现与交互;

  2. 熟练使用主流框架并对主流框架的底层实现原理有所了解,例如:React、Vue 等;

  3. 有多端开发、兼容性及性能优化研发经验;

  4. 有团队协作研发经验,熟练使用版本控制工具;

  5. 有前端工程化研发经验,熟练使用前端工程化工具;

  6. 有互联网公司的应用项目开发经验。

以上这些技能都会在黑马的基础班和就业班学习到,根据掌握的程度不同,大家在就业时大概可以找到8K~ 15K的薪资,并足以胜任现在企业对前端开发工程师的工作要求。

介绍了前端工程师的工作职责及需要的技能之后,接下来我们就分别介绍一下前端工程师的四条职业发展路 径,以及发展路径中涉及岗位的工作要求

路径 1:前端开发工程师 → CTO(首席技术官)
如果你是一名技术型选手,并致力于在技术领域长期深耕,可以考虑选择这条职业发展路径。

从一名前端工程师向CTO(首席技术官)的发展路径是:前端开发工程师→全栈工程师→系统架构师→CTO。

全栈工程师(15K~30K)

所谓全栈工程师,是指掌握多种技能,不仅能够胜任前端,而且还能够胜任后端,可以利用多种技能独立完成产品的工程师。

通过前文的介绍相信大家已经了解到,前端工程师负责向用户展示信息,接受并处理用户的交互和输入。而绝大多数要向用户展示的信息,以及对用户输入信息的保存都是由后端程序员来负责的。

作为前端工程师,在深耕前端技术的同时,如果有余力,可以考虑学习一些后端技术。我们对后端技术不一定要掌握得非常精深,但是如果对后端开发的基本模式有所了解,并能够参与到后端项目的研发工作。对我们拓宽未来的职业发展道路是有帮助的。

要做前端开发,现在普遍使用的编程语言就是JavaScript。而要做后端开发,可以选择的语言就比较多了,例如:Java、Python、PHP、GoLang等都可以。同时,随着前端技术的发展,基于Node.js同样可以使用JavaScript来做后端开发。

后端工程师除了要选择并学习一门编程语言之外,还需要学习数据库以保存数据,常见的关系型数据库有:MySQL,Oracle等,还有NoSQL非关系型的数据库:Redis、MongoDB等。

对于创业公司来说,全栈工程师的价值非常大,全栈工程师可以说是一个多面手,各种活都能一肩挑,独挡多面的万金油。但是,如果一个公司不太懂全栈工程师的价值,那么全栈工程师的地位将会很尴尬,说得不好听一 点,全栈工程师就是什么都会,什么都不会。技术有两个发展方向,一种是纵向一种是横向的,横向的是瑞士军 刀,纵向的是削铁如泥的干将莫邪。这两个方向都没有对与错,发展到一定程度都会相互溶合。

系统架构师(30K~60K)

系统架构师是一个最终确认和评估系统需求,给出开发规范,搭建系统实现的核心构架,并澄清技术细节、扫清主要难点的技术人员。

系统架构师主要着眼于系统的“技术实现”,因为 Ta 们是特定的开发平台、语言、工具的大师,对常见应用场景能给出最恰当的解决方案,同时要对所属的开发团队有足够的了解,能够评估自己的团队为实现特定的功能需求所需要支付的成本。

系统架构师负责设计系统整体架构,从需求到设计的每个细节都要考虑到,把握整个项目,使设计的项目尽量效率高,开发容易,维护方便,升级简单等。

要想成为一名系统架构师,通常需要 5~8 年的工作积累和沉淀。因为作为软件开发的设计架构师,必须拥有 一定的编程技能,同时有高超的学习新的架构设计、程序设计技能。另外,还需要了解一定的硬件、网络、服务器 的基本知识。

友情提示,如果忽视了程序设计能力的持续更新,是很难成为一名优秀的系统架构师的。

路径 2:前端开发工程师 → 产品经理
前端工程师的主要工作是“做页面”,而页面呈现的是否美观、流畅,用户交互的体验是否友好,用户输入操作是否便捷都是由我们前端工程师来负责的。

如果你非常注重用户体验,同时又不希望自己长期在编程这个领域发展,可以考虑选择这条职业发展路径。 从一名前端工程师向产品经理的发展路径是:前端开发工程师 → 产品经理。

产品经理(10K~50K)

产品经理是企业中专门负责产品管理的职位,负责市场调查并根据产品、市场及用户的需求,确定开发何种产品,选择何种业务模式、商业模式等。同时还负责推动相应产品的开发组织,根据产品的生命周期,协调研发、营销、运营等,确定和组织实施相应的产品策略,以及其他一系列相关的产品管理活动。

产品经理是产品牵头人,一般来说,产品经理是负责并保证高质量的产品按时完成和发布的专职管理人员。他的任务包括倾听用户需求;负责产品功能的定义、规划和设计;做各种复杂决策,保证团队顺利开展工作及跟踪程序错误等。总之,产品经理全权负责产品的最终完成。另外,产品经理还要认真搜集用户的新需求、竞争产品的资料,并进行需求分析、竞品分析以及研究产品的发展趋势等。

作为一名前端工程师,在工作中与产品经理打交道的频率是非常高的。页面怎么做更好看?怎么做用户体验更 好?都会经常和产品经理反复地沟通确认。因此,随着前端开发的工作积累,我们会在不知不觉中积累很多产品经 理相关的知识。

如果要转行做产品经理,作为懂技术的我们有一个非常大的优势——我们知道每个页面会用到什么技,实现难 度如何。同时我们还知道需要和哪些岗位的同事协同,如:交互设计师、Java开发工程师等。

因此,如果你对市场特别敏感,对产品设计特别敏感,同时又希望可以有更多的人协同、高效地把自己设计的 产品开发出来,并且可以给企业创造更大的价值。可以在参与了几个前端项目,有了一定前端开发储备之后,考虑 选择产品经理这条职业发展路径。

路径 3:前端开发工程师 → 部门经理
如果你对组织协调比较有天分,并且喜欢指点江山的感觉,可以考虑选择这条职业发展路径向管理岗位发展。

从一名前端工程师向部门经理的发展路径是:前端开发工程师 → 软件项目经理 → 部门经理。

软件项目经理(15K ~ 40K)

软件项目经理,通常是部门内的核心骨干,无论是技术研发能力,还是项目管理能力都是团队内的佼佼者。 如果要立项研发某一个项目,通常会任命一名核心骨干做项目经理,以保证该项目研发工作的顺利完成。随着 项目研发工作的完成,项目经理的任命也会自动被取消。

在项目实施的过程中,项目经理通常需要对项目的成本、人员、进度、质量、风险、安全等进行准确的分析和 有效的管理,从而保证项目研发工作的顺利完成。

通俗地讲,项目经理既要自己能干,又要有能力协调大伙一起干,同时还需要有强烈的时间意识和成本控制意识。如果公司的业务较多,在一个部门内,通常会有多个项目经理,因为项目经理就是随项目而生的。但是,在部门内做过项目经理通常是通向高阶管理岗位的必经之路。这是因为,一名优秀的项目经理带领团队成员成功地完成过一个又一个项目,才会得到团队中越来越多的人支持和认可,也才有可能在企业中得到更多发展的空间和机会。

部门经理

部门经理,是部门的核心管理者和责任人。部门经理最重要的工作就是根据公司的战略发展目标确定部门的核 心业务指标,然后再对目标进行拆解并制定相应工作计划。

在日常的管理工作中,部门经理对内要组织部门员工按计划执行工作,对外要与其他部门协同协调调配资源。 如果你曾经在部门中担任过多个项目的项目经理,并且优秀地带领团队完成过一个又一个项目,相信会在部门中拥有良好的群众基础和公信力。随着公司业务发展,一旦部门经理的职位出现岗位空缺,任命你作为部门负责人的几率会很高。

简而言之一句话,项目经理负责带领团队冲锋陷阵,完成一场又一场战斗,部门经理则是带领整个部门军团作战,达成公司的战略发展目标。

路径 4:前端开发工程师 → 创业者
如果你有创业的雄心,又不甘心寄人篱下,希望通过自己的努力打拼出一片天下,可以考虑选择合伙创业或自主创业这条职业发展路径。不过,要创业光有雄心是远远不够的,还需要很多很多合适的资源,例如:匹配的能力、优秀的伙伴、合适的市场机会等等。

创业是一个非常大的话题,很难用有限的篇幅阐述清楚。不过,在我们的老学员中,是有一些选择创业的,其中有成功的,也有失败的,但无论成功与失败,只要投入了,都是人生的一段宝贵经历和财富。

在此,准备一句话献给准备创业的你——提升自我,时刻准备,在这个世界上,最值得的投资就是提升自己。关于创业,要谋定而后动,在能力没有达到,机会没有成熟之前,最好不要轻言创业。

结语

通过前文的描述,相信你对前端工程师可能选择的几条职业发展路径已经有了基本的认识:

无论我们给自己规划了哪一条发展路径,当下的我们如果已经选定了前端开发工程师这门前途光明的好职业,那么首先最需要做的事情就是全力以赴提升自己。

由于我们的目标和方向已经清晰明确,因此在今后,当我们再遇到困难和选择时,相信大家都会选择坚持,并且积极地寻找解决问题的方法。随着我们能够解决的问题越来越多,能够解决的问题越来越复杂,我们的能力就会越来越强,我们能够胜任的工作机会和未来发展的可能性就会越来越多。

“所谓大神,无非都是规划得早”。加油,献给每一位选择黑马程序员的同学,加油,献给每一位未来的大神!让我们一起努力,先从把自己培养成一名合格且优秀的前端开发工程师做起。

前端详细学习路线图
阶段一基础入门:入门前端工程师的必备技能,能够完成PC端和移动端的静态页面,具备1:1还原设计图的能力。

阶段二技术进阶:进阶成为合格的初级前端工程师,能够实现页面的交互效果,实现与后端的数据联通。

阶段三Vue开发:成为中高级前端工程师的核心能力,能够实现企业级项目的功能需求,并具备内容管理系统、企业中台以及电商平台的项目经验。

阶段四React & 小程序开发:成为中高级前端工程师的进阶技能,能够满足市面上90%+公司的招聘需求,并具备网页端和移动端项目研发经验。

阶段五面试就业:能够完善简历,轻松应对企业面试场景与面试题目,成功获得心仪的offer。

第一阶段 基础入门

学前导读:为零基础学员量身定制,教你搭建PC端和移动端静态页面,让你从小白升级成网页“化妆师”,轻松掌握 HTML5 和 CSS3 相关知识。

1.Web前端零基础入门HTML5+CSS3+前端项目

课程中和课程尾配备两个实战项目,项目一类型是企业站,可以让同学们快速的将基础知识点进行反复练习;项目二类型是电商站,可以让同学们掌握更复杂的网页效果的开发流程和布局标准。本教程严格按照专业的开发流程:专业的测量工具,做到100%还原设计稿。

web前端开发入门教程,前端零基础html5+css3+前端项目视频教程

2.移动web开发实战

本课程采用2+5模式, 前两天承接HTML+CSS, 使用字体图标、平面转换、动画等,丰富网页效果和呈现方式;后5天完成移动端和多端适配效果。课程采用闭环方式设计,每天课程都有完整的案例或项目, 让学生学以致用。

web前端进阶教程,前端html5+css3+移动端项目实战(含华为新闻,b站移动端等)

第二阶段 技术进阶

学前导读:让网页“动”起来,带你学会前端工程师核心语言——JavaScript,实现网页数据交互与动画效果,并实现与后端数据的联通。

1.JavaScript深入浅出-0基础入门神器

学完本课程你将掌握JavaScript基础从变量的定义与使用、数据类型及相互转换、运算符、流程控制语句、三元运算符、数组、函数、构造函数、内置对象以及对象等基础必备技能。

JavaScript全套教程,Web前端必学的JS入门教程,零基础JavaScript入门

2.JavaScript核心之Web APIs

学习客户端开发技术,能够根据产品需求完成开发任务,如视觉交互、数据处理、安全、性能等,熟练掌握 DOM 操作的方法,能够分析视觉交互需求,结合 CSS 规则设计合理的 DOM 结构,完成开发任务。

JavaScript核心教程,前端基础教程,JS必会的DOM BOM操作

3.数据交互&异步编程-前端进阶Ajax零基础入门

本课程案例丰富,知识点配套的案例丰富多样,满足学生学习的兴趣 ;深入原理,会深入讲解如何封装自己的模板引擎和 Ajax 函数;涵盖广泛,涵盖了 Ajax、跨域、JSONP、模板引擎、节流防抖、XHR Level2 等常用技术。

AJAX零基础到精通_整合Git核心内容全套教程

第三阶段 VUE开发

学前导读:掌握多行业解决方案,项目开发拿来即用,帮你搞定前端工程师必备热门框架Vue.js

1.前端高级Node.js零基础入门教程

本套课程作为框架前置课,重点为学生铺垫 npm、包、模块化、身份认证、CORS 跨域等主要知识点,为学习后面的 Vue 课程夯实基础。同时,本课程涵盖了 MySQL 数据库、API 接口项目开发等后端内容,拓宽了学生的知识面,为前端学生构建了前后端完整的知识体系,助力学生更好地发展。

Node.js全套入门教程,nodejs最新教程含es6模块化+npm+express+webpack+promise等_Nodejs六大实战案例详解

2.前端框架Vue2+Vue3全套视频

历经 5 年的反复打磨与锤炼,黑马程序员重磅推出全套最新的 Vue2 + Vue3 基础课程。共计 500 多集的免费视频,助您轻松掌握前端圈最火的 Vue 框架!

Vue全套视频教程,从vue2.0到vue3.0一套全覆盖,前端必会的框架教程

第四阶段 React&小程序开发

学前导读:React帮你解锁中高级前端工程师能力地图,多端项目让你满足90%+企业需求。

1.前端React精品教程

React 是时下最流行的前端框架之一,是很多大厂的首选前端开发框架!历经数月精心研发,内容包括:React 脚手架、JSX、函数组件、类组件、受控组件、组件通讯、Context、组件生命周期、高阶组等等技术。

前端React精品教程, React零基础入门到原理详解

系统的学习网页数据交互的 Ajax 技术,建立前后端交互的知识体系,为学生夯实网络编程的基础,为后期高级课程的学习做好铺垫。

2.手把手快速带你开发微信小程序

本课程从小程序账号注册、开发环境搭建、基础语法、路由导航、数据请求、分包、组件化等方面详细阐述了小程序开发必备的基础知识。学完基础之后,利用 uni-app 技术实现微信小程序的开发,可以做到一次开发多端部署。项目拥有首页、搜索页、商品列表页、商品详情页、购物车、登录支付等主要功能。涵盖了分包、vuex、组件化开发等核心技术点的使用。

前端微信小程序开发教程,微信小程序从基础到发布全流程_企业级商城实战(含uni-app项目多端部署)

想要成为一名优秀的前端工程师,首先需要学习HTML、CSS、JavaScript三大核心基础技能,学习完这些能够制作静态网站,此时网站还不能跟用户进行交互,让用户进行使用,需要再学习Ajax,才能更进一步的请求后端接口,实现前后端的数据交互,此时的网站就可以基本可以跟用户进行交互和使用了。

当然我们不仅仅要学习PC端开发,移动端开发也不能少,随之也要学习移动端技术,比如:rem、Boostrap、媒体查询等等。这时候PC端、移动端网站基本可以开发了,但是也需要考虑网站的开发效率、性能优化等问题,所以需要学习的内容就更多了,比如:前端构建工具webpack、前端框架Vue或者React等等,都需要前端工程师能够掌握。

目前大部分的网站开发,都是前后端分离模式开发,但是不意味着前端开发不需要知道后端知识。前端工程师也是需要掌握Node.js技能的,很多公司Node.js已经是核心必备技能了。

互联网技术发展的越来越快,想要成为一名前端工程师,有条理、有规划的学习技术才能在行业中站稳脚跟。如果下定决心想要学习前端的小伙伴,希望以上学习路线图能够激发你学习前端的兴趣,更重要的是能够从中获得知识,在前端的进阶路上越走越顺!