非凡教育培训

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

HTML 和 CSS：开发网站，你第一件要知道的事情就是HTML(网页就是由它组成的)和CSS(一种让外观更好看的样式标记)。HTML 和 CSS 并不是编程语言—它们只是页面的结构和样式信息。然而，在开始开发web应用程序之前你必须要学会如何手工的编写简单的HTML和CSS，web页面是任何webapp的前端显示部分。这个HTML 指导是你入手的好地方。

JavaScript:当你可以通过HTML和CSS构建一个静态页面后，事情就开始变得有趣了—因为到了该学JavaScript的时候了。JavaScript是一种web浏览器上的编程语言，它的魔力就是能在页面里制造一些动态效果。

JavaScript可以做bookmarklets,Greasemonkey脚本, 和Ajax, 所以它是web上各种好东西的关于因素。

上海web前端课程有什么特色?

1、 与服务器端交互

深入讲解客户端/服务器、动态网站以及网络通信等前后端开发相关概念，并且开设后台编程语言PHP相关课程，使学员能够开发简单的动态页面和后台接口。

2、移动端开发技

能让学员全面掌握HTML5、CSS3、Bootstrap主流适配方案、移动端布局、主流响应式布局框架、touch事件、以及移动端常用框架iScroll、Swiper、Fastclick、Zepto、Framework7等。

3、模拟企业真实开发。完全模拟企业中的真实开发，从交互稿、设计稿、接口文档，到项目打包工具，源代码管理工具，团队式开发，让学员在学习的过程中，真实体会企业开发完整过程。

4、引入三大流行框架

课程引入当前三大流行开发框架Vue.js、React.js、AngularIS，按照公司项目开发协作流程开发项目，让学员了解到公司一个项目开发的整个生命周期。

web前端页面设计流程：确定网站主题

网站主题是网站的核心部分。一个网站只有在确定主题之后，才能有针对性地选取内容。确定主题的方法十分简单，可以通过前期的调查和分析来确定该网站的主题

(1)调查:调查的目的是了解各类网站的发展状况，总结出当前主流网站的特点优势、竞争力，为网站的定位确定一个方向。在调查时主要考虑以下问题。

●网站建设的目标。

●网站面向人群。

●企业的产品。

●企业的服务。

(2)分析:分析是指根据调查的结果，对企业自身进行特点、优势、竞争力的分析初步确定网站的主题。在确定主题时要遵循以下原则。

●主题要小而精，定位不宜过大过高。

●主题要能体现企业自身的特点。