How To Build a Github User Search App скачать в хорошем качестве

How To Build a Github User Search App

Hi friends, welcome to Ultimate QA - where testers come to develop and developers come to test. In this tutorial, you will learn how to build a Github user's dashboard using ReactJS. This dashboard will have the capability to enter a username of a Github user and search for that user pulling back all of their relevant information such as the followers, location, username, repositories, and so much more using real Github API. Even better, you're afterward going to test the application using Cypress to do functional end-to-end testing and WebdriverIO and ScreenerIO for visual end-to-end testing. Finally, you will take the code and deploy it to Netlify so that you can have a production version of the application to display in your project's portfolio. What You Will Learn From This Tutorial [2022] ✅ Build a Github user's dashboard using ReactJS ✅ Test the application using Cypress, WebdriverIO, and ScreenerIO ✅ Deploy the application with Netlify and get a production version of the application for your project portfolio ⏳ TABLE OF CONTENTS 0:00 Introduction 1:12 Overview of the App 5:25 Starter Project 7:40 Separating Pages with React-Router-Dom 11:41 Auto Rename Tag Extension 12:23 Error Page with Styled Components 17:28 Implement Login Page 20:03 Dashboard Skeleton 22:13 Add Github Context 27:51 When Do We Test? 28:50 React useState 36:18 Adding Mock Data 40:53 Finish Info.js 44:40 Card.js and User.js 51:27 Thinking About Testing 56:34 How Will We Test Routes? 1:02:07 Setting Up a Visual Test with ScreenerIO 1:19:25 Analyzing Visual Results 1:13:55 Does Back Home Button Work? 1:16:14 Fixing Visual Issues in Screener 1:18:39 Installing CypressIO 1:20:30 Opening CypressIO 1:24:28 Cypress Test for Button URL 1:32:08 Followers Component 1:37:36 Search Component Dummy 1:44:36 Get Rate Limit of API 1:51:13 Finishing Rate Limit Request 1:54:59 Add Remaining Requests to Display 1:56:40 Axios API Update 1:58:11 Search Github User Functionality 2:02:36 Set Followers 2:05:12 Finish Navbar 2:06:24 Resolving Bugs with Tests 2:19:13 Final Touches on the App 2:25:36 Summary 2:28:31 Deploying Site 🔎 SOURCE CODE https://github.com/nadvolod/js-code/t... 🔎 SOURCE CODE BRANCH WITH WORK https://github.com/nadvolod/js-code/t... =============================== 🚨 Ready to level up your #QA career and enter a job market of 100K+ open positions? 💼 Learn how to crush interviews and land a $100K+ career 👩‍💻  Quickly find your next dream role with our network of corporate partners 🌎 Learn from the world's best 📅 100% virtual education 💻 Gain real-world experience through automation with real customers 🚀 Build out your open-source coding skills through group projects  Become a Java SDET and join the future of tech! 👉 https://academy.ultimateqa.com/java-sdet =============================== 📥 WEEKLY EMAIL ON HOW TO TEST JAVASCRIPT LIKE A PRO https://ultimateqa.ck.page/js-testing... WHAT YOU NEED TO KNOW =============================== 🎥 To learn more about Selenium, subscribe to our YouTube channel https://www.youtube.com/ultimateqa?su... 🎓 Make the ultimate IT career leap with our complete Selenium WebDriver with Java Bootcamp. https://www.ultimateqa.com/selenium-java 💻 Courses https://courses.ultimateqa.com/​ 🚀 Learn to Automate and get the job of your dream. https://ultimateqa.com/ 🔥 Use this promo code to get an exclusive Youtube subscriber discount: youtube25 Apply at checkout on https://courses.ultimateqa.com/​ CONNECT WITH US =============================== 📝 - BLOG: https://ultimateqa.com/blog 🛠️ - ULTIMATE QA CUSTOMER SUPPORT: info@ultimateqa.com 🐦 - TWITTER: https://twitter.com/intent/follow?scr... 💡 - LINKEDIN:   / nikolayadvolodkin   👥 - FACEBOOK:   / ultimateqa1   📸 - INSTAGRAM:   / world.class.dev   LOOKING FOR THE BEST TESTING STRATEGY SO YOU CAN ATTAIN DIGITAL CONFIDENCE? =============================== We deliver unmatched expertise in the testing strategy. View Case Studies Here 👉 https://ultimateqa.com/consulting/ INTERESTED IN BECOMING ULTIMATE QA's AMBASSADOR? =============================== 💲 - Become an Affiliate and earn some extra money! Learn More Here 👉 https://ultimateqa.com/affiliate/ #ReactJS #JavaScript #Github #Cypress #WebdriverIO #ScreenerIO