The Full Stack Mobile Developer
34h 29m 50s
English
Paid
August 28, 2024
Join the Full Stack Mobile Developer course and learn the full lifecycle of developing mobile applications. Master both frontend and backend skills by building complex real-world projects with React Native and AWS Amplify
More
After completing this course, you will:
- Build 2 portfolio-ready mobile apps: Instagram and Duolingo
- Be confident in taking any mobile app from 0 to market
- Master cross-platform mobile development for iOS and Android with React Native
- Setup a CI/CD pipeline that will automatically build and deliver your app to the market
- BECOME HIREABLE and start earning a 6-figure income
- Build full-stack apps with AWS Amplify
- Setup an Authentication system with email and social providers like Google and Facebook.
- Design and implement complex Database Systems and GrapqhQL APIs
- Design and Implement an activity feed system.
- Build highly scalable, secure, and cost-effective backend systems using AWS based on the industry best practices
What will you build?
The best way to learn a new technology is Project Based Learning. That's why the course will focus on hands-on experience. You are going to build 2 projects.
The first project will be a Duolingo clone. By building it, you will learn and strengthen your React Native and Javascript skills. This is a great start for beginners.
With the knowledge and confidence from the first project, we will build the most in-depth, end-to-end, full-stack Instagram clone out there.
Watch Online The Full Stack Mobile Developer
Join premium to watch
Go to premium
# | Title | Duration |
---|---|---|
1 | 2.1 Initialize the React Native project | 16:43 |
2 | 2.2 Theme (colors & fonts) | 08:57 |
3 | 2.3 Vector icons | 05:41 |
4 | 2.4 Git | 15:20 |
5 | 3.1 Post component UI | 29:48 |
6 | 3.2 Custom component | 10:45 |
7 | 3.3 Props (type-safe) | 29:18 |
8 | 3.4 Feed List | 14:54 |
9 | 3.5 State for Likes | 34:58 |
10 | 3.6 Image Carousel | 35:14 |
11 | 3.7 Video Post | 23:17 |
12 | 3.8 Comments Page | 23:02 |
13 | 3.9 Comment Input | 17:37 |
14 | 3.10 Profile Page | 38:37 |
15 | 3.11 Edit Profile UI | 09:47 |
16 | 3.12 React Form Hook | 28:35 |
17 | 3.13 Image picker | 09:38 |
18 | 3.14 Post upload (Camera) | 01:03:54 |
19 | 4.1 Overview and Setup | 08:13 |
20 | 4.2 Stack Navigator | 19:22 |
21 | 4.3 Moving Between Screens | 19:21 |
22 | 4.4 Bottom Tab Navigator | 20:03 |
23 | 4.5 Other Screens | 07:40 |
24 | 4.6 Type checking with TypeScript | 15:45 |
25 | 4.7 Deep linking | 23:22 |
26 | 4.8 Top Tab Bar | 16:20 |
27 | 5.1 What's AWS Amplify? | 09:56 |
28 | 5.2 Sign up for an AWS account | 19:26 |
29 | 5.3 Configure Amplify CLI | 05:28 |
30 | 5.4 Create the App Backend | 06:30 |
31 | 5.5 Connect our app to the backend | 07:15 |
32 | 6.1 Authentication 101 | 08:39 |
33 | 6.2 Basic authentication | 23:34 |
34 | 6.3 Custom Authentication screens | 49:25 |
35 | 6.4 Social providers prerequisite | 16:21 |
36 | 6.5 Social providers | 28:10 |
37 | 6.6 In-app browser | 06:09 |
38 | 6.7 Lambda Triggers | 15:34 |
39 | 7.3 Data Modeling | 51:15 |
40 | 7.4 Create users on signUp | 37:09 |
41 | 7.6 Setup Apollo client | 32:16 |
42 | 7.7 Users CRUD | 59:57 |
43 | 7.8 User unique username | 32:33 |
44 | 7.9 Posts CRUD | 53:08 |
45 | 7.10 Likes CRUD | 57:52 |
46 | 7.11 Comments CRUD | 33:21 |
47 | 7.12 Sorting | 24:43 |
48 | 7.13 Pagination | 30:42 |
49 | 7.14 Real Time Data | 26:20 |
50 | 7.15 Authorization | 30:21 |
51 | 8.2 Setup storage | 03:56 |
52 | 8.3 Uploading Images | 29:56 |
53 | 8.4 Uploading carousels | 06:08 |
54 | 8.5 Uploading videos | 13:58 |
55 | 8.6 Profile picture | 12:18 |
56 | 8.7 Deleting files | 02:44 |
57 | 9.1 Intro | 01:47 |
58 | 9.2 Prepare the assets | 30:21 |
59 | 9.3 Amplify production environment | 28:18 |
60 | 9.4 Build your app with EAS | 31:51 |
61 | 9.5 Sign up for Google Dev account | 03:00 |
62 | 9.6 Setup Play Market | 21:43 |
63 | 9.7 Deploy to Play Market | 16:37 |
64 | 9.8 Sign up for the Apple Developer Account | 04:21 |
65 | 9.9 Setup Appstore | 20:19 |
66 | 9.10 CI/CD Pipeline | 01:48:25 |
67 | 10.1 Intro | 02:12 |
68 | 10.2 News Feed Systems Design | 16:55 |
69 | 10.3 Follow system | 36:46 |
70 | 10.4 Display followers and followings | 34:00 |
71 | 10.5 Followers count | 36:02 |
72 | 10.6 News Feed Implementation | 41:43 |
73 | 10.7 Posts from new/removed followers | 41:25 |
74 | 11.1 Getting started with Notifications | 13:28 |
75 | 11.2 In-app notifications | 56:17 |
76 | 11.3 New/Read Notifications | 24:41 |
77 | 11.4 Setup React Native Firebase | 15:12 |
78 | 11.5 Cloud Messaging | 22:29 |
79 | 11.6 Manage Notifications | 19:39 |
80 | 11.7 User generated notifications | 34:12 |
81 | 12.1 Intro to Testing | 03:10 |
82 | 12.2 Static Analysis | 14:21 |
83 | 12.3 Our first test | 22:28 |
84 | 12.4 Unit tests | 17:54 |
85 | 12.5 Component testing | 14:33 |
86 | 12.6 Integration testing | 44:08 |
87 | 12.7 Snapshot testing | 06:51 |
88 | 12.8 Reporting | 03:27 |
Similar courses to The Full Stack Mobile Developer
Master React Native NavigationSimon Grimm
Duration 1 hour 13 minutes 29 seconds
Course
A Complete React Native Course - Redux - Context API - 2020udemy
Duration 7 hours 42 seconds
Course
The Ultimate React Native Series: Fundamentalscodewithmosh (Mosh Hamedani)
Duration 6 hours 17 minutes 40 seconds
Course
React Native: Mobile App Development (CLI) [2024]udemy
Duration 19 hours 38 minutes 59 seconds
Course
React Nativeui.dev (ex. Tyler McGinnis)
Duration 3 hours 46 minutes 29 seconds
Course
React Native Maps & Google Places APISimon Grimm
Duration 52 minutes 55 seconds
Course
Expo Router Fullstack AppsSimon Grimm
Duration 1 hour 39 minutes 18 seconds
Course
React Native Styling BasicsSimon Grimm
Duration 1 hour 18 minutes 28 seconds
Course
Building ChatGPT with React NativeSimon Grimm
Duration 1 hour 24 minutes 49 seconds
Course