当前浏览器可能影响体验，请下载Google浏览器！

点击下载
关闭

马士兵线下训练营

全国中心
长沙

学习前端的优势

门槛低、易上手、好就业

适合0基础
就业方向广
市场需求大
薪资待遇高
根据数据统计，在培养的前端开发工程师人才中，成功拿到offer，约 38% 是计算机专业毕业， 62% 都是非计算机专业转行的学员！
非计算机专业
62%
计算机专业
38%

适合学习前端开发的学员

已有 20223 人选择在马士兵教育学习前端

刚毕业&迷茫期
没有工作经验，期待学习有前景的技术
零基础&想转行
行业没前途，期待短期内转行进入IT界
想晋升&加薪
具备前端基础知识，面临职场瓶颈，亟需提升
前端爱好者
热爱前端技术，希望自己能够掌握开发能力

刚毕业&迷茫期

JavaScript 语言爱好者

JavaScript程序员技术 进阶等相关人士

初级基础课

HTML、CSS、JavaScript、jQuery函数库……

中高级技术

炫酷的HTML5、移动端引用开发、面向对象编程画布制作游戏、AJAX前后端交互技术、node平台工作流工具、ECMAScript67、8、9、10React、Vue框架

高端领域技术

微信小程序开发、TypeScript、Angular框架webgl、python、linux、web安防……

不同阶段的学员在马士兵前端开发课都可以获取自己想学的知识

马士兵教育简介

截止目前全国已有 18000+ VIP学员报名学习， 95% 以上的学员已实现升职加薪

马士兵教育（北京）有限公司是由马士兵老师创建，2019开始展开业务以来始终秉承着“不忘初心，精耕细作”教研的精神，立志成为中国IT互联网教育培训行业的领创者！自 2019年6月公司制定《IT人才高薪培养战略计划》以来,在腾讯课堂上线Java、Python、人工智能AI等系列课程，先后荣获腾讯课堂官方评定的“腾讯认证高质量服务机构”、“ 腾讯认证名师”、“腾讯101计划开路者”、“腾讯课堂最受欢迎奖”。

《Web 全栈工程师》就是此计划中主打品牌课程之一，此课程主要面向小白程序员、 JavaScript 语言爱好者、JavaScript 程序员技术进阶等相关人士，课程对应岗位包括 web开发、游戏开发、算法开发等。全系列 Web 全栈课程体系，丰富的技术应用场景，企业级开 发氛围，多方面、高层次的为学员量身定制学习计划和职业发展规划，此课 程还搭配优质的岗位内推服务，让学员就业不难，涨薪无忧！

报名
量身定制
学习路线
400+

企业合作

大厂内推机会

简历个性化指导

面试技巧指导

课程录播回放

全套配课项目

源码免费配送

企业名师录播

直播多对一服务

大厂面试

真题讲解

班主任

全程督导

各课程讲师

多对一服务

答疑解惑

课程大纲及学习计划安排

课程贴合一线企业开发需求，让你成为更有竞争力的前端工程师

  • 阶段一网页设计基础
  • 阶段二网页开发进阶
  • 阶段三服务器开发
  • 阶段四项目进阶
  • 阶段五面试辅导

阶段一：网页设计基础

  • HTML4.01语言介绍
  • HTML4.01标签学习
  • CSS2.0基本语法
  • CSS2.0选择器
  • CSS2.0常用属性
  • CSS2.0网站布局
  • HTML4.01+CSS2.0美团购项目网站开发流程
  • 美团购项目网站页面布局
  • 美团购项目网站功能完善
  • 美团购项目网站进阶联系
  • JavaScript基础语法
  • JavaScript常用对象
  • JavaScript流程控制
  • JavaScript循环处理
  • JavaScript函数
  • JavaScript对象
  • JavaScript数组
  • JavaScript正则
  • JavaScriptDOM
  • DOM进阶
  • JavaScript事件
  • JavaScriptJavaScript事件
  • JavaScriptBOM
  • JavaScript定时器
  • HTML+CSS+JavaScript美团购项目流程
  • 美团购项目页面效果开发
  • 美团购项目页面功能开发
  • 美团购项目页面细节完善
  • HTML5新特性
  • HTML5开发方法
  • CSS3最新属性
  • CSS3使用方法

