西安Web前端培训课程

第 一周：HTML和CSS入门

知识要点：PhotoShop抠图、切片技巧、pxcook标注、Web前端开发环境、HTML常用标签、表单元素、CSS基础样式使用、字体图标设计

课程目标：熟练运用HTML和CSS样式属性完成页面的布局和美化，基于PSD原稿完成页面像素级还原布局和设计。

第二周：H5和CSS3新特性

知识要点：选择器、选择器权重计算样式继承、IFC、BFC、常见布局技巧、CSS新增特性

课程目标：熟练掌握网页布局技巧，熟悉CSS3新特性完成页面设计和优化

第三周：CSS3动画SASS和BootStrap

知识要点：弹性布局、transtion过渡、tranform动画、Animation动画使用技巧，2D动画和3D动画设计，预编译CSS技术：Sass基础知识、响应式布局原理、BootStrap源码分析以及插件的运用

课程目标：理解动画的原理，掌握动画的基础设计并完成网页动态效果设计，熟练掌握网页布局，能够熟练使用Less、Sass完成项目开发，深入了解BootStrap设计

第四周：项目实战及优化《生鲜平台》《家具网站》

知识要点：使用HTML、CSS、LESS、SASS等技术完成蜗牛家具网项目实战

课程目标：通过项目掌握第 一阶段HTML、CSS的内容、完成PC端页面设计和后台管理系统页面设计
第五周：JavaScript编程基础

知识要点：JavaScript发展及组成、变量、数据类型、控制结构、数组和函数

课程目标：了解JavaScript的发展，熟练掌握JavaScript的基础知识

第六周：WebAPI核心编程

知识要点：BOM操作和DOM操作学习，熟练使用jQuery框架开发，代码优化。

课程目标：熟练使用BOM的各种对象、熟练操作DOM的对象

第七周：jQuery+H5实战

知识要点：jQuery实战、H5相关api、以及canvas绘图技术使用、随机数据模拟

课程目标：熟练使用所学知识来完成蜗牛电影城项目开发和蜗牛小麦网项目开发

第八周：项目实战及优化《蜗牛影城票务系统》《蜗牛小麦网》

知识要点：使用HTML、CSS、LESS、SASS、JavaScript、jQuery、Ajax等技术完成项目实战

课程目标：熟练使用所学知识来完成蜗牛电影城项目开发和蜗牛小麦网项目开发

第九周：JavaScript高级特性

知识要点：JavaScript高级特性：闭包、作用域链、递归、IIFE、立即函数等，ES6新增特性：解构赋值、扩展运算符，箭头函数等

课程目标：掌握高级特性概念以及运用，熟练使用ES6的新增特性

第十周：Nodejs+MongoDB编程实战

知识要点：面向对象的基础概念、nodejs的使用以及express框架的基础运用，MongoDB的使用以及mongoose的api学习

课程目标：掌握面向对象编程基本思想，nodejs+express搭建后台，熟练使用mongodb搭建数据库以及用mongoose实现后台于数据库交互

第十一周：前后端分离实战

知识要点：webpack打包工具的使用、异步编程的概念、ajax、promise、async/await、git版本工具使用

课程目标：掌握webpack对项目进行打包，熟练使用异步编程进行数据交互并部署到gitee上

第十二周：项目实战和优化《信用卡金融平台》《保险保单平台》

知识要点：需求分析，数据库设计，后台开发，使用vue、node完成pc和移动端整站开发

课程目标：基于Node.js+Vue.js+Webpack+MongoDB+Git，实现整站项目完整功能并上线发布

知识要点：VueCLI的使用、Vue基本语法、组件、生命周期、MVVM、VueRouter、Vuex、axios的封装、Vue的打包配置

课程目标：对Vue.js框架的基本使用有清晰的理解，对MVVM模式有深刻理解，熟练运用Vue.js全家桶完成Web前端开发和组件开发

第十四周：ElementUI+VUE3.0+数据可视化

知识要点：elementui框架、Echarts、d3.js、vite工具的使用、Vue3.0

课程目标：使用Echarts对数据实现动态的可视化渲染，了解d3.js的基本语法

通过vite搭建vue3.0项目，并使用vue3.0完成基本的前端开发

第十五周：微信小程序和uni-app

知识要点：微信小程序：基本介绍、开发工具、wxml和wxss、全局配置和页面配置、自定义组件、本地存储、网络请求、导航、云开发、小程序发布

课程目标：uni-app：开发工具、基本使用、vuex、地图功能

第十六周：毕业项目《k15在线视频教育》《菜谱大全小程序》

知识要点：WoniuCarRental，整个项目前后端分离开发；整个项目分为四部分：PC端网页、移动端APP、小程序、后台管理。团队协作开发，使用git进行版本控制；

课程目标：团队协作完成毕业项目

第十七周：React实战

知识要点：组件、props、state、事件、表单、生命周期、hooks、ReactRouter

课程目标：熟练使用react全家桶完成项目开发

第十八周：Redux和React-Native

知识要点：Redux、saga、thunk中间件、ReactNative：环境搭建、组件、样式、表单、事件、网络请求、列表刷新、导航、底部tab导航栏、打包APK

课程目标：熟练使用react-native开发移动端app

第十九周：TypeScript+umi.js+dva.js

知识要点：TypeScript核心编程、语法检测、面向对象语法、dva.js、umi.js介绍

课程目标：基于TypeScript+dvajs+umijs完成项目实战开发

第二十周：毕业项目《汽车生活服务》《在线金融平台》

知识要点：整个项目前后端分离开发；整个项目分为四部分：PC端网页、移动端APP、小程序、后台管理团队协作开发，使用git进行版本控制；

课程目标：团队协作完成毕业项目

第二十一周：提升课程和就业辅导

flutter实战：基于flutter框架来搭建app开发环境，讲解flutter开发模式

SSR：理解SSR运行原理及为什么需要使用SSR|掌握SSR环境搭建|掌握使用缓存和stream对SSR进行优化|掌握Nuxt.js/Next.js的应用

框架源码分析：TypeScript在Vue中源码分析，Vue虚拟dom实现原理、MVVM实现流程、数据劫持

性能优化：网页性能优化方案，脚本性能优化方案，框架性能优化方案，浏览器底层内核、内存分配管理、垃圾回收。

简历指导：知识体系梳理、简历项目指导、简历人事指导

模拟面试：针对每个学生进行模拟面试，针对每个学生基础进行查漏补缺