上海web前端培训专业机构

WEB前端高级框架与后台交互

一.Vue.js

1.Vue.js简介与安装 2.Vue实例 3.模板语法 4. 监听属性与侦听器5.生命周期 6.自定义组件开发 7.自定义事件 8过渡与动画

9.数据的传递 10.数据请求工具axios的使用 11.脚手架工具搭建Vue开大环境

1.elment-ui简介 2.安装element-ui 3.主题设置 4.常用组件 5.element-admin 管理后台项目

1.路由简介 2.动态路由 3.嵌套路由 4.编程式导航 5.命名路由与命名视图 6.别名与重定向 7.路由守卫

1.状态管理 2.核心概念：state、getter、Mutation、action 3.模块化的状态管理

1.服务器端渲染 2.基本结构 3.路由和代码分割 4.客户端激活 5.缓存管理

随堂练习：1.To Do List 项目实践 2.饿了么APP开发 3.element-admin管理后台

商城项目实训：1.搭建vue开发环境 2.商城首页 3.商品详情页 4.购物车 5.个人中心 6.搜索页面 7.商品分类 8.用户注册 9.用户登录 10.商城上线。

二.Angular.js

1.angular.js简介 2.MVC概念 3.开发环境搭建 4.指令系统 5.主从组件开发 6.路由管理 7.服务 8.数据通信请求

随堂练习：To-do-list

三.React.js

1.react.js简介 2.开发环境搭建 3.jsx语法 4.自定义组件 & props参数传递5.父子组件通信 6.state和生命周期 7.事件处理 8.列表

9.表单 10.ant-design前端框架

随堂练习：饿了么点餐项目实战

四.阶段考核 教师指导你完成阶段作品，以备应聘时使用；从立案到素材、材料收集整理，再到风格定位、栏目规划，独立完成项目作品，其中需容入不同的分类信息、作品等；

上海Web培训相关介绍：

（1）通过Web1.0万维网，互联网上的资源，可以在一个网页里比较直观地表示出来，而且资源之间，在网页上可

（2）目前Web前端全栈开发工程师紧俏，企业高薪求才，薪资一涨再涨！！

（3）Web前端开发因为互联网的发展以及人才的紧缺，关于前端开发工程师的薪资也是很客观的。

（4）Web前端开发需要学好一门服务器端脚本语言，服务器端脚本编程（后台开发）也是web开发人员的基本功之

（5）二三线城市均需要Web前端+全栈工程师，尤以二三线城市及创业型企业对此类全能型人才急需，并开出较高薪

（6）Web前端开发需要学习使用一些javascript库，比如jquery是大部分wEB开发人员都喜欢用

（7）Web客户端的主要任务是展现信息内容，HTML语言是信息展现的有效载体之一。

（8）了解互联网的发展趋势，能很清晰的看到Web前端是个非常有“前途”的工作。

（9）Web后端开发需要：精通面向对象分析和设计技术，包括设计模式、UML建模等。

（10）Web前端开发需要学习css，它可以帮你把网页做得更美观。

web前端实战理论篇

原生js控件开发 熟悉的基本语法；掌握常用的方法；无障碍编写简单的控件；

浏览器兼容性处理 熟练处理各个浏览器直接的兼容性问题。提高开发中的效率，并且使页面在各个浏览器中显示基本相同；

高级控件开发技巧 掌握高级的编程技术；掌握各种设计模式的优缺点；理解适配器模式，单例模式；掌握面向对象的编程技术；

BUI库的使用 熟练使用BUI控件库开发。使用BUI控件实现页面各个区域的功能

BootStrap的使用 熟练使用BootStrap开发框架，及其扩展插件。使用BootStrap实现流式布局的页面；基于Bootstrap的控件

开发 掌握bootstrap的使用和特点；能够扩张bootstrap的插件

Canvas的自绘与开发 熟练使用Canvas自绘和开发功能。使用Canvas实现页面动画特效，使页面具有更强的视觉效果；

图表库的使用与开发 熟悉HighCharts的基本配置项；能够定制Highcharts；

AngularJS库的使用 熟悉AngularJS的原理；可以熟练使用AngularJS编写应用程序；

Dojo的使用 熟练使用Dojo解决开发DHTML应用程序遇到的那些长期存在、历史问题（historical problems with DHTML）、跨浏览器问题；

php开发基础 自主搭建PHP开发环境；熟悉常用的函数；了解PHP的工作原理。

在建设网页时，为了快速、高效地完成任务，通常会使用一些具有代码高亮显示、语法提示等便捷功能的前端开发工具。常用的web前端开发工具有Dreamweaver、Sublime、HBuilder等，具体介绍如下。

1、Dreamweaver

Dreamweaver简称DW(中文译为“梦想编织者”)，是美国MACROMEDIA公司开发的集网页制作和网站管理于一身的“所见即所得”网页编辑器，2005年被Adobe公司收购。Dw是第一套针对非专业网站建设人员的视觉化网页开发工具，利用它可以轻而易举地制作网页。

2、Sublime

全称为Sublime Text，是一个代码编辑器，最早由程序员Jon Skinner于2008年1月开发出来。Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图、功能插件等。Sublime Text还是一个跨平台的编辑器，支持Windows、Linux、Mac等操作系统。

3、HBuilder

HBuilder是CLoud推出的一款支持HTML5的Web开发软件。“快”是HBuilder的最大优势，通过完整的语法提示、代码输入法以及代码块等， HBuilder可以大幅提升HTML、JavaScript的开发效率。