Description
Instagram clone coding is the name of a comprehensive project-oriented training course on building an Instagram-like program (including backend, frontend, program, and server). The term clone coding refers to a completely educational and hands-on way that using this educational method will teach you coding by following real services like Instagram, KakaoTalk, and YouTube.
What you will learn in the Instagram Clone Coding course:
- User-related features include email login, user profiles, tracking and
- Image related functions include image search, image appreciation, image streams and image download
- Navigation, camera work, access and geolocation
- Developed by Heroku and Netlify
Course specifications
Editor: Nomadic encoders (nomadcoders)
Instructors: (니꼬) Niko
French language
Level: Advanced to Advanced
Number of lessons: 139
Duration: 20 hours and 47 minutes
Instagram Clone Coding Course Topics:
2 PRESENTATION
2.0 Welcome!
2.1 Requirements
3 BACK CONFIGURATION
3.0 Setup
3.1 Apollo Server
3.2 Babel
3.3 POC APIs
3.4 Configuring Prisma
3.5 Prisma Migrate
3.6 Prisma Client
3.7 Second party Prisma client
3.8 Prisma Studio
3.9 First party architecture
3.10 Architecture part 2
3.11 Points
3.12 Summary
4 USER MODULES
4.0 Create part of an account
4.1 Create an account, part two
4.2 Create an account, part three
4.3 see Profile
4.4 connection
4.5 Second party login and Refactor
4.6 Divide and Conquer
4.7 update profile
4.8 first party authentication
4.9 second party authentication
4.10 third party authentication
4.11 Protecting first-party resolvers
4.12 Protecting resolvers, part two
4.13 Summary
4.14 Downloading files, part one
4.15 Downloading files, part two
4.16 Downloading Files, Part Three
4.17 Downloading files, part four
4.18 Ejecting Apollo Server
4.19 Change avatar
4.20 First Party Subscribers
4.21 Follow a user
4.22 Unfollow user and view followers
4.23 Subscribers Pagination first part
4.24 Subscribers Pagination second part
4.25 Follow paging
4.26 Calculated fields first part
4.27 Calculated fields second part
4.28 Calculated fields third part
4.29 Searching for users
5 TS CONFIGURATION
5.0 TS Setup Part One
5.1 TS configuration, part two
6 PHOTO MODULES
6.0 Model Pictures
6.1 Prisma fields vs SQL fields
6.2 Upload photo, first part
6.3 Upload photo, part two
6.4 Uploading a photo, part three
6.5 see Photo
6.6 seeHashtag
6.7 editPhoto part one
6.8 editPhoto part two
6.9 I don’t like pictures
6.10 I like the photos unlike the second part
6.11 see Like
6.12 seeStream
6.13 Commenting on photos
6.14 See photo comments
6.15 is mine
6.16 Delete comment and photos
6.17 editComment
6.18 Refactoring protectedResolver
6.19 S3 Photo Download
6.20 S3 Photo Upload part two
6.21 S3 Photo Upload third part
7 DIRECT MESSAGES
7.0 Presentation
7.1 Models
7.2 see Rooms
7.3 send a message
7.4 seePart
7.5 readMessage
7.6 Super Test
7.7 Configuring subscriptions, part one
7.8 Configuring subscriptions, part two
7.9 Subscription filtering, part one
7.10 Subscription filtering, part two
7.11 Authentication of subscriptions
7.12 Summary
8 FRONT CONFIGURATION
8.0 Create a React app
8.1 Install all
8.2 What does setup mean?
8.3 Router configuration, part one
8.4 Router configuration, part two
8.5 Authentication POC
8.6 Reactive variables
8.7 Introduction to Styled Components
8.8 Styled Component Themes
8.9 Global styles on styled components
9 CONFIGURING THE TS FRONTEND
9.0 Styled Components
9.1 Reaction hook shape
9.2 GraphQL
10 LOGIN AND REGISTRATION
10.0 Overview
10.1 Clone Login UI
10.2 Cleaning the connection code
10.3 Shared Components
10.4 Registration User Interface
10.5 Feedback Forms
10.6 Helmet component
10.7 Reaction hook shape
10.8 React Hook Form is awesome
10.9 Apollo Customer
10.10 First Login Party
10.11 Second Party Login
10.12 Create an account
10.13 User Redirection
10.14 Dark mode
11 POWER
11.0 Header and layout
11.1 Second part header
11.2 Third part header
11.3 Avatars
11.4 Part One Photo Component
11.5 Part Two Photo Component
11.6 like
11.7 Liking photos
11.8 Fetch queries
11.9 writing a fragment
11.10 read a fragment
11.11 Part One Comments
11.12 Second Part Comments
11.13 Hashtag analysis
11.14 Hashtag analysis, part two
11.15 Caching Edit
11.16 Create a comment, part one
11.17 Create a comment, part two
11.18 Create a comment, part three
11.19 Delete comment
12 PROFILES
12.0 useParams
12.1 Queries and Fragments
12.2 Key fields
12.3 Follow Unfollow Part One
12.4 Track Do Not Track Part Two
12.5 Follow Do Not Follow Part Three
12.6 Follow Do Not Follow Part Four
12.7 Follow Unfollow part five
12.8 Web Findings
Instagram Clone Coding Course Prerequisites:
Beginner or above vanilla js understanding is needed.
Beginner level or superior understanding of REACT JS is required.
Requires beginner level or superior understanding of REACT NATIVE .
Intermediate or superior understanding of GRAPHQL and APOLLO is required.
Instagram clone coding pictures:
Instagram Clone Coding Course Video Examples:
Installation guide
After ripping, watch with your favorite player.
Subtitle: None
Quality: 1080p
Course title in Korean: [풀 스택] 인스타그램클론코딩
Note the the course instructor teaches in English. (According to the sample video)
Download link
File password(s): ngaur.com
Cut
44.4 GB