Companies Home Search Profile

Twitter Clone with Laravel 10 and Vue 3

Focused View

Alireza Amrollahikoupaei

12:30:48

78 View
  • 1 - Demo.mp4
    01:59
  • 2 - Intro.mp4
    02:52
  • 3 - Laravel Installation.mp4
    02:50
  • 4 - Laravel UI.mp4
    05:11
  • 5 - Basic Migrations.mp4
    05:41
  • 6 - Register to our application.mp4
    07:54
  • 7 - Configuring Sanctum for authenticationauthorization.mp4
    09:49
  • 8 - System Design.mp4
    10:32
  • 9 - Followers Functionality.mp4
    08:55
  • 10 - Lets create a nice timeline.mp4
    11:38
  • 11 - More on timeline logic.mp4
    13:20
  • 12 - Making things nice with Tailwind.mp4
    02:03
  • 13 - Adding frontend layout.mp4
    06:31
  • 14 - First Component Ever here comes the vue3.mp4
    21:13
  • 15 - Vuex installation for our state management.mp4
    13:02
  • 16 - Infinite scroll implementation.mp4
    14:09
  • 17 - Tweet Component.mp4
    13:34
  • 18 - Saving tweet in our application.mp4
    09:07
  • 19 - Api debugging with laravel telescope.mp4
    06:47
  • 19 - Telescope package.txt
  • 20 - Tweet types tweet retweet quote.mp4
    05:28
  • 21 - Retweet logic.mp4
    07:03
  • 22 - Make use of dynamic components in Vuejs 3.mp4
    11:20
  • 23 - Quote component DRY principle in place.mp4
    03:45
  • 24 - Styling the textarea.mp4
    01:51
  • 25 - All the tweet actions in ONE place.mp4
    12:10
  • 26 - Like modelmigration.mp4
    03:47
  • 27 - Like logic with best practice in mind.mp4
    05:04
  • 28 - Is this tweet been liked before.mp4
    16:21
  • 29 - Hit that like button please.mp4
    12:35
  • 30 - RetweetQuote dropdown component.mp4
    09:25
  • 31 - Retweet count.mp4
    05:01
  • 32 - Show me if I retweeted it already.mp4
    11:59
  • 33 - Implement Retweet logic.mp4
    14:10
  • 34 - A nice progress bar for the tweet length.mp4
    15:47
  • 35 - Media button.mp4
    09:32
  • 36 - Media type validation.mp4
    12:21
  • 37 - Some console cleanups.mp4
    02:05
  • 38 - Media preview WITHOUT any api calls.mp4
    11:15
  • 39 - Remove preview.mp4
    07:37
  • 40 - Media library.txt
  • 40 - Media library package.mp4
    03:41
  • 41 - Upload media on our backend.mp4
    17:12
  • 42 - Media collection.mp4
    02:49
  • 43 - Attaching media to tweet.mp4
    17:30
  • 44 - Display the image.mp4
    16:08
  • 45 - Display the video.mp4
    02:28
  • 46 - Nice progress bar for uploading media.mp4
    09:33
  • 47 - Reset progress bar.mp4
    00:44
  • 48 - Performance boost to what we did so far.mp4
    03:06
  • 49 - Create our own modal no package involved.mp4
    17:07
  • 50 - Introducing Mixins.mp4
    11:52
  • 51 - Quote API implementation.mp4
    09:41
  • 52 - Replies backend structure.mp4
    08:30
  • 53 - Reply modal.mp4
    08:42
  • 54 - Reply bind modal to backend.mp4
    07:22
  • 55 - Lets make it REALTIME.mp4
    14:10
  • 56 - Tweet realtime.mp4
    19:52
  • 57 - Like realtime.mp4
    11:26
  • 58 - Like synchronization.mp4
    08:47
  • 59 - Retweet realtime.mp4
    24:41
  • 60 - Reply realtime.mp4
    07:34
  • 61 - Notification structure.mp4
    05:30
  • 62 - Tweet liked notification.mp4
    06:55
  • 63 - Restructure notification.mp4
    10:32
  • 64 - Notification in frontend.mp4
    18:51
  • 65 - Reply notification.mp4
    04:22
  • 66 - Reply notification part 2.mp4
    21:40
  • 67 - Realtime notification.mp4
    01:47
  • 68 - Entity migration.mp4
    05:39
  • 69 - Save hashtags and mentions.mp4
    26:48
  • 70 - Entity collections.mp4
    04:40
  • 71 - Rendering hashtags.mp4
    13:01
  • 72 - Finally EXERCISE.mp4
    04:41
  • 73 - Notify on mention.mp4
    09:34
  • 74 - Performance Performance Performance.mp4
    01:21
  • 75 - Getting the tweet itself.mp4
    08:17
  • 76 - Showing replies.mp4
    01:18
  • 77 - Conversation component.mp4
    10:21
  • 78 - Replies and parent tweets.mp4
    08:10
  • 79 - Make it realtime please.mp4
    00:59
  • 80 - Show reply to.mp4
    02:25
  • 81 - Use phpcs to follow PSR12 code style.mp4
    15:19
  • 82 - Source Code.html
  • 82 - TwitterClone.zip
  • Description


    A complete guide to how to code in laravel & vue

    What You'll Learn?


    • How to Integrate Laravel with Vue js in a real world project
    • Api implementation best practices
    • Create a real time web app
    • See how twitter really works in practice
    • Utilise query optimisations and performance boost in a big project

    Who is this for?


  • Php and Laravel developers who want to boost their career by doing a real project
  • Laravel new comers who seek never ending challenges
  • Vue beginners who really want to use it inside Laravel to taste how good is it in real world
  • What You Need to Know?


  • Basic knowledge of Laravel
  • Good understanding of php or any other backend language
  • An never ending desire to learn
  • More details


    Description

    How long has it been since you coded an interesting project ?

    Are you tired of 40 something hours courses with so many trivia in it ?

    Have you ever wondered how is it like to code Laravel with Vuejs ?

    Do you how how real time applications work ?

    Have you always been afraid of coding in  JavaScript ???


    Well, please read at least  half of my arguments here  ,

    Hello fellow engineers, my name is Alireza and I am a backend developer for almost 7 years now. I know some of you might  have already worked with Laravel as it is one of the most popular php frameworks out there and got to the point that every project seemed boring, repetitive and not challenging  anymore  .

    That is why I created an interesting, real world project to teach you how to code ( with Laravel and Vue ) efficiently without getting bored of tedious CRUD operations or doing what you have been doing so far !


    We cover so much and cover them with proper explanation and coding along , just to name a few thing that you learn in this unique course  :


    • Laravel foundations

    • Api debugging with Laravel Telescope 

    • How Vue 3 works ( including props, data, methods, vuex  and MOST importantly components )

    • How to create Optimised Apis with the help of query monitoring

    • Various Laravel relationships in-code practice

    • Taking advantage of broadcasting to make everything REAL TIME

    • Making sense out of the Twitter design system ( to our best knowledge )

    • Working with Laravel most famous packages namely : Sanctum, Echo, Websocket, Laravel ui , ...

    • AND don't forget, we will create a Twitter-like application which resembles the actual functionalities of the Twitter itself ( before Elon musk tho ?? )


    And many more ..


    If you ask me what do you get out of this rather compact course I'd say " How to confidently create realtime applications with laravel and vuejs"


    I tailored every episode with all-knowledge and 0-trivia meaning we are NOT going to  tell  you  what laravel or vue is or how to install laravel (of course we install it tho ) or what is MVC or such things. We get to the real stuff from the beginning and go with the most natural way of learning which is not being perfect all the time. Meaning you are gonna see me making mistakes on purpose ( mostly  )  just to understand what may go wrong with the application as we implement our features


    now here are some of to-my-view best features of this course :


    1. Effective and efficient; meaning I trust you not needing 1 hour of explanation on each topic so you can code along instead of watching me moving from one powerpoint to another .

    2. Each episode with only one issue/feature at hand; Its not gonna be one of those courses with an episode of half an hour long where you wish you haven't started it at the first place .

    3. "Cut to the chase" kind of principle

    4. Implementing real world features in a kinda real world application

    5. You can ask me anything !  I am not gonna be one of those guys who are available for the first or two weeks

    6. Up to date contents;  we are doing the course with Laravel 10 and Vue 3 and all of other updated packages


    I hope you find this course useful for you career and can make the most out of it .




    Who this course is for:

    • Php and Laravel developers who want to boost their career by doing a real project
    • Laravel new comers who seek never ending challenges
    • Vue beginners who really want to use it inside Laravel to taste how good is it in real world

    User Reviews
    Rating
    0
    0
    0
    0
    0
    average 0
    Total votes0
    Focused display
    Category
    Alireza Amrollahikoupaei
    Alireza Amrollahikoupaei
    Instructor's Courses
    I have more than 6 years of practical experience in backend world along with contributing to the community with what I have learned, I have helped countless candidates to achieve  their goals in software engineering . I know how to interact with people who are intended to an online class and that is why I am going to try to teach you what I know so far .
    Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.
    • language english
    • Training sessions 81
    • duration 12:30:48
    • Release Date 2023/08/01