掌握Taro多端框架 快速上手小程序H5开发
【课程介绍】各大厂商和各大公司都在积极布局小程序应用,都在争夺流量的入口。对前端开发者而言,众多的技术栈中需要逐个学习,逐个开发。Taro的推出适应了潮流及趋势:一套代码运行在多种小程序/H5/React Native上,React式的代码风格便于学习,详实的项目开发过程带你了解Taro开发。无惧行业技术压力,掌握Taro提升你的工作价值!
【课程目录】
- 第1章 课程导学介绍课程整体的内容,技术点讲解,项目演示以及适用人群等
- 1-1 课程导学
- 1-1 课程导学
- 第2章 Taro基础框架学习及应用本章将对taro的基本框架知识点进行讲解,涉及state,props,生命周期,事件 等taro基础知识,最后将通过问答示例开发的方式进行讲解。
- 2-1 初识Taro
- 2-2 项目目录介绍
- 2-3 生命周期与state
- 2-4 TaroProps
- 2-5 路由功能及资源引用
- 2-6 列表渲染与Children
- 2-7 事件处理与样式表
- 2-8 问答模块示例开发(1)
- 2-9 问答模块示例开发(2)
- 2-10 问答模块示例开发(3)
- 2-11 问答模块示例开发(4)
- 2-12 示例小项目H5与小程序真机预览
- 第3章 网站项目前期准备本章将通过几个小节来展示在正式项目开发过程中前期需要做哪些工作,IDE,资源,接口,工具类。
- 3-1 初始化项目
- 3-2 准备项目资源与接口
- 3-3 基础请求类简单封装
- 第4章 导航菜单实现本章将开发网站主页的菜单组件,通过封装组件,Redux应用,TaroUI组件库的等方式实现菜单抽屉的功能。
- 4-1 导航菜单组件实现
- 4-2 顶部菜单与redux
- 4-3 抽屉实现与TaroUI
- 第5章 主页话题列表实现本章将通过对于主页话题列表的实现来讲解Taro中的异步编程,分页加载,组件交互等特性的使用及开发。
- 5-1 话题列表请求与异步编程
- 5-2 话题列表样式实现
- 5-3 列表分页加载与页码追加
- 5-4 切换分类请求到页面跳转
- 第6章 话题详情功能开发本章通过对话题详情的开发重点讲解Taro框架开发中的父子组件交互,函数调用,redux属性监测等功能。
- 6-1 话题详情接口请求
- 6-2 话题详情主内容区实现
- 6-3 话题详情回复列表实现
- 6-4 点赞功能Redux的属性变化
- 6-5 点赞功能函数实现
- 6-6 回复组件封装与state状态
- 6-7 回复主题小小程序与H5的区别
- 6-8 子组件调用父组件函数参数的误区
- 第7章 登录模块开发本章将开发登录页面模块,通过快速布局,快速开发的方式,教大家如何快速开发前端页面
- 7-1 登录页面简单快写
- 7-2 验证token与页面跳转
- 第8章 个人信息页面的开发本章将开发网站论坛的个人页面,涉及Taro的端能力调用,数据缓存与Redux应用及其他相关知识
- 8-1 个人信息页面数据拉取
- 8-2 信息页面中的panel组件
- 8-3 发布话题中的picker
- 8-4 发布页面样式调整及缓存数据
- 8-5 公共验证逻辑
- 第9章 补充功能,修复问题,预览本章将对之前开发中的一些问题和功能进行补充和优化,以及针对Taro的新特性,小程序转Taro进行讲解。
- 9-1 补充功能与优化体验
- 9-2 补充话题编辑功能
- 9-3 H5查看解决问题
- 9-4 小程序真机预览
- 9-5 小程序上线过程简介
- 第10章 TypeScript的学习本章将简单学习TypeScript的基础知识以及TypeScript在taro框架中的应用。
- 10-1 TypeScript原始类型-任意类型-类型推论
- 10-2 TypeScript的对象类型和数组类型
- 10-3 TypeScript中函数约束与类型断言
- 10-4 TypeScript中的类型别名和枚举
- 10-5 TypeScript中的类修饰符与泛型
- 10-6 TypeScript在Taro中的应用(1)
- 10-7 TypeScript在Taro中的应用(2)
- 第11章 搭建RN的开发环境及基础介绍本章将通过搭建RN的开发环境和一些在RN中常见的样式问题及布局问题 向大家展示如何从零开始一个RN项目
- 11-1 ReactNative简介
- 11-2 沙盒环境安装
- 11-3 新-Taro的React-Native环境(1)
- 11-4 新-Taro的React-Native环境(2)
- 11-5 初始化一个Taro-Native项目
- 11-6 设置一个RN的启动屏
- 11-7 设置RN的tabbar
- 11-8 了解RN的样式
- 11-9 RN的尺寸与大图样式
- 11-10 RN的常规布局
- 11-11 RN小图模式及查看打印输出(1)
- 11-12 RN小图模式及查看打印输出(2)
- 第12章 网易严选首页实战本章将从零初始化网易严选项目 并首页的组件及样式进行编写 在这里将会用到redux数据与组件的联通 底层组件的基础封装。
- 12-1 初始化RN项目讲解Redux
- 12-2 配置RN启动屏及tabBar
- 12-3 简单封装基础工具类
- 12-4 请求首页数据Redux
- 12-5 将数据解析到幻灯片组件上(1)
- 12-6 将数据解析到幻灯片组件上(2)