Certificate Authentication

React with Next.js Certificate for Marilyn Payot

Add to LinkedIn

Certificate ID: 
687835
Authentication Code: 
9ec45
Certified Person Name: 
Marilyn Payot
Trainer Name: 
Uditha Bandara
Duration Days: 
5
Duration Hours: 
35
Course Name: 
React with Next.js
Course Date: 
30 August 2022 13:00 to 12 September 2022 17:00
Course Outline: 

Introduction

  • React vs Angular vs Vue.js vs other MVC frameworks

Design Principles behind React

Understanding the DOM

Setting up Your Development Environment

How Components Work in React

The Component Life Cycle

Overview of JSX Syntax

Rendering an Element

Building Your First Component

Handling State in React

Defining Your Components' Parent/Child Relationships

Event Handling and Conditional Rendering

Container vs Presentational Components

Implementing Forms and Processing User Input

Testing Your React Web Application

Integrating React with Other Frameworks and Plugins

Deploying your React Application

Next.js Overview

  • What is Next.js?
  • Next.js features

Preparing the Development Environment

  • Installing and configuring Next.js

Next.js Quick Start

  • Initializing the application
  • Creating and using components
  • Working with state
  • Styling the application

Bindings and Forms

  • Using component binding
  • Validating forms and input

State and Data Management

  • Creating, updating, and managing stores

Web Services

  • Adding a REST API
  • Sending, fetching, and transforming data

Routing and SSR

  • Preloading components
  • Fetching and pre-fetching data
  • Syncing stores

Data Persistence

  • Setting up MongoDB
  • Creating a database
  • Connecting to a database

Testing the Application

  • Testing with unit tests and mock tests

Debugging the Application

  • Handling errors

Deploying the Application

  • Deploying the full stack application
  • Hosting the full stack application

Securing the Application

  • Authenticating with AuthO

Troubleshooting

Spring Boot, React, and Redux

  • Fullstack application architecture
  • RESTful APIs and Microservices overview
  • Front-end vs back-end development

Preparing the Development Environment

  • Installing and configuring Spring Boot
  • Installing and configuring React
  • Installing and configuring Redux

React and Redux

  • Importing React app
  • Working with React structures, components, and JSX
  • Refactoring components
  • Creating modules
  • Handling events
  • Adding state to a component
  • Using routing for components
  • Styling components

React to Spring Boot

  • Applying authentication
  • Handling errors
  • Securing with authenticated routes
  • Refactoring React code to JavaScript modules
  • Creating a Spring Boot service
  • Returning a bean
  • Using path variables
  • Connecting front-end with RESTful API
  • Using variable paths for services and APIs
  • Applying form validation

 

Spring Security

  • Setting up Spring security
  • Configuring Spring Security
  • Importing JWS framework
  • Working with JWS resources

JPA and Hibernate

  • Populating data
  • Connecting to a JPA repository

Deployment

  • Connecting Spring Boot API
  • Deploying back-end to Heroku
  • Deploying React build
Course Name Eng: 
React with Next.js Bespoke