北京火星人电脑培训学
招生热线:400-800-2181

学校地址:北京市朝阳区建外大街建外SOHO东区A座9层

WEB前端工程师培训都学些什么?

  web前端工程师,他是伴随着web兴起而细分进去的行业。web前端的岗位职责是利用(x)html/css/javascript/dom/flash等各种web技能结合产品的界面开发。制作标准化纯手工代码,并增加交互功能,开拓javascript和flash模块,同时结合后端开拓技能仿照全部效果,结束丰富互联网的web开拓,致力于经过进程技能改进用户体验。

  web前端工程师培训都学些什么?大概分为以下几个阶段:

  第 一阶段 web前端工程师课程

  html语句,html页面结构、css语法、style属性、link和style标签、id属性、等html语句中的相关属性;

  浏览器兼容性问题处理:xhtml与css校验,xhtml校验器,css校验器;解决如:chrome、safari、firefox、opera 等主流浏览器的兼容问题。

  第二阶段 web前端移动端+响应式布局

  bootstrap前端开发框架

  html语法规范、css语法规范、less 和 sass 中的嵌套、class 命名、选择器、normalize.css、栅格系统、排版、代码、响应式工具等;

  学习css3属性,结合html制作静态页面效果,如:元素阴影、圆角、transition、box-sizing、rgba、h5表单新增属性等;

  移动端布局,测试环境emulation、viewport、window.devicepixelratio、物理分辨率、media queries、rem、window.screen、移动端布局相关问题、window.deviceorientationevent、横竖屏判断等;

  电商页面布局;企业级整站布局:主流新媒体、宣传类企业、展示类企业等,并结合学习html5+css3实现炫酷的移动端页面效果。

  第三阶段 前端特 效语句

  基础语法、数组0bject、function、string 和 正则表达式、常用内置对象、js0n、错误处理、面向对象编程;

  javascrip的引入及插入位置、js元素的获取及简单的函数引用、js的页面输出及注释语句、变量及js的数据类型、表单的简单应用及js的操作符等;

  带参函数及数组的运用;数组及滚动条事件;js中对象的移动;js中盒子的移动;js中的鼠标及键盘事件等;

  构造函数的基本知识;作用域的基本知识、原理与原型链;web开发综合案例;各种类库的使用熟悉各种类库的使用,并对其实现原理有一定了解;

  运动特 效,精通js运动特 效技术,能完整实现各类动画特 效调试;精通事件对象及事件的工作机制,并能完成各类 跨平台应用模块的开发;

  浏览器对象、滚动条设置、窗口对象等;

  第四阶段 jquery与前端实战课程案例

  jquery入门和实战jquery使用户能更方便地处理html documents、events、实现动画效果,并且方便地为提供ajax交互。

  jquery的基本语法;jquery中的常用选择器;jquery对于事件的处理;jquery中的动画知识和应用;jquery的文档操作;实现前端特 效效果;

  ajax;1:ajax的讲解;web应用程序的解决方案;ajax的工作方式;2:初始化对象;指 定响应处理函数;处理服务器返回的信息;

  异常处理机制;中文乱码问题及其解决方案;xhr对象的基本知识;js0n与xml的辨析jquery中ajax的使用;利用jquery实现ajax的效果开发;

  d0m操作:前端开发的过程中,极为重要的一个功能就是对d0m对象的操作,正则表达式等。

  ecmascript中的类和构造函数,js+jq前端实战演练;

  第五阶段 html5开发+css3前端语言

  掌握html5& css3,se0等技术,bsu加速技术;掌握ajax异步交互;立和后台工程师配合完成项目;

  css3详解:css3各效果的讲解和应用、二维平面动画及三维流立体动画变形原理;3d坐标系构建思想的设置;3d动画的制作;css3自适应布局的基本知识和应用;css3分栏的知识和应用等;

  css3语言开发是朝着模块化发展的。这些模块包括:列表模块、超链接方式 、语言模块 、背景和边框 、文字特 效 、多栏布局等。

  熟练掌握html5中的绘图、音频视频处理、表单新特性等,能够熟练使用html5进行web开发;

  类、app类、web应用的前端案例;

  第六阶段 web大前端开发项目案例:框架应用及移动开发

  angularjs框架、angularjs web应用,理解angularjs的框架原理,掌握mvc编程模式,熟练使用angularjs实现页面的重构;

  mvc 编程、模块化及模版的使用;数据绑定、语义化标签、依赖注入、服务器交互讲解;node.js等;

  jquerymobile移动开发;jquerymobile列表、表单、配置、动态内容、事件处理;jquerymobile 框架、ui组件、各种视觉效果制作;掌握jquerymobile框架及各种组件的使用,熟练使用jquerymobile完成移动的开发;

  框架方面:react、grunt、gulp、webpack 等

  web前端就业前景以及薪资待遇如何?

  大前端不但薪资高,也是目前国内紧缺的岗位。从网站分析,其用人数量已经远远超过主流编程语言java、asp、和ios等的开拓人员的数量。随着谷歌、youtube、twitch等大型企业纷纷将视线转投向html5,更加确认了html5在互联网时代的发展远景。

  据统计,我国对于html5前端工程师人员的缺口将达到12万左右。目前,北京、上海、广州、深圳等地html5前端工程师的薪资待遇更是一飙再飙。


