非凡教育培训

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前端开发培训

适合人群：

零基础学员，想要转行web前端学员，刚毕业学生，想要提升个人技能

简介：

IT术语太专业听不懂?来这里，优就业用最通俗的语言告诉你什么是Web前端，用数据告诉你Web前端的就业前景，用实战案例带你入门Web前端。做IT教育，我们是认真的!

学习目标：

了解web前端行业趋势，知道web前端需要学习的知识及版块

课程详情：

一章 Web前端入门科普知识

1节 科普动画第二章 各模块试听

1节 什么是Web前端?

2节 Web前端案例解析及制作

常见的html标签（上）

常见的html标签（下）

网页中插入图片和链

Web前端制作粽子宝宝实例讲解

CSS3打造手风琴图片滑动特效

CSS3制造逼真的下雪场景动画特效【Web基础课程】

jQuery实现图片轮播效果【Web进阶课程】

Canvas模拟实现【Web进阶课程】

Java Script制作有趣的打地鼠小游戏【Web进阶课程】

web前端开发工程师 = XHTML+XML+CSS+JavaScript/ActionScript/AJAX

当然，上面的定义是针对大公司的，杯具的是中国互联网行业的大公司太少了，为了生存与生活，我们还要了解中小公司的需求：

web前端开发工程师 = XHTML+XML+CSS+JavaScript/ActionScript/AJAX+JSP|ASP|.NET|PHP+UI

也许你不一定要学这么多，但是如果全学会了，那你将可能成为真正的T型人才。 关于大公司和小公司哪个更好更适合的问题，这里就不讨论了。

“web前端开发工程师”也许不能令你大富，但至少算是一技傍身，可以保障你的生存和生活。 准备好了？那么你接下来要做的是就是：

1、准备好工具（Photoshop、Dreamweaver），推荐：Photoshop cs2、Dreamweaver cs4。

2、购买一本入门书籍，推荐：《HTML+CSS网页设计与布局从入门到精通》、《精通CSS+DIV网页样式布局》。

3、下载一个CSS2.0手册。

4、努力练习吧，你可能需要1-3个月的学习才能了解XHTML+CSS（有关HTML和XHTML的区别请百度查询）

在建设网页时，为了快速、高效地完成任务，通常会使用一些具有代码高亮显示、语法提示等便捷功能的前端开发工具。常用的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的开发效率。