Mô tả

Get ready for an exciting new journey in the world of web development with this amazing FULL STACK course, tailor-made for the tech-savvy year of 2023! In this course, we dive deep into the latest versions of Laravel, Vue 3, Inertia, and Tailwind to equip you with the skills needed to conquer the digital realm.

Starting from scratch, we'll embark on an exhilarating adventure through the realms of Laravel and Vue 3. Brace yourself as we unravel the mysteries behind these powerful frameworks, leaving no stone unturned! You'll become a master not only in Laravel but also in Vue 3, including the revolutionary Composition API that is all the rage in the developer community.

But here's the best part: we won't just be learning theory! Oh no, my friend. We're going to roll up our sleeves and build a real-world, fully featured Single Page Application (SPA) that showcases the full potential of the most cutting-edge technologies available in 2023. It's time to bring your ideas to life and create something truly remarkable!

And guess what? You won't be left in the dark when it comes to the source code. In fact, you'll have the full source code at your fingertips throughout the course. Every change made in each lecture can be found on GitHub, with direct links provided in every video. It's like having your own personal code library right at your disposal!

Before we dive headfirst into the nitty-gritty, I'll make sure you're all set up and ready to go, whether you're rockin' Windows or Mac. No need to worry about compatibility issues—we've got you covered!

Now let's take a sneak peek at the thrilling topics that await you on this exhilarating coding adventure:

In the realm of Laravel, we'll uncover the secrets of routing, including optional parameters and route grouping. We'll harness the power of middleware to enhance the functionality of our applications. Brace yourself as we unlock the mysteries of Eloquent ORM, unraveling the intricacies of models and migrations. And that's not all—we'll even learn how to seed databases with fake data, because who needs real data when you're learning, right?

But wait, there's more! We'll delve into the captivating world of database relations, where you'll discover how to create and manage relationships like a true coding maestro. Authentication and authorization will become second nature as we explore user registration, signing in, user verification, and even limiting access to certain areas. And just when you thought it couldn't get any better, we'll unravel the art of sending and testing emails locally using MailHog. Say goodbye to those frantic email tests—MailHog has got your back!

Prepare to be amazed as we unlock the realm of notifications. We'll explore database and email notifications, allowing you to keep your users in the loop with seamless efficiency. Pagination and Filtering will become your secret weapons for handling large data sets with grace and elegance. And let's not forget the joy of uploading images—because what's a modern application without a touch of visual flair?

Now, let's shift our focus to Vue, where we'll uncover the hidden gems of the all-new Composition API. Prepare to be blown away as we dive deep into reactive data and computed properties, equipping you with the tools to create dynamic and responsive applications. We'll pass data using props, emit custom events, and handle events like a seasoned pro. And let's not forget the power of making requests—we'll explore the ins and outs of data retrieval and manipulation.

But that's not all! We'll venture into the world of components and component slots, unlocking the true potential of reusable code. Creating layouts will become second nature as we design stunning interfaces that captivate your users. And for that extra touch of visual finesse, we'll harness the incredible power of Tailwind CSS, the uncontested champion of styling in the year 2023!

So, my friend, if you're ready to dive headfirst into the thrilling world of web development, this course is your gateway to success. Say goodbye to mundane tutorials and embrace a chatty, immersive learning experience that will leave you hungry for more. Join us on this unforgettable journey and let's conquer the digital frontier together!

TOPICS COVERED

In Laravel:

  • Routing, including optional parameters, route grouping

  • Middleware

  • Eloquent ORM

  • Models, Migrations

  • Seeding databases with fake data

  • Database relations - creating, managing, you will learn how they work and how to use them effectively

  • Authentication & authorization - registering users, signing in, user verification, limiting access, admin users

  • Sending emails, and testing emails locally using MailHog!

  • Notifications - database & emails

  • Pagination & Filtering

  • Uploading Images!

  • Forms and data validation

In Vue:

  • All-new Composition API!

  • Reactive data

  • Computed properties

  • Passing data using props!

  • Emitting custom events

  • Handling events

  • Making requests

  • Components & component slots

  • Creating layouts

  • File uploading using JavaScript

For styling, we will learn the super popular Tailwind CSS! Tailwind is the de-facto standard in 2023!

Bạn sẽ học được gì

Learn Laravel from Scratch

Learn Vue 3 from Scratch

Learn the All New Vue 3 Composition API!

Mix Backend and Frontend Frameworks using Inertia

Learn Tailwind CSS

Yêu cầu

  • Basics of JavaScript
  • Basics of PHP

Nội dung khoá học

17 sections

