Ionic – Build iOS, Android & Web Apps with Ionic & Angular

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

Build Native iOS & Android as well as Progressive Web Apps with Angular, Capacitor and the Ionic Framework (Ionic 4+).

1 - Getting Started

1 - Course Introduction

2 - What Is Ionic

3 - Join our Online Learning Community.html

4 - A Closer Look at the Ionic Platform

5 - What is Angular

6 - Nodejs Download.html

7 - Our First Ionic App

7 - home.page.html

8 - The History of Ionic

9 - Ionic 4 vs Ionic 3

10 - How to Build Native Mobile Apps with Ionic

11 - Comparing Ionic to Alternatives.html

12 - Course Outline

13 - How To Get The Most Out Of The Course

14 - The Course Source Code.html

2 - Angular Refresher

15 - Module Introduction

16 - What is Angular

17 - Angular SPAs Ionic

18 - Understanding Components

19 - Important Creating an Angular Project with the CLI.html

20 - Installing Angular with the CLI

21 - Installing the IDE

22 - Understanding the Folder Structure

23 - The App Component

24 - Creating Our First Component

24 - ng-01-creating-our-first-component.zip

25 - Cross Component Communication with Property Binding

26 - Understanding Directives String Interpolation

26 - ng-02-directives-and-string-interpolation.zip

27 - Handling User Input

28 - Understanding Event Binding

29 - Local References

29 - ng-03-executing-methods-with-local-references.zip

30 - Understanding TwoWayBinding

30 - ng-04-two-way-binding.zip

31 - Passing Data Around with Custom Events

31 - ng-05-passing-data-up-with-custom-events.zip

32 - Implementing Routing

32 - ng-06-implementing-routing.zip

33 - Setting Up Services

33 - ng-07-setting-up-services.zip

34 - Using Services with Dependency Injection

34 - ng-08-using-the-service-with-di.zip

35 - More on Angulars Lifecycle Hooks.txt

35 - Working with Angular Lifecycle Hooks

36 - Adding a Person with Services

37 - Navigating between Components

38 - Removing Items Upon a Click

38 - ng-09-removing-items-on-click.zip

39 - Angular Lifecycle Hooks.txt

39 - More on Observables.txt

39 - Primitive vs Reference Types.txt

39 - Pushing Data Around with Subjects

39 - ng-10-implementing-an-active-push-mechanism.zip

40 - More on RxJS Observables.html

41 - Sending Http Requests

41 - ng-11-sending-http-requests.zip

42 - Showing a Placeholder Whilst Waiting for a Response

43 - Wrap Up

43 - ng-12-finished.zip

44 - Useful Resources Links.html

44 - ng-01-creating-our-first-component.zip

44 - ng-02-directives-and-string-interpolation.zip

44 - ng-03-executing-methods-with-local-references.zip

44 - ng-04-two-way-binding.zip

44 - ng-05-passing-data-up-with-custom-events.zip

44 - ng-06-implementing-routing.zip

44 - ng-07-setting-up-services.zip

44 - ng-08-using-the-service-with-di.zip

44 - ng-09-removing-items-on-click.zip

44 - ng-10-implementing-an-active-push-mechanism.zip

44 - ng-11-sending-http-requests.zip

44 - ng-12-finished.zip

3 - Ionic Component Basics

45 - Module Introduction

46 - Core App Building Blocks

47 - Under the Hood of Ionic Components

48 - Setting Up a NonAngular Ionic Project

48 - cmp-basics-01-starting-setup.zip

49 - Where to Learn all about Ionic Components

50 - Using Basic Ionic Components

51 - More Basic Components

52 - Component Categories

53 - Using the Ionic Grid

54 - Adding Icons Using Slots

55 - Using CSS Utility Attributes

56 - Using Ionic Elements like Normal HTML Elements

57 - Validating User Input

57 - cmp-basics-03-added-validation-logic.zip

58 - Creating Ionic Elements Programmatically

59 - Finishing Up the Base JavaScript Logic

60 - Finalizing the Layout

61 - Use the right Ionic Import.html

62 - Using Controller Components

63 - Why Angular

64 - Useful Resources Links.html

64 - cmp-basics-01-starting-setup.zip

64 - cmp-basics-02-added-buttons.zip

64 - cmp-basics-03-added-validation-logic.zip

64 - cmp-basics-04-finished.zip

4 - Angular Ionic

65 - Module Introduction

66 - Why Use Angular

67 - Important Creating a New Project with the CLI.html

