首先阶段前端编程基础
本阶段课程帮助开发工程师掌握Web前端开发的基本技能，熟练使用HTML语意化标签，熟练掌握CSS层叠式样式表开发，熟练掌握前端语义化、flex弹性盒子、响应式布局等技术；对静态网页开发与主流布局技术有深入的理解，为进一步学习Web前端开发打下良好的基础。
第二阶段前端动态网页开发
JavaScript作为一门面向对象的高级程序设计语言，从1995年诞生之处，经过20多年的发展和完善，功能得到了极大的丰富；目前在前端，后端，数据库，App等等领域得到广泛的应用。本阶段课程首先学习JavaScript基础和高级语法，培养编程逻辑思维；接下来通过对DOM和BOM常见的方法和属性的学习，以及jQuery的学习能够实现网页的常见交互效果和网页动效；在此基础上进行Bootstrap的学习，掌握常见的组件和栅格布局系统，可以实现响应式布局，最后在进行数据可视化和Ajax的学习，可以独立的完成一个前后端分离，具有响应式的可视化项目。
TailWind CSS是一个功能类优先的CSS框架,是一种实用工具-基于低级别的CSS框架，旨在简化建设有速度，较少关注Web应用程序编写自定义的CSS，同时能实现满意于你需要的接口。Tailwind CSS可以做你自己组件，或者根据你的项目模型设计，换一种说法，你实际上是拥有自己开发组件的能力，然后可以利用自己选择的任何组件上的自定义功能，这意味着不再需要与该框架作斗争，而试图找出需要重写哪些类才能获得最初目标的结果。
在学习过程中将引入真实案例、传授大量实战技巧和开发经验。使学员完成此课程后将具有独立解决问题，完成前后端分离的网页开发的能力。
第三阶段HTML5新技术与前端工程化
本阶段一共涉及CSS3、HTML5、ES6以及前端工程化几大核心模块。
HTML5是定义HTML标准的最新的版本。它是一个新版本的HTML语言，具有新的元素，属性和行为，它有更大的技术集，允许构建更多样化和更强大的网站和应用程序。
CSS3是CSS技术的升级版本，CSS3新增选择器及新增属性、圆角、阴影、伸缩布局、变形、过渡、动画、背景等属性,让开发者们创作出更复杂的页面效果与特效。
ES6是JavaScript语言的下一代标准。ES6+提供了许多新的语法和编程特性以提高ECMAScript的开发效率并优化ECMAScript的开发体验。
Git是目前世界上最先进的开源分布式版本控制系统，可以有效、高速地对很小到非常大的项目进行版本管理。
Sass基于Ruby语言开发而成css扩展语言，它在CSS语法的基础上增加了变量、嵌套(、混合、导入等高级功能，这些拓展令CSS更加强大与优雅。
Webpack是一个前端资源加载与打工具,他会将多种静态资源js，css，ts，scss，less，png等文件打成一个静态文件。减少了页面的请求。
第四阶段前端渐进式框架开发
本阶段学习Vue、React两大流行前端JavaScript框架。Vue是一个用于构建用户界面的渐进式框架，渐进式是指Vue不强求你一次性接受并使用它的全部功能特性。Vue是前端JavaScript框架最为流行框架之一，被众多企业用于开发商用项目。Vue采取MVVM响应式编程模型设计，避免直接操作DOM，减低DOM操作的复杂性。Vue核心库只关注视图层，通过修改数据驱动DOM更新。Vue可进行组件化、模块化开发，能够独立构建复杂的单页应用（SPA），也可配合第三方库开发项目。Vue3.x是Vue2.x的升级版本，Vue3.x在一定程度上优化文件压缩大小、双向数据绑定、虚拟DOM、编译时优化处理、Function_based API。
React是一个用于构建用户界面的JavaScript框架，同时React是最受大厂欢迎的JavaScript框架之一。React使创建交互式用户界面变得轻而易举，为应用的每一个状态设计简洁的视图。当数据变动时，React能高效更新并渲染合适的组件。React构建管理自身状态的封装组件，然后对其组合以构成复杂的用户界面。React组件逻辑使用JavaScript编写而非模板，可轻松在应用中传递数据，并保持状态与DOM分离。React能够独立构建复杂的大型单页应用（SPA），也可配合第三方库开发项目。
第五阶段web全栈开发
本阶段课程使工程师们深入理解全栈开发node。js技术与服务端渲染框架Nuxt。Node.js是一个基于Chrome V8引擎的JavaScript运行环境。其管理器npm，是全球的开源库生态系统。
作为后端JavaScript的运行平台，Node保留了前端浏览器JavaScript中那些熟悉的接口，没有改写语言本身的任何特性，依旧基于作用域和原型链，它将前端中广泛运用的思想迁移到了服务器端。Node利用事件循环的处理能力非常适合I/O密集型的技术场景，而不是启动每一个线程为每一个请求服务，资源占用极少。Node.js单线程与其余线程是无法共享任何状态。单线程的好处是不用像多线程编程那样处处在意状态的同步问题，所以没有死锁的存在，也没有线程上下文交换所带来的性能上的开销。至于CPU密集型应用场景也可以使用child_process子进程将计算分发到各个子进程，来解决无法利用多核CPU方面的问题。Nuxt.js是一个基于Vue.js的通用应用框架。通过对客户端/服务端基础架构的抽象组织，Nuxt.js主要关注的是应用的UI渲染。由于Vue开发的SPA（单页应用）不利于搜索引擎的SEO优化，再者随着前端工程不断变大，打文件不断增长，页面的整体刷新加载速度慢慢成为瓶颈。Nuxt.js既支持预渲染也支持SSR，以便达到更好的SEO（由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面）与更快的内容到达时间。
第六阶段前端高级多端跨平台课程
微信小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载，大大提升了用户体验。目前小程序背靠微信拥有庞大的用户群体，就以为拥有庞大的市场，与传统的APP开发相比，小程序开发成本低，开发周期短，维护简单，推广成本低。目前环境中，熟悉掌握小程序开发是前端的一个重要环节，在学习过程中将引入真实案例、传授大量实战技巧和开发经验。
uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。
uni-app在开发者数量、案例、跨端抹平度、扩展灵活性、性能体验、周边生态、学习成本、开发成本等8大关键指标上拥有更强的优势。市面上做跨端的，能在全面性和性能体验上做到完美统一的，uniapp几乎是做到了。uni-app的优势是上手容易，可减少技术学习压力。TypeScript是微软开发的一个开源的编程语言，通过在JavaScript的基础上添加静态类型定义构建而成一种面向对象的编程语言。它是JavaScript的超集，含了JavaScript的所有元素，可以载入JavaScript代码运行，并扩展了JavaScript的语法,对阅读代码非常友好，并适用于大型应用开发。
第七阶段前端热点领域提升课程
本课程从Electron入门到项目实战，从零开始你Electron基础、Electron入门模块（如Menu模块、Shell模块、Dialog、自定义关闭菜单、GlobalShortcut、操作系统托盘、网络通知……等），深入剖析Electron的主进程和渲染进程、ElectronIPC、Electron webview、Electron沙盒化、Electron多线程编程，兼容Mac、Windows和Linux平台的桌面应用程序(DMG,EXE,BIN文件)。深入了解大名鼎鼎的Atom,VsCode,Skype,GithubDesktop等桌面应用的制作技术栈。
有编程兴趣、有意向从事软件开发
计算机科学与技术相关专业、软件工程、网络工程、信息与计算科学及电子信息工程等相关专业应届毕业生。
有编程开发经验，准备从事Web前端开发的工程师
有软件测试、软件维护等经验，并准备向Web前端开发方向转型的工程师。
有JAVA、PHP、Python等后端开发基础基础，准备向Web前端方向发展的工程师。
有一定的前端开发基础，有志于向node.js方向、混杂式web开发、小程序开发等大前端方向发展的工程师
课程涵盖前端开发所必备的HTML、CSS、JavaScript技术以及Vue、React等主流前端框架和Node.js后端应用技术打通学员全栈开发能力，同时课程涵盖大前端概念下的数据可视化、前端工程化跨平台开发等核心技术，并结合企业级实战项目掌握传统网页开发、web应用开发、小程序应用开发、云开发、uniapp移动跨平台技术开发、electron跨平台桌面应用技术开发。采用前端基础、前端工程化、node.js全栈开发三大课程核心模块配套详细企业级真实案例，深度贯穿课程体系，掌握相关商业项目开发技能。