Introduction, Source Code, Resources and Getting Help!

5 lectures
What You'll Learn and Build in the Course?
04:03
What Tools You Need and How to Get Help?
06:02
Visual Studio Code Resources!
01:14
How Laravel, Vue and Inertia Work Together?
11:52
What's Next?
01:26

Setting Up for Windows!

6 lectures
Setting Up for Windows! - Section Introduction
00:21
Windows Installing PHP
05:50
Enabling pdo_mysql Extension!
03:37
Windows Installing Composer
02:48
Windows Installing Node.js
03:03
Windows Installing Docker
03:06

Setting Up for Mac!

6 lectures
Setting Up for Mac! - Section Introduction
00:31
MacOS Installing Homebrew
01:48
MacOS Installing PHP
02:27
MacOS Installing Composer
01:52
MacOS Installing Node.js
02:25
MacOS Installing Docker
02:40

Creating the Project & Setting Up Laravel, Vue & Inertia

3 lectures
Creating the New Laravel Project (And Handling Issues!)
09:50
Configuring Laravel, Vue and Inertia.js!
23:07
IMPORTANT! Inertia.js Upgrade Guide
07:10

Your First SPA

9 lectures
Your First SPA - Section Introduction
02:11
Creating first pages
13:51
Passing data to pages
06:01
Layouts
05:27
Reactive data in Vue
05:57
Persistent layouts with Inertia
04:51
Default layouts
03:15
(OPTIONAL) Using linter (ESLint), jsconfig and getting most out of VSCode
08:08
(OPTIONAL) Advanced JS topics (arrow functions, promises, async importing etc.)
05:39

Working with the Database

20 lectures
Working with the Database - Section Introduction
02:04
Laravel Debugbar & IDE Helper
06:08
Connecting to the Database
07:27
Models and Migrations
06:08
Working with Migrations
06:58
Model Factories & Seeders
11:32
IMPORTANT! Solving Laravel Tinker Issues!
02:50
Querying the Database
06:29
Querying the Database (CHALLENGE)
03:13
Updating and Inserting Data, Mass Assignment
08:10
Resource Controller and Route Model Binding
08:24
Vue Directives (v-for, v-bind) & Custom Components
13:47
Handling Forms (useForm, v-model)
14:00
Handling Forms in Laravel
07:07
Middlewares and Sharing Data with All Pages
07:42
Computed Data and Conditional Rendering (Displaying Flash Messages)
08:29
Data Validation (Back End & Front End)
10:48
Edit Form
10:14
Deleting Data
06:30
Laravel Route Names in Vue
09:16

Adding Some Style (Tailwind CSS)

12 lectures
Adding Some Style (Tailwind CSS) - Section Introduction
01:35
Installing and Setting Up Tailwind CSS
07:31
Why Tailwind CSS? Tailwind Overview
06:19
Basic Styling of the App (Hands on With Tailwind)
12:07
Custom UI Components and Grid Responsive Design
04:38
Listing Details (Non-Prop Attributes)
06:14
Custom Price Formatting Component
06:08
Listing Page (Getting Even Better With Responsive Design!) + Vue Named Slots
11:48
Styling Forms
06:53
Extracting Tailwind Styles Using @apply Directive
05:46
Edit Form Styling
01:15
Styling Error Messages
03:43

Monthly Payment Calculator (Mini Vue Project Within a Project)

6 lectures
What Are We About to Build?
01:11
Payment Calculator Markup (Sliders)
04:49
Payment Calculator Logic
06:02
Composables - Reusable Logic in Vue (Reactive Monthly Payment)
08:23
Displaying Payment Next to Every Listing (Reusing Composable)
08:55
Adding More Composable Members (Total Paid, Total Interest)
07:53

Authentication & Security

15 lectures
Authentication & Security - Introduction
01:34
Authentication Controller and Routes
07:18
Authentication Form Markup and Basic Logic
09:19
Signing-In Logic - Authentication Process Explained
14:34
Explaining the Authentication Process
05:45
Getting the Currently Logged In User
07:33
Logging Users Out
05:18
CSRF Tokens
07:09
Protecting Routes (Authorization) - Can You Access a Specific Page?
09:46
User Registration Form
08:24
User Registration Logic & Hashing Passwords
09:49
Eloquent Mutators & Accessors - Hashing Password Example
09:04
How Hashing of The Passwords Work
04:41
Form Links
02:52
419 Errors When Logging Out
02:31

Database Relations & User Authorization

