商务服务
2020年HTML&JS+前端学科课程大纲
2024-10-31 19:43
HTML&JS+前端就业班课程大纲 所处阶段 主讲内容 技术要点 学习目标 第二阶段:

2020年HTML&JS+前端学科课程大纲

移动Web网页开发
CSS3动画 1、CSS3的2D和3D变换2、animation动画3、炫酷页面开发(地图大数据热点图、大风车、旋转木马轮播图等) 学员能力体现:
掌握CSS32D、3D变换、动画效果;
了解移动端屏幕、移动端浏览器、操作系统的不同;
掌握主流移动端调试方法;
掌握常用移动端适配方案(流式布局、flex布局、rem适配);
掌握主流移动端页面开发技术选型与解决方案;
掌握CSS预处理器less的使用;
掌握常用移动端框架使用方法;
掌握常见移动端页面开发流程与规范;
掌握响应式布局开发;
掌握Bootstrap开发响应式页面;
掌握适配不同终端的移动端页面开发。
能够独立开发移动端页面,并适配不同移动端终端。
具备移动端页面开发,但是还不能达到企业的用人标准。为后面学习网页编程阶段打下坚实基础。 移动端页面开发 1、传统布局的局限性2、移动端屏幕介绍3、移动端浏览器介绍4、物理像素&物理像素比5、真机调试、6、viewport视口、7、移动端技术选型、8、移动端主流适配解决方案、9、移动端特殊样式、10、百分比布局&流失布局、11、Flex布局优势、12、盒子父级常见属性设置、13、盒子子级常见属性设置、14、携程网Flex移动端页面开发、15、rem单位使用、16、rem适配、17、预处理器less、18、media媒体查询、19、淘宝flexible.js移动端适配、20、cssrem插件使用、21、cutterman二倍图三倍图切图、22、移动端页面开发流程与规范、23、京东移动端首页开发 Bootstrap 1. Bootstrap框架的优势、2. 准备工作、3. 如何引入包、4. 最常用的样式模块、5. 什么是栅格系统、6. 常见的栅格参数、7. 栅格系统的预定义类、8. 响应式工具、9. 阿里百秀响应式页面开发 第三阶段:
Javascript网页编程
Javascript基础 1、基本输入输出方法2、变量3、数据类型4、类型转换5、运算符6、流程控制语句7、数组8、函数9、自定义对象10、内置对象和常用方法11、网页版小娜小项目 学员能力体现:
能够掌握Javascript基本语法;
掌握常见Javascript算法;
掌握DOM的各种操作;
熟练使用面向对象思想进行DOM编程;
掌握Javascript的高级语法;
熟练使用jQuery操作DOM;
熟练使用和编写jQuery插件;
独立完成电商网站的页面搭建(包括HTML结构、CSS样式、Javascript特效);
掌握应对业务编程的能力;
掌握Javascript常见兼容性方案;
掌握团队合作开发流程。
能够使用Javascript/jQuery开发网页特效/网页应用。
具备网页开发的基础能力(网页布局和网页应用开发),但是无法和服务器交互,还达不到企业用人的标准。 WebAPIs编程 1、获取页面元素的常用方法2、页面中的事件和事件机制3、操作元素的样式和属性4、新增元素和移除元素5、BOM操作大全 网页应用/网页特效 1、轮播图2、页面放大镜3、待办事项列表4、购物车5、tabs6、JSON7、其它常用网页特效 jQuery快速开发 1、jQuery的优势2、jQuery选择器3、jQuery中的动画4、jQuery中的DOM操作5、链式编程和隐式迭代6、插件使用和制作7、常见网页特效制作大全 面向对象编程 1、面向对象思想、2、创建对象、3、Javascript中的对象深入理解、4、闭包原理以及使用场景、5、原型以及原型链深入剖析、6、作用域链深入分析、7、函数的调用方式及this指向总结、8、Class类、constructor、super 第四阶段:
Node.js与AJAX
AJAX编程 1、AJAX的作用2、原生AJAX3、同步与异步4、http协议5、AJAX的封装6、jQuery的AJAX7、缓存问题及解决方案8、跨域请求及解决方案9、前端模板引擎 学员能力体现:
能够建立客户端服务器交互模型,熟悉网络通信相关概念;
能够使用Node.js进行Web服务端开发;
能够掌握Javascript异步编程模型;
能够掌握Javascript模块化编程方式;
能够使用Node.js操作MySQL数据库;
能够理解HTTP协议;
熟悉原生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进行状态管理;
能够掌握声明式编程的思想;
能够掌握组件化开发的思想;
能够掌握React项目优化、部署。
具备使用React开发能力,配合React内部原理,增强解决项目中复杂业务问题的能力,从项目搭建到项目开发再到项目部署上线,让学员可以完成常见企业级项目的开发。
理解React的开发理念、内部运行原理,熟练运用React组件完成项目常见功能开发,配合常用组件库解决项目中的一些共性问题,满足前端开发行业中的常见需求。 好客租房    以上就是本篇文章【2020年HTML&JS+前端学科课程大纲】的全部内容了,欢迎阅览 ! 文章地址:http://dfvalve.xrbh.cn/news/336.html 
     资讯      企业新闻      行情      企业黄页      同类资讯      首页      网站地图      返回首页 迅博思语资讯移动站 http://keant.xrbh.cn/ , 查看更多   
