Mô tả

Embark on an exciting coding journey with our immersive course as we unravel the magic of web development together. Picture this: we'll be diving deep into the key features on the Home Page – from the seamless Swipe and Like functionalities to the engaging Stories and the dynamics of Follow/Unfollow. Get ready to immerse yourself in user interaction as we explore Commenting, Saving posts, and effortlessly scrolling through the Home Feed.

But wait, there's more! We'll navigate the vast possibilities of Search Functionality, making it easy to connect with users by finding, exploring profiles, and initiating follows. Brace yourself as we step into the Explore Page, unveiling Hover Functionality and diving into interactive engagement with posts and comments.

Hold on tight as we experience the dynamic Reel Page – play, like, save, and take a smooth ride through captivating reels. We won't stop there; we'll delve into real-time user interaction with Messages and Notifications, creating an immersive social experience that goes beyond the ordinary.

And guess what? That's just the beginning of our adventure! Learn to craft stunning posts, incorporating Mixed media posts while considering file size. Explore your profile with tabs for a comprehensive overview of your digital presence.

This is more than a course; it's a personalized journey into the heart of web development, where we don't just learn – we actively build and refine our skills together

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

Mastering Modern Web Technologies: Dive into Laravel, Livewire, Alpinejs, and Tailwind CSS. Seamlessly integrate these for dynamic Single Page Applications (SPA

Building a Powerful Instagram Clone: Code an Instagram clone, covering Stories, Follow/Unfollow, Likes, Swipe, Commenting, Saving, and real-time updates.

Enhanced User Interaction: Elevate UX with search, hover effects, and engagement on Explore, Reel Pages, real-time messages, and notifications.

Creating Multimedia Posts with Considerations: Create multimedia posts, mastering file size optimization for both vidoes and Pictures.

Yêu cầu

  • To fully benefit from this course, it's recommended that students have a basic understanding of Laravel framework, Tailwind CSS, PHP, HTML, and CSS. While not mandatory, a foundational knowledge of these technologies will help you grasp the concepts more efficiently and enhance your learning experience. If you're a beginner, don't worry—we'll provide clear explanations and hands-on examples to help you bridge any gaps in your knowledge. This course is designed to cater to a range of skill levels, so whether you're familiar with these technologies or just starting, you'll find valuable insights and practical guidance to advance your web development skills

Nội dung khoá học

23 sections

Introduction

6 lectures
Install Laravel
02:45
Install Breeze Auth Package
02:51
Install Livewire
04:09
Install Daisy UI
03:53
Download Sidebar & Avatar & Logo
02:18
Repository
00:01

Home

4 lectures
Install Home Component/page
03:52
Design story section
04:56
Design Suggestion section
08:04
Design mobile header
07:04

Post Item Component

4 lectures
Make post component
04:22
Create Video Player
16:34
Footer section
08:42
Add swiper js to media section
12:14

Create Post & Media Models

2 lectures
Create Post model
07:25
Create Media Model
12:39

Adding posts to home

1 lectures
Adding posts to home
07:20

Create New Post

5 lectures
Make Create post component
04:52
Design layout and left side
11:42
Design details side
04:51
Add properties and methods
13:20
Save Post / Reel to Database
10:15

Post view Components

3 lectures
Create Post view modal component
10:14
Create view item
05:04
Details
04:51

Create Comments Polymorphic Model

2 lectures
Create Comment model with -mfs
06:00
Fill up Comment Factory
08:31

Get Posts on demand

1 lectures
Load more posts on scroll
06:56

Load comments in post view

7 lectures
Design comments layout
05:24
Display comments from database
04:35
Get Replies and Decendants
07:44
Add Comment To Post
04:33
Add Reply to comment
03:43
Add instant comments to Post Item
05:30
Disable commenting
05:25

Add Like Posts

3 lectures
Install like package
03:30
Add Like to post
05:04
Hide & Show like count
02:39

Add Likes to Comments

1 lectures
Add like to comment
07:27

Add Bookmarks/Favorites

2 lectures
Install Favorites Package
02:23
Toggle Favorites
03:20

Add Follow system

2 lectures
Install follow package
01:54
Toggle Follow Users
04:59

User Profile

5 lectures
Add username to Users
03:23
Create profile component
02:48
Download profile-layout
07:06
Display User's Posts
05:37
Display Reels & Saved Posts
10:21

Explore page

3 lectures
Create Explore Page
05:44
Show Explore Posts
08:54
Customize the video component
03:21

Reels page

2 lectures
Create Reels Component
02:37
Show Posts Reels
10:18

Search

2 lectures
Create Livewire Sidebar
01:57
Add Search Functionality
13:59

Add Broadcasting

3 lectures
Introduction to Broadcasting
04:31
Install pusher and Laravel Echo
03:26
Create pusher account
04:21

Notifications

10 lectures
Create notification component
02:30
Design notifications
06:52
Create NewFollowerNotification
06:23
Create PostLikedNotification
06:06
Create NewCommentNotification
04:44
Prevent Self Notifications
03:11
Show NewFollower Notifications
08:10
Show PostLiked Notifications
06:29
Show NewComment Notifications
05:01
Listen to Notifications
06:09

Chat Database Architecture

1 lectures
Create Models
07:11

Design/Download Chat Components

4 lectures
Create Chat Index
08:28
Create Chat list
02:22
Create Chat Main
03:48
Create Chat Component
03:25

Make Chat System Dynamic

11 lectures
Create Conversation
07:06
View Auth Conversations
05:25
Select & Load Conversation
06:20
Send New Messages
06:31
Display New Messages
12:38
Live Update New Messages
04:59
Scroll Chat to Bottom
05:25
LoadMore Messages
08:55
Mark Messages As read
03:12
Broadcast New Message
05:01
Listen to Broadcasted Message
08:34

Đá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.