课程试听
阶段一 鸿蒙前置课
展开第一章 HTML和CSS

1-1 HTML初识

- 第一天课程介绍 免费试学
- 标签语法 免费试学
- HTML的基本骨架 免费试学
- 标签的关系 免费试学
- 注释 免费试学
1-2 HTML常用标签

- 标题标签 免费试学
- 段落标签 免费试学
- 换行和水平线标签 免费试学
- 文本格式化标签 免费试学
- 图像标签-基本使用 免费试学
- 图像标签-属性 免费试学
1-3 绝对路径+相对路径

- 路径-相对路径 免费试学
- 路径-绝对路径 免费试学
1-4 HTML其它标签

- 超链接标签
- 音频标签
- 视频标签
- 综合案例1-个人简介
- 综合案例2-vue简介
1-5 列表和表格

- 第二天课程介绍
- 列表-无序列表
- 列表-有序列表
- 列表-定义列表
- 表格-基本使用
- 表格结构标签
- 合并单元格
1-6 表单

- 表单-input标签
- 表单-input占位文本
- 表单-单选框
- 表单-多文件上传
- 表单-多选框
- 表单-下拉菜单
- 表单-文本域
- 表单-label标签
- 表单-按钮
1-7 综合案例

- div和span标签
- 字符实体
- 综合案例1-体育新闻列表
- 综合案例2-注册信息-个人信息
- 综合案例2-注册信息-完成
1-8 CSS初识和基本选择器

- 01-第三天课程介绍
- 02-体验CSS
- 03-CSS引入方式
- 04-标签选择器
- 05-类选择器
- 06-id选择器
- 07-通配符选择器
1-9 font字体

- 08-画盒子
- 09-字体大小
- 10-字体粗细
- 11-字体倾斜
- 12-行高
- 13-行高-垂直居中
- 14-字体族
- 15-font属性
1-10 文本样式

- 16-文本缩进
- 17-文本对齐方式
- 18-图片对齐方式
- 19-文本修饰线
- 20-文字颜色
1-11 调试工具和综合案例

- 21-调试工具
- 22-综合案例一-新闻详情
- 23-综合案例二-CSS简介
1-12 复合选择器

- 01-第四天课程介绍
- 02-后代选择器
- 03-子代选择器
- 04-并集选择器
- 05-交集选择器
- 06-伪类选择器
1-13 CSS三大特性

- 07-拓展-超链接的伪类
- 08-CSS特性-继承性
- 09-CSS特性--层叠性
- 10-CSS特性-优先级
- 11-CSS特性-权重叠加计算规则
- 12-Emmet写法
1-14 CSS背景

- 13-背景图
- 14-背景图平铺方式
- 15-背景图位置
- 16-背景图缩放
- 17-背景图固定
- 18-background属性
1-15 元素显示模式及转换

- 19-显示模式
- 20-显示模式转换
1-16 综合案例_拷贝

- 21-综合案例一-热词
- 22-综合案例二-banner效果
1-17 伪类和伪元素

- 01-第五天课程介绍
- 02-结构伪类-基本使用
- 03-结构伪类-公式写法
- 04-伪元素选择器
- 05-PxCook用法
1-18 盒模型

- 06-盒子模型--组成
- 07-盒子模型--边框线
- 08-盒子模型-单方向边框线
- 09-盒子模型-内边距
- 10-盒子模型-padding多值写法
- 11-盒子模型-尺寸计算
1-19 外边距合并和塌陷

- 12-版心居中
- 13-清除默认样式
- 14-内容溢出overflow属性
- 15-外边距合并现象
- 16-外边距塌陷问题
- 17-行内元素垂直内外边距
1-20 圆角和盒子阴影

- 18-圆角-基本使用
- 19-圆角-特殊场景
- 20-拓展-盒子阴影
1-21 综合案例【产品卡片和新闻内容】

- 21-综合案例一-产品卡片
- 22-综合案例二-整体布局
- 23-综合案例二-标题区域
- 24-综合案例二-新闻内容
1-22 浮动

- 01-第六天课程介绍
- 02-标准流
- 03-浮动-基本使用
- 04-浮动-产品布局
- 05-浮动-清除浮动场景
1-23 清除浮动

- 06-清除浮动-额外标签法
- 07-清除浮动-单伪元素法
- 08-清除浮动-双伪元素法
- 09-清除浮动-overflow
- 10-浮动-总结
1-24 flex布局

- 11-flex布局-体验
- 12-flex布局-组成
- 13-flex布局-主轴对齐方式
- 14-flex布局-侧轴对齐方式
- 15-flex布局-修改主轴方向
- 16-flex布局-弹性伸缩比
- 17-flex布局-弹性换行
- 18-flex布局-行对齐方式
1-25 flex综合案例

- 19-综合案例-整体布局
- 20-综合案例-列表布局
- 21-综合案例-内容样式
1-26 学成在线项目

