Web前端工程师班 | 火星时代实训基地 中国移动互联网设计高端教育品牌

6大优质教学保障

申请试听

听听老师讲的如何
感受下课堂氛围
与正式学员沟通
做到心中有数

立即试学

怕学不会
不敢轻易尝试
可免费试学
不满意可退费

先学习, 后付费

邀请国内外知名大师
项目团队, 分享制作经验,
与偶像面对面交流

聆听大师揭秘

火星每月邀请国内外知名大师
项目团队,分享制作经验
与偶像面对面交流

名企直招

月度招聘会和年度招聘会
全年为你免费提供
30000个工作岗位

全国就业网络

就业指导中心与30000家企业
建立人才合作关系
免费为学员推荐就业

Web前端能做什么

为什么那么多人学前端,连后端/程序员都转行学前端

网站

学习后可制作个人主页,可开发大型信息量网站,
如:淘宝、京东等。同时对与企业网站制作可独立
完成,赚取额外费用。

编程

学习行业最新技术应用,紧跟BAT级企业潮流技术,
实现高薪就业。

APP应用程序

应用软件界面前端信息的展示与交互程序设计应用
,通过对各页面的关联程序嵌入,使用户对APP软
件的操作灵活应用。

游戏

掌握游戏前端界面,窗口模块及其他交互动效的展
示及应用。

Web前端有多火

2016年移动端所有热点界面均靠Web前端来实现

《我和微信的故事》

简单的展示H5页面,主要的技术难点在于收集微信用户信息,用JS调用数据库信息展现在动画上。

《吴亦丹即将入伍》

简单的展示H5页面,主要的技术难点在于收集微信用户信息,用JS调用数据库信息展现在动画上。

《我和微信的故事》

一般情况下,想要在H5上实现真实3D展示,需要借助webGL这种编辑方式,而想绕过这个技术壁垒的话,常规有以下三种方式:视频、div+css、canvas

《种太阳的小朋友有话要说》

利用技术比较普通和比较成熟的jQuery库+touch模块完整移动端事件,H5动画完全使用css3的动画anima-tion知识点,利用与现实物体的运动集合。

《该新闻已被BMW快速删除》

跑动音乐播放等可谓一气呵成,似一部完整的仿越屏短视频,更多的是影视特效,html5代码只是用来去掉视频边框以及播放进度条。

《穿越故宫来看你》

这个H5属于一个短视频与H5技术的结合,主要是录制的创意视频,H5只是用来去掉视频边框,让视频场景更逼真。

市场人才缺口巨大, 供不应求

Web前端全国每月平均薪酬

火星Web前端学员高薪就业

火星时代教育23年培养近30万移动互联网技术人才,2016年平均就业率99.55%
平均就业薪资达8652元,年薪超10万的学员占比40%

  • 李佳桧(北京中心)

    1608期WEB前端工程师班
    微分网络科技有限公司

    8000元
  • 谭雪玲(深圳罗湖中心)

    1603期WEB前端工程师班
    华夏通宝云知科技

    16000元
  • 宫丹丹(北京总部)

    1512期Web前端设计师班
    联动数据

    10000元
  • 严婷(深圳罗湖中心)

    1512期Web前端工程师班
    国信利信大数据

    12000元
  • 曹贝贝(北京中心)

    1602期WEB前端工程师班
    职客网

    10000元
  • 樊卓曼(北京总部)

    1608期WEB前端工程师班
    艾卡(北京)科技

    7000元
  • 田玺(深圳罗湖中心)

    1603期Web前端工程师班
    猎杰

    10000元
  • 龚志华(深圳罗湖中心)

    1603期Web前端设计师班
    智能帮社区

    10000元
  • 王宇(北京中心)

    1512期Web前端设计师班
    畅聊天下

    15000元
  • 曹志强(北京总部)

    1512期Web前端设计师班
    畅聊天下

    13000元
  • 张智(深圳罗湖中心)

    1603期Web前端工程师班
    深圳软通动力

    10000元
  • 王哲弘(杭州中心)

    1605期Web前端工程师班
    杭州检测科技

    9500元

火星Web前端学员高薪就业

火星时代教育23年培养近30万移动互联网技术人才,2016年平均就业率99.55%
平均就业薪资达8652元,年薪超10万的学员占比40%