67 - src.zip

68 - Creating a New Ionic Angular Project

69 - Important CSS Utility Attributes.html

70 - Analyzing the Created Project

71 - How Angular Ionic Work Together

72 - Important Extra Routing Modules.html

73 - Adding Loading a New Page

73 - ng-ionic-01-added-recipes-page.zip

74 - Using Angular Features on Ionic Components

74 - ng-ionic-02-added-recipe-detail-page.zip

75 - Setting Up Angular Routes

75 - ng-ionic-03-basic-routing.zip

76 - Managing State with Services

76 - Reference vs Primitive Types.txt

77 - An Introduction to RxJS Observables.txt

77 - Extracting and Displaying Route Param Data

78 - A Potential Bug Fix.html

79 - Navigating Between Pages

80 - Deleting a Recipe

81 - Theres a Bug.html

82 - Injecting Ionic Controllers

82 - ng-ionic-04-alertcontroller.zip

83 - Angular Components vs Ionic Components

84 - Wrap Up

84 - ng-ionic-05-finished.zip

85 - Useful Resources Links.html

85 - ng-ionic-01-added-recipes-page.zip

85 - ng-ionic-02-added-recipe-detail-page.zip

85 - ng-ionic-03-basic-routing.zip

85 - ng-ionic-04-alertcontroller.zip

85 - ng-ionic-05-finished.zip

5 - Building Native Apps with Capacitor

86 - Module Introduction

87 - General Information

88 - Creating an Android App

89 - Running the App on a Real Android Device.html

90 - Creating an iOS App

91 - Running the App on a Real iOS Device.html

92 - Wrap Up

92 - native-01-finished.zip

93 - Useful Resources Links.html

93 - native-01-finished.zip

6 - Debugging

94 - Module Introduction

95 - Error Messages consolelog

96 - Using the Browser DevTools Breakpoints

97 - Using VS Code for Debugging.html

98 - Debugging the UI Performance

99 - Debugging Android Apps

100 - Debugging iOS Apps

101 - Wrap Up

101 - debugging-01-finished.zip

102 - Useful Resources Links.html

102 - debugging-01-finished.zip

7 - Navigation Routing in Ionic Apps

103 - Module Introduction

104 - How Routing Work In An Ionic Angular App

105 - Ionic Page Caching Extra Lifecycle Hooks

105 - nav-01-stack-lifecycle.zip

106 - Planning the Course Project

106 - course-project.pdf

107 - Creating Our App Pages

108 - MUST READ Ionic 5 and Routing Lazy Loading.html

109 - Adjusting Our Main Routing Configuration

110 - Understanding Ionic Tabs

111 - Adding Tabs to the App

111 - Official Ionic Component Docs.txt

111 - nav-02-added-tabs.zip

112 - Preparing Data Services for the Project

112 - places.zip

113 - Outputting Places

113 - nav-03-display-all-places.zip

114 - Adding Forward Navigation

115 - Going Back with NavController

115 - nav-04-navigate-back.zip

116 - Navigating via Toolbar Buttons

117 - A Bug with Ionic.html

118 - Extracting the ID of Loaded Places

118 - nav-05-extract-route-params.zip

119 - Optional Assignment Solution Code.html

119 - nav-assignment-2-solution.zip

120 - Adding a SideDrawer

121 - Opening Closing the SideDrawer

122 - Adding Links Switching Pages

122 - nav-06-added-side-menu.zip

123 - Adding the Auth Service

124 - Adding an Auth Guard

124 - nav-07-auth-guard.zip

125 - Opening a Modal

126 - Closing the Modal Passing Data

127 - Wrap Up

127 - nav-08-finished.zip

128 - Useful Resources Links.html

128 - nav-01-stack-lifecycle.zip

128 - nav-02-added-tabs.zip

128 - nav-03-display-all-places.zip

128 - nav-04-navigate-back.zip

128 - nav-05-extract-route-params.zip

128 - nav-06-added-side-menu.zip

128 - nav-07-auth-guard.zip

128 - nav-08-finished.zip

8 - Ionic Components Overview

129 - Module Introduction

130 - Attributes Slots

131 - Ionic Grid Basics

132 - Controlling Grid Column Sizes

133 - Controlling Grid Alignment

134 - Responsive Grid Sizing

135 - Grid Summary

135 - cmp-overview-01-finished-grid.zip

136 - ionlist vs iongrid

137 - ionlabel ionitem

138 - iontext

139 - Swipeable List Items

