Ionic React: Cross-Platform Mobile Development with Ionic

سرفصل های دوره

Create mobile web and native Android/iOS apps from a single codebase with React, Ionic Framework, Capacitor, Firebase.

1 - Introduction

1 - What is Ionic

2 - Required Tools.html

3 - Course Advice.html

2 - From React to Ionic

4 - Overview

5 - Project Setup Hello World App

5 - hello-world.zip

6 - Adding Ionic to a React Project

7 - Toast Messages

8 - Adaptive Styling

9 - Theme Customisation

10 - Ionicons

11 - FullPage Ionic Apps

12 - Source Code.html

3 - Developing a Complete SinglePage App

13 - Note Ionic Version.html

14 - Overview and Project Setup

14 - biorhythm-calculator.zip

15 - Source Code.html

16 - Input Fields

17 - Label Positioning

18 - Datetime Component

19 - Card Component

20 - Extracting a Separate Component

21 - Date Manipulation with Dayjs

22 - Unit Testing

23 - Displaying The Results

24 - Target Date Selection

25 - Saving Data to Local Storage

26 - Charting with Recharts

27 - Plotting Real Data

28 - Styling Components

29 - Custom CSS Variables

4 - Building for the Web Android and iOS

30 - Publishing as a Web App

31 - Important Capacitor Version.html

32 - Capacitor Setup

33 - Android Studio Installation

34 - Android Emulator Setup

35 - Building for Android with Capacitor

36 - Running on a Physical Android Device

37 - Hiding the Splash Screen

38 - Capacitor Livereload on Android

39 - Chrome Remote Debugging

40 - Xcode Installation

41 - Building for iOS with Capacitor

42 - Capacitor Livereload on iOS

43 - Safari Remote Debugging

44 - Icon and Splash Screen Images

45 - Upgrading to Capacitor 30

5 - Using the Ionic CLI to Create New Projects

46 - Ionic CLI Installation and Usage

47 - Generated Project Overview

48 - Generated Code Tweaks

49 - Livereload with Capacitor

50 - Why TypeScript

51 - More Project Templates.html

6 - Page Navigation and Routing

52 - Overview and Project Setup

53 - Project Code.html

53 - daily-moments.zip

54 - React Router

55 - IonReactRouter

56 - IonTabs

57 - IonList

58 - Route Params

59 - Back Button

60 - Login Flow

61 - Grouping Protected Pages

62 - Sharing State with React Context

63 - Handling Page Not Found

7 - Authentication with Firebase

64 - Important Firebase Changes.html

65 - Creating a Firebase Project

66 - Enabling Authentication and User SignIn

67 - Login Form

68 - Handling Login Errors

69 - Firebase AuthState Observer

70 - AuthState Loading

71 - Logout Functionality

72 - Registering a New User

73 - User ID in Authentication State

8 - Storing Data with Cloud Firestore

74 - Creating a Database

75 - Cloud Firestore Data Model

76 - Fetching a Firestore Collection

77 - Fetching a Firestore Document

78 - Entry Interface

79 - Keeping Separate Data for Each User

80 - Firestore Security Rules

81 - Avoiding Route Path Conflicts

82 - Floating Action Buttons FABs

83 - Adding a Firestore Document

84 - Listening for Data Updates

85 - Deleting a Firestore Document

86 - Adding a Date Field

87 - Query Order and Limit

9 - Storing Image Files with Cloud Storage

88 - Enabling Cloud Storage

89 - Allowing Users to Select a Picture

90 - Hiding the File Input Field

91 - Uploading Files to Cloud Storage

92 - Displaying Images from Cloud Storage

10 - Using the Native Camera API

93 - Testing the App on Android

94 - Using the Camera API

95 - Camera Options and Errors

96 - Enabling Different Features by Platform

11 - Publishing to the App Stores

97 - Preparing for an Android Release

98 - Building a Signed APK

99 - Building an Android App Bundle

100 - Publishing to Google Play

101 - iOS Certificates and Running on a Physical iPhone

102 - Publishing to the App Store

12 - Conclusion

103 - Congratulations and Bonus.html

53,700 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy-Training