该课程是为报名《HarmonyOS 鸿蒙应用开发线上训练营》的同学准备的前置学习课程,该课程包含:TypeScript、鸿蒙HarmonyOS4.0应用开发入门
* 阶段一 鸿蒙前置课/
* 第一章 HTML和CSS/
* HTML初识/
* 第一天课程介绍
* 标签语法
* HTML的基本骨架
* 标签的关系
* 注释
* HTML常用标签/
* 标题标签
* 段落标签
* 换行和水平线标签
* 文本格式化标签
* 图像标签-基本使用
* 图像标签-属性
* 绝对路径+相对路径/
* 路径-相对路径
* 路径-绝对路径
* HTML其它标签/
* 超链接标签
* 音频标签
* 视频标签
* 综合案例1-个人简介
* 综合案例2-vue简介
* 列表和表格/
* 第二天课程介绍
* 列表-无序列表
* 列表-有序列表
* 列表-定义列表
* 表格-基本使用
* 表格结构标签
* 合并单元格
* 表单/
* 表单-input标签
* 表单-input占位文本
* 表单-单选框
* 表单-多文件上传
* 表单-多选框
* 表单-下拉菜单
* 表单-文本域
* 表单-label标签
* 表单-按钮
* 综合案例/
* div和span标签
* 字符实体
* 综合案例1-体育新闻列表
* 综合案例2-注册信息-个人信息
* 综合案例2-注册信息-完成
* CSS初识和基本选择器/
* 01-第三天课程介绍
* 02-体验CSS
* 03-CSS引入方式
* 04-标签选择器
* 05-类选择器
* 06-id选择器
* 07-通配符选择器
* font字体/
* 08-画盒子
* 09-字体大小
* 10-字体粗细
* 11-字体倾斜
* 12-行高
* 13-行高-垂直居中
* 14-字体族
* 15-font属性
* 文本样式/
* 16-文本缩进
* 17-文本对齐方式
* 18-图片对齐方式
* 19-文本修饰线
* 20-文字颜色
* 调试工具和综合案例/
* 21-调试工具
* 22-综合案例一-新闻详情
* 23-综合案例二-CSS简介
* 复合选择器/
* 01-第四天课程介绍
* 02-后代选择器
* 03-子代选择器
* 04-并集选择器
* 05-交集选择器
* 06-伪类选择器
* CSS三大特性/
* 07-拓展-超链接的伪类
* 08-CSS特性-继承性
* 09-CSS特性--层叠性
* 10-CSS特性-优先级
* 11-CSS特性-权重叠加计算规则
* 12-Emmet写法
* CSS背景/
* 13-背景图
* 14-背景图平铺方式
* 15-背景图位置
* 16-背景图缩放
* 17-背景图固定
* 18-background属性
* 元素显示模式及转换/
* 19-显示模式
* 20-显示模式转换
* 综合案例_拷贝/
* 21-综合案例一-热词
* 22-综合案例二-banner效果
* 伪类和伪元素/
* 01-第五天课程介绍
* 02-结构伪类-基本使用
* 03-结构伪类-公式写法
* 04-伪元素选择器
* 05-PxCook用法
* 盒模型/
* 06-盒子模型--组成
* 07-盒子模型--边框线
* 08-盒子模型-单方向边框线
* 09-盒子模型-内边距
* 10-盒子模型-padding多值写法
* 11-盒子模型-尺寸计算
* 外边距合并和塌陷/
* 12-版心居中
* 13-清除默认样式
* 14-内容溢出overflow属性
* 15-外边距合并现象
* 16-外边距塌陷问题
* 17-行内元素垂直内外边距
* 圆角和盒子阴影/
* 18-圆角-基本使用
* 19-圆角-特殊场景
* 20-拓展-盒子阴影
* 综合案例【产品卡片和新闻内容】/
* 21-综合案例一-产品卡片
* 22-综合案例二-整体布局
* 23-综合案例二-标题区域
* 24-综合案例二-新闻内容
* 浮动/
* 01-第六天课程介绍
* 02-标准流
* 03-浮动-基本使用
* 04-浮动-产品布局
* 05-浮动-清除浮动场景
* 清除浮动/
* 06-清除浮动-额外标签法
* 07-清除浮动-单伪元素法
* 08-清除浮动-双伪元素法
* 09-清除浮动-overflow
* 10-浮动-总结
* flex布局/
* 11-flex布局-体验
* 12-flex布局-组成
* 13-flex布局-主轴对齐方式
* 14-flex布局-侧轴对齐方式
* 15-flex布局-修改主轴方向
* 16-flex布局-弹性伸缩比
* 17-flex布局-弹性换行
* 18-flex布局-行对齐方式
* flex综合案例/
* 19-综合案例-整体布局
* 20-综合案例-列表布局
* 21-综合案例-内容样式
* 学成在线项目/
* 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-版权-内容
* 定位/
* 01-第八天课程介绍
* 02-相对定位
* 03-绝对定位
* 04-定位居中
* 05-固定定位
* 06-堆叠顺序z--index
* 07-定位总结
* 精灵图和字体图标/
* 08-CSS精灵--基本使用
* 09案例-CSS精灵--京东服务
* 10-字体图标-体验
* 11-字体图标-下载
* 12-字体图标-使用
* 13-字体图标-上传
* CSS进阶/
* 14-垂直对齐方式vertical-align
* 15-过渡属性
* 16-透明度
* 17-光标类型
* 综合案例【轮播图】/
* 18-综合案例-轮播图-图片效果
* 19-综合案例-轮播图-箭头
* 20-综合案例-轮播图-圆点效果
* 第二章 Git和Gitee(安装、配置、基本使用)/
* Git安装和配置/
* 01.认识及安装Git
* 02.Git配置用户信息
* 03.本地初始化Git仓库
* 04.记录每次更新到仓库(修复-m空格)
* 04.记录每次更新到仓库(修复前)
* 05.Git查看及切换历史版本
* 06.Git忽略文件及检查文件状态
* Git分支+冲突处理/
* 07.Git分支-查看及切换分支
* 08.Git分支-创建分支
* 09.Git分支-合并及删除分支
* 10.Git分支-命令补充
* 11.Git分支-冲突
* gitee远程仓库创建和配置/
* 10.Git远程仓库-概念和gitee使用准备
* 11.Git远程仓库-新建仓库和推送
* 12.Git远程仓库-开发及推送
* 13.Git远程仓库-克隆
* 14.Git远程仓库-拉取
* 15.Git远程仓库-配置SSH
* 16.Git远程仓库-重新上传
* 第三章 TypeScript/
* 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注解对象类型
* 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应用开发/
* 开发准备/
* 00.课程介绍
* 01.开发准备-工具安装
* 02.开发准备-了解ArkTS语言
* 03.开发准备-TypeScript基本语法
* 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-实现摇杆功能
* Stage模型/
* 22-Stage模型-基本概念
* 23-Stage模型-应用配置文件
* 24-Stage模型-UIAbility生命周期
* 25-Stage模型-页面及组件生命周期
* 26-Stage模型-UIAbility的启动模式
* 数据持久化+网络链接/
* 27.网络连接-Http请求数据
* 28.网络连接-第三方库axios
* 29.数据持久化-用户首选项
* 30.数据持久化-关系型数据库
* 通知/
* 31.通知-基础通知
* 32.通知-进度条通知
* 33.通知-通知行为意图
* 阶段三 鸿蒙4.0面试通项目课/
* 第一章 HarmonyOS鸿蒙应用开发/
* 开发环境配置/
* 01-起步-鸿蒙简介
* 02-起步-DevEco Studio
* 03-起步-HelloWorld
* 04-起步-效果预览
* 05-起步-工程结构
* 组件基础/
* 06-组件-什么是ArkTS
* 07-基础-组件结构
* 08-基础-系统组件(ArkUI)
* 09-基础-组件状态
* 样式处理和评论回复案例/
* 10-样式-语法(链式&枚举)
* 11-样式-单位vp和适配
* 12-练习案例→实现知乎评论回复-导航
* 13-练习案例→实现知乎评论回复-评论
* 14-样式-@Styles 复用
* 15-样式-@Extends 复用
* 16-样式-多态
* 组件状态/
* 17-状态-class语法
* 18-状态-复杂状态
* 界面渲染和知乎案例/
* 01-渲染-条件渲染
* 02-渲染-循环渲染
* 03-知乎案例-列表和底部结构
* 04-知乎案例-实现渲染
* 05-知乎案例-点赞
* 06-知乎案例-回复
* 自定义构建函数/
* 07-构建函数-基本用法
* 08-构建函数-值传递和引用传递
* 09-知乎案例-key的生成注意点
* 10-构建函数-@BuilderParam尾随闭包
* 11-构建函数-多个自定义UI传参
* 12-构建函数-系统组件自定义UI
* 组件状态共享/
* 13-状态共享-父子单向
* 14-状态共享-父子双向和后代双向
* 15-状态共享-状态监听器
* 16-@Observed与@ObjectLink
* 应用状态/
* 01-LocalStorage页面内使用
* 02-LocalStorage页面间使用
* 03-应用状态-AppStorage
* 04-状态持久化-PersistentStorage
* 网络管理/
* 05-设备环境-Environment
* 06-应用权限-联网权限
* 07-应用权限-HTTP请求
* 综合案例-美团案例/
* 08-美团案例-页面结构-入口页面
* 09-美团案例-页面结构-底部组件
* 10-美团案例-页面结构-导航组件
* 11-美团案例-商品区域-菜单绘制
* 12-美团案例-商品区域-列表绘制
* 13-美团案例-展示列表数据
* 01-美团案例-购物车和计算按钮组件
* 02-美团案例-加入购物车
* 03-美团案例-管理购物车
* 路由和生命周期/
* 04-路由-常用API
* 05-路由-参数传递
* 06-UIAbility-生命周期
* 07-组件-生命周期
* 08-UIAbility跳转
* 使用动画/
* 09-使用动画-属性动画
* 10-使用动画-显示动画
* 11-元素共享转场
* 12-手势事件-下拉刷新效果实现-
* 系统能力/
* 01-数据管理-用户首选项
* 02-绘图能力-基本用法
* 03-绘图能-绘制表盘和秒针
* 04-公共事件与通知-消息通知
* 05-后台代理提醒-闹铃添加
* 06-后台代理-闹铃关闭和延时
* 华为闹钟/
* 07-华为闹钟-首页结构
* 08-华为闹钟-绘制闹钟
* 09-华为闹钟-绘制闹钟任务列表
* 10-华为闹钟-详情页
* 11-华为闹钟-业务逻辑-首选项存储工具
* 12-华为闹钟-添加闹钟
* 13-华为闹钟-首页闹钟列表
* 14-华为闹钟-修改闹钟
* 15-华为闹钟-业务逻辑-修改闹铃任务
* 16-华为闹钟-业务逻辑-通知唤起应用和关闭延时
* 17-华为闹钟-开关
* 面试宝典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-面试问题





![[衡天云]爆款云服务器 低至12元/月](/hty.png)