全国咨询热线:400-618-4000

2018年前端与移动开发学科课程大纲

目前课程版本:6.0   升级时间:2018.09.10   查看详细

前端与移动开发课程设计理念

  •  

    前沿应用型技术

    课程设计之初就对目前企业中最流行的技术及知识点进行过多次调研,整套课程设计完成后,又进一步对课程中的技术点进行了100+项的增加与优化,全面覆盖以 React.js、Vue.js 和 Angular 为首的三大框架,最新的数据流方案、服务端渲染方案,当下非常热门的移动端开发技术:Flutter、React Native、微信小程序,让学员能够轻松应对前端在不同领域、不同行业的技术难题。

  •  

    真实企业级项目库

    学员的最终诉求就是能够灵活运用所学知识进行企业项目开发,所以真实的企业级项目是传统培训中最最稀缺的。此次课程核心定位更接近真实企业需求,所以我们从项目选题开始全部以真实就业情况为出发点,横跨电商、金融、在线教育、社交、租房、旅游六大行业,构建真实企业级项目库,,通过超长的项目课程培养学员在真实工作场景中攻克技术难题的的技术实战能力,以及从容应对不同企业需求的业务能力。

  •  

    超全的解决方案库

    企业对于人才最核心的需求并不是对单纯掌握某种应用型技术,而是希望开发者能够通过自己的经验帮助企业解决项目中随时出现的问题。所以本次课程除了升级应用型技术的相关课程,更多的还是提供海量商业项目解决方案,构建超全的解决方案库,让学员在日后的项目中可以灵活复用,做到企业有问题,我们有方案。

  •  

    商业项目团队实战

    新增了学员自主团队开发的阶段,完全模拟企业中的真实开发场景,从交互稿、设计稿、接口文档,到项目打包工具,源代码管理工具,在项目经理的带领下完成真实企业级项目的继续开发,让学员真正体验并掌握从需求到开发再到上线的方方面面,无需过渡期直接适应真正的企业开发。

前端与移动开发基础班课程大纲

学习对象

1.0基础0经验的小白人员,想转型到高薪编程行业或对此行业有浓厚兴趣的人员;
2.在校大学生,希望充实自身技能,毕业后能顺利就业并有更强的市场竞争力;
3.不满足目前工作现状,想要得到更好的发展空间。

注:获取更多免费学习视频+资料+笔记,请加QQ:2632311208。

上课方式

全日制脱产,每周5天上课(实际培训时间可能因法定节假日等因素发生变化)

培训时间

部分校区可能会根据实际情况有所调整,详情可询咨询老师   点击咨询

培训要求

自带笔记本

 

前端与移动开发基础班课程大纲
所处阶段 主讲内容 技术要点 学习目标
第一阶段:
HTML5 + CSS3
HTML5 浏览器与浏览器内核、语法及使用、常用标签、语义化、表单元素、HTML5 新增标签
学员能力体现:

- 了解常用浏览器和浏览器内核;
- 了解语义化的概念;
- 掌握 HTML 语法及使用技巧;
- 掌握 CSS 语法及使用技巧;
- 掌握 DIV+CSS 布局方式;
- 掌握常见网页布局模式;
- 掌握 HTML5 常用标签;
- 掌握 Photoshop 切图以及插件切图;
- 能够熟练使用开发人员工具进行页面调试;
- 能够完成基本的动画效果;
- 能够根据PSD文件独立完成静态页面的开发工作;
- 能够使用CSS3新属性美化修饰网页。

关键词:

HTML5、CSS3、语义化标签、CSS3新属性、盒子模型、定位与浮动、CSS 调试技巧、PS 切图、网页特效、静态页面开发、PSD文件还原网页文件。
CSS3 基本语法规范、常用的基本选择器用法与技巧、复合选择器使用、数值与单位、文字文本样式、CSS盒子模型、CSS背景技巧、圆角、阴影、过渡等新属性、定位和浮动、伪类和伪元素、chrome调试工具、CSS高级技巧(精灵图、滑动门、CSS三角等)、CSS常见布局技巧大全、网页开发规范以及流程、CSS企业级网页开发、网页开发常见问题以及解决方案、CSS常见兼容性问题以及解决方案
电商项目 Photoshop 切图、cutterman插件一键切图、代码组织原则、项目开发实战流程、电商类复杂页面布局规范、CSS初始化技术选择、CSS字体图标使用、布局技巧大全、完整的多页面开发、网页语义化设计、CSS页面模块化开发、复合选择器的应用、复杂网页结构排版、基本变换特效、电商类常见布局问题解决方案

