HTML&JS+前端就业班课程大纲

熟悉原生Ajax请求流程与细节,并掌握常见跨域技巧;

能够基于jQuery的Ajax相关API熟练开发常见的前端功能;

能够独立开发基于后台接口的动态网站、Ajax数据交互的项目;

能够独立完成企业网站从前台到后台的基本开发工作。

可解决的现实问题:

能够具备开发具有简单交互能力的网站,能够使用源代码管理工具。

市场价值:

具备基本的网站开发能力,满足企业对初级前端开发的要求。

git

1、git历史2、git与svn3、git基本使用4、git分支5、git远程仓库6、git冲突及解决方案

综合项目:

阿里百秀

1、项目初始化2、前后端分离开发3、Postman工具使用4、用户注册/登录/退出5、文章管理模块6、评论管理模块7、用户中心模块8、项目部署与发布

ES6

1、es6简介2、新增语法3、内置对象扩展4、Promise5、Async函数6、解构7.展开运算

Node.js基础

1、node.js环境安装2、如何用node.js运行代码3、Commonjs4、模块化5、模块与包6、NPM7、CNPM和Yarn8、核心模块使用9、第三方模块使用10、RESTFulAPI

服务端开发(Node.js)

1、静态和动态网站2、http模块使用3、请求响应原理4、HTTP协议5、处理页面请求6、处理表单7、会话技术(Cookie、Session)

MySQL

1、MySQL的概念2、MySQL安装3、建库和建表4、增删改查语句5、Node.js操纵MySQL

Express

1、express的概念2、express的安装3、后端路由4、静态资源托管5、中间件的原理6、常用中间件7、模板引擎8、异常处理9、Express常用API10、RESTFulAPI

第五阶段:

Vue.js项目实战

Vue.js基础

1、Vue实例2、文本与属性绑定3、计算属性computed4、侦听器watch5、Class与Style绑定6、条件渲染7、列表渲染8、事件处理9、表单输入绑定10、Vue实例生命周期11、开发Vue插件和模板过滤器12、自定义指令13、Vue组件系统14、Vue过渡和动画15、VueRouter路由系统16、组件通信17、axios请求库18、VueCLI脚手架工具19、VueDevTools调试工具20、在Vue中操作DOM

可掌握的核心能力:

能够掌握使用Vue技术栈进行项目开发;

能够掌握源代码管理工具的使用;

能够熟练掌握前后端分离开发模式;

能够掌握使用主流框架开发门户网站、管理系统、移动Web等客户端;

能够掌握Webpack项目构建配置流程;

能够掌握Web项目的部署与发布模式;

能够掌握常见网站业务模块开发。

掌握使用echarts/d3.js进行大数据可视化交互开发;

可解决的现实问题:

使用Vue技术栈开发企业级项目

掌握前后端分离的开发方式

掌握项目的打包和发布

市场价值:

理解Vue的开发理念、内部运行原理,梳理使用Vue组件开发常见功能。满足前端开发行业中的常见需求。

社交媒体-

黑马头条自媒体管理系统

1、使用VueCLI初始化项目2、使用Git+Github管理项目源代码3、使用echarts开发数据可视化4、使用axios与服务端交互5、使用VueRouter管理项目中的路由6、使用ElementUI框架7、使用Sass预处理器8、基于JWT的前后端token鉴权9、富文本编辑器解决方案10、项目打包发布上线

webpack

1、安装与基本配置2、打包JavaScript模块3、打包CSS模块4、打包图片和字体文件模块5、打包less/sass资源模块6、ES6转ES57、打包.vue资源模块8、配置ESLint代码校验工具9、使用clean-webpack-plugin插件清除打包结果目录10、使用HtmlWebpackPlugin打包HTML资源11、处理打包结果的Sourcemaps12、监视打包模式13、使用webpack-dev-server14、模块打包热更新15、treeshaking打包优化16、生产环境和开发环境分离打包17、打包优化之CodeSplitting代码分割18、打包优化之模块懒加载19、打包优化之缓存

社交媒体-

黑马头条

1、使用VueCLI初始化项目2、使用Git+Github管理项目源代码3、使用axios与服务端交互4、使用VueRouter管理项目中的路由5、使用VantUI框架6、使用Vuex管理组件状态7、使用Sass预处理器8、基于JWT的前后端token鉴权9、使用Socket.io进行实时通信10、移动端富文本编辑器解决方案11、使用Cordova打包移动App12、项目打包发布上线

Vue进阶

1、组件封装进阶2、MVVM数据绑定原理3、Render方法原理4、$nextTick方法的使用5、发布订阅模式

服务端渲染

1、SSR核心概念2、SSR基本用法3、编写通用代码4、路由和代码分割5、构建配置6、Nuxt.js

大数据可视化

1、数据库可视化基础2、echarts/d3.js入门3、其它可视化库4、大数据可视化实战项目:组件开发

第六阶段:

微信小程序

小程序基础

1、小程序注册2、小程序开发者工具使用教程3、小程序配置文件4、小程序常用组件5、小程序的模板语法6、小程序中的样式编写7、小程序中的JavaScript8、小程序应用及页的生命周期9、小程序常用API10、小程序中的自定组件11、小程序插件开发12、小程序分包加载13、小程序基础库版及兼容处理14、小程序运行机制15、小程序性能分析及优化16、小程序云开发、云函数、云数据库17、小程序上线和发布

可掌握的核心能力:

能够掌握小程序的开发基础;

能够独立开发小程序项目;

能够掌握小程序的部署与发布;

能够掌握微信支付的使用;

能够掌握小程序开发框架的使用;

掌握第三方AI平台的使用。

可解决的现实问题:

掌握整个小程序开发和传统web开发的区别;

掌握企业小程序开发、发布和上线的整体流程;

拥有解决和实现市场上主流小程序的功能需求。

市场价值:

掌握前端行业的小程序发展趋势,熟悉小程序项目的整体运作流程,并且具备独立开发企业级小程序的能力,既可以使用原生小程序也可以使用小程序框架来完成项目。

小程序项目:

黑马优购商城

1、原生框架的搭建2、商品首页模块3、分类商品模块4、商品列表模块5、商品详情模块6、支付和登录模块7、收藏模块8、购物车模块9、订单模块10、搜索页面模块11、个人中心模块12、意见反馈模块13、项目的优化和发布上线

第七阶段:

React.js项目实战

React.js基础

1、create-react-app脚手架工具2、JSX语法3、条件渲染4、列表渲染和key5、React组件系统6、PureComponent7、setState()8、事件处理9、表单处理10、组件通讯11、render-props12、高阶组件13、虚拟DOM和Diff算法14、ReactRouter路由系统15、Redux状态管理架构16、axios请求库17、AntDesign组件框架、18、CSSModules

可掌握的核心能力:

能够理解React的开发理念;

能够掌握React的基本使用;

能够理解React的内部原理;

能够使用React及其常用组件库进行项目开发;

能够使用React封装项目中用到组件实现复用;

能够掌握React项目中常见问题的解决方案;

能够掌握React-Redux进行状态管理;

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享