最新新闻
云南网络营销软件哪个好?权威推荐助您快速选择
在数字化时代,网络营销软件成为了许多企业实现营销目标的重要工具。然而,市面上网络营销软件琳琅满目,选择一个适合自己的并不
宫崎骏的时代结束了
在《你想活出怎样的人生》之前,宫崎骏一直是著名的退休诈骗犯。七次退休又七次复出,年过八旬,创作欲还是旺盛到令人害怕。然而
个人大数据信用查询平台哪个更准确一些?蘑菇画像个人大数据信用报告查询平台更好用
个人大数据信用查询平台哪个更准确一些?蘑菇画像个人大数据信用报告查询平台更好用,个人大数据信用查询平台市面上还是比较多的
小红书关键词热度查询!国风大潮下,品牌怎么玩出花样、玩出水平?
国风,是当下年轻人钟爱的潮流。汉服穿搭、文物手办、国潮仿妆……频频出圈。“民族的就是世界的”,国风的影响力可谓深远,一说
app推广接单发布平台哪个好?怎么领取任务赚钱?
最近几年,随着互联网的快速发展,利用网络兼职的赚钱方式也呈现越来越火,非常受大众欢迎的趋势。而且其种类也非常多:微商、社
【可打印】文学常识常考100题汇总,初中生练一练!(部编版初中语文)
关注本公众号,私信发送数字:2493,领取电子打印版文学常识1、成语“万事俱备,只欠东风”是根据《三国演义》________ (战役)
“迎旅发大会 游美丽望城”望城首届文旅短视频大赛,最高3万奖励等你来拿!
湘江水浩浩奔腾,流淌沧桑巨变。铜官窑静穆肃然,在这里诉说着望城的厚重历史,流传着“君生我未生,我生君已老”凄美爱情故事;落日
mysql导入大txt文件怎么打开_mysql怎么导入txt文件?
有时候我们在使用mysql数据库的时候,想导入txt文本文档,要怎么操作呢?下面本篇文章就来给大家介绍一下方法
寸头抖音短视频教程_人开始衰老的迹象是什么
岁月不饶人,我才50出头,可是许多衰老迹象已经越来越明显,惹得中医闺蜜笑话这样的我。1、觉得右后背和肩膀疼,出现“五十肩”
什么是网站页脚:以及最佳页脚设计示例
主体内容外,网站还包括页眉和页脚,用于帮助访问者的特定目的。由于我们认为网站页脚设计同样重要,我们整理了10个最佳免费网站
本企业新闻

点击拨打: