2022版ReactJS构建、测试和部署Github用户仪表板应用开发视频教程

欢迎购买学习《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 应用程序的中级开发人员