139 - cmp-overview-02-swipeable-items.zip

140 - Swipeable Bookings

141 - Understanding Virtual Scrolling

142 - Implementing Virtual Scrolling

142 - cmp-overview-03-virtual-scrolling.zip

143 - Virtual Scrolling Bugs.html

144 - Adding Image Elements

145 - Segmented Buttons

146 - Adding a Spinner

147 - Using the Loading Controller

148 - Using the ActionSheet Controller

149 - Wrap Up

149 - cmp-overview-04-finished.zip

150 - Useful Resources Links.html

150 - cmp-overview-01-finished-grid.zip

150 - cmp-overview-02-swipeable-items.zip

150 - cmp-overview-03-virtual-scrolling.zip

150 - cmp-overview-04-finished.zip

9 - Styling Theming Ionic Apps

151 - Module Introduction

152 - How Styling Theming Works in Ionic Apps

153 - Docs Utility Attributes

154 - Setting Global Theme Variables

154 - styling-01-general-theme.zip

155 - Setting Global Styles

156 - Setting All Colors at Once

157 - Setting PlatformSpecific Styles

158 - Styling Core Components with Variables

159 - Missing iOS Icons.html

160 - Adding Custom CSS Rules

160 - styling-02-custom-css.zip

161 - Componentspecific CSS Variables

162 - Wrap Up

162 - styling-03-finished.zip

163 - Useful Resources Links.html

163 - styling-01-general-theme.zip

163 - styling-02-custom-css.zip

163 - styling-03-finished.zip

10 - Handling User Input

164 - Module Introduction

165 - User Input Requirements

166 - Setting Up a Form Template

167 - Angular 8 ViewChild.html

168 - Adding a Templatedriven Form

169 - Handling Validation

170 - Switching Between Auth Modes

171 - Finishing the Auth Form

171 - user-input-01-finished-auth-form.zip

172 - Starting Work on a New Offer Form

173 - Finishing the Offer Form Template

174 - Creating a Reactive Form

175 - Syncing the Form to the Template

176 - Finishing the New Offer Form

176 - user-input-02-finished-new-offer-form.zip

177 - Edit Form Challenge

178 - Adding the Edit Offer Form

179 - Starting with the Booking Form

179 - user-input-03-basic-booking-form.zip

180 - Working on the Book Place Template

181 - Ionic 6 Date Controls.html

182 - Configuring the Date Controls

183 - Avoid Errors.html

184 - Validating Submitting the Form

185 - Wrap Up

185 - user-input-04-finished.zip

186 - Useful Resources Links.html

186 - user-input-01-finished-auth-form.zip

186 - user-input-02-finished-new-offer-form.zip

186 - user-input-03-basic-booking-form.zip

186 - user-input-04-finished.zip

11 - Managing State

187 - Module Introduction

188 - What is State

189 - Adding New Places

190 - Understanding RxJS.txt

190 - Using RxJS Subjects for State Management

191 - Passing Data via Subjects Subscriptions

191 - state-01-using-rxjs.zip

192 - UI State in Action

193 - Updating Places

193 - state-02-working-on-edit-offer.zip

194 - UI State with Bookable Places

195 - Filtering Navigation.html

196 - Booking Places

196 - state-03-added-booking-flow.zip

197 - Fixing a Bug

198 - Canceling Bookings

199 - Finishing Touches

199 - state-04-finished.zip

200 - Useful Resources Links.html

200 - state-01-using-rxjs.zip

200 - state-02-working-on-edit-offer.zip

200 - state-03-added-booking-flow.zip

200 - state-04-finished.zip

12 - Sending Http Requests

201 - Module Introduction

202 - How To Connect to a Backend

203 - Setting Up Firebase

204 - Sending Data via Http

204 - http-01-post-data.zip

205 - Using Response Data

206 - Fetching Displaying Data

207 - Updating Places

207 - http-02-fetch-and-update.zip

208 - Fetching Data in Multiple Places

209 - Loading Data in a Single Place

209 - http-03-getting-a-single-place.zip

210 - Updating Places Correctly

211 - Error Handling

212 - Fetching Single Places

213 - Adding a Booking

213 - http-04-added-a-booking.zip

214 - Fetching Bookings By User

215 - Deleting Bookings

216 - Wrap Up

216 - http-05-finished.zip

217 - Useful Resources Links.html

217 - http-01-post-data.zip

217 - http-02-fetch-and-update.zip

217 - http-03-getting-a-single-place.zip

