Laravel with React JS - Build Twitter Like Real Time Web App
4h 56m 37s
English
Paid
Course description
Do you want to use React Js with Laravel to build powerful web applications? How about building a twitter like real time web app while learning Modern JavaScript and React Js from scratch? If that sounds great, you will absolutely love this course!
Read more about the course
What this course covers?
- Core Modern JavaScript/EcmaScript basics
- React Js basics
- Ajax with axios
- Theoretical and practical explanation
- Integration of React with Laravel
- Adding Real time functionality using Laravel Echo and Pusher Js
- Follow/Unfollow functionality
- BelongsToMany relationship
- Working with custom table
- Accessors methods and more..
What you will learn by the end of this course?
- Learn Modern JavaScript/EcmaScript
- Learn React Js
- Be able to combine Laravel with React Js to build modern Web Apps
- Start writing React Components
- Learn to make Ajax GET, POST requests from React Frontend to Laravel Backend
- Real time integrations by Broadcasting events using Pusher Js and Laravel Echo
- Learn Intermediate Level Laravel Techniques
- Be able to use React Js as an alternative or replacement to Vue js
What you will build by the end of this course?
- Twitter Like Real Time Web app with follow/unfollow functionality using Laravel Backend and React Js Frontend
Watch Online
Watch Online Laravel with React JS - Build Twitter Like Real Time Web App
0:00
/ #1: Modern JavaScript
All Course Lessons (46)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | Modern JavaScript Demo | 01:54 | |
| 2 | Creating variables using const | 04:06 | |
| 3 | Creating variables using let | 03:48 | |
| 4 | Template strings | 05:10 | |
| 5 | Default parameters | 03:25 | |
| 6 | Arrow functions | 05:58 | |
| 7 | Arrow function and this keyword | 10:11 | |
| 8 | Destructuring object | 08:14 | |
| 9 | Destructuring an array | 02:09 | |
| 10 | Restructuring | 04:57 | |
| 11 | Spread and rest operator | 07:32 | |
| 12 | Classes constructor and super | 14:23 | |
| 13 | Installing react | 05:24 | |
| 14 | React files and folders introduction | 06:23 | |
| 15 | Storing data in component state via ajax call | 10:59 | |
| 16 | Rendering state data using map | 05:48 | |
| 17 | Conditional rendering | 04:18 | |
| 18 | Imports exports props | 09:36 | |
| 19 | Handling click events | 07:40 | |
| 20 | Destructuring inline styling and keys | 04:24 | |
| 21 | Installing Laravel and database setup | 06:06 | |
| 22 | Implement username | 06:20 | |
| 23 | Route group, controllers and views | 07:05 | |
| 24 | React js scafffolding | 07:33 | |
| 25 | Create form in react component | 03:40 | |
| 26 | Post model, migration and relationships | 05:29 | |
| 27 | Handling form events in react | 07:16 | |
| 28 | Make a post request to laravel backend | 05:32 | |
| 29 | Create post and response json | 05:50 | |
| 30 | Show the tweets in timeline | 11:54 | |
| 31 | Merging tweets in the state and render | 02:56 | |
| 32 | Render tweets | 02:58 | |
| 33 | User avatar | 05:47 | |
| 34 | User profile | 08:39 | |
| 35 | Follow functionality | 08:42 | |
| 36 | Show follow or unfollow | 03:18 | |
| 37 | Implement follow functionality | 06:48 | |
| 38 | Implement unfollow functionality | 03:19 | |
| 39 | Showing the list of following | 05:53 | |
| 40 | Showing the list of followers | 04:58 | |
| 41 | Json response of posts | 11:05 | |
| 42 | Loading component | 05:36 | |
| 43 | Making it real time using setInterval | 07:21 | |
| 44 | Real time setup with pusher and laravel echo | 05:16 | |
| 45 | Event Broadcasting for real time updates | 11:34 | |
| 46 | Real time posts to specific user based on following | 09:23 |
Unlock unlimited learning
Get instant access to all 45 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
React JS 19 Crash Course | Build an App and Master React in 2 Hours
Sources: jsmastery.pro, Adrian Hajdin
This course offers a practical approach: clear explanations, real tasks, and necessary tools, so you can not only understand but also immediately apply the new.
2 hours 7 minutes 16 seconds
Build a Spotify Connected App
Sources: fullstack.io
Learn how to build a full stack web app to visualize personalized Spotify data with the help of Node.js, React, Styled Components, and the Spotify Web API.
3 hours 47 minutes 28 seconds
Build and Deploy a SaaS AI Agent Platform
Sources: Code With Antonio
In this video course, you will create a video call application with AI support from scratch. You will learn how to set up real-time video communication...
13 hours 24 minutes 14 seconds
The complete React Fullstack course ( 2021 edition )
Sources: udemy
Do you want to learn the whole process of building your App ?. This is the course for you. We will start from the very beginning, from "I don't even know how use it..and why wo...
76 hours 58 minutes 6 seconds
React Simplified - Advanced
Sources: webdevsimplified.com
Once you become a good React developer, it is time to start diving into advanced React concepts. This course will take you from a junior to a mid-level React d
11 hours 34 minutes 10 seconds