欢迎购买学习《2022版ReactJS构建、测试和部署Github用户搜索应用程序视频教程》课程,你将学习使用ReactJS 构建 Github 用户仪表板,然后使用 Cypress、WebdriverIO 和 ScreenerIO 测试和部署应用程序

MP4 | 视频:h264, 1280×720 | 音频:AAC,44.1 KHz,2 Ch
类型:eLearning | 语言:英语 + 英语字幕srt | 时长:37 节课(2h 34m)| 大小:1.5 GB

你会学到什么

  • 了解如何使用 ReactJS 构建 Github 用户的仪表板。
  • 该仪表板将能够输入 Github 用户的用户名并搜索该用户,并撤回其所有相关信息。
  • 使用 Cypress 进行功能性端到端测试并使用 WebdriverIO 和 ScreenerIO 进行可视化端到端测试来测试应用程序。
  • 对应用程序进行编码并将其部署到 Netlify,以便您可以将应用程序的生产版本显示在项目的作品中。

要求

  • JavaScript 知识
  • 了解 HTML 和 CSS
  • 对 React 的基本了解

描述

在整个课程中,您将能够在短短两个小时内构建一个美观且实用的 Github 仪表板。

您将获得对源代码的访问权限,以便您可以跳转到代码的相关部分并尝试自己使用这个 React 项目。

  • 这门课有什么?
  • 应用程序概述
  • 入门项目
  • 使用 react-router-dom 分隔页面
  • 自动重命名标签扩展
  • 带有样式组件的错误页面
  • 实现登录页面
  • 仪表板骨架
  • 添加 GithubContext
  • 我们什么时候测试
  • 添加模拟数据
  • Finish Info.js
  • Card.js and User.js
  • Thinking about testing
  • How will we test Routes
  • Setting up WebdriverIO
  • Successful WebdriverIO test
  • Setting up a visual test with ScreenerIO
  • Analyzing visual results
  • Does Back Home button work
  • Fixing visual issues in ScreenerIO
  • Installing CypressIO
  • Opening CypressIO
  • Cypress test for button url
  • Followers component
  • Search component dummy
  • Get rate limit of API
  • Finishing rate limit request
  • Add remaining Requests to display
  • Axios API update
  • Search Github user functionality
  • Set followers
  • Finish Navbar
  • Resolving bugs with tests
  • Final touches on the app
  • Summary
  • Deploying site

您将使用的技术

  • ReactJS
  • CypressIO
  • WebdriverIO
  • ScreenerIO
  • Netlify
  • React Library

本课程适用于谁

希望学习如何测试 Web 应用程序的中级开发人员

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或联络我们。

对于会员专享、整站源码、程序插件、网站模板、网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源