该课程是为报名《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-面试问题