ADVANCED WEB APPLICATION DEVELOPMENT USING LARAVEL & REACT
strip design-01.jpg

To introduce the development of modern web applications that consist of server-side RESTful Web API and client-side scripts that consume the Web API. 

OBJECTIVES
strip design-01.jpg
strip design-01.jpg

Build client-side

scripts using React to

consume Web API.

OUTCOMES
Untitled-6-01.png

Build Web API

using Laravel

framework.

Untitled-7-01.png
strip design-01.jpg

Build interactive

user interfaces

using React.

Untitled-8-01.png
CONTENT
strip design-01.jpg
strip design-01.jpg
PRE-REQUISITE

Prior knowledge and

skills in Laravel framework

and JavaScript

4 days

DURATION
infographic content2-01.png
DAY 1
Review of Laravel Framework
- Routes, controllers and actions
- Models, relationships and queries
- Request and response
- Middleware
hours
3.5
infographic content2-01.png
RESTful Web API
- Fundamentals of RESTful Web API
- JavaScript Object Notation (JSON)
- API Resources
- Testing Web API using Postman
hours
3.5
infographic content1-01.png
DAY 2
JavaScript
- Syntax, variables and data types
- Arrow functions
- Array.map() function
hours
1.5
infographic content1-01.png
React JavaScript Library
- Using React in Laravel applications
- NodeJS & Node Package Manager    (NPM)
- Managing Assets
hours
2.0
infographic content1-01.png
Components and JSX
- React Components
- JavaScript Extension (JSX)
- Rendering components
hours
3.5
infographic content2-01.png
DAY 3
Props, State and Events
- Props
- State
- Lifecycle
- Handling events in React
hours
3.5
infographic content2-01.png
Consuming Web API
- Fetch API
- Handling HTTP request and response
hours
1.5
infographic content2-01.png
Forms
- HTML Form elements
- Controlled components
- Uncontrolled components
hours
2.0
infographic content1-01.png
DAY 4
User Authentication and Authorization
- JSON Web Tokens (JWT)
- Authenticating users
- Creating and renewing tokens
- Getting the current user
hours
7.0