上海web前端开发工具

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前端的就业面很广，选择的岗位有：前端开发工程师、资深前端开发工程师、网站重构工程师、移动APP前端工程师、H5页面制作等等。

目前web前端分为"前端设计"和"前端开发"两种，前端设计是为网站的视觉设计，前端开发是网站的代码编辑，包括基本的HTML，CSS，JavaScript，现在最新的版本HTML5，CSS3和SVG。

目前比较注重前端的开发，因为大多数前端开发者都兼具了PS等美工技术的工作了。

(1)颜色:观察网页效果图的主题色、辅助色、点睛色，了解页面的配色方案。

(2)尺寸:观察网页效果图的尺寸，确定页面的宽度和模块的分布。

(3)辅助图片:观察网页效果图，看哪些地方使用了素材图片。确定需要单独保留的图片。例如，重复的背景图、小图标、文本内容配图等。对页面效果图有了一个基本的分析之后，就能够“切图”了。

“切图”就是对效果图进行分割，将无法用代码实现的部分保存为图片。当切完图之后，就可以使用Html、css搭建静态页面。搭建静态页面就是将效果图转换为浏览器能够识别的标记语言的过程。