掌握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)

百度网盘

原文地址:https://www.cnblogs.com/mycs/p/12168607.html

时间: 2024-10-05 23:51:59

掌握Taro多端框架 快速上手小程序/H5开发【视频教程】的相关文章

快速上手Ionic3 多平台开发企业级问答社区

详情请交流  QQ  709639943 01.快速上手Ionic3 多平台开发企业级问答社区 02.基于大数据技术之电视收视率企业项目实战(hadoop+Spark) 03.Node.js入门到企业Web开发中的应用 04.精通高级RxJava 2响应式编程思想 05.Java秒杀系统方案优化 高性能高并发实战 06.Java深入微服务原理改造房产销售平台 07.快速上手Linux 玩转典型应用 08.全面系统讲解CSS 工作应用+面试一步搞定 09.Java Spring Security开

H5和小程序直播开发 零距离快速入门

第1章 课程介绍 对于课程整体以及直播行业的现状进行介绍 第2章 直播工作原理 所谓知其然也要知其所以然,只会用别人总结好的东西很难有质的进步,只有深谙背后的工作原理才能进一步吃透到进阶.本章从直播协议入手到工作原理详解,步步为营,化繁为简,极易吸收. 第3章 Video详解 video是视频播放的基石,无论是点播还是直播,都要掌握其应用,本章详细讲述了大家平时不知道还特别重要的方法.属性.事件,结合实例演示祝你更上一层楼. 第4章 直播流的制作 对于直播技术而言,非常重要的一个技能就是制作直播

Extjs视频教程_快速上手Extjs4.2实战开发

Extjs视频教程_快速上手Extjs4.2实战开发快速上手Extjs4.2并熟练搭建基于MVC4+FluentData+Spring.net和T4模板的企业级项目架构适合人群:中级课程分类:.NET+ExtJs课时数量:76课时用到技术:Extjs4.2,MVC4,FluentData,T4,Spring.net涉及项目:基于Extjs4.2的丰富案例.一个独立的企业级架构和综合演示案例咨询qq:1840215592 Extjs视频教程课程大纲:(1)Extjs4.2理论部分(风舞烟老师老师主

手把手带你入坑H5与小程序直播开发视频课程直播的工作原理教程

第1章 课程介绍对于课程整体以及直播行业的现状进行介绍 第2章 直播工作原理所谓知其然也要知其所以然,只会用别人总结好的东西很难有质的进步,只有深谙背后的工作原理才能进一步吃透到进阶.本章从直播协议入手到工作原理详解,步步为营,化繁为简,极易吸收. 第3章 Video详解video是视频播放的基石,无论是点播还是直播,都要掌握其应用,本章详细讲述了大家平时不知道还特别重要的方法.属性.事件,结合实例演示祝你更上一层楼. 第4章 直播流的制作对于直播技术而言,非常重要的一个技能就是制作直播源,这项

手把手带你入坑H5与小程序直播开发

下载地址:百度网盘下载 第1章 课程介绍对于课程整体以及直播行业的现状进行介绍 第2章 直播工作原理所谓知其然也要知其所以然,只会用别人总结好的东西很难有质的进步,只有深谙背后的工作原理才能进一步吃透到进阶.本章从直播协议入手到工作原理详解,步步为营,化繁为简,极易吸收. 第3章 Video详解video是视频播放的基石,无论是点播还是直播,都要掌握其应用,本章详细讲述了大家平时不知道还特别重要的方法.属性.事件,结合实例演示祝你更上一层楼. 第4章 直播流的制作对于直播技术而言,非常重要的一个

小程序云开发攻略,解决最棘手的问题

背景 最近小程序非常的火,应公司业务发展要求,开发维护了几款小程序,公司开发的小程序都是由后端提供的接口,开发繁琐而复杂,直到小程序出现了云开发,仔细研读了文档之后,欣喜不已,于是我着手开发了本人的第一款小程序 小程序云开发教程地址 点我查看>> 分析 云开发为开发者提供完整的原生云端支持和微信服务支持,弱化后端和运维概念,无需搭建服务器,使用平台提供的 API 进行核心业务开发,即可实现快速上线和迭代,同时这一能力,同开发者已经使用的云服务相互兼容,并不互斥. 优势 无需自建服务器,数据库,

小程序 · 云开发

9 月 11 日,微信开发者工具新增小程序「云开发」功能. 大多数开发者在开发应用时和部署服务时,无论是选择公有云还是自建数据中心,都需要提前考虑服务器.存储和数据库等需求,并且会花费时间精力在部署应用.依赖上.而通过「小程序·云开发」,开发者可以开发微信小程序.小游戏,无需搭建服务器,即可使用云端能力,实现小程序的快速上线和迭代. 「小程序·云开发」将以服务的方式为开发者提供如云函数.数据库.存储管理等所需功能,大大降低了小程序的开发门槛,仅需通过「小程序·云开发」提供的接口,就能实现因缺乏后

小程序云开发之新闻类项目分析

应该每一个前端开发者都有一颗全干全栈的心??吧. 那就让云开发满足你 云开发一出来就开始玩,云数据库,云函数,全栈的体验和开发速度,真的不是一般的爽. 接下来工作中要开发一款新闻类小程序,于是就开始了对头条君的调研,此篇文章,是我的个人总结和分析,欢迎大佬拍砖. 一. 准备 小程序云开发必须有小程序AppId才能使用,所以首先应先注册一个小程序账号(如果已有请忽略).设置->开发设置中的小程序AppId 开发工具:编辑器-vscode, 微信开发者工具 辅助工具: Markman:图标标注工具,

微信小程序用户身份-微信小程序前端开发工具

一个团队进行小程序的开发,那么团队成员的身份管理是很有必要的. 管理员可在小程序管理后台统一管理项目成员(包括开发者.体验者及其他成员).设置项目成员的权限,包括:开发者/体验者权限.登录小程序管理后台.开发管理.查看小程序数据分析等. 管理入口位于:小程序管理后台 - 用户身份 – 成员管理 权限 说明 开发者权限 可使用小程序开发者工具及开发版小程序进行开发 体验者权限 可使用体验版小程序 登录 可登录小程序管理后台,无需管理员确认 数据分析 使用小程序数据分析功能查看小程序数据 开发管理