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