Mô tả

What is the problem that we are solving with this course?

  1. When you want to learn app development, for iOS it’s swift and for Android it’s Java or Kotlin. 
  2. When screen size varies on any device, it’s really hard to make sure that your app looks consistency
  3. Getting same look on both Android and iOS is another nightmare.

These are the issues that you will never look back after taking this course. We will use Javascript code to build Native mobile apps for both android and iOS. We will use React native, used by Facebook, messenger, Instagram, tesla etc, to build our apps. This is like a front end course for mobile apps.

With React Native, you can use your web skills to produce native mobile apps. Further to help us in fast production, we will use Expo client to generate boiler plate code. Expo is very popular tool in industry to create React native apps.

We will create 10 apps, each addressing different design issues that you will face in your app development journey. Apps like tutorial screen, login screen with keyboard awareness are must to put in your bag.

Also we will create some clones like youtube app clone, of course front end only, so that you can replicate any design that is passed to you.

After taking this course, you will be able to create front end of mobile apps, both android and iOS, using react native. All apps are tested on both iPhone and Android devices and have consistent look on both platform. 

React native is a state of art technology, used by Facebook and loved by developers. Now, finally you can focus on your project concept instead of being worried about learning many languages to create an app.

Have a look at Promo video and there we have mention about the apps that we will be creating in this course.

See you inside the course !

Happy coding!

Bạn sẽ học được gì

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

Yêu cầu

  • 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

Nội dung khoá học

12 sections

Before we begin

6 lectures
Introduction to the course
04:31
Get all the tools - Do not skip
09:20
Setting up Expo, AVD and XCODE
14:50
File structure of expo project
03:54
Exercise files
00:01
Configure Atom - Important
06:59

Project 1 - Getting the basics right

3 lectures
Basics of React Native and styling
09:12
Creating a seperate component
07:57
Flexbox basics and free resource to learn flexbox
08:48

Project 2 - Horizontal tutorial screen for App

3 lectures
Getting ScrollView ready for screens
08:51
Styling tips for scrollViews
11:49
Running it on Actual Android device
02:10

Project 3 - Login screen with keyboard awareness

4 lectures
Getting started with login screens and situations
13:02
Nesting components styling
06:17
Avoiding keyboard in login
12:58
Running app on Actual Android device
02:28

Project 4 - Shopping cart Experience

5 lectures
Shopping cart top bar
16:30
Adding hero image
05:54
Adding Scrollable body with prop components
14:48
Overlay Text over images
10:26
Running project on Actual Android devices
02:41

Project 5 - Customized photo gallery, Instagram style

4 lectures
Designing Header for Gallery
17:19
Styling Text elements of header
07:10
Mid section - subscribers
10:33
Scrollable gallery
10:13

Project 6 - A youtube clone with dummy API data

5 lectures
Getting started with youtube logo
11:42
Getting the material icons
07:45
Having bottom bar of youtube
12:19
Designing body of video tiles
20:01
Debugging and running it on Android Devices
03:55

Project 7 - Horizontal Card scroll with Native base and elements

5 lectures
Introduction to Native Base
07:18
Installing Native base with Expo Client
14:09
Fixing Android issue related to fonts
01:49
React Native Elements setup
10:35
Horizontal card view with ListView
09:10

Project 8 - Drawer with Horizontal and vertical cards scroll

6 lectures
Setting up Native base for Drawer
05:38
Getting Instagram style cards
07:50
Getting a footer with badges
06:11
Creating sidebar component
10:07
Sidebar and scrollable card in both directions
13:26
Running it on Actual Android device
03:02

Project 9 - Tinder cards with animations

3 lectures
Creating a project for Tinder cards
03:26
Custom header components
07:54
Tinder swipe cards components
08:06

Project 10 - Chatlist view

2 lectures
Chatlist view setup
06:01
Having a Chatlist and assignment
12:29

Thanks for taking this course and more free resources

1 lectures
More free resource and thanks
00:14

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.