火星4A标准:

  • 实战技能A级:
    5年以上一线开发经验;

  • 实战技能A级:
    在大中型企业参与
    5个以上大型项目开发;

  • 授课能力A级:
    3年以上企业内训
    或教育培训经验;

  • 亲和力A级:
    有自己的授课风格
    或能够激发学员学习兴趣。

  • 李康

    高级讲师
    12年从业经验

  • 江卫

    高级讲师
    18年从业经验

  • 辛立伟

    高级讲师
    12年从业经验

  • 杨永胜

    高级讲师
    13年从业经验

  • 毕海涛

    高级讲师
    5年从业经验

  • 640个饱满课时含金量高, 投资回报快!

    用4个月的时间学习更多的技能,少走弯路

    课程内容 内容描述 知识点列表 招聘热度 含金量 增加薪资筹码


    网页样式与布局课 I
    Web样式与布局:网页结构进行认知,了解切片与网页结构间的逻辑关系,学习符合W3C标准的HTML网页框架制作技术,包括结构标签,学习网页样式表现方法,使用CSS对网页进行细节美化
    1)HTML简介、基本结构、编辑工具、常用标签、W3C标准;
    2)CSS结构、语法、样式表分类、优先级、块元素、选择器;
    3)图形、图像软件的使用(PS);
     

    网页样式与布局课 II
    Web样式与布局:了解特殊布局的实现技巧,了解浏览器基本发展情况,浏览器的兼容,SEO基本常识
    1)各种浏览器兼容性以及处理方式;
    2)垂直居中,水平居中的处理方式;
    3)雪碧图处理,滑动门处理及高宽自适应等高级应用技术;
    4)CSS预处理器LESS框架的使用;
    5)CSS组件框架编写。
     

    HTML5与CSS3基础应用课
    了解HTML的发展历史,熟悉HTML5的文档结构,熟悉HTML5特性与CSS3新特性,媒体查询实现简单的响应式布局.
    1 中文非主流字体--外部资源(有字库)
    2 增加伪类选择器: nth-of-type
    3 codepen页面结构搭建精简;
    4 增加响应式理论知识:优缺点,设计原则, 视口, 断点选择
    5 做一个移动端的简易网页;
    1)HTML5核心元素及布局应用;
    2)CSS3 复杂选择器(包括兄弟选择器、属性选择器、伪类和伪元素选择器等)

    Web界面多平台项目实训课
    完成PC端整站与移动端项目的开发,包括浏览器兼容性等知识点的补充
    1 增加3d景深案例 :transform-style, perspective,perspective-origin
    2 京东页面,只带练有特色的部分, 对于重复性的结构,作为练习晚间独立完成;
    3 一个移动端的页面(响应式: em rem ),表格;
    1)2D/3D 转换(包括移动、旋转、倾斜和缩放、视点的定义和使用)、过渡、动画;
    2)CSS Hack、CSS 优化、浏览器兼容性。

    Javascript语言基础语法课
    计算机程序基础,认识网页交互原理,深入讲解Javascript基本语法,了解DOM事件、属性、样式,学习js变量、函数(参数、返回值)、判断语句、运算符、表达式等 1)了解什么是JavaScript;
    2)了解JavaScript如何使用及运作原理;
    3)掌握JavaScript的理论体系结构;
    4)掌握JavaScript基本语法;

    Javascript交互原理与应用课
    鼠标、键盘事件,事件对象,默认事件,事件冒泡,元素的移动拖拽操作,模块封装及前端工程化开发 1)掌握事件,事件原理;
    2)掌握JavaScript基本特效的制作方法;
    Javascript内置对象应用课 BOM基础,取模运算,DOM元素的创建、删除、插入等,节点操作,事件监听,事件委派,
    深入讲解javascript内置对象(字符串对象、数组对象、日期对象、数学对象等)
    1)掌握BOM的用法;
    2)掌握原生DOM操作的用法;
    3)掌握JavaScript内置对象(如Array、String、Date、JSON、Math、RegExp);


    JavaScript运动框架应用课
    回调函数,自运行函数,正则表达式、面向对象基本知识,详细讲解javascript运动框架及实例 1)javascript运动框架及实例。


    Jquery与Ajax交互应用课
    1、通过案例了解Jquery库原理,熟悉移动网页常用Jquery库使用方法。
    2、详解JAX特性与实例、AJAX的子对象、AJAX库封装,AJAX跨域问题
    1)jQuery各种选择器的使用,及选择器的应用优化;
    2)Dom节点操作、插入、删除、复制、移动节点等操作;
    3)事件处理、事件处理模型、事件处理机制、jQuery事件封装机制、jQuery事件应用;
    4)jQuery中的动画、动画时间的概念、基本动画方法、复杂动画方法、停止动画与参数说明、jQuery动画的队列问题;
    5)表单开发,设计可用性表单、表单验证、增强型表单;
    6)Ajax、XMLHttpRequest 基础、jQuery Ajax、工具函数、缓存;
    7)Ajax动态读取数据、异步操作、与DOM、JSON的结合使用;
    8)Ajax跨域问题。
     

    Node.js服务器端开发技术
    讲解Node.js的安装和使用;Node.js的包管理(NPM);讲解Node.js的事件循环、缓存、流、文件系统、工具模块、web模块和Express框架应用。 讲解Node.js的安装和使用;Node.js的包管理(NPM);讲解Node.js的事件循环、缓存、流、文件系统、工具模块、web模块和Express框架应用。  

    MVC前端框架应用课
    讲解开源的前端JavaScript MVC框架AngularJS。主要内容包括:
    MVC设计模式、指令、服务、表达式、路由系统、消息系统、angular动画等
    1 ) 基础知识(ng-app,Modules,Controller,$apply,$watch)
    2 ) 指令(ng-repeat,ng-class,ng-show,ng-hide)
    3 ) 过滤器(date,limitTo,filter)
    4 ) 表单(NgModelController,表单验证)
    5 ) 服务(自定义服务,Angular提供的服务:$log,$timeout,$q,$http)
    6 ) 其他(Controller as 语法,安全的依赖注入方法)
    7 ) directive(指令,组件)
    8) ng-router
     
    Web APP轻应用开发课 移动端web app 轻应用 - ionic框架。主要内容包括:
    Ionic框架的主要组成、Ionic的UI框架、Ionic的扩展指令、Ionic所使用的angular-ui路由系统等,以及轻应用在微信上的发布技术。
    1 ) ionic css布局
    2 ) ionic js指令布局
    3 ) ionic路由 页面切换
    4 ) ionic-tabs
    5 ) ionic侧边栏ion-side-menus
    6 ) ionic列表 ion-list
    7 ) 上拉下载更多与下拉刷新

    CSS3与JS动画交互课
    讲解基于HTML5的移动网页布局,移动页面css定义原则,利用javascript中运动与css3中动画完美结合完美移动网页完美交互效果.域名申请、备案,网站上传。 1)HTML5概述以及应用场合;
    2)HTML5基础:新标签,表单,文件Api;
    3)移动端加强
    · 手机浏览器的特点; · viewpoint 视口,dpi,px的区别;
    · meta属性,缩放,拖放; · rem实战,字体选择;
    · 移动端事件模型; · 响应式布局,弹性盒子模型;
    · CSS3属性加强; · 硬件加速原理; · 移动端性能优化点。

    PC端项目综合实训课
    详细了解HTML5中canvas和SVG的应用与媒体标签,使用javascript打造属于自己的播放器,智能表单在移动网页中的应用 1)HTML5画布:canvas;
    2)HTML5多媒体:video,audio;

    H5移动项目综合实训课
    通过案例讲解css3中变形属性应用,深入讲解3D控件变换。HTML5的桌面通知与本地应用、移动端布局 1)通过案例讲解css3中变形属性应用,深入讲解3D控件变换。HTML5的桌面通知与本地应用、移动端布局

    Web前端行业标准和面试技巧
    讲解Axure软件,了解网站项目流程,Axure实现交互原型图。详细讲解一,二,三线互联网行业的面试,笔试技巧和简历的设计技巧。选择合适自己的企业。 1)讲解Axure软件,了解网站项目流程,Axure实现交互原型图。详细讲解一,二,三线互联网行业的面试,笔试技巧和简历的设计技巧。选择合适自己的企业。

    23年优质教学课程研发

    领先同行业的课程设置,这些只能在火星学到

    编程思维

    学习编程语法的同时培养学员逻辑思维,将现实思维中的方式,通过一定技巧变成对应代码融入程序。程序逻辑更加通啧,代码的产生不再枯燥乏味。

    插件课程

    学习将复杂程序通过一句代码轻松解决效果,同时在工作环境中可加快进度的完成。并结合20多种案例进行分析,熟练掌握。

    动效课程

    学习最流行互联网动效设计,展示最炫效果,同时以最新案例进行教学,掌握交互设计师想要表达的方式,灵活运用,并快速实现。

    BAT技能

    了解BAT级企业最新前沿技术。

    为什么来火星
    学Web前端的女生更多?

    在其他培训机构,女生学程序的比例仅占20%, 但是在火星时代这个比例会上升到48%, 事实证明火星时代Web前端课程设置更科学合理, 讲师授课更深入浅出, 项目实训更能提升实战 能力, 0基础学员学习4个月就能胜任大前端工作。

    案例化教学

    真实项目实训,起点高别人2年

    大前端核心技能,会这些薪资就翻倍

    企业最需要的技术, 在这里都能学到。HTML5、交互、JS动效、Web APP轻应用,
    4项核心技能让你成为全栈式前端人才。

    • Html5

      火爆全网的微信小游戏, 各种企业展览H5页面, 网络运营已经进入H5营销时代。

    • 动效

      网页的炫酷程度直接影响推广效果, 产品传播度, 大前端也是运营的 好帮手。

    • 交互

      交互与用户体验是移动端APP的生存之道, 好的交互效果能将APP推上应用商店榜首。

    • APP全局实现

      大前端作为架构师级程序员,需要掌握产品的全局观。一款APP轻应用的全局开发, 让学员在实战中学习产品布局。

    互联网行业大咖, 让你成为有眼界的大前端

    上门招聘, 每日20家上门招聘企业企业宣讲会, 每周100家企业做专场招聘宣讲会月度招聘会,
    每月一次大型内部招聘会,招聘企业上百家。大型专场招聘会, 春秋季大型专场招聘会,
    招聘企业上千家。

    先测测你的基础怎么样

    0基础

    有基础

    火星时代教育拟注入百洋股份登陆A股上市

    管它未来会如何

    改变就在眼前

    来火星, 创造属于你的时代!