前端与移动开发就业班课程大纲

学习对象

本课程适合于计算机专业,有一定css+div基础、通过入学考核的未就业人士。

上课方式

培训时间及周期:全日制脱产,每周5天上课(实际培训时间可能因法定节假日等因素发生变化)

培训要求

自带笔记本

培训时间

部分校区可能会根据实际情况有所调整,详情可询咨询老师   点击咨询

 

前端与移动开发就业班课程大纲
所处阶段 主讲内容 技术要点 学习目标
第二阶段:
移动 Web 网页开发
H5C3 进阶 新布局标签、多媒体标签、新增表单标签、新增表单属性、2D、3D 变换、animation 动画、炫酷页面开发
学员能力体现:

-掌握 HTML5 新布局标签、多媒体标签;
- 掌握 CSS3 2D、3D 变换、动画效果;
- 了解移动端屏幕、移动端浏览器、操作系统的不同;
- 掌握常用移动端调试方法;
- 掌握常用移动端适配方法;
- 掌握 CSS 预处理器 less 的使用;
- 掌握常用移动端框架使用方法;
- 掌握常见移动端页面开发;
- 掌握响应式布局开发;
- 掌握 Bootstrap 开发响应式页面;
- 掌握适配不同终端的网页开发技术选型。

关键词:

HTML5 标签、CSS3 动画、移动端适配、真机调试、rem、flex 布局、媒体查询、Bootstrap、Viewport、移动端调试
Flex 伸缩布局 传统布局的局限性、Flex布局优势、盒子父级常见属性设置、盒子子级常见属性设置、携程网 Flex 移动端页面开发
移动端开发 移动端屏幕介绍、移动端浏览器介绍、移动端操作系统介绍、真机调试、viewport 视口、rem 单位使用、移动端主流适配解决方案、常见移动端样式兼容方案、预处理器 less、媒体查询
第三阶段:
JavaScript 网页编程
JavaScript 基础 基本语法、常用数据结构、编码规范约定、内置对象常用方法、常见 JavaScript 算法大全、对象的创建方式和 this 讲解、构造函数 学员能力体现:

- 能够掌握 JavaScript 基本语法;
- 掌握常见 JavaScript 算法;
- 掌握 DOM 的各种操作;
- 熟练使用面向对象思想进行 DOM 编程;
- 掌握 JavaScript 的高级语法;
- 熟练使用 jQuery 操作 DOM;
- 熟练使用和编写 jQuery 插件;
- 独立完成电商网站的页面搭建(包括 HTML 结构、CSS 样式、JavaScript 特效);
- 掌握应对业务编程的能力;
- 掌握 JavaScript 常见兼容性方案;
- 掌握团队合作开发流程。

关键词:

网页编程、JavaScript 高级、面向对象、闭包、原型、原型链、ES6、正则表达式、DOM、BOM、动画函数、jQuery、jQuery 插件
Web APIs 编程 BOM 操作大全、DOM 操作大全、网页特效大全、事件处理流程、浏览器兼容性解决方案、封装动画函数
JavaScript 高级 面向对象思想、JavaScript 中的对象深入理解、JSON 使用、闭包原理以及使用场景、原型以及原型链深入剖析、作用域链深入分析、函数的调用方式及 this 指向总结、正则表达式、面向对象理论与实践、ECMAScript 2015 (ES6) 新语法
jQuery 快速开发 jQuery 的优势、jQuery 选择器、jQuery 中的动画、链式编程和隐式迭代、插件使用和制作、常见网页特效制作大全、团队协作开发流程
第四阶段:
Node.js 与 AJAX
Node.js 基础 环境安装、REPL 运行环境、Node 中的 JavaScript、模块系统、模块加载机制、模块与包、NPM 常用命令、文件操作
学员能力体现:

