掌握Taro多端框架 快速上手小程序/H5开发视频教程

Posted mycs

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了掌握Taro多端框架 快速上手小程序/H5开发视频教程相关的知识,希望对你有一定的参考价值。

技术图片

  • 第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-Native项目
    •  11-4 设置一个RN的启动屏
    •  11-5 设置RN的tabbar
    •  11-6 了解RN的样式
    •  11-7 RN的尺寸与大图样式
    •  11-8 RN的常规布局
    •  11-9 RN小图模式及查看打印输出(1)
    •  11-10 RN小图模式及查看打印输出(2)
  • 第12章 网易严选首页实战

    本章将从零初始化网易严选项目 并首页的组件及样式进行编写 在这里将会用到redux数据与组件的联通 底层组件的基础封装。

    •  12-1 初始化RN项目讲解Redux
    •  12-2 配置RN启动屏及tabBar
    •  12-3 简单封装基础工具类
    •  12-4 请求首页数据Redux
    •  12-5 将数据解析到幻灯片组件上(1)
    •  12-6 将数据解析到幻灯片组件上(2)

百度网盘 

以上是关于掌握Taro多端框架 快速上手小程序/H5开发视频教程的主要内容,如果未能解决你的问题,请参考以下文章

01 Taro_Mall 开源多端小程序框架设计

H5(Taro+dvajs)微信小程序

Taro多端自定义导航栏Navbar+Tabbar实例

多端统一开发解决方案Taro的架构设计

小程序多端适配框架对比

uni-app实现多端开发