热线电话:400-889-7654
  • TRAINING COMMITMENT
  • 培训承诺

掌握向职业设计师进阶的方法和技能;
满足企业常用的媒体设计制作需求;
独立完成各类UI界面的设计;
独立完成静态的设计;
包学会

  • EMPLYMENT
  • 就业方向

平面设计师 ; 网页设计师 ; UI设计师 ; 交互设计师 ; 插图设计师 ; 媒体美编 ; 淘宝美工

  • GIVING COURSES
  • 赠送课程

面试技巧 ;
商务礼仪

  • CAREER GUIDANCE
  • 职业引导

需求引领设计 ; 设计的条件 ; 分析、辨别和借鉴 ; 广告与营销 ; 设计职业的辅助平台 ; 直面客户 ; 设计的基本

亲身体验讲师们丰富的实战经验和教学经验!
课程名称 HTML5高级前端开发班
学习周期 4个月
课程描述 HTML、CSS、Div+CSS布局、Javascript脚本、Dreamwaver的使用、Photoshop的使用,HBUILDER的使用。专业网络公司网页调试技巧,掌握高效、快速、协作的项目流程,具备独立动手能力,积累真实项目实际开发经验,由浅入深、全面详解网站建设开发中前端布局的技巧,内容涵盖了基本概念、高级应用、实战经验与技巧等。授课过程中通过现场实操结合课后作业的方式,来帮助学员对Web应用知识的理解和实战技能的提升。主要可以掌握到HTML的历史,语法和深层使用,CSS的语法及如何灵活使用,JAVASCRIPT基础练习及高级应用,并可以自己开发JS插件。了解现在主流移动端的适配方案,制作符合要求的移动端页面,及生动有趣的动画效果。了解canvas画布的高级功能,灵活运用其制作移动端互动游戏,甚至是大型的移动端页面游戏。了解并实践自动化工具的使用,大大提升开发商业项目的速度和质量。掌握国内外的开发APP思想,和相应的成熟产品,利用HTML5技术进行安卓及ios端的APP开发。整个课程可以让你利用当下最新的HTML5技术,活跃于IT各个领域,可以随心所欲制作各类型的产品,你不需要担心经验或技能不足,只要你够创意,你就可以做到。针对不同的行业需求,使用其核心技术开发企业级的综合性网站。学员可分享成功案例的经验与不足,进一步提升自身的实战技能从而成为构建企业级综合性动态网站的精英!
掌握国内外开源框架及开源产品的开发思想及设计理念,并对其进行使用及二次开发。
主要涉及的产品有:Bootstrap、H5+、MUI框架、AngularJS框架
课程要求 高中以上学历,电脑日常操作熟练,不要求编程经验,零基础开始。只要对电脑有兴趣,想有一份高薪行业,有兴趣来学,不管你以前是学什么的,也不管你以前是做什么的。
培训承诺
  • PhotoShop切图,Dreamwaver下DIV+CSS独立完成静态网站的全站切图和布局
  • 制作适合多个终端的网站
  • Javascript独立完成并实现网站特效
  • 使用自动流工具协助开发
  • 手写网页代码,制作符合商业应用的互动应用
  • 可以制作安卓或IOS的APP
  • 两年内免费重听
  • 包学会
就业方向
  • WEB前端开发工程师
  • APP开发工程师
  • 交互设计师
  • HTML5游戏开发工程师
  • 高级前端开发工程师
赠送课程
  • 计算机英语
  • 职业素养
  • 面试技巧
  • 商务礼仪
课  程  大  纲
培训主题 培训内容 项目实战
Photoshop 基础
  • Photoshop 基础
  • 像素单位
  • 图层概念
  • 选区工具
  • 切片工具
  • 快捷键(快速操作)
  • 了解PS菜单及工具的使用
  • 网站的成型
  • 常用概念
  • 图片格式
  • 切图工具的使用技巧