文中图片素材来源网络,如有侵权请联系删除
申请试听
为您选课

UXD设计未来行业新趋势

大厂开始招收 UXD 全链路设计师,UI 设计师的岗位将会被逐步

四个月 给自己一次蜕变的机会

UXD全链路设计师,掌握更多技能,提升更多竞争力

软件基础与提升

基础软件的初识(ps软件) 对PS软件的初步认识,界面,新建,图层 菜单栏等基础知识的应用与讲解,让我们的零基础学员,能够对电脑软件有一个认知,能够搞懂PS的图层原理,通过案例的应用懂得PS合层的技法与表达。

基础软件的初识 (AI软件) 矢量图的软件学习,矢量图标的学习,LOGO作为AI的重要学习成果,熟练掌握AI的技术表达手法

软件基础与提升

基础软件的初识(ps软件) 对PS软件的初步认识,界面,新建,图层 菜单栏等基础知识的应用与讲解,让我们的零基础学员,能够对电脑软件有一个认知,能够搞懂PS的图层原理,通过案例的应用懂得PS合层的技法与表达。

基础软件的初识 (AI软件) 矢量图的软件学习,矢量图标的学习,LOGO作为AI的重要学习成果,熟练掌握AI的技术表达手法

WEB界面设计

网站设计 Web端UI界面设计;网页图标设计;Banner设计;WEB 设计,企业网站界面设计,首页、一级页面讲解和制作、ps网页切图,二级、三级页面讲解和制作 、低保真 、一套网页设计

产品与网站设计 (阶段考核及真实项目实训) 阶段考核,网页项目选题、思维导图;根据自己选择的主题制作网页界面线框图的设计;根据线框图制作网页界面低保真 + 竞品分析;针对所作的网页,使用Cutterman 软件进行切图;在完整网页界面中,使用软件马克曼标注尺寸、制定设计规范。

网页制作,代码课程(div+css)

产品、交互与 移动应用APP设计制作

移动端应用 产品设计 产品界面设计;APP交互逻辑、产品设计 、竞品分析、市场调研、市场分析、用户调研、用户分析、制作流程图;制作思维导图;制作低保真交互图、高保真效果图

iPad和iWatch智能手表的应用 对产品进行分类,电商类、跑步类、地产类、影视类、社交类APP制作,低保真交互图、高保真效果图

产品设计与交互动作

产品设计与交互动作 教育类app,系统界面设计,了解硬件 ;认识Axure RP,认识Axure RP,讲解所有的设置、快捷操作和快捷键,并熟练掌握创建应用软件或Web网站的线框图、流程图、原型和规格说明文档操作;实际项目临摹,临摹 和 阿里巴巴的线框图、流程图、原型和规格说明;项目的制作原创设计一套网站和app线框图、流程图、原型图;墨刀设计,构建移动应用原型与线框图,实现页面跳转等动效

产品设计与交互动作 h5界面设计;wap网站设计;微网站、公众号设计制作;小程序制作;综合总结

C4D视觉三维建模

C4D视觉三维建模 界面的设置、工具的使用、层级关系与层面板;多边形建模和曲线建模、灯光、材质的设置、声音的调整及粒子系统、毛发系统、Xpresso、动画效果的制作;工具使用强化;案例制作

C4D视觉三维建模 天猫专题制作(banner);复杂建模设计;综合案例

UI动效(ae软件)

AE基础软件 ae软件基础知识;案例制作;手机交互案例;复杂实例制作;综合案例

After Effects的结合应用,通过AE实现UI交互过程中的动态效果的设计,使AE动效能够较好的对于UI设计进行表达

产品经理实训

1、产品经理之道、互联网行业介绍、产品经理的基本概念、基本职能职业规划、方向、目标、企业岗位职责 2、需求挖掘,发现市场,解决用户痛点、市场现状、产品核心需求、产品定位 3、前期调研和产品评估、竞品分析、受众分析、商业模式BRD\MRD\PRD 4、产品工具:Axure\Visio

1、PC端产品设计 2、移动端产品设计 3、实战

1、用户体验、视觉交互设计、界面交互设计 2、产品开发及项目管理:如何项目管理、进度把控、产品测试、项目文档与版本管理

1、产品运营及生命周期、SWOT、产品迭代 、运营策略、数据分析 2、新媒体营销、产品推广方案、digital营销策略 3、产品资本介入&商业策划书、资本市场、商业计划书

毕业作品整理

行业需求标准,项目实战作品的设计细节,团队开发流程,团队协同作战;制作成套完整的UI设计毕业作品,对未来的职业进行规划,并对就业形势进行分析分析及就业指导。

实战特训,在讲师的辅导下,完成整套2套以上的实战作品。完善个人简历设计,学习面试技巧。

(辅导学生完成整套 4套以上的实战作品,对于面试进行统一讲解)

行业经验丰富讲师面授

视觉+交互+商业全案,多维度作品输出

毕业作品整理,与职场

用心做教育 打造优质学习环境

精心挑选座椅,减轻常坐压力;iMac一体机,色彩明亮、清晰,满足对显示屏画质的要求


申请免费试听
全国招生热线