![Practical Coder](/img/default-banner.jpg)
- 33
- 24 078
Practical Coder
เข้าร่วมเมื่อ 4 ก.พ. 2023
Social media in Laravel - REST API
Welcome back! Today we create a REST API for our social media project. We learn about all the awesome features that Laravel has built-in, such as validation, dependency injection, CORS and much more!
Join the Discord: discord.gg/qNMmZUZPp3
Icons by Freepik - Flaticon
Constellations by Purrple Cat | purrplecat.com/
Music promoted by www.chosic.com/free-music/all/
Creative Commons CC BY-SA 3.0
creativecommons.org/licenses/by/4.0/
Timestamps:
00:00 - Intro
00:08 - Why Laravel?
00:42 - What is a REST API?
01:55 - Our resources
02:16 - Model View Controller
03:00 - Creating controllers
03:30 - API routing
04:12 - A first route
05:06 - Mapping to controllers
05:40 - Parameters
06:26 - Param validation
07:26 - Router groups
08:12 - Getting request data
09:15 - Validation
12:38 - Dependency injection
14:05 - Using Eloquent
14:51 - Different responses
16:12 - Resource controllers
17:45 - Middlewares
20:46 - CORS
23:09 - Form requests
24:44 - Social media implementation
26:56 - Outro
Join the Discord: discord.gg/qNMmZUZPp3
Icons by Freepik - Flaticon
Constellations by Purrple Cat | purrplecat.com/
Music promoted by www.chosic.com/free-music/all/
Creative Commons CC BY-SA 3.0
creativecommons.org/licenses/by/4.0/
Timestamps:
00:00 - Intro
00:08 - Why Laravel?
00:42 - What is a REST API?
01:55 - Our resources
02:16 - Model View Controller
03:00 - Creating controllers
03:30 - API routing
04:12 - A first route
05:06 - Mapping to controllers
05:40 - Parameters
06:26 - Param validation
07:26 - Router groups
08:12 - Getting request data
09:15 - Validation
12:38 - Dependency injection
14:05 - Using Eloquent
14:51 - Different responses
16:12 - Resource controllers
17:45 - Middlewares
20:46 - CORS
23:09 - Form requests
24:44 - Social media implementation
26:56 - Outro
มุมมอง: 34
วีดีโอ
Create your OWN VS Code extension - Setup
มุมมอง 482 วันที่ผ่านมา
In this video we take a look on how to create a custom VSCode extension, we setup a new extension project and see how to register a custom command. Join the Discord: discord.gg/qNMmZUZPp3 Icons by Freepik - Flaticon Constellations by Purrple Cat | purrplecat.com/ Music promoted by www.chosic.com/free-music/all/ Creative Commons CC BY-SA 3.0 creativecommons.org/licenses/... Timestamps: 00:00 - I...
Databases with Laravel Eloquent ORM (Social media app)
มุมมอง 80หลายเดือนก่อน
Welcome back! Today we look at databases in Laravel, with the Eloquent ORM. We go through database fundamentals and learn how to create migrations, create/query data and handle basic relationships in Eloquent. We continue our social media project by creating users, posts, comments and like models. Join the Discord: discord.gg/qNMmZUZPp3 Timestamps: 00:00 - Intro 00:10 - What is a database? 01:0...
Laravel Setup Guide & Introduction (Social media app)
มุมมอง 103หลายเดือนก่อน
Welcome back! Today we take a glance at Laravel, a neat framework for building full-stack web applications. This guide covers how to install Laravel super easily, with Herd. We also go through the folder structure of Laravel and discover how to add a new page to our site. Join the Discord: discord.gg/qNMmZUZPp3 Herd: herd.laravel.com/ Timestamps: 00:00 - What is Laravel? 01:40 - What to install...
Drag&drop dashboard in JavaScript (Gridstack.js)
มุมมอง 1.2K2 หลายเดือนก่อน
Today we look at Gridstack.js, a wonderful library for creating interactive drag & drop dashboards quickly. Check out Gridstack: github.com/gridstack/gridstack.js Join the Discord: discord.gg/qNMmZUZPp3 Icons by Freepik - Flaticon Constellations by Purrple Cat | purrplecat.com/ Music promoted by www.chosic.com/free-music/all/ Creative Commons CC BY-SA 3.0 creativecommons.org/licenses/... Timest...
Storing data locally in your JS app with IndexedDB
มุมมอง 2.5K2 หลายเดือนก่อน
Welcome back! Today we look at IndexedDB, a built-in API in our browsers to persist large amounts of data with quick lookup times! We explore the vanilla IndexedDB and also look at two wrappers, idb and Dexie.js. Join the Discord: discord.gg/qNMmZUZPp3 Icons by Freepik - Flaticon Constellations by Purrple Cat | purrplecat.com/ Music promoted by www.chosic.com/free-music/all/ Creative Commons CC...
Dynamic JSON decoding in Go - mapstructure
มุมมอง 7303 หลายเดือนก่อน
Today we take a look at mapstructure, a neat library for decoding dynamic data structures in an efficient way. It has a lot of cool features that we discover in this video. Mapstructure: github.com/mitchellh/mapstructure Join the Discord: discord.gg/qNMmZUZPp3 Constellations by Purrple Cat | purrplecat.com/ Music promoted by www.chosic.com/free-music/all/ Creative Commons CC BY-SA 3.0 creativec...
Kahoot Quiz Clone in Svelte & Go [FULL SERIES]
มุมมอง 3.2K3 หลายเดือนก่อน
Welcome to a full series in Golang and Svelte where we create a clone of the beloved Kahoot Quiz Platform. We discover topics like REST APIs and real-time communication with WebSockets and create a beautiful UI with Tailwind CSS. Source code: github.com/p0lloc/quiz-platform (Add a star 🌟) Join the Discord: discord.gg/qNMmZUZPp3 I am not associated with or endorsed by Svelte in any means. melt a...
Real-World Todo App in Svelte #23 - Tweens
มุมมอง 597ปีที่แล้ว
Welcome back to the channel! In this video we take a look at tweens in Svelte to level up the user experience in our todo application. Note: I'm trying a more concise video format with focus on theory first and then practical implementation, let me know if you like it! Discord: discord.com/invite/qNMmZUZPp3 I am not associated with or endorsed by Svelte in any means. Purple Dream by Ghostrifter...
Create A Real-World Todo Application In Svelte #22 - Custom task columns/lists (part 2)
มุมมอง 578ปีที่แล้ว
Welcome back to the channel! In this video we leave the hard-coded columns and let the user create and name their own columns. We also add drag and drop so that the columns can be reordered. This video is split into two parts to keep it more concise. Discord: discord.com/invite/qNMmZUZPp3 Feel free to subscribe as I'm trying to build a community where we can share our projects with each other a...
Create A Real-World Todo Application In Svelte #21 - Custom task columns/lists (part 1)
มุมมอง 249ปีที่แล้ว
Welcome back to the channel! In this video we leave the hard-coded columns and let the user create and name their own columns. We also add drag and drop so that the columns can be reordered. This video is split into two parts to keep it more concise. Discord: discord.com/invite/qNMmZUZPp3 Feel free to subscribe as I'm trying to build a community where we can share our projects with each other a...
Create A Real-World Todo Application In Svelte #20 - Accessibility, $$props
มุมมอง 327ปีที่แล้ว
Welcome back to the channel! In this video we take a very surface level look at web accessibility. This helps making the app accessible to a wider range of people and generally increases page ranking in search engines such as Google. We also try out the special $$props syntax to fetch component props dynamically. Discord: discord.com/invite/qNMmZUZPp3 Feel free to subscribe as I'm trying to bui...
Create A Real-World Todo Application In Svelte #19 - Custom right-click menus & stores
มุมมอง 411ปีที่แล้ว
Welcome back to the channel! In this video we take a look at implementing our own context menu (right-click menu) to let the user delete/rename boards from the sidebar. We do this through the help of Svelte stores which I surprisingly haven't shown on this channel before! Discord: discord.com/invite/qNMmZUZPp3 Feel free to subscribe as I'm trying to build a community where we can share our proj...
Create A Real-World Todo Application In Svelte #18 - Deadlines & drag n drop subtasks
มุมมอง 1Kปีที่แล้ว
Welcome back to the channel! In this video we implement deadlines so that the user can keep track of when their tasks are due. We also quickly add the ability to drag and drop subtasks! Discord: discord.com/invite/qNMmZUZPp3 Feel free to subscribe as I'm trying to build a community where we can share our projects with each other and learn together! I am not associated with or endorsed by Svelte...
Create A Real-World Todo Application In Svelte #17 - Subtasks
มุมมอง 321ปีที่แล้ว
Welcome back to the channel! In this video we take a look at implementing subtasks underneath each task. At the end we also do some quick refactoring to keep the code clean and maintainable! Discord: discord.com/invite/qNMmZUZPp3 Feel free to subscribe as I'm trying to build a community where we can share our projects with each other and learn together! I am not associated with or endorsed by S...
Create A Real-World Todo Application In Svelte #16 - Deleting boards & remembering user's last board
มุมมอง 219ปีที่แล้ว
Create A Real-World Todo Application In Svelte #16 - Deleting boards & remembering user's last board
Create A Real-World Todo Application In Svelte #15 - Responsive sidebar & renaming boards
มุมมอง 515ปีที่แล้ว
Create A Real-World Todo Application In Svelte #15 - Responsive sidebar & renaming boards
Create A Real-World Todo Application In Svelte #14 - Creating new boards / sidebar
มุมมอง 276ปีที่แล้ว
Create A Real-World Todo Application In Svelte #14 - Creating new boards / sidebar
Create A Real-World Todo Application In Svelte #13 - Multiple different boards & refactoring
มุมมอง 227ปีที่แล้ว
Create A Real-World Todo Application In Svelte #13 - Multiple different boards & refactoring
Real-World Todo App In Svelte #12 - Responsive layout with Tailwind CSS
มุมมอง 278ปีที่แล้ว
Real-World Todo App In Svelte #12 - Responsive layout with Tailwind CSS
Real-World Todo App In Svelte #11 - Drag & drop part 2
มุมมอง 396ปีที่แล้ว
Real-World Todo App In Svelte #11 - Drag & drop part 2
Real-World Todo App In Svelte #10 - Drag & drop with svelte-dnd-action
มุมมอง 1.3Kปีที่แล้ว
Real-World Todo App In Svelte #10 - Drag & drop with svelte-dnd-action
Real-World Todo App In Svelte #9 - Add/edit tags, bind:this, random colors
มุมมอง 244ปีที่แล้ว
Real-World Todo App In Svelte #9 - Add/edit tags, bind:this, random colors
Real-World Todo App In Svelte #8 - Confirmation modal, task description, tags
มุมมอง 213ปีที่แล้ว
Real-World Todo App In Svelte #8 - Confirmation modal, task description, tags
Real-World Todo App In Svelte - Iconify icons, extending Tailwind classes
มุมมอง 436ปีที่แล้ว
Real-World Todo App In Svelte - Iconify icons, extending Tailwind classes
Real-World Todo App In Svelte #6 - Separating completed tasks
มุมมอง 266ปีที่แล้ว
Real-World Todo App In Svelte #6 - Separating completed tasks
Real-World Todo App In Svelte #5 - Components with Tailwind CSS and Flowbite
มุมมอง 1.6Kปีที่แล้ว
Real-World Todo App In Svelte #5 - Components with Tailwind CSS and Flowbite
Real-World Todo App In Svelte #4 - Refactoring & trying out Tailwind CSS
มุมมอง 400ปีที่แล้ว
Real-World Todo App In Svelte #4 - Refactoring & trying out Tailwind CSS
Real-World Todo App In Svelte #3 - Saving tasks to localStorage or download as file
มุมมอง 546ปีที่แล้ว
Real-World Todo App In Svelte #3 - Saving tasks to localStorage or download as file
Real-World Todo App In Svelte #2 - Create/edit tasks, modals, slots, best practices
มุมมอง 1.1Kปีที่แล้ว
Real-World Todo App In Svelte #2 - Create/edit tasks, modals, slots, best practices
great video as usual!
Nice video! Thanks 😊
good video, next it would be cool if you make us golang tutorial like golang REST api's for beginners. thanks'
Thanks a lot! What topics do you want me to cover? Any specific framework you want to see?
Wow Great Video 👌👌👌...
Thank you so much!
Can u please tell me how can we change the positionns account to local storage stored x,u oostions
Hello! You can store the widgets in localStorage as JSON with JSON.stringify and load them back with JSON.parse, then create widgets with addWidget or makeWidget.
pee pee poo poo
I'd really like to thank you for this great explanation.
Thank you for your support! 😄
Great explanation, really helps to understand how to work with IndexedDB. Thank you!
Glad it was helpful!
If you want to simply parse a JSON structure that you know nothing about in advance (aka "dynamic JSON") - then Go can do that out of the box. Just execute json.Unmarshall(jsonBytes, map[string]interface{}) and you are pretty much done. Now you can access your fields using a classic map["key"] call.
That is true! This is useful when you have a set of predefined structs where your JSON might be any of them, often depending on another field in the JSON. You then gain static types for your data, without having to unmarshal the JSON twice. Could have titled the video better :)
@practicalcoder I usually just check the key type (if string, do this, etc) or a key value, and then unmarshall into an appropriate struct :) This lets me avoid yet another dependency I have to deal with in the future.
can I use this with react.js
Yes you can! Look at time 10:58 for an example of that.
@@practicalcoder Thanks
Your real world real todo app playlist is super helpful i am learning svelte your videos are very good please keep uploading good stuff.
Thank you so much!
bro post the github
Anything specific you want to see? I covered a lot of topics in the video.
@@practicalcoder the github of the project. people who code don't want to sift through a video to find code snippets they want / need. posting the github so people can look through the code would be really helpful
💟
Hey, I'm having trouble setting up the system on a self-hosted machine, especially with starting the thing. Could you help me?
Hey! I guess we already spoke on Discord but if not, you can join discord.gg/qNMmZUZPp3 :)
Thanks
Thank you for watching!
Nice!!!!!
Thanks!
Please speak a couple of inches away from the mic
Thanks for this goat video ! Will follow it .
Thank you!
nice , hard to find tutos for this stack
Glad you think so!
Yeson
reallly GOAT !!!!!!!!!!!!!!!
Sweet
Nice, where can I find the code?
do you have svelte 5 content? 😬
Not yet but will for sure make some when it releases! Any project ideas you want to see? 🙂
@@practicalcoder Kahoot in Svelte 5 & Sveltekit and some DB? (Supa, Turso, Firebase postgres?)
@practicalcoder maybe add an branch using svelte5 , then with DB ? the idea is probably more to be sure of how to code something, then how to edit /refactor or add something else.
First thank you!!!! Second , I will create a much concised walkthrough of your tutorial based on your videos. This is awe some
Glad it was helpful!
I came here to see if the examples look the same for others after copy-pasting it. I am glad to see that it's not just me, who suffers from strange css issues :D
Can you please share the repo i am getting some errors.
@24:54 😆nice reaction. feels great when we stumble upon something and realize how much more easier the development life can sometimes be, right? thanks for a very useful tutorial.
hey man.. you stopped uploading. your content is great, hope you come back soon!
I think this is out of date cause there is a dialog tag
This is a super helpful video! Thank you for making it!