Mô tả

Embark on a transformative journey with our comprehensive course, designed to master the art of mobile app development using React Native. This course is meticulously crafted for intermediate developers with basic React or React Native knowledge and at least 3-6 months of development experience, aiming to elevate their skills in modern app design, animation, and dynamic data integration.

In the first segment of our course, delve into the nuances of designing an intuitive Home page. You will be guided through using React Native Skia and various Expo libraries, essential for crafting a visually appealing and responsive interface. This phase is dedicated to helping you become adept with these powerful packages, laying a solid foundation for advanced development.

The second phase shifts focus to bringing the Home page to life with animations using React Native Reanimated. Experience hands-on learning as you implement sophisticated animations like sliding up background images, seamlessly making the tab bar vanish, and dynamically altering the weather section’s layout. These skills are crucial for creating an engaging user experience in modern mobile applications.

As you progress to the third part, the course intensifies with practical exercises in navigation and detailed page development. Here, you'll replicate animations from a Figma template, design a custom header, build a functional search bar, and develop intricate widget components. This phase is crucial for understanding the intricacies of user interface design and interaction.

Finally, the course culminates by transitioning from static to dynamic content. You'll learn to connect your application to an API, enabling real-time data integration. This key skill set is vital for building interactive and up-to-date mobile applications, providing a realistic user experience.

Join us to unlock your potential in mobile app development, harnessing the power of React Native, animation, and dynamic data to create cutting-edge applications that stand out in the digital era.

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

Gain a comprehensive understanding of React Native to develop an application

Acquire proficiency in using React Native Reanimated to enhance user experience through animations. Learn to apply complex animations.

Apply learned concepts in React Native Skia, Expo libraries, and React Native Reanimated to create a dynamic phone app

Gain hands-on experience in building a fully functional mobile application

Use and understand React Context hooks

Gain proficiency in utilizing Figma for translating designs into code.

Use Expo-Location to query Location data

Yêu cầu

  • Participants should have a basic understanding of React or React Native, along with at least 3 to 6 months of development experience

Nội dung khoá học

6 sections

Introduction

4 lectures
Introduction
03:03
Installation Links
00:16
Github Repo
00:01
Figma Template
00:03

Setup

9 lectures
Figma Walkthrough
02:12
Packages for Project Setup
00:26
Project Setup
01:49
Application Setup
02:19
Application Setup 2. Skia!
01:47
EAS Build/Development Build
02:25
Android Configuration
01:29
Folder Structure Setup
01:15
Starter Folders
00:20

Part 1: Home Page

47 lectures
Home Background - Linear Gradient
04:12
Home Background - Linear Gradient Part 2
01:40
Home Background - Background Image
01:37
Home Background - House Image
02:39
Home Background - House Image 2
01:56
Home Background - House Image 3
02:10
Home Background - Smoke Effect - 1
02:11
Home Background - Smoke Effect - 2
02:38
Home Background - Smoke Effect - 3
02:19
Home Background - Smoke Effect - 4
01:13
Tab Bar - Part 1 - Building the Tabbar
03:04
Tab Bar - Part 2 - Position the Tabbar
01:36
Tab Bar - Part 3 - Build the Arc
01:43
Tab Bar - Part 4
04:06
Tab Bar - Part 5 - Linear Gradient
01:12
Tab Bar Part 6 - Border Stroke
01:25
Tab Bar Part 7 - Icons
04:15
Tab Bar Part 8 - Positions
01:42
Tab Bar Part 9 - Middle Button
04:19
Tab Bar Part 10 - Scaling
03:19
Tab Bar Part 11 - Circle Button
04:03
Tab Bar Part 12 - Plus Sign
01:52
Tab Bar Part 13 - Position
01:23
Tab Bar Part 14 - Pressable Button
01:53
Tab Bar Part 15 - Fix issue
00:49
Weather Section Part 1
04:03
Weather Section Part 2
02:39
Weather Section Part 3
03:28
Weather Section Part 4
02:28
Bottom Tab Bar Part 1
01:52
Bottom Tab Bar Part 2 - Bottom Sheet Reqs
02:19
Bottom Tab Bar Part 3 - Handle Indicator
00:37
Bottom Tab Bar Part 4 - Background
04:28
Bottom Tab Bar Part 5 - Blur View!
01:25
Bottom Tab Bar Part 6 - Shadows!
03:48
Bottom Tab Bar Part 7 - Forecast Control
01:53
Bottom Tab Bar Part 8 - Control Segment
02:08
Bottom Tab Bar Part 9 - Underline Layer
04:06
Bottom Tab Bar Part 10 - Capsule
04:51
Bottom Tab Bar Part 11 - Data !
02:33
Bottom Tab Bar Part 12
03:04
Bottom Tab Bar Part 13 - Capsules!
03:03
Bottom Tab Bar Part 14 - Opacity
02:15
Bottom Tab Bar Part 15 - Weekly Forecast
02:51
Bottom Tab Bar Part 16 - Date Helpers!
04:34
Bottom Tab Bar Part 17 - Widgets
03:05
Bottom Tab Bar Part 18 - House Cleaning
01:28

Part 2: Animations

16 lectures
Animations Part 1
01:18
Animations Part 2 - Basic Animations
01:53
Animations Part 3 - Simple Animations!
03:17
Animations Part 4
02:30
Animations Part 5 - Back to Our App!
03:14
Animations Part 6 - Normalize Values
03:07
Animations Part 7 - Prop Drilling?
03:57
Animations Part 8
01:30
Animations Part 9 - Animated Canvas & Img
02:20
Animations Part 10 - Gradient Issues
04:22
Animations Part 11 - Android Issue?
02:50
Animations Part 12 - Tab bar animations
01:28
Animations Part 13 - Weather Section Animations
06:13
Animations Part 14
04:56
Animations Part 15
02:45
Animations Part 16 - Forecast Animations
03:27

Part 3 : Details Page

8 lectures
Details Page Part 1
03:13
Details Page Part 2
01:59
Details Page Part 3 - Header
03:44
Details Page Part 4 - Search Bar!
03:48
Details Page Part 5 - Path 1
03:29
Details Page Part 6 - Path 2
03:50
Details Page Part 7 - Forecast Data!
07:12
Details Page Part 8 - Rotation
01:29

Part 4 : Static to Dynamic Data

9 lectures
API Part 1
00:39
API Part 2 - Overview
00:45
Assets for the Weather API
00:12
API part 3 - Context?
02:56
API Part 4
01:07
API Part 5
00:50
API Part 6 - Wrapping up!
03:44
API Part 7 - Thank you!
03:15
Thank you!
00:15

Đá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.