ADVANCED WEB APPLICATION DEVELOPMENT USING LARAVEL & REACT

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


Build client-side
scripts using React to
consume Web API.
OUTCOMES

Build Web API
using Laravel
framework.


Build interactive
user interfaces
using React.

CONTENT


PRE-REQUISITE
Prior knowledge and
skills in Laravel framework
and JavaScript
4 days
DURATION

DAY 1
Review of Laravel Framework
- Routes, controllers and actions
- Models, relationships and queries
- Request and response
- Middleware
hours
3.5

RESTful Web API
- Fundamentals of RESTful Web API
- JavaScript Object Notation (JSON)
- API Resources
- Testing Web API using Postman
hours
3.5

DAY 2
JavaScript
- Syntax, variables and data types
- Arrow functions
- Array.map() function
hours
1.5

React JavaScript Library
- Using React in Laravel applications
- NodeJS & Node Package Manager (NPM)
- Managing Assets
hours
2.0

Components and JSX
- React Components
- JavaScript Extension (JSX)
- Rendering components
hours
3.5

DAY 3
Props, State and Events
- Props
- State
- Lifecycle
- Handling events in React
hours
3.5

Consuming Web API
- Fetch API
- Handling HTTP request and response
hours
1.5

Forms
- HTML Form elements
- Controlled components
- Uncontrolled components
hours
2.0
