屏幕上呈现的一切都由前端实现
都稀缺独当一面的前端人才
源于始终坚守初心研发好课程
【Web前端】Web前端入门教程_Web前端html+css+...
【Web前端】2018年Vue.js深入浅出教程
【Web前端】2018版Html5+Css3由浅入深教程
【Web前端】移动Web开发
教程
是他们选择我们的共同理由
给你职场更实用的技术解决方案
遇到问题套用解决方案
"技术解决方案让我快速适应职场,遇到技术问题就能直接套用"遇到问题无从下手
"学了很多知识点,为就业/创业开辟新出路
小程序UI开发
小程序API编程
常用App界面布局实现
Canvas实战应用
WePY/mpvue快速开发框架
腾讯云服务接入
本项目通过一个小程序电商业务项目为切入点,使用更高效小程序的框架 mpvue,结合最新ES6语法,在实战开发环节充分应用,让学员深入理解项目设计背后的原理,解决实际业务中的各类问题。
首页推荐频道展示、分类筛选、搜索商品、商品详情、分页加载数据及长列表展示优化、购物车、下单、支付、用户个人中心、Postman接口测试工具。
小程序弹性布局原生组件应用小程序登录样式复用微信支付接入App编程思维异步编程组件式拆分与开发设计稿重构
260小时理论课提升进阶技能
可以尝试管理
扎实的理论基础让你拥有更高只能做执行
只能解决简单的技术问题, 随时可能被替代从ES2015出发,深入剖析Map,Set,Async/Await等常用知识点,学习异步编程思想,更深层次的感受Javascript的魅力。
学习Typescript(简称TS)。TS给Javascript添加了很多乐趣,无论项目大小都可以用TS书写,减少团队协作Bug,项目结构更清晰。
学习浏览器原理及性能优化,从原理出发更好的理解浏览器,从而优化页面提升性能。
学习设计模式,提高程序的维护性和扩展性。覆盖工厂、构造、单例等常见设计模式,补平知识短板。
介绍主流的React和Vue的底层实现原理、进阶技术、数据管理和性能优化,动手开发Modal、Menu等常规组件。
学习框架本身的设计原理。从源码层面了解先进开发框架设计,从原理层面剖析前端框架的架构设计,从开发与效率层面服务实际工作中的开发项目。
Vue的进阶使用。包括Mixin、directive、filter、及常用的slot。学习封装Vue模块与常用功能,是提升开发效率的必经之路。
React的进阶使用。包括Hooks、服务端渲染等,了解Hooks产生的前因后果,如何把组件的思想发挥到极致。
webpack类的打包工具精讲。包括自动化工具完成打包、预编译和热开发调试的基础功能。
介绍常用的CLI工具及原理。讲解常见的CLI工程化工具的使用,并且开发属于自己的CLI工具,做到对工程化更深层次的认知。
项目的打包与发布。深入大型项目的应用层面,对持续集成、容器化、CI/CD工具的使用、自动化测试、文档管理等进行讲解。以实战项目作为最终目标,对等企业级需求。
讲解版本控制、接口测试类工具、Mock数据及文档生成等。
Nodejs扩展了前端无限的能力,让前端也可以向后台进军,操作数据库、读写文件、长链接(websocket)等让Nodejs拥有了后台语言的能力。
学习常见的Nodejs API、网络和事件循环多进程。深入原理讲解Nodejs模块开发技巧。
学习数据库,认识后台开发。学会“后台”开发人员的思维方式,可以和后台人员进行顺畅沟通。
讲解丰富的网络相关的知识,如egg、auth2.0的快速开发技巧、发挥Nodejs异步编程的能力、BaaS接口标准的GraphQL介绍、GraphQL的核心概念与使用等。
Websocket 精讲。实现聊天功能、心跳检测、多聊天室、消息缓存等功能开发,封装消息应用核心功能库,学会原理的同时也能助力日常ws相关项目的开发。
讲解移动端混合开发解决方案,包含混合App框架Ionic入门、React Native实战项目和Flutter好客租房项目。
讲解桌面端(跨端)领域前端方面的终极解决方案Electron,在满足日常开发性能需求的基础上,大幅度提升开发效率。
讲解基本的数据结构、常见的算法及设计思考,以及面试题。通过这几个维度的讲解,让学员理解算法在业务开发过程中的重要意义。
进行核心算法实战,让学员掌握基本的开发技巧与应用能力。
让你始终掌握技术发展趋势
讲师大多拥有BAT大厂背景
曾参与国家开放大学module教育平台,环球影视(中国)等多个大型项目。拥有丰富的前端教学经验,擅长设计课程与教学。课程内容是第一位,但是让学生学得开心,听得懂也很重要;pink,拼死也要克服前端。
985学士,5年前端开发经验,具备全栈开发能力,曾就职于跨国公司和知名国企,参与多个大型项目研发,丰富的企业面试经验和员工内训经验。 深剖原理,谙熟本质。关注前端主流技术的发展,保持热度,迭代技术。
Web前端工程师,具有多年Web开发经验,熟悉前端技术开发架构,喜爱并热衷于前端开发,特别在Vue、Node.js、React等主流技术领域实践并积累了丰富的经验,提出并成功主导了B2C、社交、O2O、IM、OA等众多领域的技术解决方案,同时在结合 Linux 服务器相关技术优化提升网站性能方面具有丰富的实践经验。
后端开发出身,曾在金和软件参与大型SOA项目开发;后入职国美集团旗下,负责前端开发工作。基础扎实,深入原理。热爱技术,喜欢读书,看过大量有关前端方面的书籍。 为人友善,知识面广泛。
曾参与过大型国有银行、地区银行的项目开发,大型电子商务购物平台开发。曾任Java高级开发工程师、项目组长、前端高级开发工程师、前端主管职位。参与开发的项目有:青岛银行生活通LBS项目、中国银行创业在线项目、孔夫子电子商务平台建设、书店项目、拍卖项目。
多年软件开发和教学经验,全栈开发,擅长前端、Java、Android开发、网络信息安全、Linux服务器运维等; 熟悉Node.js平台、 Vue.js等框架;参与过《Linc日本留学项目》、《InTestCar车辆远程管理服务平台项目手机客户端》等中大型项目。
每个学习阶段目标清晰
夯实前端基础技能
掌握高起点就业技能
使用案例场景式教学,提升学习兴趣,降低入门难度
•自适应布局•BFC•蓝湖•选择器•盒模型•浮动•背景•定位•Flex•转换•Web 字体•动画•标签语法•排版标签•布局标签•多媒体标签•电商网页开发
借助蓝湖工具,参照设计稿,进行 PC 端静态网页的开发。
•熟练运用 HTML 语法•掌握语义化的本质•合理使用 HTML 标签编写网页的结构•通过浮动、定位、Flex 精细控制网页布局•通过背景、圆角、阴影、渐变等美装饰美化网页内容•结合转换、过渡、动画等高级特性增强用户体验•能够编写大型综合性网页•基于设计稿编写网页•借助蓝湖协同平台进行网页开发•体验真实团队开发流程
高度还原设计稿,熟悉静态网页的开发流程,新增1天团队实战
•媒体查询•分辨率•视口•媒体查询•rem•屏幕适配•2 倍图•响应式图片•刘海屏适配•添加主屏•禁止复制•Bootstrap•栅格化•团队实战
解决移动设备屏幕所呈现网页的开发,高度还原设计稿,熟悉静态网页的开发流程。
•了解 PC 屏幕与移动设备屏幕的差异•结合视口、媒体查询、rem 等知识整合出稳定高效的移动屏幕适配方案•基于设计稿编写高还原度的网页•针对移动设备的特征应用差异化的技术解决方案•借助蓝湖协同平台,体验真实团队开发流程•基于媒体查询技术适配多终端网页•运用 Bootstrap 框架开发响应式网页
融合 ES6-11 新语法,重新设计案例,贴合一线实战
•流程控制•循环•函数•对象•数组•宿主环境•节点操作•事件流•高阶函数•排序•重绘•回流•预加载•面向对象•原型•class•柯里化•箭头函数•闭包•点九图•ECharts•jQuery•数据可视化项目
网页操作和用户交互是网页开发中不可或缺的组成部分,让网页“动”起来。
•掌握客户端开发技术,如视觉交互、数据处理、安全、性能•掌握熟练操作 DOM 的能力•熟悉 ES6+ 语法特性•具备面向对象编程的能力•运用 jQuery 提高开发效率,深入面向对象思想•运用 Echarts 完成数据可视化项目的开发
优化课程,新增防抖节流,JWT 权鉴,优化资讯后台管理项目,新增 2 天团队实战
•客户端与服务器•封装 Ajax•axios•跨域•防抖节流•HTTP•Node.js•数据库•Express•身份认证•session•JWT•Git•Token 身份认证•资讯后台管理项目
实现客户端与服务端的交互,快速搭建服务器,具备大前端的基本功。
•掌握网页数据交互的 Ajax 技术•掌握 Node.js 中核心模块•具备 Node.js 的编程思维•掌握 npm 的基本使用•根据发包流程将自己开发的库发布到 npm 平台•了解后端数据库的基本使用•能够使用常见的 SQL 语句操作数据库•能够使用 MySQL 模块在项目中操作 MySQL 数据库•掌握 Express 结合 MySQL 编写后端 API 接口•培养出懂后端的前端程序员•运用 Git 对项目进行版本控制•掌握实际开发中那些必知必会的 Git 操作•基于 jQuery + Ajax + 模板引擎 + Git 等技术完成后台管理项目的开发
新增人资中台项目,置换小兔鲜儿电商前台项目,新增6天团队实战
•webpack•Vue 常用 API•Vue-cli•Element•Vuex•vue-router•Vue-cli•Vant•MVVM 原理•电商后台管理系统项目•人力资源管理系统项目•黑马头条移动端项目•组件开发
满足前端工程师的岗位要求,重中之重,也是主流框架之一,必会技能。
•了解组件化开发的思想•了解路由的原理•掌握 Webpack 的基本使用•理解数据驱动视图的思想•掌握 Vue 的使用步骤•掌握 Vue 条件渲染、列表渲染、过滤器、生命周期、计算属性、侦听器等常用 API•掌握 ElementUI 的基本使用•掌握 Vue 中的组件通信技术•掌握 Vue 常用技术栈,如 vue-cli、vue-router、vuex、vue•运用 Vue 的基本语法开发电商后台管理系统•运用 Vue 开发人资管理平台•运用 Vue 开发黑马头条移动端网站•掌握 Vant 的使用•熟悉企业开发流程•熟悉团队开发流程•运用节流和防抖进行性能优化•理解 MVVM 的原理•熟悉 defineProperty 的使用•了解发布订阅设计模式•了解 Proxy 的使用•掌握 npm 平台发包步骤•掌握 Vue 组件封装的技巧
升级品优购 v2.0 项目(uni-app)
•小程序 API•小程序发布流程•WXS•微信支付•Mobx•uni-app
满足前端工程师的岗位要求,受众广泛,提高就业能力,找工作时的加分项。
•了解小程序开发的一般流程•熟悉小程基础组件的使用•能够基于 wxml 和 wxss 实现小程序的界面布局•基于模板的数据绑定实现数据的动态渲染•基于 API 实现与服务端的数据通信•掌握小程序中高级 API 的使用。•理解 uni-app 实现跨平台开发的原理机制•以及 uni-app 开发小程序时开发时与原生小程序的差异•熟悉微信支付的接入流程•利用数据缓存实现性能优化
升级好客租房 v2.0 项目,新增 Hooks,函数式编程,Redux-Saga、Redux-Thunk 中间件
•React 常用 API•JSX•虚拟 DOM•生命周期•组件通信•数据管理流程•Antd•百度地图•高阶组件•组件定制•数据处理•utils•移动端租房项目
深入理解组件化和模块化开发思想,三大主流框架之一,满足企业招聘中的岗位要求。
•掌握 React 的基本语法•掌握 JSX 的常用语法•掌握 create-react-app 的使用•掌握路由的使用•掌握 React 中组件化开发的能力•了解高阶组件的基本使用•熟悉组件通信的常用方法。•掌握 React 的生命周期•掌握 Redux 的数据管理流程•掌握 Redux 中各组成部分的作用•掌握 React-Redux 的基本使用•了解展示组件和容器组件的区别•了解单向数据流的概念•掌握 React 中 dev-tools 的使用。•掌握 Reac 技术栈进行移动端网站的能力•了解百度地图 SDK 的基本使用•掌握 antd 的基本使用•了解项目中常见业务的开发思路•了解组件化开发思想•了解 CSS in JS 思想
小兔鲜儿电商后台项目(TypeScript)
•TypeScript 基础语法•接口、类、继承、构造器•useState•useEffect•useContext•自定义 Hooks•Redux 中间件•AntV•G6•单点登录•小兔鲜儿电商项目
进军大厂必备,结合 TypeScript+Hooks 和函数式编程思想完成项目开发。
•理解 TypeScript 中的类型系统•理解并能使用 TypeScript 中的泛型•了解 TypeScript 中类型的推断过程•了解 TypeScript 类型的高级用法•理解 Effect Hooks 和 State Hooks 设计思想•理解 Hooks 应用场景•掌握使用 Hooks 封装一些组件•掌握 JavaScript 函数式编程范式•理解主流的数据管理设计思想•掌握 Webpack 的工程化解决方案•掌握 Ant Desgin 的 UI 组件库•掌握基于 RESTful 风格的 API 解决方案•掌握 React-Router-Dom 的路由管理方案•掌握 Redux 的全局状态管理•掌握基于 Redux-Saga 的 Redux 异步处理方案•掌握 create-react-app 脚手架工具•掌握基于 xlsx 的 Excel 表格解析处理方案•掌握基于 AntV/G6 的 Graph 的流程审批功能•掌握基于 React 组件化技术解决方案•掌握结合 Redux 状态管理•掌握用户权限解决方案•掌握 AI 智能推荐方案•掌握秒杀 / 拼团 / 砍价方案•掌握物流追踪方案•掌握数据导出方案•掌握第三方支付方案•掌握即时通讯方案•掌握短信服务方案•掌握流媒体方案•掌握单点登录方案•掌握服务提醒方案
新增 React Native 交友 App 项目,新增 Flutter 小兔鲜儿移动 App 项目;新增小兔鲜儿原生小程序项目
•React-Naitve•Flutter•Dart•PWA•Taro•跨平台电商项目•跨平台交友项目
高级前端工程师必备技能,真正实现一套代码多端运行,减少开发成本,提高开发效率。
•掌握 RN 原生 App 界面布局•掌握第三方 RN 组件的集成和改造•掌握第三方 Android 原生组件的集成和使用•掌握高德定位自动获取终端经纬度•掌握腾讯逆地址技术•掌握 JWT 交互模式•掌握 Mobx 管理数据•掌握自定义 SVG 绘制•掌握 RN 模态窗口的实现•掌握图文混排布局•掌握 RN 本地相册访问•掌握 RN 本地相机调用•掌握高德地图实现定位功能•掌握 RN 多图片上传•掌握 Flutter 开发环境搭建•掌握 Dart 语言基础•掌握 Flutter 常见的布局方式•理解组件的概念及分类•掌握基础组件、容器类组件、可滚动组件、功能性组件的应用•理解 Taro 实现跨平台开发的原理机制•理解单 JSX 组件与原生小程序组件的对应关系•理解 Taro 开发小程序与原生小程序的差异•掌握原生小程序消息推送方案•掌握原生小程序多线程方案•掌握原生小程序云开发等高级方案•了解 PWA•能够实现通过 PWA 技术强化 H5 网页的原生特性•了解当前 PWA 技术的浏览器兼容情况
新增 webpack 核心;新增脚手架工具;新增 git flow 全流程。
•webpack 核心原理•手写脚手架•性能优化•AST•gitflow 工作流
高级前端工程师必备技能,在项目开发中实现自动化、规范化、组件化、模块化。
•理解 webpack 的作用与原理•熟悉项目的打包过程配置•理解工程化的前端思维•掌握前端工程化的常见工具及工作原理•了解 webpack 性能优化•了解 webpack 中的 tapable•了解 AST 的应用•深入学习 webpack 原理,手写 webpack•掌握 vue-cli 及相关配置•掌握 vue-cli 初始化单页及多页项目•掌握使用 create-react-app 搭建项目•了解 create-react-app 的原理•掌握 angular-cli 搭建项目•了解 angular-cli 的原理•掌握一个基础 cli 的功能实现•掌握提交相关:git rebase/git commit/git reflog/git log•掌握子模块: submodule/subtree•掌握分支管理:git fetch/git checkout/git merge•掌握重置及回退:git reset/git checkout/git rm•掌握多人协同 git 工作流•掌握 git 常见的分支管理命令
新增 Web 框架;新增 No SQL;新增 SSR;新增性能监控,埋点方案,异常上报,错误预警方案等
•Egg•koa•redis•MongoDB•监控平台•版本号分析•埋点方案•PV/UV 统计•性能监控•SSR 原理•Nuxt.js•Next.js
高级前端工程师必备技能,SEO 优化策略之一,网站性能监控与埋点方案。
•理解 Egg 的作用•运用 Egg 完成项目•理解 Koa 的核心设计思想•掌握 Koa 的中间件编写•理解 redis 核心概念与使用•结合 redis 完成项目•理解 MongoDB 核心概念与使用•理解服务端日志收集系统设计•掌握接入第三方监控平台•掌握对服务端错误预警•实现前端异常上报•实现用户 PV/UV 统计•实现页面加载时间统计•实现用户点击行为统计•实现接口请求日志统计•实现接口请求耗时统计•实现静态资源加载异常统计•实现实现 JS 页面截图•实现 JS 报错实时监控•实现详情分析和代码定位•实现静态资源加载异常实时监控•实现静态资源加载异常的统计分析•实现接口请求报错实时监控•实现接口请求报错的统计分析•实现用户 PV/UV 实时统计•实现记录回放功能(详细记录用户使用的足迹)•实现 7 日内留存数据分析•了解版本号分析,浏览器分布等信息分析•分析页面加载性能数据•理解 SSR 运行原理•掌握 SSR 环境搭建•掌握使用缓存和 stream 对 SSR 进行性能优化•掌握 Nuxt.js 的应用•掌握 Next.js 的应用
学练测辅全方位保障学习效果
助力未来职业发展