Practical Coder
Practical Coder
  • 33
  • 24 078
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
มุมมอง: 34

วีดีโอ

Create your OWN VS Code extension - Setup7:42Create your OWN VS Code extension - Setup
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)41:35Databases with Laravel Eloquent ORM (Social media app)
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)10:50Laravel Setup Guide & Introduction (Social media app)
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)15:35Drag&drop dashboard in JavaScript (Gridstack.js)
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 IndexedDB15:01Storing data locally in your JS app with IndexedDB
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 - mapstructure10:10Dynamic JSON decoding in Go - mapstructure
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:11:38Kahoot Quiz Clone in Svelte & Go [FULL SERIES]
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 - Tweens10:43Real-World Todo App in Svelte #23 - Tweens
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)24:47Create A Real-World Todo Application In Svelte #22 - Custom task columns/lists (part 2)
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)41:34Create A Real-World Todo Application In Svelte #21 - Custom task columns/lists (part 1)
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, $$props31:22Create A Real-World Todo Application In Svelte #20 - Accessibility, $$props
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 & stores53:52Create A Real-World Todo Application In Svelte #19 - Custom right-click menus & stores
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 subtasks41:39Create A Real-World Todo Application In Svelte #18 - Deadlines & drag n drop subtasks
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 - Subtasks39:11Create A Real-World Todo Application In Svelte #17 - Subtasks
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 board18:27Create A Real-World Todo Application In Svelte #16 - Deleting boards & remembering user's last board
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 boards38:09Create A Real-World Todo Application In Svelte #15 - Responsive sidebar & renaming boards
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 / sidebar31:59Create A Real-World Todo Application In Svelte #14 - Creating new boards / sidebar
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 & refactoring34:05Create A Real-World Todo Application In Svelte #13 - Multiple different boards & refactoring
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 CSS30:33Real-World Todo App In Svelte #12 - Responsive layout with Tailwind CSS
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 232:00Real-World Todo App In Svelte #11 - Drag & drop part 2
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-action27:05Real-World Todo App In Svelte #10 - Drag & drop with svelte-dnd-action
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 colors37:26Real-World Todo App In Svelte #9 - Add/edit tags, bind:this, random colors
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, tags38:49Real-World Todo App In Svelte #8 - Confirmation modal, task description, tags
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 classes29:52Real-World Todo App In Svelte - Iconify icons, extending Tailwind classes
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 tasks16:51Real-World Todo App In Svelte #6 - Separating completed tasks
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 Flowbite31:27Real-World Todo App In Svelte #5 - Components with Tailwind CSS and Flowbite
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 CSS36:12Real-World Todo App In Svelte #4 - Refactoring & trying out Tailwind CSS
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 file29:18Real-World Todo App In Svelte #3 - Saving tasks to localStorage or download as file
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 practices1:05:52Real-World Todo App In Svelte #2 - Create/edit tasks, modals, slots, best practices
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

