Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Laravel With GraphQL LightHouse Apollo and VueJS Darija
Overview
Introduction (2:02)
What is GraphQL (4:07)
GraphQL Playground (4:26)
Learn & Earn (6:10)
Group telegram
Install Laravel, GraphQL, VueJS, Tailwind2
Install Laravel & Dependencies (11:04)
Install VueJS UI (7:49)
Install Tailwindcss 2 with Mix (6:39)
Setting Up VueJS (6:07)
Setting Up GraphQL 1 (14:34)
Setting Up GraphQL 2 (9:34)
Database Structure & Relations
Models & Migrations (5:33)
Make Relations (5:43)
Foreign Keys (6:49)
Factories & Seeder (7:19)
GraphQL Lighthouse & Telescope
Types, Queries & Directives (16:18)
GraphQL with Lazy or Eager Mode (5:12)
Laravel Telescope (7:08)
VueJS & VueRouter
Install & Embed the Vue-Router (4:45)
Setting Routes to VueRouter (9:56)
Router Mode "Hash" or "History" (7:42)
Vue Apollo GraphQL Client
Vue Apollo Client Setup (7:36)
Vue Apollo Queries (6:48)
Vue Apollo Loading State (7:52)
Tailwindcss Layout & Responsive Design & Vue Components
Layout with Responsive Design (9:25)
Vue Component Props (4:20)
view Link & hover in Tailwind (4:15)
Static & Dynamic GraphQL Query Variables (4:22)
Reactive Query with Vue-Apollo (6:44)
List posts by Category (11:52)
List posts by Author (6:14)
GraphQL Mutation
Create (6:58)
delete (1:52)
update & Upsert (6:26)
Type Input
Source Code
Conclusion
GraphQL with Lazy or Eager Mode
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock