请留下您的手机号
我们即刻安排课程老师为您回电!
您好
请留下您的联系方式,我们将主动给您回电!
第一时间为您安排就近试听!
培训首页 > web前端培训头条 > WEB前端工程师培训都学些什么?
UXD全链路设计师班

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全链路设计师班

UXD全链路设计师培训
课程级别入门级 培训周期3个月
培训时间白天班
咨询电话 400-800-2181
课程说明
课程级别 入门级
培训周期 3个月
上课时间 白天班
上课地址 北京市朝阳区建外大街建外SOHO东区A座9层
学习目标
以知识创新、知识传播和知识应用为基础,为社会培育大批具有创新精神的人才,是设计师的摇篮。
授课对象
零基础 爱好职业 转行
教程说明
平面设计
视觉设计
网页UI
课程简介

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一体机,色彩明亮、清晰,满足对显示屏画质的要求


课程内容以实际授课为准
  • 软件开发
  • 软件测试
  • 数据库
  • Web前端
  • 大数据
  • 人工智能
  • 零基础
  • 有HTML基础
  • 有PHP基础
  • 有C语言基础
  • 有JAVA基础
  • 其他计算机语言基础
  • 周末班
  • 全日制白班
  • 随到随学

温馨提示

北京火星人电脑培训学校

北京火星人科技文化发展中心创办于2002年,火星人专注做好IT职业教育,集开发、设计(平面设计师培训)、教育为一体的多方面培训公司,符合互联网+发展的浪潮,创办接地气儿的教育学院。火星人只教有用的,火星人专心做教育。 该学校开设的主要课程如下:平面设计师培训、
咨询热线: 400-800-2181
免费通话 申请试听
已被浏览
21427