- 能够建立客户端服务器交互模型,熟悉网络通信相关概念;
- 能够使用 Node.js 进行 Web 服务端开发;
- 能够掌握 JavaScript 异步编程模型;
- 能够掌握 JavaScript 模块化编程方式;
- 能够使用 Node.js 操作 MySQL 数据库;
- 能够理解 HTTP 协议;
- 熟悉原生 Ajax 请求流程与细节,并掌握常见跨域技巧;
- 能够基于 jQuery 的 Ajax 相关 API 熟练开发常见的前端功能;
- 能够独立开发基于后台接口的动态网站、Ajax 数据交互的项目;
- 能够独立完成企业网站从前台到后台的基本开发工作。

关键词:

Node.js、CommonJS、JavaScript 模块化、异步编程、服务端、MySQL、HTTP 协议、Express、Koa、Cookie、Session、中间件、分页、注册登录、模块化、CMS 系统开发、RESTful、Ajax、SQL
异步编程 回调函数、Promise 对象、Generator 生成器函数、Async 函数、常用异步流程控制库
Web 开发 静态网站与动态网站、使用 http 模块创建 Web 服务、请求响应原理、HTTP 协议、处理页面请求、处理表单提交、Cookie 与 Session、MySQL 数据库、常用 SQL 语句、使用 Node 操作 MySQL 数据库、博客项目
Express 安装与初始化、路由系统、静态资源处理、中间件使用及原理、常用第三方中间件、模板引擎、错误处理、调试 Express 应用、常用 API
接口开发 前后端分离架构模式、RESTFul API 设计、接口测试工具
前端模块化 模块化开发基本概念、模块化演变过程分析、设计规范、Require.js
AJAX 编程 模块化开发基本概念、模块化演变过程分析、设计规范、Require.js、同步与异步概念、原生 AJAX、jQuery 的 AJAX 相关 API 使用、底层原理分析、缓存问题及解决方案、跨域请求及解决方案、前端模板引擎
综合项目:阿里百秀 项目初始化、后台管理系统模块、普通用户端注册/登录/退出、主题分页列表模块、主题详情模块、主题检索模块、主题分类模块、主题评论模块、用户中心模块、主题推荐模块、项目部署与发布
第五阶段:
前端框架实战
大数据可视化 数据库可视化基础、D3.js 入门、其它可视化库、大数据可视化实战项目:车辆监控系统 学员能力体现:

- 掌握使用 D3.js 进行大数据可视化交互开发;
- 能够掌握使用 Vue 技术栈进行项目开发;
- 能够掌握使用 React 技术栈进行项目开发;
- 能够掌握源代码管理工具的使用;
- 能够熟练掌握前后端分离开发模式;
- 能够掌握使用主流框架开发门户网站、管理系统、移动 Web 等客户端;
- 能够掌握 Webpack 项目构建配置流程;
- 能够掌握 Web 项目的部署与发布模式;
- 能够掌握常见网站业务模块开发。

关键词:

MVVM、前后端分离、Vue.js、Vuex、Vue-CLI、单页应用、工程化、品优购、Axios、Webpack、React.js、Redux、好租客、Vue Router、React Router、路由系统、JSX、项目打包
Vue.js Vue 实例、文本与属性绑定、计算属性 computed、侦听器 watch、Class 与 Style 绑定、条件渲染、列表渲染、事件处理、表单输入绑定、Vue 实例生命周期、开发 Vue 插件和模板过滤器、自定义指令、Vue 组件系统、Vue 过渡和动画、Vue Router 路由系统、axios 请求库、Vue CLI 脚手架工具、Vue DevTools 调试工具、Vuex 状态管理、Vue Server Renderer 服务端渲染
综合项目:
品优购电商后台管理系统
项目初始化、使用 Git、Github 管理项目源代码、用户管理、权限管理、角色管理、商品管理、库存管理、订单管理、数据统计模块管理、项目打包及优化、项目部署与发布
webpack 安装与初始化、打包 JavaScript 模块、打包 CSS 模块、打包图片和字体文件模块、打包 less/sass 资源模块、其他常用 loader 加载器、使用 clean-webpack-plugin 插件清除打包结果目录、使用 HtmlWebpackPlugin 打包 HTML 资源、处理打包结果的 Source maps、监视打包模式、使用 webpack-dev-server、模块打包热更新、tree shaking 打包优化、生产环境和开发环境分离打包、打包优化之 Code Splitting 代码分割、打包优化之模块懒加载、打包优化之缓存
React.js 安装与初始化、create-react-app 脚手架工具、React 组件系统、JSX 语法、事件处理、条件渲染、列表渲染和 key、表单处理、React Router 路由系统、Redux 状态管理架构、Axios 请求库、Ant Design 组件框架、CSS Modules、React 单元测试
好客租房移动 Web 项目 项目初始化、用户注册/登录/退出、首页模块、租房信息列表模块、租房信息图文/地图检索模块、租房信息详情视图模块、在线咨询/预约模块、租房咨询模块、个人中心模块、项目打包及优化、项目部署与发布
第六阶段:
微信小程序 + 小游戏
人工智能 AI 基础概念、人工智能与大数据、人工智能与机器学习、人工智能应用终端
学员能力体现:

- 能够掌握小程序的开发基础;
- 能够独立开发小程序项目;
- 能够掌握 Canvas 的使用;
- 能够掌握小游戏开发基础;
- 能够独立开发小游戏项目;
- 能够掌握小程序/小游戏的部署与发布;
- 能够掌握小程序开发框架 WePY 的使用;
- 掌握第三方 AI 平台的使用。

关键词:

微信小程序、WePY、黑马优购、小程序商城、飞机大战、小游戏、Canvas
人工智能案例:
啪啪测颜值
第三方人工智能服务平台、调用摄像头拍照、相册选照片、照片人脸年龄检测/性别检测/表情分析/颜值检测、AI 平台服务调用
小程序开发 小程序注册、小程序开发者工具使用及项目初始化、小程序全局配置及页面配置、小程序常用组件标签、小程序的模板语法、小程序中的样式编写、小程序中的 JavaScript、小程序应用及页面的生命周期、小程序常用 API、小程序中的自定义组件、小程序插件开发、小程序分包加载、小程序基础库版本及兼容处理、小程序运行机制、小程序性能分析及优化
小程序项目:
黑马优购商城
项目初始化、WePY 小程序开发框架、微信登录、商城首页模块、商品分类模块、商品列表模块、商品详情模块、购物车模块、订单支付模块、个人中心模块、项目发布与更新
Canvas Canvas 介绍、Canvas 标签、Canvas 栅格坐标系、绘制基本形状(矩形、路径、三角形、圆)、绘制样式和颜色处理、绘制文本、使用图片、变形、图片合成与裁剪、绘制基本动画、绘制高级动画、像素操作、Canvas 优化
小游戏开发 使用开发工具初始化小游戏项目、小游戏的文件结构、小游戏的配置、在小游戏中使用 Canvas、小游戏 Adapter 适配器、小游戏对主流开发引擎支持、小游戏分包加载、小游戏音频系统与文件系统、小游戏性能调试
小游戏项目:
飞机大战
项目初始化、背景绘制、背景音乐管理、绘制英雄飞机模块、绘制子弹模块、绘制敌机模块、子弹和敌机的碰撞检测、子弹碰撞敌机爆炸动画、玩家分数处理、游戏结束模块处理、小游戏用户登录授权、用户排行榜配置、小游戏转发配置、小游戏二维码推广、小游戏 Banner 及激励视频广告、小游戏发布与更新
第七阶段:
团队实战开发
品优购电商移动 Web 团队实战 二次开发、团队协作、团队管理工具、源码管理及协作、敏捷开发模式 学员能力体现:

- 能够根据现有的项目进行二次开发;
- 能够掌握企业中源代码管理的协作方式;
- 能够掌握企业中常见的开发协作模式;
- 能够掌握主流团队管理工具的使用。

关键词:

综合实战、二次开发、团队协作、源代码管理协作、团队管理工具使用

前端与移动开发在职加薪班课程大纲

学习对象

初入前端开发行业的初级、中级前端开发者。

注:获取更多免费学习视频+资料+笔记,请加QQ:2632311208。

上课方式

在线学习

培训时间

随到随学,详情可询咨询老师   点击咨询


