Web基础基础班阶段一
课时:1天
技术点:11项
测验:1次
学习方式:线下面授
学习目标
了解编程行业知识,行业术语,行业主流公司概况,GitHub与W3C,发展方向展望。轻松了解工作流程,清楚自身定位,懂得如何配合上下游完成工作!
主讲内容
1. PS针对前端工程师的特训通过各种不同风格GUI设计,掌握Photoshop等相关软件操作基础,熟练使用软件,切图调色,存储格式与技巧。
PS安装|PS界面熟悉|常用工具|标尺工具|使用参考线|基础操作快捷键|工具选择快捷键|图片存储相关操作|切片(重点)|切片具体操作流程|存储切片
2. 前端入行须知/编辑器介绍了解编程行业知识,行业术语,行业主流公司概况,GitHub与W3C,发展方向展望。
掌握基本的技能|html+css应用领域|学习网站推荐|行业发展趋势|W3C标准|三大特性|
互联网开发规范|Atom|Sublime|WebStorm|IDEA|Hbuilder|
Notepad++|Visual Studio Code
网页布局基础班阶段一
课时:4天
技术点:68项
测验:1次
学习方式:新型面授
学习目标
借助PxCook工具,参照设计稿,能综合使用HTML+CSS技术完成企业级小兔鲜儿电商项目PC端首页开发。
主讲内容
1. HTMLHTML
负责网页的结构层,是网页开发的基础,从最简单的网页骨架搭建入手,使用常见的 HTML 标签丰富网页结构。
HTML基础语法|排版标签|路径|多媒体标签|链接标签|列表标签|表格标签|表单标签|布局标签|语义化标签|字符实体
2. CSS在 HTML 搭建的网页结构基础上,通过 CSS 选择器
精准选择标签,使用外观、盒模型相关属性完成网页全部内容,学习传统浮动、定位等完成网页布局,侧重使用 Flex
布局技巧精准控制网页布局,最终结合背景、圆角、阴影等装饰属性进一步美化网页效果,达到能够编写企业级大型综合网页。
选择器|外观|文字|背景|标准流|三大特性|盒模型|伪元素|浮动|伪类|定位|圆角|阴影|透明|过渡|flex
布局
3. 企业级小兔鲜儿电商项目首页制作借助PxCook工具,基于设计稿编写网页,确保网页的高度还原,通过综合运用
HTML + CSS 技术,按照实际项目开发流程,归纳开发技巧,提升综合实战水平,最终完成企业级小兔鲜儿电商项目PC端首页开发。
精灵图|文档编码|性能优化|布局技巧|SEO|性能优化|版心|设计稿|PxCook
面向对象编程阶段二
阶段课时:5天
案例:13项
技术点:23项
学习方式:线下教室
达成目标
1.Python/JS/Java语言异同|
2.基础数据类型|
3.Pycharm/Webstorm/IDEA安装|
4.职位介绍|
5.行业发展状况|
6.企业编程规范|
7.常用数据类型|
8.掌握输入/输出|
9.掌握运算符、表达式、流程控制语句、Array/Object等的使用|
10.掌握基本数据类型|
11.熟练使用IDE|
12.熟练string类常用用法|
13.熟练延时器与计时器|
14.掌握基本面向对象知识|
15.了解原型的概念|
16.掌握函数的创建|
17.掌握函数的引用|
18.清楚并理解形参与实参的概念以及用法
授课内容
1. 基础语法
Python语言在国内IT行业,就业率长年稳居榜首,对于IT应届生和有转行IT行业意向的朋友来说,是个上佳选择;
另外,对于要冲击高阶技术岗,例如大数据开发的朋友,也需要Python作为支撑。
可以说掌握了Python,就等于拿到了IT行业的高等入场券。
1.主流语言介绍与前景|
2.环境下载和安装以及安装演示|
3.Path环境变量的配置|
4.打印"Hello,World!"(行规)
|5.第一个编程小程序|
6.数据类型 |
7.程序的移植|
8.经验技巧分享|
9.关键字、标识符|
10.二进制、八进制、十六进制|
11.类型转换、强制类型转换、表达式的类型提升|
12.运算符|
13.API、random库|
14.if分支语句的灵活使用|
15.break/continue语句|
16. for循环结构 |
17.while循环结构|
18. 字符串遍历循环结构|
19. 各种循环语句的区别和应用场景
|
20.循环跳转控制语句|
21.嵌套循环的应用|
22.使用循环嵌套打印三角形|23.开发工具的详细使用
|24.数组的动态初始化|25.Array/List的访问格式|26.数组的静态初始化|27.内存划分和作用
|28.分析数组在内存中的存储|29.方法的定义和调用|30.方法的参数和返回值问题
|31.方法的重载(Overload)|32.参数是基本类型和引用类型的区别|
33.多重循环详解|
34.编程解析|
35.编程优化|
36.基本调试|
37.进阶练习|
38.Debug断点调试的使用|
39.综合案例(随机验证码)|
40.综合案例(宠物领养)|
41.综合案例(球队管理)|
42.综合案例(士兽之战)|
43.综合案例(取件码3次验证)
2. 面向对象基础
面向对象编程是Python编程的核心套路,这阶段可以逐步建立起面向对象编程思想,
从会使用对象,到内存分析,再到真正理解为什么封装对象,包含了以下技术点:
1.面向对象编程快速入门|
2.深刻认识面向对象|
3.对象在计算机中的执行原理|
4.类和对象的一些注意事项|
5.构造器|
6.self关键词|
7.封装|
8.实体类|
9.面向对象编程综合案例
3. API基础介绍了什么是API,如何使用API,以及Python中常用API的使用,包含了以下知识点:
1.API介绍、包的介绍|
2.str类概述|
3.str类的常用方法|
4.str类使用时的注意事项:创建对象的问题、常见笔试题|
5.str类常用API-字符串内容比较|
6.str类常用API-遍历、替换、截取、分割操作|
7.str类案例实战:str类开发验证码功能、模拟用户登录功能、手机号码屏蔽|
8.集合概述|
9.List集合快速入门:List常用API、遍历|
10.List集合案例:遍历并删除元素|
11.List集合的综合案例
4. 综合案例本阶段是把Python基础阶段的内容都综合起来,做一个真正的项目出来,做到学以致用,学有所用,真正让大家学会Python。
1.ATM项目介绍、演示|
2.系统架构搭建、欢迎界面设计|
3.开户功能实现|
4.登录功能实现|
5.操作页展示、查询账户、退出账户|
6.存款、取款功能实现|
7.转账功能实现|
8.销户功能实现|
9.用户密码修改
JS动态进阶阶段三
课时:5天
技术点:98项
测验:0次
学习方式:线下面授
学习目标
1. 掌握 JavaScript 核心语法,培养编程逻辑思维|
2. 掌握 DOM 和 BOM 对象的常用属性和方法,能够完成网页常见的交互效果|
3. 掌握 JavaScript 底层工作机制和 ES6+ 高级特性,能够高效实现业务逻辑|
4. 能够使用 axios 实现 Ajax 操作,为后续项目课做好技术铺垫|
5. 能够运用 Git 管理前端项目,并且使用 Git 分支进行多人协同开发|
6. 能够使用 Promise 与 async/await 高效的实现异步操作
主讲内容
1. JavaScript核心学习JavaScript基础语法规则。
变量|基本数据类型|数据类型的转换|运算符|if分支|switch分支|三元表达式|while循环|for循环|数组|函数|对象|内置对象|let|const|字面量
2. WebAPI学习DOM和BOM对象的属性和方法,以完成网页常见的交互效果。
DOM树|DOM对象|获取元素|innerHTML|style|className|classList|间歇函数|延迟函数|事件监听|鼠标事件|键盘事件|高阶函数|环境对象|节点操作|事件流|事件委托|元素位置|BOM|window对象|swiper插件|本地存储|自定义属性|正则表达式
3. JavaScript高级深入理解 ECMAScript
的知识体系及工作机制,熟悉
ES6+ 新的语法特性,注重抽象思维的培养,具备面向对象编程的的能力。
构造函数|单体对象|面向对象|原型
|解构|剩余|展开|箭头函数|Object|Array
|严格模式|闭包|继承|防抖|节流|异常处理|深浅拷贝
4. Ajax利用 axios 发起 Ajax
请求,实现前后端的数据交互。并讲解 HTTP
请求的过程以及 Ajax 的底层原理。深入学习 JS 异步的底层原理,能够使用 Promise 处理异步操作,并使用
async/await
简化异步操作。
客户端与服务器|axios|请求与响应报文|接口|form
表单|拦截器|FormData|文件上传|XMLHttpRequest|Promise|async/await|EventLoop|宏任务|微任务
5. Git能够创建 Git 仓库管理前端项目,基于 Git
分支进行多人协同开发,并且能够把本地的 Git 仓库同步到远程码云或 Github 仓库中。
安装和配置 Git|Git
本地操作的常用命令|.gitignore
忽略文件|Git 分支与常用命令|远程仓库的使用
UI框架阶段四
课时:3天
技术点:23项
测验:0次
学习方式:线下面授
学习目标
Bootstrap是一个用于快速开发Web应用程序和网站的前端框架。Bootstrap是基于HTML、CSS、JavaScript的。
(1)**跨设备、跨浏览器:**可以兼容所有现代浏览器,包括比较诟病的IE7、8。
(2)**响应式布局:**不但可以支持PC端的各种分辨率的显示,还支持移动端PAD、手机等屏幕的响应式切换显示。
(3)**提供的全面的组件:**Bootstrap提供了实用性很强的组件,包括:导航、标签、工具条、按钮等一系列组件,方便开发者调用。
(4)**内置 jQuery:**插件Bootstrap提供了很多实用性的jquery插件,这些插件方便开发者实现Web中各种常规特效。
(5)**支持 HTML5、CSS3:**HTML5语义化标签和CSS3属性,都得到很好的支持。
(6)**支持 LESS 动态样式:**LESS使用变量、嵌套、操作混合编码,编写更快、更灵活的CSS。它和Bootstrap能很好的配合开发。
主讲内容
1. 栅格系统
栅格系统用于通过一系列的行(row)与列(column)的组合来创建页面布局,你的内容就可以放入这些创建好的布局中。
2. Bootstrap全局CSS样式
1、CSS
Reset|2、按钮|3、图片|4、排版和代码|5、表格|6.表单
移动Web阶段四
课时:2天
技术点:18项
测验:1次
学习方式:线下面授
学习目标
1. 使用CSS高级特效,丰富网页元素的呈现方式和效果|
2. 使用rem或vw|vh实现网页元素宽高随着视口变化等比缩放的效果|
3. 使用bootstrap框架布局响应式网页
主讲内容
1. CSS高级特效使用css高级特效丰富网页元素的呈现方式和效果。
2. 移动适配首先介绍Flex布局模型,实现移动端网页的基本布局;再讲解两种移动端网页适配不同分辨率的解决方案,并使用不同的解决方案制作网页元素宽高随着视口的变化而等比缩放的效果。
rem|vw/vh|Less基础语法|视口|分辨率|二倍图|移动适配|媒体查询
3. 响应式学习响应式的原理,并使用bootstrap框架完成响应式网页的布局。
媒体查询|bootstrap框架|栅格系统|组件|响应式网页布局
【项目实战】快宝云-数据可视化
课时:3天技术点:8项测验:0次学习方式:线下面授
学习目标
1. 掌握Echarts 各类型数据可视化图表的应用|
2. 能够根据需要求创建折线图|K线图|地图等图表|
3. 掌握前后端分离技术的实现方式并了解其意义|
4. 掌握使用token进行访问鉴权功能实现
数据看板是一个数据可视化项目,通过折线图|K线图|柱状图等图表形式归纳汇总大量数据,以实现更加直观的数据表达效果。学员通过学习该项目,能够掌握数据可视化|异步编程|实时数据获取等技术解决方案,适合有基础希望技能强化的IT人员继续学习。
主讲解决方案
1. 基于 bootstrap 的响应式页面布局方案|
2. 基于 echarts 的数据可视化解决方案|
3. 基于 token 的访问权限控制解决方案
主讲知识点
1.基于axios 实现网站注册和登录功能|
2.基于 Echarts 结合需求高度自定义不同类型的可视化图表|
3.Ajax|数据渲染和服务端推送前后端分离技术的应用|
4.基于 token 的访问权限控制功能