217 - http-04-added-a-booking.zip

217 - http-05-finished.zip

13 - Adding Google Maps

218 - Module Introduction

219 - API Setup

220 - Angular 8 ViewChild.html

221 - Adding a LocationPicker Component

222 - Opening the Map Modal

223 - Adding the Google Maps SDK

224 - Rendering a Map

225 - Picking Locations via a Click on the Map

225 - maps-01-rendered-map.zip

226 - Finding the Address for a Place

226 - maps-02-pick-address.zip

227 - Fetching a Static Image URL

228 - Displaying a Place Preview

228 - maps-03-static-image.zip

229 - Changing the Selection

230 - Removing the Click Listener

231 - Submitting the Location

232 - Outputting Address Map

233 - Reusing the Maps Modal

233 - maps-04-finished.zip

234 - Useful Resources Links.html

234 - maps-01-rendered-map.zip

234 - maps-02-pick-address.zip

234 - maps-03-static-image.zip

234 - maps-04-finished.zip

14 - Using Native Device Features Camera Location

235 - Module Introduction

236 - Understanding Capacitor Cordova

237 - Using the Docs

238 - Using Capacitor v3.html

239 - Using Capacitor Plugins

240 - Getting the User Location

241 - Testing the Location Feature

241 - native-01-location.zip

242 - Angular 8 ViewChild.html

243 - Starting With the Image Picker

244 - Taking Pictures

244 - native-02-camera.zip

245 - Avoid Distorted Pictures.html

246 - Detecting the Platform Correctly

247 - Adding a Filepicker Fallback

248 - Getting the Picked Image

249 - Converting the Image String to a File

249 - base64toblob.zip

250 - Storing the Image in the Form

251 - Capacitor v1 PWA Elements.html

252 - Using PWA Elements

252 - native-03-pwa-elements-fallback.zip

253 - Improving the ImagePicker Component

254 - MUST READ Firebase Cloud Functions Billing.html

255 - Adding Serverside Image Uploading Code

255 - An Introduction to Firebase Cloud Functions.txt

255 - Official Firebase Cloud Functions Docs.txt

255 - index.zip

256 - Adding Image Upload

256 - native-04-image-upload.zip

257 - Wrap Up

257 - native-05-finished.zip

258 - Useful Resources Links.html

258 - native-01-location.zip

258 - native-02-camera.zip

258 - native-03-pwa-elements-fallback.zip

258 - native-04-image-upload.zip

258 - native-05-finished.zip

15 - Adding Authentication

259 - Module Introduction

260 - How Authentication Works

261 - Firebase API Key.html

262 - Adding User Signup

262 - auth-01-signup.zip

263 - Refactoring the Authentication Code

264 - Adding User Login

264 - auth-02-login.zip

265 - Managing the User with a Subject

266 - Storing the Token in Memory

267 - Using the ID Observable Correctly

268 - More userId Usage

269 - Fixing the Subscription

270 - Using the userId Everywhere

270 - auth-03-added-user-state-management.zip

271 - Storing Auth Data in Device Storag

272 - Adding Autologin

273 - Using Autologin

273 - auth-04-added-autologin.zip

274 - Adding a Reactive Logout System

275 - Adding Autologout

275 - auth-05-added-auto-logout.zip

276 - Requiring the Auth Token on the Backend

276 - auth-06-updated-cloud-function.zip

277 - Sending the Auth Token to the Backend

278 - More Token Usage

278 - auth-07-added-auth-token.zip

279 - Optional Check Auth State When App Resumes.html

279 - auth-08-with-resume-check.zip

280 - Wrap Up

280 - auth-08-with-resume-check.zip

281 - Useful Resources Links.html

281 - auth-01-signup.zip

281 - auth-02-login.zip

281 - auth-03-added-user-state-management.zip

281 - auth-04-added-autologin.zip

281 - auth-05-added-auto-logout.zip

281 - auth-06-updated-cloud-function.zip

281 - auth-07-added-auth-token.zip

281 - auth-08-with-resume-check.zip

16 - Publishing the Apps

282 - Module Introduction

283 - Preparing App Configs

284 - Custom Icons Splash Screens

284 - icons-splash.zip

285 - Android Deployment

286 - iOS Deployment

287 - Web Development

288 - Useful Resources Links.html

288 - publish-01-finished.zip

17 - Roundup

289 - Thanks for being part of the course

18 - Bonus Content

290 - Bonus More Content.html

53,700 تومان

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

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

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

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