前端与移动开发在职加薪班课程大纲
所处阶段 主讲内容 技术要点 学习目标
第八阶段:
框架原理与进阶
前端工程化 工程化概念、模块化开发及常用工具(Webpack4、Parcel、Rollup)、项目规范化及常用工具(ESLint、StyleLint)、前端自动化及常用工具、自动化测试及常用工具(istanbul、jest、benchmark)
学员能力体现:
- 能够轻松运用目前市场主流工具应对工程化项目需求;
- 能够基于无服务端平台快速开发应用并了解国内主流的平台服务;
- 能够使用静态站点构建方案快速开发企业站;
- 能够使用 Flow、TypeScript 完成复杂应用业务代码的编写;
- 能够掌握使用 Angular 技术栈进行项目开发;
- 能够理解 React.js / Vue.js 一类的 MVVM 框架的实现原理;
- 能够使用不同的数据流框架应对不同技术栈在大型项目中的数据状态管理;
- 能够使用服务端渲染解决方案解决 React.js / Vue.js / Angular 框架在 SEO 方面的问题;
- 能够掌握不同框架的服务端渲染的实现及运用;
- 能够使用 React16 + Redux4 + ReactRouter4 + Next.js 完成社交类项目的开发。

关键词:
工程化、自动化、无服务端、Gatsby、TypeScript、Flow、Angular、MVVM 框架原理、Mobx、RxJS、SSR、Next.js、Nuxt.js、Universal
闲云旅游项目 无服务端方案(LeanCloud)、静态站点生成工具(Gatsby、React Static、VuePress)、旅游类项目业务
JavaScript 进阶 Flow 类型检查、TypeScript 适应超大型的应用编码
Angular 实战开发 Angular 组件的定义及使用、Angular 服务、Angular 路由、表单、依赖注入
MVVM 框架进阶与实现 Vue.js 原理、Vue.js 使用进阶、模拟实现 Vue.js 框架
数据流框架的应用 Redux、Mobx、Vuex、RxJS、ngrx
服务端渲染 SSR 专题 React.js 服务端渲染方案及 Next.js 框架、Vue.js 服务端渲染方案及 Nuxt.js、Angular 服务端渲染方案及 Universal Angular
学成在线项目 React16、Redux4、ReactRouter4、Next.js
跨平台桌面应用开发 Electron、Vue.js / React.js 在 Electron 中的使用
第九阶段:
移动 App 开发
混合式 App 开发框架 Cordova、Phonegap、Ionic
学员能力体现:
- 能够使用混合式 App 开发框架快速开发移动 App;
- 能够配合原生应用开发 App 内嵌 H5 页面并可以通过 JSBridge 调用原生接口;
- 能够使用 wepy / mpvue 框架开发小程序或快应用项目;
- 能够使用 taro 多端统一解决方案同时完成移动 App、移动 Web、小程序的开发;
- 能够独立使用 React Native 开发原生 App;
- 了解 Weex / Flutter 等其他原生应用的前端技术开发方式。

关键词:
Cordova、Ionic、Webview + H5、JSBridge、mpvue、taro、Weex、Flutter
H5 配合原生开发 App Webview + H5、JSbridge、NativeScript
黑马证券 App 项目 Vue.js 开发移动H5、配合原生 Webview 构建 App、金融业务项目
小程序/快应用开发框架 WEPY、MPVUE、Taro 统一开发解决方案
原生应用开发框架 Flutter、React Native、Weex
好客租房 App 项目 React Native 构建租房类 App 项目
第十阶段:
Node.js 进阶
Node.js 网络通信 TCP 协议、net 模块、Socket
学员能力体现:
- 能够基于 net 模块开发 Socket 应用并深度理解 HTTP 协议;
- 彻底理解 Node.js 中的事件循环特性;
- 能够使用 Cluster 开发多进程应用充分发挥多核 CPU;
- 能够操作常见的 NoSQL 数据库并能够通过 Node.js 操作;
- 能够掌握主流的 MVC Web 应用开发框架 Adonis、Egg;
- 能够升入理解基于 GraphQL 标准开发现代化的应用层接口;
- 能够掌握 Node.js 中途岛在企业级项目中的应用;
- 能够使用 Node.js 开发基本的网络爬虫应用。