探索HTML5+HTML考试
  • HTML 简介
  • HTML 元素
  • HTML 标签
  • HTML 属性
  • HTML 文本格式化
  • HTML 实体
  • HTML 链接,相对路径,绝对路径
  • HTML 图像
  • HTML 列表
  • HTML 表格  
  • HTML 背景
  • HTML 表单
  • HTML布局
  • HTML表单
  •   1)单行文本输入框
  •   2)表单提交按钮      
  •   3)表单重置按钮
  •   4)复选框
  •   5)单选框
  •   6)下拉框
  •   7)多行文本输入框
  •   8)密码输入框
  • 简单的企业网站首页可以用表格布局(涉及一些字体,图像,背景,颜色等的使用)
  • 框架页的编写
  • 在网页中使用新表单控件
  • 使用HTML5新标签对网页进行布局
探索CSS3
  • CSS-介绍
  • CSS-选择器
  • CSS语法 ID选择器、类选择器、派生选择器
  • CSS字体属性
  • CSS常用文本属性
  • CSS背景属性
  • CSS边框属性
  • CSS边距属性
  • CSS间隙属性
  • CSS盒子模式
  • CSS列表样式属性
  • CSS伪类
  • CSS3 - transform变换属性
  • CSS3 - transition过渡动画
  • CSS3-animation自定义动画
  • CSS3-animate.css使用
  • CSS3-常用单位一览
  • CSS -布局
  • CSS 基础语法规则的使用
  • 使用css选择器控制页面每一个元素的样式
  • 元素的变形属性(元素放大,缩小,旋转,拉伸等)
  • 元素的样式过渡(颜色的渐变等)
  • 自定义动画(css3弹球效果)
  • 2D/3D 转换(查看大图的显示效果)
  • 动画库Animate.css的使用
  • CSS Hack(各大浏览器的兼容调试)
  • CSS 优化(优化代码结构)
PC实战篇
  • 1.使用html5以及css3完成响应式网站的制作
  • 2.兼容各种分辨率的响应式网站
  • CCS3-制作伊森手表网站
运用html5和CSS3知识,完成实战响应式项目:
1.伊森手表
2.金领企业网站
移动端实战篇
  • CSS3-移动端现状介绍及未来发展
  • CSS3-视口介绍
  • CSS3-移动端适配
  • CSS3-制作购物app
  • 了解视口的设置原理
  • 完成实战项目:
  • 团购app ;社交网站;
  • 完成实战项目:
Bootstrap
  • Bootstrap - 基本介绍
  • Bootstrap - 基本实例
  • Bootstrap - 栅格系统
  • Bootstrap - 排版
  • Bootstrap - 表格
  • Bootstrap - 表单
  • Bootstrap - 按钮
  • Bootstrap - 图片
  • Bootstrap - 响应式工具
  • Bootstrap - 组件
  • Bootstrap - Javascript插件
  • Bootstrap - 项目实战
  • 理解 Bootstrap 的原理
  • 熟练掌握Bootstrap 的核心API
  • 能够实现响应式布局以及功能交互
  • 完成实战项目:
layabox游戏引擎主题网站
CSS预处理器-SASS+CSS考试
  • sass的介绍与安装
  • sass的编译
  • sass的语法
  • sass的项目使用
  • SASS的实现原理
  • SASS的编译和基本使用
  • SASS如何应用到项目
SVN&FTP+前端就业总结
  • SVN版本控制器软件
  • FTP文件传输软件
  • FTP的简单操作
  • SVN的具体操作方法
  • 实操:上传项目到服务器
Javascript入门应用
  • JavaScript语言介绍
  • JavaScript变量
  • JavaScript流程控制
  • JavaScript函数
  • 内置对象、属性、方法、事件
  • 浏览器对象、文档对象
  • DOM基础应用
  • 正则表达式
  • JSON
  • 目的要求:如何引用js;掌握js的语法
  • 练习:阶乘计算;99乘法表
    1)文件域的动态生成与删除