阶段二：网页开发进阶

  • Less基础语法
  • Less开发样式
  • 京东移动端项目介绍
  • 移动端布局常见方式
  • 京东移动端项目搭建
  • 京东移动端页面开发
  • JavaScript中的作用域
  • JavaScript算法
  • JavaScript递归
  • string类型的常见算法
  • 数组去重的7种算法
  • 正则表达式进阶
  • JavaScript函数使用进阶
  • JavaScript闭包使用
  • JavaScript对象
  • JavaScript对象继承
  • JavaScript事件流
  • 使用Node.js搭建服务器
  • JavaScriptAjax处理
  • Ajax跨域解决方案
  • ES6新特性
  • ES6常见语法
  • ES7、ES8新特性
  • 最新的JavaScript开发技巧
  • jQuery选择器
  • jQuery元素遍历
  • jQueryDOM元素操作
  • jQueryDOM事件处理
  • jQuery动画特效
  • jQueryAJAX使用
  • BootStrap开发技术
  • BootStrap组件使用
  • BootStrap响应式布局
  • BootStrap网站开发
  • ECharts组件概述
  • ECharts组件详解
  • ECharts色彩搭配
  • Echarts可视化案例
  • JavaScript高级博客-新浪博客项目介绍
  • 新浪博客导航栏开发
  • 新浪博客博文部分开发
  • fastmock接口平台使用
  • 请求导航条接口数据
  • JavaScript高级博客-加载博文数据

阶段三：服务器开发

  • nodejs简介
  • nodejs文件系统
  • nodejs路径模块
  • nodejsHTTP模块
  • nodejs模块化
  • nodejs包和npm管理
  • nodejsExpress服务器开发
  • nodejsExpress中间件处理
  • nodejs接口
  • nodejs跨域
  • nodejs数据库开发
  • nodejs数据库接口开发
  • nodejsSession处理
  • nodejsJWT使用
  • nodejs项目开发简介
  • nodejs用户系统开发
  • nodejs文字系统开发
  • nodejsAPI接口使用
  • Vue.js框架介绍
  • MVVM开发模式
  • vue指令系统
  • vue常用选项
  • vue组件化和组件通信
  • vue事件和属性
  • vue插件使用
  • vue插槽和路由
  • 云E办后台管理系统-结构介绍
  • 云E办后台管理系统-项目配置
  • 云E办后台管理系统-登录和导航页面
  • 云E办后台管理系统-拦截器和菜单
  • 云E办后台管理系统-职位权限管理
  • 云E办后台管理系统-权限管理
  • 云E办后台管理系统-员工管理
  • 云E办后台管理系统-搜索功能

阶段四：项目进阶

  • TypeScript-基础语法
  • TypeScript-数据类型
  • TypeScript-类和对象
  • TypeScript-泛型和类装饰器
  • Vue3环境搭建
  • Vue3基础语法
  • 虚拟DOM和diffl算法
  • Reactive全家桶
  • Reactive监听器和生命周期
  • Route高级进阶
  • 美团商城项目-环境搭建
  • 美团商城项目-网站布局和登录功能
  • 美团商城项目-商家页面
  • 美团商城项目-购物车页面
  • React全家桶-组件使用
  • React全家桶-路由使用
  • React全家桶-导航使用
  • React全家桶-脚手架使用
  • 小程序开发-项目配置
  • 小程序开发-组件使用

阶段五：面试辅导

  • Vue项目开发：环境搭建规范、综合各类网站开发软件组件搭建
  • 小程序开发：小程序平台进行系统开发
  • 找工作流程：详解找工作流程，面试准备、面试礼仪、如何谈薪和渡过试用期
  • 简历辅导：简历结构、突出个人能力以及美化项目经验
  • 1V1简历修改
  • 1V1找工作规划：个人定岗定薪

