Facebook Clone with Laravel, TDD, Vue & Tailwind CSS

Facebook Clone with Laravel, TDD, Vue & Tailwind CSS, available at $69.99, has an average rating of 4.35, with 64 lectures, based on 346 reviews, and has 2025 subscribers.

You will learn about RESTful API Development with Laravel Vue JS Single Page Application Methodology Test Driven Development (TDD) with PHPUnit Front-End Design Using Tailwind CSS Build a Complete SPA from Scratch JSON:API Specification for Building APIs in JSON Integrating Laravel with Vue Router Submitting Requests to an API from Javascript Authentication Using Laravel Passport Image Uploads with Dropzone JS This course is ideal for individuals who are Web developers wanting to build robust APIs or Web developers wanting to level up their modern JavaScript knowledge or Web developers wanting to level up their knowledge of the Laravel framework or Web developers that are front-end developers wanting to learn back-end or Web developers that are back-end developers wanting to learn front-end It is particularly useful for Web developers wanting to build robust APIs or Web developers wanting to level up their modern JavaScript knowledge or Web developers wanting to level up their knowledge of the Laravel framework or Web developers that are front-end developers wanting to learn back-end or Web developers that are back-end developers wanting to learn front-end.

Enroll now: Facebook Clone with Laravel, TDD, Vue & Tailwind CSS

Summary

Title: Facebook Clone with Laravel, TDD, Vue & Tailwind CSS

Price: $69.99

Average Rating: 4.35

Number of Lectures: 64

Number of Published Lectures: 64

Number of Curriculum Items: 64

Number of Published Curriculum Objects: 64

Original Price: $129.99

Quality Status: approved

Status: Live

What You Will Learn

RESTful API Development with Laravel
Vue JS Single Page Application Methodology
Test Driven Development (TDD) with PHPUnit
Front-End Design Using Tailwind CSS
Build a Complete SPA from Scratch
JSON:API Specification for Building APIs in JSON
Integrating Laravel with Vue Router
Submitting Requests to an API from Javascript
Authentication Using Laravel Passport
Image Uploads with Dropzone JS

Who Should Attend

Web developers wanting to build robust APIs
Web developers wanting to level up their modern JavaScript knowledge
Web developers wanting to level up their knowledge of the Laravel framework
Web developers that are front-end developers wanting to learn back-end
Web developers that are back-end developers wanting to learn front-end

Target Audiences

Web developers wanting to build robust APIs
Web developers wanting to level up their modern JavaScript knowledge
Web developers wanting to level up their knowledge of the Laravel framework
Web developers that are front-end developers wanting to learn back-end
Web developers that are back-end developers wanting to learn front-end

Building modern applications requires a specialized toolbox of skills and tools. We are going to be using Facebook as an example to build a social network platform from scratch. We will be using modern development techniques that mimic real-world team flow along with some added tooling to help aid with that.

Why did we choose this as the sample project?

Most students that take this course will know or at least have an understanding of Facebook. Instead of spending time trying to explain what our project needs to do and what the expected functionality needs to be, we can jump straight into writing code. This helps facilitate the comprehension of the new concepts we are introducing.

What if I am not sure that I have the skills necessary?

This course is what would be considered an intermediate level course but with basic knowledge of PHP & Javascript even the most beginner will be able to acquire new skills and level up their skills. Working knowledge of Laravel & Vue will increase your chances of grasping every concept. But all and all, every lesson goes into great detail about the “why” we are doing what we are doing.

Will there be boring slides?

Absolutely not! Every video will be engaging, throughly explained and straight to the point. Showing you every nook and cranny of Test-Driven Development using Laravel, Vue, Vue Router & Tailwind CSS.

Course Curriculum

Chapter 1: Introduction & Downloadable Files

Lecture 1: Welcome To The Course

Lecture 2: Downloadable Content

Chapter 2: Project Setup

Lecture 1: Install Laravel & Setup Passport

Lecture 2: Front-End Routing & Vue

Lecture 3: Tailwind CSS

Chapter 3: Getting Started

Lecture 1: What is JSON:API?

Lecture 2: Spiking Out the First Post Test

Lecture 3: Asserting on the Response

Lecture 4: Refactor to Post & User Resources

Lecture 5: Retrieving Posts Using a Post Collection Resource

Lecture 6: Returning User's Posts Only & Global Scope for Post Order

Chapter 4: App Design

Lecture 1: SKIP: Watch this to skip "App Design" Section

Lecture 2: Spiking The App Design

Lecture 3: Vue Component: Nav

Lecture 4: Vue Component: Sidebar

Lecture 5: Vue Component: NewPost & NewsFeed

Lecture 6: Vue Component: Post

Chapter 5: Connecting Front & Back

Lecture 1: Fetching Posts From Database

Lecture 2: Posted At & Post Image

Lecture 3: Keeping Track of Loading State

Lecture 4: User Profile Test

Lecture 5: User Profile Front End

Lecture 6: User Posts Test

Lecture 7: User Profile Design

Chapter 6: State Management with Vuex

Lecture 1: Auth User Test

Lecture 2: Fetching the Auth User

Lecture 3: Vuex Store Setup for Auth User

Lecture 4: Setting Page Titles

Chapter 7: Let's Be Friends – Part I

Lecture 1: Friend Request Test

Lecture 2: Handling Invalid Users

Lecture 3: Accepting a Friend Request

Lecture 4: Locking Down the API

Lecture 5: Handling Validation Errors

Lecture 6: Retrieving Friendships

Lecture 7: Ignoring Friend Requests

Chapter 8: Let's Be Friends – Part II

Lecture 1: Refactoring to Vuex

Lecture 2: Setting Friend Button Text

Lecture 3: Friend Button Text Getter

Lecture 4: Accepting & Ignoring Friend Requests

Lecture 5: Extracting Posts to Vuex & Console Errors

Lecture 6: Fixing Some Bugs

Lecture 7: The Newsfeed

Chapter 9: Posts, Likes & Comments

Lecture 1: Refactoring Newsfeed to Vuex

Lecture 2: Submitting Text Posts

Lecture 3: User Can Like Posts Test

Lecture 4: Posts Must Return with Likes Test

Lecture 5: Integrating the Likes Feature

Lecture 6: User Can Post Comments Test

Lecture 7: Posts Must Return with Comments

Lecture 8: Displaying Comments on a Post

Lecture 9: Submitting Comments to Posts

Lecture 10: Code Design Change & Modules Refactor

Chapter 10: Handling User Image Uploads

Lecture 1: Images Can Be Uploaded Test

Lecture 2: User Are Returned with Images Test

Lecture 3: Setting Up Dropzone

Lecture 4: Showing Image After Upload

Lecture 5: Default Images

Lecture 6: Finishing Touches On Profile Images

Lecture 7: Resizing User Images

Chapter 11: Handling Posts with Images

Lecture 1: New Posts with Images Test

Lecture 2: Submitting Images with Posts

Lecture 3: Customizing Dropzone & Bug Fixes

Lecture 4: Max File Count for Dropzone

Chapter 12: Bonus Lecture

Lecture 1: Bonus Lecture

Instructors

Victor Gonzalez
Senior Web Developer

Rating Distribution

1 stars: 8 votes
2 stars: 9 votes
3 stars: 25 votes
4 stars: 95 votes
5 stars: 209 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu