Web前端课程体系

课程介绍
课程
课程名称
教学科目 详细内容 Web前端工程师 Photoshop基础 Photoshop基础；像素单位；图层概念；选区工具；切片工具；快捷键(快速操作) 了解PS菜单及工具的使用；网站的成型；常用概念；图片格式；切图工具的使用技巧； 探素HTML 5和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知识，完成；实战响应式项目:伊森手表、金领企业网站 移动端实战篇 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的具体操作方法；实操:上传项目到服务器； 高级Web前端工程师 Javasoript入门应用 Javascript语言介绍；Javascript变量；JavaSoript流程控制； Javascript函数；内置对象、属性、方法、事件、浏览器对象、文档对象；DOM基础应用；正则表达式；JSON 目的要求:如何引用js;掌握js的语法；练习:阶乘计算: 99乘法表：1) 文件域的动态生成与删除；2)表格的动态生成与删除3) JSON对象， 函数的自定义与传值；演示常见的错误。培训学员使用；FireFox调试网页，解决网页错 javascript应用+考试 介绍各种js类库Zeptojqury,syul.-JQUERY UI；掌握jQuery的使用及其插件的封装在jQuery中编写播件、播件扩展、插件应用；touchJS、jQluery pagination分页；jQuery.artDialog弹出层；jQuery custom-sorollbar滚动条；JQUERY U /jquery mobile使用；AJAX同源策略和跨域JSON XML；熟悉JavaSaript的设计模式:构造函数；单例、工厂、代理、观察者等设计模式ES6初步和Babel；掌握模块化开发AMD. CMD的设计规范；理解模块式开发，以及requirejs / soajsI CommonJS插件的使用面向组件编程的方式；面向组件编程的实现原理；面向组件编程实战；RequireJS框架介绍；LoadUS框架介绍；SeauS框架讲解及实操 制作网站的动态特效；在HTML文件中添加jQuery的应用；使用JQuery中的核心方法；常用选择器的使用；常用的JQuery方法；jQuery中的几种实现方法；使用JQuery实现一些常见的页面实例，进面巩固JQuery的学习jquery插件使用；了解jQueryU的使用原理；异步获取数据；使用JQuery实现一些常见的页面实例，进面巩因JQuery的学习 游戏制作 Canvas -简介和应用领域介绍；Canwas -基础绘图接口使用；Canwas -绘图接口使用；Canvas-项目实战(贪吃蛇)；Lufylegend引擎 通过系统学习Canvas基本到接口；熟悉使用Canvas给制动画；了解Lufyegend游戏引擎的原理，使用方法 后端开发工程师 环境指建 网络编程思想介绍、BS/CS架构介绍、静动态网页介绍、开发语言介绍等； Windows FApache+PHP+Mysq集成环境的搭建(WAMP. PHPstudylhtpconf介绍php.ni介绍；城名；虚拟主机；HTTP协议 搭建并配置环境，编写phpin-fo.php页面 php基础部分 PHP语言介绍；变量；数据类型；操作符；流程控制；函数；数组；字符串；表单； PHP语法每个知识点的使用；每个知识点都有具体案例 mysql基础部分 数据库概念；数据库实体；数据库关系；MYSQL介绍；使用phpmyadmin管理MySQL；MySQL数据库类型介绍；Mysql数据库建立；MySQL表的建立；MySQL字段类型介绍；索引及主键介绍；SQL语句介绍(增、删、改查、连表查询)；PHP与数据库的操作介绍 php接口部分 XML介绍及应用；PP解析XML；JSON应用；PHP解析JSON；实例演示； XML介绍及应用；PHP解析XML；JSON应用；PHP解析JSON；实例演示 本地存储方案 WebStorage API；localstorage. sessionstorage；cookie本地存储；离线Web应用；websal； 了解常用的移动端缓存原理并熟悉其使用 项目实战(json数据模式) 项目开发演示 主项目实战: H5博客系统 前端开发构架师 Web工作流框架 WEB工作流-介绍；gulp-介绍；gulp-搭建环境(Nodejs的安 装和ONPM的使用)；gulp-全局安装；gup - package.json文件配置；gulp - gupiejs文件配置；gulp播件安装；Webpack -介绍；Webpack -全局安装和局部安装；Webpack-查看版本和安装指定版本；Webpack -实现单个或多个JS文件编译架；Webpack-设置源文件目录Webpack-省略文件后缀；Webpack -编译CSS和引用CSS；Webpack -编译SASS和引用SCS；Webpack -执行命令；Bower -介绍；Bower -全局安装；Bower -初始化(bower json文件配置)；Bower-安装较新包和指定版本包；Bower-自定义安装目录；Bower-更新、查找和卸载包；Grunt-基本使用； 知悉业界内技术前沿的WEB；工作流开发方式；掌握Nodejs的安装和Npm的基本使用；理解Gulp的基本原理，从实战中收获项目经验：1)掌握如何安装Gup工具； 2)掌握如何配置Gup,个性化配置适合自己的开发模式掌提如何利用Gup插件，享受高效开发体验；理解Webpack的基本原理和开发效能：1)掌握各种Webpak安装方式；2)掌握各位编译(Js/CSS/SASS)；3)掌理Webpack的命令行操作；理解Bower的基本原理，清晰高效利用播件的开发方式：1)掌握Bower的各种安装方式；2)掌握Bower的常用操作；理解Grunt的基本原理和使用；掌握前端开发工具(Gulpwebpack. Grunt. Bower) ，快速有效完成项目。实现常见的HTML、CSS. JS文件压缩优化、打包等操作，落实到利用WEB工作流工具构建高质量、高性能，高规范化的前端项目。 AngularJs前端架构框架 Anguarjs-基本介绍；Angularjs-基本实例；Anguarjs -控制器；Angularjs-模板；Angular.js -过滤器；Angularjs -依赖注入；Anguarjs - MVC；Angularjs-服务；Anguarjs-与服务端的交互；Angularjs -指令；Angular.js -路由；Anguarjs-项目实战 理解AngularJS的框架原理；掌握MVC编程模式，能够熟练使；用AngularJS实现页面的重构；Angularjs电影网项目；TK科技项目 Node开发工程师 Nodeus NodeJS-基本介绍；Nodeus一回调函数；NodeuS-事件循环；NodeuS-路由；Nodeus一MySQL操作；NodeuS一函数；Nodeus一GET/POST请求；NodeJS-文件系统 通过练习基础演示掌握构建；NodeUS应用；理解NodeuS是什么?掌握回调函数如何运用在Nodeus开发过程中。理解NodeuS的异步调用机制；基于NodeuJS处理请求/响应页面；对外提供WEB服务；熟悉基于NodoJS的数据库操作；基于Node S路由构建多页面响应内容；掌握Node.S对系统文件的操作；掌握NodeuS模块化开发的理念并用于实际开发 移动端开发工程师 VueJS前端开发框架 Vueus一介绍；VueuS-实例；Vueus一模板语法；VUeuS Class与Style绑定；VueuS-条件澶染；Vuous一列表渲染；Vueus -表单控件绑定；VueuS -组件 了解VueJS的基本原理；了解VuoUS的基础应用；基于VueUS快速开发WEBAPP 微信小程序 小程序开发工具介绍与项目创建；小程序文件结构；常用组件(view, image, text, navigator,swiper等)；界面:设置导航条，导航，动画、绘图等等；开放接口:登录，包括签名加密。用户信息、微信支付、模板消息 了解微信小程序开发原理；利用前端框架开发小程序；开发前后台微信小程序的应用 混合式APP开发 混合式APP介绍；模拟器(夜神、海马)；MU框架项目实战(3YY、 红旅动漫) 混合式APP介绍；模拟器(夜神，海马)；MU框架项目实战
培训优势

• 01品牌实力

  拥有十多个产品著作权，多个商标，使用自己出版的专用专业教材。

• 02课程体系

  内容符合互联网招聘市场对于设计师的招聘需求，根据市场需求更新课程内容。

• 03专职讲师

  实训讲师具备丰厚的互联网设计经验、完整的设计意识以及丰富的项目实战经验。

• 04教学平台

  为了方便到线下实训基地学习的学生，提供线上教学平台，有专业讲师进行疑问解答。

• 05实训教学

  大小项目贯穿整个教学过程，毕业设计完全按照互联网企业产品设计真实环境进行。

• 06就业服务

  豆职提供长期就业服务，无论新老学员均有就业机会；毕业后请教问题，有老师解答。

就业保障

• 实战教学

  相当于向你导入至少两年的工作经验，就业后从容应对工作。

• 模拟面试

  丰富的面试经验,成功的面试技巧，让你在真正的面试中可以从容应对。

• 就业服务

  学习还能赚钱,物质和精神双丰收，没有比这个更实在的了。

• 长期服务

  豆职提供长期反复就业服务，无论新老学员均有就业机会。