9大实战项目，帮你从0到1锤炼开发能力

企业对前端开发要求越来越高，我们帮你用项目说话，拒绝理论派

经验积累

完整的项目开发流程

体验真实企业开发氛围

亲身经历9大项目经验积累

技术提升

丰富的技术应用场景

Web全栈技术系统串联

独立构建大型网站的项目

技能

搭建知识体系

体系化Web全栈开发技能

网站构建的全部知识

web语言开发网站的概念、

原理和应用

知识完善

量身定制学习计划和职业发

展规划

优质的岗位内推服务

就业面试全流程指导

  • 01在线购物平台项目
  • 02在线票务服务平台
  • 03俄罗斯方块
  • 04flappy bird游戏
  • 05音乐播放平台
  • 06后台管理系统
  • 07婴儿类产品电商平台
  • 08端视频平台
  • 09马士兵商城

在线购物平台项目

项目介绍

某某电商公司的在线购物平台项目, 主要方便广大用户在线购物的需求, 快速下单, 在家就可享受到愉快购物的便捷。

功能模块

用户管理，订单服务，购物车服务，商品 类别管理，商品管理，支付管理，消息管理，频道管理，广告管理等

在线票务服务平台

项目介绍

携程是一个在线票务服务公司，创立于1999年，总部设在中国上海。携程旅行网拥有国内外六十余万家会员酒店可供预订，是中国领先的酒店预订服务中心。 携程旅行网已在北京、天津、广州、深圳、成都、杭州、厦门、青岛、沈阳、南京、武汉、南通、三亚等17个城市设立分公司，员工超过25000人。2003年12月，携程旅行网在美国纳斯达克成功上市。 2018年3月21日，携程发布定制师认证体系，国内首张定制师上岗证出炉。 [1] 2019年10月23日， 2019《财富》未来50强榜单公布，携程国际排名第8 [2] 。2019年12月，携程入选2019中国品牌强国盛典榜样100品牌。 [3] 2019年10月29日，携程宣布英文名称正式更名为“Trip.com Group”。 [4] 2019年12月18日，人民日报“中国品牌发展指数”100榜单排名第89位。

俄罗斯方块

项目介绍

俄罗斯方块》（Tetris， 俄文：Тетрис）是一款由俄罗斯人阿列克谢·帕基特诺夫于1984年6月发明的休闲游戏。该游戏曾经被多家公司代理过。经过多轮诉讼后，该游戏的代理权最终被任天堂获得。任天堂对于俄罗斯方块来说意义重大，因为将它与GB搭配在一起后，获得了巨大的成功。 《俄罗斯方块》的基本规则是移动、旋转和摆放游戏自动输出的各种方块，使之排列成完整的一行或多行并且消除得分。

flappy bird游戏

项目介绍

《flappy bird》是一款由来自越南的独立游戏开发者Dong Nguyen所开发的作品，游戏于2013年5月24日上线，并在2014年2月突然暴红。2014年2月，《Flappy Bird》被开发者本人从苹果及谷歌应用商店撤下。2014年8月份正式回归APP STORE，正式加入Flappy迷们期待已久的多人对战模式。游戏中玩家必须控制一只小鸟，跨越由各种不同长度水管所组成的障碍。

音乐播放平台

项目介绍

网易云音乐是一款由网易开发的音乐产品，是网易杭州研究院的成果，依托专业音乐人、DJ、好友推荐及社交功能，在线音乐服务主打歌单、社交、大牌推荐和音乐指纹，以歌单、DJ节目、社交、地理位置为核心要素，主打发现和分享。该产品2013年4月23日正式发布，截止2017年04月，产品已经包括iPhone、Android、Web、Windows、iPad、WP8、Mac、Win10UWP、Linux等九大平台客户端。2015年1月16日，网易云音乐荣膺百度中国好应用“年度优秀视觉设计奖”。

后台管理系统

项目介绍

