非凡教育培训

web前端JavaScript交互

面向对象编程

面向对象编程简介、对象的创建、继承的实现、原型与原型链。

随堂项目：仿windows屏保气泡

JQuery

JQuery基础语法、JQuery选择器、JQuery的BOM与DOM操作、事件编程、常见动画与自定义动画编程

随堂项目：打地鼠游戏、抽奖轮盘制作

JQuery 项目实战

图片轮播、利用jQuery制作拼图、贪吃蛇等项目实训

Bootstrap

bootstrap介绍、bootstrap的栅格系统、CSS样式、组件、bootstrap的javascript插件

随堂项目：利用bootstrap构建移动商城首页、用户注册、登录等页面

ECMAScript6 1.webpack介绍 2.webpackg管用配置 3.模块处理module 6.3种加载器loaders的使用 4.编译器babel 5.插件plugins 6.热更新次操作 7.打项目最终包

随堂练习：新前端开发环境搭建

Ajax技术 Ajax技术介绍、json格式与XML格式详解、Ajax的post与get两种提交方式详解、服务器端的数据反馈机制说明、如何利用jQuery实现Ajax提交

随堂项目：用户注册、登录的Ajax无刷新实现、淘宝收货地址中省市级联的实现

Web框架培训 过去数年里，web开发人员在开发动态网站的过程中不得不一遍又一遍的针对重复遇到的问题写出重复的代码。为了避免这种每次开发一些新网站都会重复劳动一次的问题，一些程序员动手搭建了一些框架，让框架替我们完成重复性的工作。 非常流行的Ruby on Rails框架，作为一个例子，它利用Ruby编程语言，为我们提供了一个专门面向web的架构，普通的web应用程序都能使用它来完成。事实上，Adam使用Rails开发了他的第一个正式的(而且是叹为观止的!)web应用程序，MixTape.me。这就是他的如何在没有任何经验的情况下搭建一个网站。还有一些其他的web开发框架包括CakePHP(针对 PHP 编程者),Django(针对 Python 编程中), 以及jQuery(针对 JavaScript).

Web前端开发精品班

一、Web前段设计软件

1.Dreamweaver：网页布局、制作；前端脚本语言(html、css、Js、DIV)均在本软件中编辑

2.Fireworks：讲解FW在网页切片、图层、帧、gif动画、画布设置中的应用以及配合其他软件进行使用

3.Illustrator：广告招牌制作、灯箱广告、服装广告、企业徽标设计、名片设计

4.Photoshop ：PS操作基础、图象优化处理、经典实例分析与制作

二、前端基础语言（HTML、css）

1. HTML5语法结构、文本、图像、链接、表格、列表、表单、框架；熟练掌握各种 HTML 标签，能够手动快速完成各种页面的编写；

2.HTML5高级功能：canvas标签的使用；多媒体在网页中的使用；HTML5中的智能表单

3.CSS3 基础语法、各种选择器框模型与背景、文本 格式化、表格、显示与定位、CSS 复杂选择器。

4.CSS3动画详解：CSS3的动画功能；CSS3新增选择器；弹性盒模型；服务器字体

web前端页面设计流程：收集素材

在网站整体规划完成之后，就可以收集网页设计需要的素材了。丰富的素材能够让设计师更　地完成网站的设计，还能极大地节约设计成本。在网页设计中，收集素材主要包括两种，一种为文本素材，一种为图片素材，具体介绍如下。

1. 文本素材

设计师可以从书刊、网络上收集需要的文本，然后将这些文本加工、整理，制作成Word文档保存。需要注意的是，在使用搜集的文本素材时要去伪存真、去粗取精，加成自己的素材，避免版权纠纷。

2. 图片素材

只有文字内容的网站对于访问者来说是枯燥无味的，因此在网页设计中，往往加入一些图片素材，使页面的内容更加充实，更具有可读性。设计师可以从网上的些图片素材库获取图片或者自己拍摄一些图片作为素材。同时在使用图片素材时也需要注意版权问题。值得一提的是，在收集素材时，为了将素材类别划分清楚，一般都会将其存放在相应的文件夹中。例如，文本素材通常存放在名为text的文件text夹中，图片素材通常存放在名为images的文件夹中。