ความคิดเห็น

  • @texoport
    @texoport 5 วันที่ผ่านมา

    great video as usual!

  • @ZohoExpert
    @ZohoExpert 14 วันที่ผ่านมา

    Nice video! Thanks 😊

  • @user-rs9ov6qs7v
    @user-rs9ov6qs7v 18 วันที่ผ่านมา

    good video, next it would be cool if you make us golang tutorial like golang REST api's for beginners. thanks'

    • @practicalcoder
      @practicalcoder 16 วันที่ผ่านมา

      Thanks a lot! What topics do you want me to cover? Any specific framework you want to see?

  • @twd2
    @twd2 หลายเดือนก่อน

    Wow Great Video 👌👌👌...

    • @practicalcoder
      @practicalcoder 28 วันที่ผ่านมา

      Thank you so much!

  • @aygamingff6456
    @aygamingff6456 หลายเดือนก่อน

    Can u please tell me how can we change the positionns account to local storage stored x,u oostions

    • @practicalcoder
      @practicalcoder 28 วันที่ผ่านมา

      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.

  • @MultiDringus
    @MultiDringus หลายเดือนก่อน

    pee pee poo poo

  • @siefeldenabualsoud9021
    @siefeldenabualsoud9021 หลายเดือนก่อน

    I'd really like to thank you for this great explanation.

    • @practicalcoder
      @practicalcoder หลายเดือนก่อน

      Thank you for your support! 😄

  • @bartoszkrawczyk4976
    @bartoszkrawczyk4976 หลายเดือนก่อน

    Great explanation, really helps to understand how to work with IndexedDB. Thank you!

    • @practicalcoder
      @practicalcoder หลายเดือนก่อน

      Glad it was helpful!

  • @GatewayITTutorials
    @GatewayITTutorials 2 หลายเดือนก่อน

    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.

    • @practicalcoder
      @practicalcoder 2 หลายเดือนก่อน

      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 :)

    • @GatewayITTutorials
      @GatewayITTutorials 2 หลายเดือนก่อน

      @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.

  • @sourabhsingh5941
    @sourabhsingh5941 2 หลายเดือนก่อน

    can I use this with react.js

    • @practicalcoder
      @practicalcoder 2 หลายเดือนก่อน

      Yes you can! Look at time 10:58 for an example of that.

    • @sourabhsingh5941
      @sourabhsingh5941 2 หลายเดือนก่อน

      @@practicalcoder Thanks

  • @prashlovessamosa
    @prashlovessamosa 2 หลายเดือนก่อน

    Your real world real todo app playlist is super helpful i am learning svelte your videos are very good please keep uploading good stuff.

    • @practicalcoder
      @practicalcoder 2 หลายเดือนก่อน

      Thank you so much!

  • @trainedbybryan
    @trainedbybryan 2 หลายเดือนก่อน

    bro post the github

    • @practicalcoder
      @practicalcoder 2 หลายเดือนก่อน

      Anything specific you want to see? I covered a lot of topics in the video.

    • @trainedbybryan
      @trainedbybryan 2 หลายเดือนก่อน

      @@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

  • @imalkesara4466
    @imalkesara4466 2 หลายเดือนก่อน

    💟

  • @wviitla
    @wviitla 2 หลายเดือนก่อน

    Hey, I'm having trouble setting up the system on a self-hosted machine, especially with starting the thing. Could you help me?

    • @practicalcoder
      @practicalcoder 2 หลายเดือนก่อน

      Hey! I guess we already spoke on Discord but if not, you can join discord.gg/qNMmZUZPp3 :)

  • @prashlovessamosa
    @prashlovessamosa 2 หลายเดือนก่อน

    Thanks

    • @practicalcoder
      @practicalcoder 2 หลายเดือนก่อน

      Thank you for watching!

  • @riigel
    @riigel 2 หลายเดือนก่อน

    Nice!!!!!

  • @thiccboi6211
    @thiccboi6211 2 หลายเดือนก่อน

    Please speak a couple of inches away from the mic

  • @gfddgitgud3848
    @gfddgitgud3848 2 หลายเดือนก่อน

    Thanks for this goat video ! Will follow it .

  • @datadriveAshura
    @datadriveAshura 2 หลายเดือนก่อน

    nice , hard to find tutos for this stack

    • @practicalcoder
      @practicalcoder 2 หลายเดือนก่อน

      Glad you think so!

  • @karxem
    @karxem 3 หลายเดือนก่อน

    Yeson

  • @mmmcorp8505
    @mmmcorp8505 3 หลายเดือนก่อน

    reallly GOAT !!!!!!!!!!!!!!!

  • @prashlovessamosa
    @prashlovessamosa 3 หลายเดือนก่อน

    Sweet

  • @bagwaniali9514
    @bagwaniali9514 3 หลายเดือนก่อน

    Nice, where can I find the code?

  • @riigel
    @riigel 3 หลายเดือนก่อน

    do you have svelte 5 content? 😬

    • @practicalcoder
      @practicalcoder 3 หลายเดือนก่อน

      Not yet but will for sure make some when it releases! Any project ideas you want to see? 🙂

    • @kirso
      @kirso 3 หลายเดือนก่อน

      @@practicalcoder Kahoot in Svelte 5 & Sveltekit and some DB? (Supa, Turso, Firebase postgres?)

    • @moonchildeverlasting9904
      @moonchildeverlasting9904 3 หลายเดือนก่อน

      @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.

  • @gfddgitgud3848
    @gfddgitgud3848 5 หลายเดือนก่อน

    First thank you!!!! Second , I will create a much concised walkthrough of your tutorial based on your videos. This is awe some

    • @practicalcoder
      @practicalcoder 5 หลายเดือนก่อน

      Glad it was helpful!

  • @szigyartom
    @szigyartom 6 หลายเดือนก่อน

    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

  • @prashlovessamosa
    @prashlovessamosa 7 หลายเดือนก่อน

    Can you please share the repo i am getting some errors.

  • @nickthiru
    @nickthiru 8 หลายเดือนก่อน

    @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.

  • @riigel
    @riigel 9 หลายเดือนก่อน

    hey man.. you stopped uploading. your content is great, hope you come back soon!

  • @AJRobloxGFX
    @AJRobloxGFX 10 หลายเดือนก่อน

    I think this is out of date cause there is a dialog tag

  • @davidwserber
    @davidwserber ปีที่แล้ว

    This is a super helpful video! Thank you for making it!