- 01-第七天课程介绍
- 02-准备工作-项目目录
- 03-准备工作-版心居中
- 04-网页制作思路
- 05-header区域-整体布局
- 06-header区域-logo
- 07-header区域-导航
- 08-header区域-搜索布局
- 09-header区域-搜索内容
- 10-header区域-用户区域
- 11-banner区域-布局
- 12-banner区域-侧导航
- 13-banner区域-课程表布局
- 14-banner区域-课程表内容
- 15-banner区域-全部课程
- 16-精品推荐-区域布局
- 17-精品推荐-内容样式
- 18-推荐课程-标题区域
- 19-推荐课程-内容布局
- 20-推荐课程-内容样式
- 21-前端开发工程师区域
- 22-版权-布局
- 23-版权-内容
1-27 定位

- 01-第八天课程介绍
- 02-相对定位
- 03-绝对定位
- 04-定位居中
- 05-固定定位
- 06-堆叠顺序z--index
- 07-定位总结
1-28 精灵图和字体图标

- 08-CSS精灵--基本使用
- 09案例-CSS精灵--京东服务
- 10-字体图标-体验
- 11-字体图标-下载
- 12-字体图标-使用
- 13-字体图标-上传
1-29 CSS进阶

- 14-垂直对齐方式vertical-align
- 15-过渡属性
- 16-透明度
- 17-光标类型
1-30 综合案例【轮播图】

- 18-综合案例-轮播图-图片效果
- 19-综合案例-轮播图-箭头
- 20-综合案例-轮播图-圆点效果
第二章 Git和Gitee(安装、配置、基本使用)

2-1 Git安装和配置

- 01.认识及安装Git 免费试学
- 02.Git配置用户信息 免费试学
- 03.本地初始化Git仓库 免费试学
- 04.记录每次更新到仓库(修复-m空格) 免费试学
- 04.记录每次更新到仓库(修复前) 免费试学
- 05.Git查看及切换历史版本 免费试学
- 06.Git忽略文件及检查文件状态 免费试学
2-2 Git分支+冲突处理

- 07.Git分支-查看及切换分支 免费试学
- 08.Git分支-创建分支 免费试学
- 09.Git分支-合并及删除分支 免费试学
- 10.Git分支-命令补充 免费试学
- 11.Git分支-冲突 免费试学
2-3 gitee远程仓库创建和配置

- 10.Git远程仓库-概念和gitee使用准备
- 11.Git远程仓库-新建仓库和推送
- 12.Git远程仓库-开发及推送
- 13.Git远程仓库-克隆
- 14.Git远程仓库-拉取
- 15.Git远程仓库-配置SSH
- 16.Git远程仓库-重新上传
第三章 TypeScript

3-1 TypeScript(一)

- 01.TS核心-认识TypeScript 免费试学
- 02.TS核心-编译环境搭建 免费试学
- 03.TS核心-类型注解的概念 免费试学
- 04.TS核心-注解数组 免费试学
- 05.TS核心-联合类型和别名类型 免费试学
- 06.TS核心-函数类型-概念和基本使用 免费试学
- 07.TS核心-函数类型-可选参和无返回值 免费试学
- 08.TS核心-interface-概念和基本使用 免费试学
- 09.TS核心-interface-可选设置和继承 免费试学
- 10.TS核心-type注解对象类型 免费试学
3-2 TypeScript(二)

- 11.TS核心-字面量类型
- 12.TS核心-类型推论和any类型
- 13.TS核心-类型断言
- 14.TS核心-泛型概念理解和泛型接口
- 15.TS核心-泛型type和泛型函数
- 16.TS核心-泛型约束
- 17.TS综合小案例-01
- 18.TS综合小案例-02
阶段二 鸿蒙HarmonyOS4.0应用开发
展开第一章 鸿蒙HarmonyOS4.0应用开发

1-1 开发准备

- 00.课程介绍
- 01.开发准备-工具安装
- 02.开发准备-了解ArkTS语言
- 03.开发准备-TypeScript基本语法
1-2 ArkUI组件

- 04.快速入门
- 05.ArkUI组件-Image组件
- 06.ArkUI组件-Text
- 07.ArkUI组件-TextInput
- 08.ArkUI组件-Button
- 09.ArkUI组件-Slider
- 10.ArkUI组件-Column和Row
- 11.ArkUI组件-循环控制
- 12.ArkUI组件-List
- 13.ArkUI-自定义组件
- 14-ArkUI-状态管理@State装饰器
- 15.ArkUI-状态管理-任务统计案例
- 16.ArkUI-状态管理-@Prop@Link@Provide@Consume
- 17.ArkUI-状态管理-@Observed和@ObjectLink
- 18.ArkUI-页面路由
- 19.ArkUI-属性动画和显式动画
- 20.ArkUI-组件转场动画
- 21.ArkUI-实现摇杆功能
1-3 Stage模型

- 22-Stage模型-基本概念
- 23-Stage模型-应用配置文件
- 24-Stage模型-UIAbility生命周期
- 25-Stage模型-页面及组件生命周期
- 26-Stage模型-UIAbility的启动模式
1-4 数据持久化+网络链接

- 27.网络连接-Http请求数据
- 28.网络连接-第三方库axios
- 29.数据持久化-用户首选项
- 30.数据持久化-关系型数据库
1-5 通知

