The Full Stack Mobile Developer
34h 29m 50s
English
Paid
Course description
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
Read more about the course
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
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 |
Comments
0 commentsSimilar courses
React Native With React Hooks & React Query:High Performance
Sources: udemy
This course will get you up and running with React Native quickly, and teach you the core knowledge you need to deeply understand and build React components for
3 hours 7 minutes 39 seconds
Master React Native Navigation
Sources: Simon Grimm
Unlock the secrets of seamless navigation in React Native apps with our in-depth course, “Master React Native Navigation.” Learn how to craft intuitive...
1 hour 13 minutes 29 seconds
![React Native - The Practical Guide [2024 Edition]](https://cdnq.courseflix.net/course/thumbnail/react-native-the-practical-guide-2021-edition-320x180.webp)
React Native - The Practical Guide [2024 Edition]
Sources: udemy, Academind Pro
Mobile apps are one of the best ways to engage with users - no wonder everyone wants to build one! Wouldn't it be great if you could use your web development kn
28 hours 33 minutes 46 seconds
React Native Expo Boilerplate | Ship Mobile Fast
Sources: shipmobilefast
Ship Mobile Fast is a template for developing mobile applications based on React Native and Expo, providing ready-to-use features such as...
Want to join the conversation?
Sign in to comment