关键词:
Socket、EventLoop、Cluster、Redis、MongoDB、Memcached、Adonis.js、Egg.js、GraphQL、微服务、Nightmare、Puppeteer
Node.js 事件循环与多进程 EventLoop、Cluster
NoSQL 数据库 Redis / MongoDB / Memcached 基本使用及如何通过 Node.js 操作
Web 应用开发框架 Adonis.js、Egg.js、Koa
BaaS 接口标准 GraphQL
十次方项目 Node.js 中间层、社交类业务项目
网络爬虫开发 Cheerio、Nightmare、Puppeteer
第十一阶段:
可视化与游戏
网页游戏开发基础 Canvas
学员能力体现:
- 能够使用 HTML5 技术开发网页游戏;
- 能够使用 WebGL 技术完成炫酷 3D 类图形效果;
- 能够掌握常用的可视化库的应用;
- 能够使用 Three.js 开发简单的 3D 网页游戏;
- 能够使用 HTML5 游戏引擎开发网页游戏。

关键词:
WebGL、Three.js、H5 游戏、游戏引擎、Cocos2d-x、Egret
网页高性能图形编程 WebGL
图形化开发库 Three.js、D3.js
HTML5 游戏引擎 Cocos2d-x、Egret
第十二阶段:
架构与运维
前端性能优化 JSPerf、YSlow、PageSpeed
学员能力体现:
- 能够通过不同的工具发现 Web 项目的性能瓶颈并加以解决;
- 能够掌握使用不同的工具和平台对项目及代码进行质量监测;
- 能够使用不同的自动化测试框架完成项目的单元测试和集成测试;
- 能够使用 Jenkins、TravisCI 等工具对项目进行持续集成和持续部署;
- 能够掌握基本的 Linux 服务器操作与维护;
- 能够掌握 Nginx Web 服务器的搭建与配置;
- 了解 Docker 容器化平台的基本操作。

关键词:
JSPerf、YSlow、PageSpeed、E2E、QA、Jest、AVA、Nightmare、持续集成、持续部署、Jenkins、Nginx、Docker
项目质量监测 Lint、e2e test、codecov、Benchmark
自动化测试 Mocha、Jest、AVA、Karma、Nightmare
持续集成与持续部署 Jenkins、TravisCI、CircleCI
Linux 服务器 Nginx、HTTP(s)、ECS、RDS、SLB 云服务
容器化运维操作 Docker 操作、部署、运维

基础差? 可免费学基础班

申请试读名额

基础过关? 可直接就读就业班

基础测试

