Nomad Coders – [Full Stack] Instagram Clone Coding 3.0 2021-3

Published on: 2021-08-06 21:04:28

Categories: 28

Description

Instagram clone coding is the name of a full-stack project-oriented training course on building a program similar to Instagram (including backend, front end, program and server). The term clone coding refers to a completely educational and practical way that with the help of this educational method, you will learn coding by following real services such as Instagram, KakaoTalk and YouTube.

What you will learn in the Instagram Clone Coding course:

User-related functions include email login, user profiles, follow-up and direct
Image-related functions include image search, image liking, image feeds, and image upload
Navigation, camera work, access and geolocation
Developed by Heroku and Netlify

Course specifications

Publisher: Nomad Coders (nomadcoders)
Instructors: (니꼬) Niko
Language: English
Level: Advanced to Advanced
Number of Courses: 139
Duration: 20 hours and 47 minutes

Instagram Clone Coding Course Topics:

2 INTRODUCTION

2.0 Welcome!
2.1 Requirements

3 BACKEND SETUP

3.0 Setup
3.1 Apollo Server
3.2 Babel
3.3 POC API
3.4 Prisma Setup
3.5 Prisma Migrate
3.6 Prisma Client
3.7 Prisma Client part Two
3.8 Prisma Studio
3.9 Architecture part One
3.10 Architecture part Two
3.11 Dotenv
3.12 Recap

4 USER MODULES

4.0 Create Account part On
4.1 Create Account part Two
4.2 Create Account part Three
4.3 seeProfile
4.4 login
4.5 login part Two and Refactor
4.6 Divide and Conquer
4.7 updateProfile
4.8 authentication part One
4.9 authentication part Two
4.10 authentication part Three
4.11 Protecting Resolvers part One
4.12 Protecting Resolvers part Two
4.13 Recap
4.14 File Upload part One
4.15 File Upload part Two
4.16 File Upload part Three
4.17 File Upload part Four
4.18 Ejecting from Apollo Server
4.19 Changing Avatar
4.20 Followers part One
4.21 Following User
4.22 Unfollow User and See Followers
4.23 Followers Pagination part One
4.24 Followers Pagination part Two
4.25 Following Pagination
4.26 Computed Fields part One
4.27 Computed Fields part Two
4.28 Computed Fields part Three
4.29 Searching Users

5 TS SETUP

5.0 TS Setup part One
5.1 TS Setup part Two

6 PHOTO MODULES

6.0 Photos Model
6.1 Prisma Fields vs SQL Fields
6.2 Upload Photo part One
6.3 Upload Photo part Two
6.4 Upload Photo part Three
6.5 seePhoto
6.6 seeHashtag
6.7 editPhoto part One
6.8 editPhoto part Two
6.9 Like Unlike Photos
6.10 Like Unlike Photos part Two
6.11 seeLikes
6.12 seeFeed
6.13 Comment on Photos
6.14 See Photo Comments
6.15 isMine
6.16 Delete Comment and Photos
6.17 editComment
6.18 protectedResolver Refactor
6.19 S3 Photo Upload
6.20 S3 Photo Upload part Two
6.21 S3 Photo Upload part Three

7 DIRECT MESSAGES

7.0 Introduction
7.1 Models
7.2 seeRooms
7.3 sendMessage
7.4 seeRoom
7.5 readMessage
7.6 Super Test
7.7 Subscriptions Setup part One
7.8 Subscriptions Setup part Two
7.9 Filtering Subscriptions part One
7.10 Filtering Subscriptions part Two
7.11 Authenticating Subscriptions
7.12 Recap

8 FRONTEND SETUP

8.0 Create React App
8.1 Installing All
8.2 What Does Setup Mean?
8.3 Router Setup part One
8.4 Router Setup part Two
8.5 Auth POC
8.6 Reactive Variables
8.7 Introduction to Styled Components
8.8 Themes on Styled Components
8.9 GlobalStyles on Styled Components

9 FRONTEND TS SETUP

9.0 Styled Components
9.1 React Hook Form
9.2 GraphQL

10 LOGIN AND SIGNUP

10.0 Introduction
10.1 Login UI Clone
10.2 Cleaning Login Code
10.3 Shared Components
10.4 Sign Up UI
10.5 Forms in React
10.6 Helmet Component
10.7 React Hook Form
10.8 React Hook Form is Awesome
10.9 Apollo Client
10.10 Login part One
10.11 Login part Two
10.12 Create Account
10.13 Redirecting Users
10.14 Dark Mode

11 FEED

11.0 Header and Layout
11.1 Header part Two
11.2 Header part Three
11.3 Avatar
11.4 Photo Component part One
11.5 Photo Component part Two
11.6 isLiked
11.7 Liking Photos
11.8 Refetching Queries
11.9 writeFragment
11.10 readFragment
11.11 Comments part One
11.12 Comments part Two
11.13 Parsing Hashtags
11.14 Parsing Hashtags part Two
11.15 cache Modify
11.16 Create Comment part One
11.17 Create Comment part Two
11.18 Create Comment part Three
11.19 Delete Comment

12 PROFILES

12.0 useParams
12.1 Queries and Fragments
12.2 keyFields
12.3 Follow Unfollow part One
12.4 Follow Unfollow part Two
12.5 Follow Unfollow part Three
12.6 Follow Unfollow part Four
12.7 Follow Unfollow part Five
12.8 Web Conclusions

Instagram Clone Coding course prerequisites:

Beginner or higher vanilla JS understanding is required.

Beginner level or higher understanding of REACT JS is required.

Requires beginner level or higher understanding of REACT NATIVE .

Intermediate or higher understanding of GRAPHQL and APOLLO is required.

Instagram Clone Coding Pictures:

[Full Stack] Instagram clone coding

Sample videos of the Instagram Clone Coding course:

Video Player

00:00

Use Up/Down Arrow keys to increase or decrease volume.

Installation guide

After Extract, watch with your favorite Player.

Subtitle: None

Quality: 1080p

Course title in Korean: [풀 스택] 인스 타 그램 클론 코딩

Note: The course instructor teaches in English. (According to the sample video)