Developing Applications Using React JS Total Learning

QA Total Learning™ is our newest and most effective way to learn.

Combining the best of digital and live learning, with access to world-class industry experts, we focus on ensuring you can apply your learning to help you drive impactful results in your workplace. What's more, our digital platform gives you the tools to track your progress and manage your own learning.

Learners might be web developers with a keen eye for design and UI and a strong level of experience with HTML, CSS, and JavaScript. Alternatively, learners could be those who are looking to create full-stack applications but need the knowledge of a more modern tool to help develop solutions, with a strong practical knowledge of front- and back-end development.

In this Total Learning course, learners will have the best of both digital and live learning to develop fully functional, SPA-focused web applications, with a particular emphasis on design. This includes the Digital stage, which includes sample exam questions, quizzes, and a combination of video and written content.

Following this, the virtual two-day Live event focuses on a project domain that will be designed, coded, and tested through React and supporting technologies. Learners will individually create new features for this project whilst simultaneously building on their base knowledge of React’s key concepts.

Please note, the video demonstrations in this course use version 5.2 of React Router.

• identify, design, create, and test reusable ReactJS JSX components in a hierarchical structure that construct a user interface for a given purpose.
• utilise props, state, and standard ReactJS hooks to manage and consume data or user inputs within a ReactJS application.
• initiate and handle asynchronous calls to external APIs for data required, consumed, or provided by the application.
• implement a single-page application by defining a routing structure using components from the ‘react-router’ package.
• build, test, and deploy a ReactJS application through a CI/CD pipeline.

It is essential that you understand the face of contemporary web development before attending this course. JavaScript experience equivalent to the skills covered in Web Development Fundamentals - JavaScript (QAJSFUND) is required, along with good HTML and CSS skills (as covered in QAHTMLCSS).

This Total Learning course consists of three key stages, all explained during a 1-hour virtual kick off session, which includes a Q&A session:

• Digital stage – up to 20 hours over a minimum of 4 weeks
• Live event – 2 days
• Apply stage – up to 3 hours over a 3-month period

Digital stage

The Digital Learning is valid for 3 months from the date of the kick off session

• Course introduction: Welcome to real-world React JS
• Module 1: Intro to React
• Module 2: Components and JSX
• Module 3: Testing using Jest
• Module 4: Thinking in React
• Module 5: Props
• Module 6: State, inverse data flow, and forms
• Module 8: Working with external data
• Module 9: Routing in React
• Module 10: State management
• Module 11: React CI/CD
• Module 12: Discover labs project
• Module 13: Optional challenge lab
• Module 14: Digital skills evaluation
• Module 15: Workplace application

Live event

• Digital review/Apply stage reintroduction
  • ReactJS warm-up quiz
  • Digital stage activities review
  • Digital Labs project review
  • Apply stage reintroduction
• Practical application of effective components
• Practical application of routing and SPAs
• Thinking in React: Where's your Apply activity thinking at? Practical application of ReactJS
• Practical application of external data & state management
• Apply activity discussion and plan
• Course outcomes and evaluation

Apply stage

• Creating a React-based application in the workplace
• Implement SPAs, routing, and external data into the design of web pages
• Begin to understand how to factor in security and CI/CD practices