前端与移动开发学科项目介绍

  • 京东项目

    项目简介:

    京东项目是通过电子商务模式为主导开展起来的项目。该项目涵盖了基本的DOM操作、面向对象思想和事件处理及特效内容。

    项目特色:

    项目基于HTML+CSS+JavaScript搭建动态页面实现,包含网页布局,网页特效,浏览器兼容性处理。其中包括JavaScript基本操作和DOM基本元素操作及常见事件处理,涵盖页面常见效果轮播图、放大镜、tab栏切换等基本特效实现,完成此项目基本可以独立

  • 博学谷后台管理系统

    项目简介:

    该项目主要实现在线教育平台相关资源数据的管理功能,主要实现讲师、课程等数据资源的增删改查等相关操作。

    项目特色:

    该项目紧密联系实际工作场景,整合了很多常用的前端插件,融入真实的业务场景,并且包含了前端相关的jQuery、Ajax,文件上传、后台接口对接等大量的知识点,可以在强化知识点掌握的同时进一步培养实践能力

  • 移动端宣传页

    项目简介:

    如何快速抓住用户眼球:二维码扫描->跳转,朋友圈分享->跳转。移动设备这类操作在频繁不过了.跳转之后看到的都是一个酷炫的宣传页面,有声音,有动画,可能还会有定位等功能,那么这个页面在移动端如何通过HTML5 & CSS3等技术去实现呢

    项目特色:

    使用HTML5原生技术实现媒体播放功能,结合第三方地图API实现定位及地图绘制,使用CSS3实现酷炫的过渡,动画效果,运用动画框架来制作一些更有灵性的动画;页面之间的滑动切换效果,原生跟框架的实现方式,咱们都来一遍,让大伙真实体验到公司中此类页面的开发“姿势”

  • 乐乎(轻博客)

    项目简介:

    人们沟通的方式增多了,但是如何找到志同道合的人呢,轻博客正越来越受到咱们年轻人的欢迎,可以分享生活,分享心得,通过发现以及创建圈子快速找到感兴趣的话题.如果不想分享内容,也可以做一个安静的观众,静静地看着他人分享的精彩生活;无论哪种方式都能够让你收获精彩的内容.

    项目特色:

    :体验移动端webAPP的开发方式,掌握如何在种类繁多的屏幕中实现显示效果统一,如何在不同的移动操作系统下处理诸如字体设置,图片设置等问题.喜欢原生,没问题,我们一起来手写页面;想要快速开发,没问题,我们一同体验框架开发的简单与高效。CSS代码增多,维护与编写成本增加,我们有CSS预处理程序来帮忙。多角度,多方向让大伙感受移动端webAPP的开发"姿势"

  • 电商项目

    项目简介:

    该项目是基于鞋类的垂直电商平台,改项目包含整个电商核心模块,用户模块,购物车模块,分类模块,商品模块,产品模块。报表模块.. 系统前台是面向网站用户访问的,用户可以通过移动端进行注册,修改个人的一些信息,商品搜索,把商品保存到自己的购物车。系统后台是面向电商后台管理人员使用的,主要功能包含用户管理,分类管理,品牌管理,商品管理,报表统计等功能。

    项目特色:

    1:该项目移动端采用当前流行的mui移动框架搭建而成,使移动端的开发变得简单高效;2:独立页面里面采用流式布局,rem,以及伸缩布局来搭建内层网页;3:该项目所有的交互都采用前后端分离,移动端使用各种交互特效,下拉刷新,滚动加载等特效; 4:后台采用bootstrap 进行页面布局,后台开发迅速方便维护,使用bootstrap 的常见的插件;5:后台使用jQuery fileupload 上传组件,支持多文件上传,以及预览的功能;6:使用echart 技术做相关的报表统计技术"

  • cms系统

    项目简介:

    整个项目使用webpack打包工具集合Vue.js框架完成一个移动版的webapp,整个项目完全从0起步一步步带领学员完成脚手架的搭建,单页程序的架构以及新闻资讯,图片分享,商品购买,购物车,登录等功能,并且整个项目开发流程完全模拟团队协作,使用git进行版本管理

    项目特色:

    纯手工实现一个个功能,主要逻辑拒绝拷贝代码。以真实项目作为原型来实现其中的一部分功能,业务都是公司常用的。教会学员如何去查找开源组件,并且用在项目中满足业务的开发,授人以鱼不如授人以渔。项目的讲解过程几乎接近于公司真实项目的开发和协作流程,例如:交互稿,UI设计稿都有

 

前端与移动开发面授视频试听

  • 二维码图片的方式(上)

  • 二维码图片的方式(下)

  • ifelse和代码的调试

  • 表单元素(一)

  • 表单元素(二)

  • 数组

申请免费线下基础班试听名额

教学服务

  • 每日测评

    每晚对学员当天知识的吸收程度、老师授课内容难易程度进行评分,老师会根据学员反馈进行分析,对学员吸收情况调整授课内容、课程节奏,最终让每位学员都可以跟上班级学习的整体节奏。

  • 技术辅导

    为每个就业班都安排了一名优秀的技术指导老师,不管是白天还是晚自习时间,随时解答学员问题,进一步巩固和加强课上知识。

  • 学习系统

    为了能辅助学员掌握所学知识,黑马程序员自主研发了6大学习系统,包括教学反馈系统、学习难易和吸收分析系统、学习测试系统、在线作业系统、学习任务手册、学员综合能力评定分析等。

  • 末位辅导

    末位辅导队列的学员,将会得到重点关心。技术辅导老师会在学员休息时间,针对学员的疑惑进行知识点梳理、答疑、辅导。以确保知识点掌握上没有一个学员掉队,真正落实不抛弃,不放弃任何一个学员。

  • 生活关怀

    从学员学习中的心态调整,到生活中的困难协助,从课上班级氛围塑造到课下多彩的班级活动,班主任360度暖心鼓励相伴。

  • 就业辅导

    小到五险一金的解释、面试礼仪的培训;大到500强企业面试实训及如何针对性地制定复习计划,帮助学员拿到高薪Offer。