后台管理系统是内容管理系统Content Manage System（简称CMS）的一个子集。 内容管理系统是企业信息化建设和电子政务的新宠，也是一个相对较新的市场。对于内容管理，业界还没有一个统一的定义，不同的机构有不同的理解。 WMS是Web Management System 的简写，简单的说：WMS是一个网站管理系统。一个网站管理系统是把一个网站的内容（文字，图片，等等）与网站的组件分离开来，可以将各个页面连接到一起，可以控制页面的显示。

婴儿类产品电商平台

项目介绍

此项目为一个微信小程序项目，是一款出售婴儿用品电商平台，此项目是基于微信小程序开发制作出来，此项目设计首页、分类、购物车、我的四个模块。拥有常见的所搜功能，以及企业内部经常用到的布局效果。可以让学员熟练掌握企业级真是项目。

端视频平台

项目介绍

抖音短视频，是由今日头条孵化的一款音乐创意短视频社交软件，该软件于 2016 年 9 月 20 日上线，是一个面向全年龄的音乐短视频社区平台。用户可以通过这款软件选择歌曲，拍摄 音乐短视频，形成自己的作品，会根据用户的爱好，来更新用户喜爱的视频。

马士兵商城

项目介绍

马士兵商城是垂直类的购物平台，主要面向程序员等IT职业人士消费者。从商品选品到商品 上架都会经历多名老师团队和社区学员推荐，层层筛选，严格把控，售后服务平台全面把控， 让消费者售后无忧。让用户能够快速在平台找到心仪的商品并下单购买，提升用户购物的体验和效率。

我们的课程特色

5000 个
知识点
/
15 个
阶段
/
1500 个
课时
/
450 个
小时
/
1000 个
案例
/
9 个
大型项目
/
全实战
教学
/
助教
贴心指导
课程细节

针对的学生群体多是零基础同学，课程中更注重细节的培养，编程的养成在课程的初期尤其重要，课程过程中结合辅导老师指导，培养适合自己的编程体系

课程内容

我们针对课程的内容进行了科学研究，抓重点知识，设置以点盖面知识体系

让课程的受众群体更广，学习成本降低

课程目标

前期化整为零，将大的项目拆分成知识点，融入到每一个小练习当中。以练习带动记忆，最后具备项目级开发的能力

结合课堂知识，学练一体，为后期课程打下扎实基础

实力雄厚的一线师资团队

技术大牛带你学，企业需求实时接轨

马士兵结业学员反馈

再好的宣传也不如学员实打实的收获

我们为你准备了VIP船票，助你进入大厂

01班主任全程督学

班级答题活动，组织小组打卡学习，阶段性学习分享，群内日常交流学习简历的学习辅导群，帮你克服惰性，亦师亦友

02讲师团队有问必答

老师全程解答学习期间课程的疑惑，课外不需耗很长的问题老师也会帮忙解答，面试中遇到的问题可以找老师帮忙回答，入职后工作中遇到难题可以找老师帮忙提供解决思路

03课程持续更新迭代

互联网行业技术更新迭代快，课程后续内容及项目更新，不需要再花任何一分钱，可以直接学习新的内容的。

04课程三赔服务

课程内容质量差，全额退款课程服务质量差，全额退款课程与宣传不符，全额退款

马士兵教育课程服务体系+大牛讲师架构师课程专属服务
  • 全程面授 封闭式管理，老师面对面讲
    授，手把手辅导。
  • 社群讨论 和大牛、同行共处同一社群
    切磋与碰撞，成长更迅速
  • 机会内推 马士兵平台为优秀的学员推荐
    具有竞争力的工作机会
  • 简历规划 剖析大厂招聘标准
    知己知彼提高面试率
  • 有问必答 提供课程相关疑问提问入口
    详细答疑，扫清学习障碍
  • 源码开放 全套上线标准的项目代码免费
    赠送并且长期迭代维护
  • 核心资料 超实用的思维导图，文档资料覆盖核
    心知识、关键技能，方便回溯与拓展
  • 提升作业 知识点融会贯通综合应用，技能
    掌握举一反三更牢靠