- 31.通知-基础通知
- 32.通知-进度条通知
- 33.通知-通知行为意图
阶段三 鸿蒙4.0面试通项目课
展开第一章 HarmonyOS鸿蒙应用开发

1-1 开发环境配置

- 01-起步-鸿蒙简介
- 02-起步-DevEco Studio
- 03-起步-HelloWorld
- 04-起步-效果预览
- 05-起步-工程结构
1-2 组件基础

- 06-组件-什么是ArkTS
- 07-基础-组件结构
- 08-基础-系统组件(ArkUI)
- 09-基础-组件状态
1-3 样式处理和评论回复案例

- 10-样式-语法(链式&枚举) 免费试学
- 11-样式-单位vp和适配 免费试学
- 12-练习案例→实现知乎评论回复-导航 免费试学
- 13-练习案例→实现知乎评论回复-评论 免费试学
- 14-样式-@Styles 复用 免费试学
- 15-样式-@Extends 复用 免费试学
- 16-样式-多态 免费试学
1-4 组件状态

- 17-状态-class语法
- 18-状态-复杂状态
1-5 界面渲染和知乎案例

- 01-渲染-条件渲染
- 02-渲染-循环渲染
- 03-知乎案例-列表和底部结构
- 04-知乎案例-实现渲染
- 05-知乎案例-点赞
- 06-知乎案例-回复
1-6 自定义构建函数

- 07-构建函数-基本用法
- 08-构建函数-值传递和引用传递
- 09-知乎案例-key的生成注意点
- 10-构建函数-@BuilderParam尾随闭包
- 11-构建函数-多个自定义UI传参
- 12-构建函数-系统组件自定义UI
1-7 组件状态共享

- 13-状态共享-父子单向
- 14-状态共享-父子双向和后代双向
- 15-状态共享-状态监听器
- 16-@Observed与@ObjectLink
1-8 应用状态

- 01-LocalStorage页面内使用
- 02-LocalStorage页面间使用
- 03-应用状态-AppStorage
- 04-状态持久化-PersistentStorage
1-9 网络管理

- 05-设备环境-Environment
- 06-应用权限-联网权限
- 07-应用权限-HTTP请求
1-10 综合案例-美团案例

- 08-美团案例-页面结构-入口页面
- 09-美团案例-页面结构-底部组件
- 10-美团案例-页面结构-导航组件
- 11-美团案例-商品区域-菜单绘制
- 12-美团案例-商品区域-列表绘制
- 13-美团案例-展示列表数据
- 01-美团案例-购物车和计算按钮组件
- 02-美团案例-加入购物车
- 03-美团案例-管理购物车
1-11 路由和生命周期

- 04-路由-常用API
- 05-路由-参数传递
- 06-UIAbility-生命周期
- 07-组件-生命周期
- 08-UIAbility跳转
1-12 使用动画

- 09-使用动画-属性动画
- 10-使用动画-显示动画
- 11-元素共享转场
- 12-手势事件-下拉刷新效果实现-
1-13 系统能力

- 01-数据管理-用户首选项
- 02-绘图能力-基本用法
- 03-绘图能-绘制表盘和秒针
- 04-公共事件与通知-消息通知
- 05-后台代理提醒-闹铃添加
- 06-后台代理-闹铃关闭和延时
1-14 华为闹钟

- 07-华为闹钟-首页结构
- 08-华为闹钟-绘制闹钟
- 09-华为闹钟-绘制闹钟任务列表
- 10-华为闹钟-详情页
- 11-华为闹钟-业务逻辑-首选项存储工具
- 12-华为闹钟-添加闹钟
- 13-华为闹钟-首页闹钟列表
- 14-华为闹钟-修改闹钟
- 15-华为闹钟-业务逻辑-修改闹铃任务
- 16-华为闹钟-业务逻辑-通知唤起应用和关闭延时
- 17-华为闹钟-开关
1-15 面试宝典APP

- 01-物料介绍
- 02-创建项目
- 03-日志工具类
- 04-访问控制工具类
- 05-请求工具类-请求处理
- 06-请求工具类-响应处理
- 07-UI管理-界面一多
- 08-UI管理-手机侧适配
- 09-UI管理-配置文件
- 10-UI管理-通用型组件
- 11-首页模块-轮播图和骨架
- 12-首页模块-试题分类Tabs实现
- 13-首页模块-试题组件抽取
- 14-首页模块-试题列表加载
- 15-首页模块-加载更多
- 16-LazyForEach 性能优化
- 01-我的-页面逻辑
- 02-登录-页面逻辑
- 03-退出-emitter通知Home组件更新
- 04-打卡-功能实现
- 05-打卡-补充进入应用更新用户信息
- 06-打卡-页面准备
- 07-库-第三方库使用
- 08-库-共享日历本地库
- 09-打卡-显示签到
- 10-资料-页面结构
- 11-资料-修改昵称
- 12-资料-自定义对话框
- 13-资料-选择图片
- 14-资料-上传文件
- 15-面试问题