11 lectures
Database Relations & User Authorization - Introduction
01:57
Creating a One-to-Many Database Relationship
08:23
One-to-Many Connecting Models Together - the Theory
04:37
One-to-Many Connecting Models - Practice
08:10
Every New Listing Needs an Owner!
03:04
Model Policies - Theoretical
04:55
Model Policies - In Practice
13:42
Model Policy and Guest Users
02:48
Only Owners Can Edit or Delete!
02:53
Admin Users - Overriding Policy Implementation
07:59
Reading the Related Data (Using Database Relationship)
06:48

Data Pagination & Filtering

8 lectures
Data Pagination & Filtering - Introduction
01:47
Adding Pagination
11:12
Filtering Form Markup
16:51
Filtering JavaScript Logic
13:41
Filtering the Data
07:31
Conditional Queries in Eloquent
08:17
Local Query Scopes in Eloquent
06:02
Filtering Using Local Query Scope
04:30

The My Account Section

15 lectures
Realtor My Account - What We're Going to Build?
01:39
Controller Routes Grouping
04:55
Showing the Realtor Listings
16:52
Soft Deletes (Putting Records Into Trash - To Be Restored)
10:00
Soft Deleting Listings
07:58
Filtering Using Checkboxes - The Markup
05:36
Vue Watchers - Filtering Using Checkboxes
08:24
The Debounce Function - Handling the Events Flood
05:55
Filtering Using Checkboxes - The Backend Part
07:48
Customizable Sorting - Back End
08:22
Customizable Sorting - Front End
09:00
Filtering Form - Default Values
03:16
My Account Section Pagination
04:09
Edit, Delete and Preview Buttons
11:31
Restoring Models
12:46

File Uploading

13 lectures
File Uploading - Introduction
02:06
File Data Model
07:13
Laravel Filesystem Abstraction Explained
08:05
Preparing for the File Uploads
10:03
Uploading Multiple Images (Backend Part)
06:06
Uploading Multiple Images (In Vue)
09:35
Styling the Upload Input & UX Improvement
05:57
File Upload Progress Indicator
03:41
Displaying the Uploaded Images
07:22
Removing Uploaded Files
06:37
Displaying Listing Images on the Listing Page
01:54
Validating Uploaded Files (Make Sure It is an Image!)
07:54
Counting Related Models (How Many Images We Have?)
03:00

Making Offers

15 lectures
Making Offers - Introduction
03:05
Offers Data Model and Relations
08:59
Offer Widget - Adding Widget in Vue
10:37
Making Offer - the Backend Part
13:15
Vue Custom Component Events (Passing Data to the Parent Component)
10:02
Fetching and Displaying an Existing Offer of the Current User
11:28
How Many Offers Were Made?
04:55
Offer List Page
09:01
Single Listing View with All The Offers
09:47
Accepting Offers (Single Action Controller & Loading Nested Relations)
12:42
Seeing Which Offer is Sold
05:06
Filtering Out Sold Offers (Querying Relationship Presence/Absence)
08:03
Simpler Way To Identify Sold Listings (Refactoring the Query Scope!)
07:28
No Offer Making or Changing of Listings That Are Sold!
09:00
UI Improvements
05:03

Notifications - Informing Users About What Happened

8 lectures
Notifications - Informing Users About What Happened - Introduction
02:03
Notifications Introduction & Database Setup
04:06
Sending Notification When Offer is Made
08:33
Showing the Notification Count
10:51
Showing an Empty State
05:30
Notifications List Page Backend Part
04:16
Notifications List Page Front End
10:33
Marking Notifications as Read
13:36

Sending Email & User Verification

8 lectures
Sending Email - Introduction
02:24
Local Email Testing with Mailhog (in Docker)
06:09
Delivering Notifications via Email
05:00
Registered User - Email Verification Process
09:38
Requiring Verification on Pages & Not Verified Notice Page
05:26
User Verification Route
09:55
Resending the Verification Link (and Understanding Throttling and Cache)
06:09
Testing the Email Resending Process
05:22

Appendix A - JavaScript Crash Course

19 lectures
What is JavaScript?
01:55
Using Chrome Console to Learn JavaScript
01:11
Variables - var, let, const
02:11
Primitive Data Types
03:44
Data Type Gotchas
05:35
Functions
03:00
Arrays Basics
01:40
Objects Basics
02:43
Object Methods
04:34
If Statement
03:24
Loops (for)
06:28
Variable Scope - const vs let vs var
06:07
Manipulating Arrays
06:24
Object Keys
02:21
Object Values
03:18
Arrow Functions
02:49
Array.filter Method
04:44
Array.map Method
02:47
Array.reduce Method
05:08

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.