2)表格的动态生成与删除
3)JSON对象,函数的自定义与传值
  • 演示常见的错误,培训学员使用
  • FireFox调试网页,解决网页错误
 javascript高级应用+考试
  • 介绍各种js类库Zepto,jquery,easyui,JQUERY UI
  • 掌握jQuery的使用及其插件的封装;在jQuery中编写插件、插件扩展、插件应用
  • touchJS、jQuery.pagination分页、jQuery.artDialog弹出层
  • jQuery custom-scrollbar滚动条
  • JQUERY UI /jquery mobile使用
  • AJAX同源策略和跨域  JSON XML
  • 熟悉JavaScript的设计模式;构造函数,单例、工厂、代理、观察者等设计模式
  • ES6初步和Babel
  • 掌握模块化开发AMD,CMD的设计规范
  • 理解模块式开发,以及requirejs / seajs / CommonJS插件的使用面向组件编程的方式
  • 面向组件编程的实现原理
  • 面向组件编程实战
  • RequireJS框架介绍
  • LoadJS框架介绍
  • SeaJS框架讲解及实操
  • 制作网站的动态特效
  • 在HTML文件中添加jQuery的应用
  • 使用JQuery中的核心方法
  • 常用选择器的使用
  • 常用的JQuery方法
  • jQuery中的几种实现方法
  • 使用JQuery实现一些常见的页面实例,进面巩固JQuery的学习
  • jquery插件使用
  • 了解jQueryUI的使用原理
  • 异步获取数据
使用JQuery实现一些常见的页面实例,进面巩固JQuery的学习
就业总结课 就业总结课
Canvas应用
  • canvas - canvas简介和应用领域介绍
  • canvas - 基础绘图接口使用
  • canvas - 高级绘图接口使用
  • Canvas - 项目实战(贪吃蛇)
  • Lufylegend引擎
  • 通过系统学习canvas基本到高级接口,熟悉使用市场上流行的游戏框架,完成实战项目
  • 熟悉使用Canvas绘制动画和特效
  • canvas - 【实操】原生canvas游戏“贪吃蛇”
  • 了解Lufylegend 游戏引擎的原理、使用方法
环境搭建
  • 网络编程思想介 绍、BS/CS架构介绍、静动态网页介绍、开发语言介绍等
  • Windows 下Apache+PHP+Mysql集成环境的搭建(WAMP、PHPstudy)
  • http.conf介绍和 php.ini介绍
  • 域名
  • 虚拟主机
  • HTTP协议
  • 搭建并配置环境,编写phpinfo.php页面
php基础部分
  • PHP语言介绍
  • 变量
  • 数据类型
  • 操作符
  • 流程控制
  • 函数
  • 数组
  • 字符串
  • 表单
  • PHP语法每个知识点的使用
  • 每个知识点都有具体案例
mysql基础部分
  • 数据库概念
  • 数据库实体
  • 数据库关系  
  • MYSQL介绍
  • 使用phpmyadmin管理MySQL
  • MySQL数据库类型介绍
  • Mysql数据库建立
  • MySQL表的建立
  • MySQL字段类型介绍
  • 索引及主键介绍   
  • SQL语句介绍(增、删、改、查、连表查询)
  • PHP与数据库的操作介绍
  • PhpMyAdmin安装配置使用(navicat 的安装和使用)
  • 数据定义
  • 数据操纵
  • 数据控制  
  • SQL文件导出导入
php接口部分
  • XML介绍及应用
  • PHP解析XML
  • JSON应用
  • PHP解析JSON
  • 实例演示
  • XML介绍及应用
  • PHP解析XML
  • JSON应用
  • PHP解析JSON
  • 实例演示
本地存储方案
  • Web Storage API(包括localstorage、sessionstorage)
  • Cookie本地存储
  • 离线 Web 应用
  • websql
  • 了解常用的移动端缓存原理,并熟悉其使用
项目实战(json 数据调用模式)
  • 项目开发演示
  • 主项目实战:H5博客系统
Web工作流框架
  • WEB工作流 - 介绍
  • gulp - 介绍
  • gulp - 搭建环境(Nodejs的安装和NPM的使用)
  • gulp - 全局安装
  • gulp - package.json文件配置
  • gulp - gulpfile.js文件配置
  • gulp - 插件安装
  • Webpack - 介绍
  • Webpack - 全局安装和局部安装
  • Webpack - 查看版本和安装指定版本
  • Webpack - 实现单个或多个JS文件编译
  • Webpack - 设置源文件目录
  • Webpack - 省略文件后缀
  • Webpack - 编译CSS和引用CSS
  • Webpack - 编译SASS和引用SCSS
  • Webpack - 执行命令
  • Bower - 介绍
  • Bower - 全局安装
  • Bower - 初始化(bower.json文件配置)
  • Bower - 安装最新包和指定版本包
  • Bower - 自定义安装目录
  • Bower - 更新、查找和卸载包
  • Grunt - 基本使用
  • 知悉业界内技术最前沿的WEB工作流开发方式
  • 掌握Nodejs的安装和Npm的基本使用
  • 理解Gulp的基本原理,从实战中收获项目经验:
  •    1) 掌握如何安装Gulp工具
  •    2) 掌握如何配置Gulp,个性化配置适合自己的开发模式
  • 掌握如何利用Gulp插件,享受高效开发体验
  • 理解Webpack的基本原理和开发效能
  •    1) 掌握各种Webpak安装方式
  •    2) 掌握各位编译(JS/CSS/SASS)
  •    3) 掌握Webpack的命令行操作
  • 理解Bower的基本原理,清晰高效利用插件的开发方式
  •    1) 掌握Bower的各种安装方式
  •    2) 掌握Bower的常用操作
  • 理解Grunt的基本原理和使用
  • 掌握前端开发工具(Gulp、webpack、Grunt、Bower),快速有效完成项目。实现常见的HTML、CSS、JS文件压缩优化、打包等操作,落实到利用WEB工作流工具构建高质量、高性能、高规范化的前端项目。
AngularJS前端架构框架
  • Angular.js - 基本介绍
  • Angular.js - 基本实例
  • Angular.js - 控制器
  • Angular.js - 模板
  • Angular.js - 过滤器
  • Angular.js - 依赖注入
  • Angular.js - MVC
  • Angular.js - 服务
  • Angular.js - 与服务端的交互
  • Angular.js - 指令
  • Angular.js - 路由
  • Angular.js - 项目实战
  • 理解 AngularJS 的框架原理,掌握 MVC 编程模式,能够熟练使
  • 用 AngularJS 实现页面的重构
  • Angularjs电影网项目
  • TK科技项目
前端架构师考试+简历指导课 前端架构师考试+简历指导课
NodeJS
  • NodeJS - 基本介绍
  • NodeJS - 回调函数
  • NodeJS - 事件循环
  • NodeJS - 路由
  • NodeJS - MySQL操作
  • NodeJS - 函数
  • NodeJS - GET/POST请求
  • NodeJS - 文件系统
  • 基于NodeJS架构项目
VueJS前端开发框架
  • VueJS - 介绍
  • VueJS - 实例
  • VueJS - 模板语法
  • VueJS - Class 与 Style 绑定
  • VueJS - 条件渲染
  • VueJS - 列表渲染
  • VueJS - 表单控件绑定
  • VueJS - 组件
  • 了解VueJS的基本原理
  • 了解VueJS的基础应用
  • 基于VueJS快速开发WEBAPP
微信小程序
  • 小程序开发工具介绍与项目创建
  • 小程序文件结构
  • 常用组件(view,image,text,navigator,swiper等)
  • 界面:设置导航条、导航、动画、 绘图等等
  • 开放接口:登录,包括签名加密,用户信息、微信支付、模板消息
  • 了解微信小程序开发原理
  • 利用前端框架开发小程序
  • 开发前后台微信小程序的应用
混合式app开发
  • 混合式app介绍
  • 模拟器(夜神,海马)
  • MUI框架项目实战
  • 混合式app介绍
  • 模拟器(夜神,海马)
  • MUI框架项目实战
阶段回顾
  • 回顾整个体系的所有知识点部分
  • 整理并审核相关项目
模拟面试
  • 模拟面试
  • 模拟面试

广州文豆网络科技有限公司 Copyright © 2013 All right reserved. 粤ICP备12022584号-2
  • 广州白云
  • 广州番禺
  • 广州海珠
  • 深圳福田