+ View more
Course overview
1.You will be able to write front end of any design of mobile apps
2.Build youtube front end clone
3.Build Tinder cards with Animations
4.Complete knowledge of front end of React native
5.You will be building 10 apps front end in React native
6.Ready to apply as Jr app developer (Android and iOS combo)
7.Never look back about device size issues
8.Keyboard aware loing and much more
What will i learn?
- You will be able to write front end of any design of mobile apps
- Build youtube front end clone
- Build Tinder cards with Animations
- Complete knowledge of front end of React native
- You will be building 10 apps front end in React native
- Ready to apply as Jr app developer (Android and iOS combo)
- Never look back about device size issues
- Keyboard aware loing and much more
Requirements
- Knowledge of Javascript is required like loops and arrow functions of JS (need not to be a guru)
- REACTJS is not required for this course as we will start from basics and will focus more on design
- WINDOWS or MAC - both are great for this course
- ATOM or Sublime text or any other text editor
Curriculum for this course
46 Lessons
06:41:37 Hours
Introduction
6 Lessons
00:39:34 Hours
-
1.1 Introduction to the course
00:04:31
-
1.2 Get all the tools - Do not skip
Preview 00:09:20
-
1.3 Setting up Expo, AVD and XCODE
00:14:50
-
1.4 File structure of expo project
00:03:54
-
1.5 Exercise files
.
-
1.6 Configure Atom - Important
00:06:59
Project 1 - Getting the basics right
3 Lessons
00:25:57 Hours
-
2.1 Basics of React Native and styling
00:09:12
-
2.2 Creating a seperate component
Preview 00:07:57
-
2.3 Flexbox basics and free resource to learn flexbox
00:08:48
Project 2 - Horizontal tutorial screen for App
3 Lessons
00:22:50 Hours
-
3.1 Getting ScrollView ready for screens
00:08:51
-
3.2 Styling tips for scrollViews
00:11:49
-
3.3 Running it on Actual Android device
00:02:10
Project 3 - Login screen with keyboard awareness
4 Lessons
00:34:45 Hours
-
4.1 Getting started with login screens and situations
00:13:02
-
4.2 Nesting components styling
00:06:17
-
4.3 Avoiding keyboard in login
00:12:58
-
4.4 Running app on Actual Android device
00:02:28
Project 4 - Shopping cart experience
5 Lessons
00:50:19 Hours
-
5.1 Shopping cart top bar
00:16:30
-
5.2 Adding hero image
00:05:54
-
5.3 Adding Scrollable body with prop components
00:14:48
-
5.4 Overlay Text over images
00:10:26
-
5.5 Running project on Actual Android devices
00:02:41
Project 5 - Customized photo gallery, Instagram style
4 Lessons
00:45:16 Hours
-
6.1 Designing Header for Gallery
00:17:19
-
6.2 Styling Text elements of header
00:07:10
-
6.3 Mid section - subscribers
00:10:34
-
6.4 Scrollable gallery
00:10:13
Project 6 - A youtube clone with dummy API data
5 Lessons
00:55:42 Hours
-
7.1 Getting started with youtube logo
00:11:42
-
7.2 Getting the material icons
00:07:45
-
7.3 Having bottom bar of youtube
00:12:19
-
7.4 Designing body of video tiles
00:20:01
-
7.5 Running project on Actual Android devices
00:03:55
Project 7 - Horizontal card scroll with native base and elements
5 Lessons
00:43:02 Hours
-
8.1 Introduction to Native Base
00:07:18
-
8.2 Installing Native base with Expo Client
00:14:09
-
8.3 Fixing Android issue related to fonts
00:01:49
-
8.4 React Native Elements setup
00:10:36
-
8.5 Horizontal card view with ListView
00:09:10
Project 8 - Drawer with horizontal and vertical cards scroll
6 Lessons
00:46:16 Hours
-
9.1 Setting up Native base for Drawer
00:05:39
-
9.2 Getting Instagram style cards
00:07:51
-
9.3 Getting a footer with badges
00:06:11
-
9.4 Creating sidebar component
00:10:07
-
9.5 Sidebar and scrollable card in both directions
00:13:26
-
9.6 Running it on Actual Android device
00:03:02
Project 9 - Tinder cards with animations
3 Lessons
00:19:26 Hours
-
10.1 Creating a project for Tinder cards
00:03:26
-
10.2 Custom header components
00:07:54
-
10.3 Tinder swipe cards components
00:08:06
Project 10 - Chatlist view
2 Lessons
00:18:30 Hours
-
11.1 Chatlist view setup
00:06:01
-
11.2 Having a Chatlist and assignment
00:12:29
+ View more
Other related courses
About instructor
Student feedback
Write a public review