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

Focused View

Maximilian Schwarzmüller

19:44:48

16 View

1 - Getting Started

1 - Course Introduction.mp4

02:27

2 - What Is Ionic.mp4

07:44

3 - Join our Online Learning Community.html

4 - A Closer Look at the Ionic Platform.mp4

04:28

5 - What is Angular.mp4

03:59

6 - Nodejs Download.html

7 - Our First Ionic App.mp4

13:36

7 - home.page.html

8 - The History of Ionic.mp4

04:02

9 - Ionic 4 vs Ionic 3.mp4

03:06

10 - How to Build Native Mobile Apps with Ionic.mp4

03:45

11 - Comparing Ionic to Alternatives.html

12 - Course Outline.mp4

06:23

13 - How To Get The Most Out Of The Course.mp4

03:02

14 - The Course Source Code.html

2 - Angular Refresher

15 - Module Introduction.mp4

00:32

16 - What is Angular.mp4

02:42

17 - Angular SPAs Ionic.mp4

03:09

18 - Understanding Components.mp4

01:37

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

20 - Installing Angular with the CLI.mp4

04:30

21 - Installing the IDE.mp4

05:00

22 - Understanding the Folder Structure.mp4

08:14

23 - The App Component.mp4

07:04

24 - Creating Our First Component.mp4

04:05

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

25 - Cross Component Communication with Property Binding.mp4

05:23

26 - Understanding Directives String Interpolation.mp4

04:05

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

27 - Handling User Input.mp4

04:08

28 - Understanding Event Binding.mp4

02:13

29 - Local References.mp4

01:49

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

30 - Understanding TwoWayBinding.mp4

05:56

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

31 - Passing Data Around with Custom Events.mp4

03:58

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

32 - Implementing Routing.mp4

07:10

32 - ng-06-implementing-routing.zip

33 - Setting Up Services.mp4

03:15

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

34 - Using Services with Dependency Injection.mp4

02:48

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

35 - More on Angulars Lifecycle Hooks.txt

35 - Working with Angular Lifecycle Hooks.mp4

03:25

36 - Adding a Person with Services.mp4

02:44

37 - Navigating between Components.mp4

02:03

38 - Removing Items Upon a Click.mp4

03:08

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.mp4

05:34

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

40 - More on RxJS Observables.html

41 - Sending Http Requests.mp4

10:03

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

42 - Showing a Placeholder Whilst Waiting for a Response.mp4

02:05

43 - Wrap Up.mp4

01:17

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.mp4

01:20

46 - Core App Building Blocks.mp4

04:27

47 - Under the Hood of Ionic Components.mp4

06:47

48 - Setting Up a NonAngular Ionic Project.mp4

03:04

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

49 - Where to Learn all about Ionic Components.mp4

02:29

50 - Using Basic Ionic Components.mp4

05:11

51 - More Basic Components.mp4

03:23

52 - Component Categories.mp4

02:27

53 - Using the Ionic Grid.mp4

04:51

54 - Adding Icons Using Slots.mp4

06:14

55 - Using CSS Utility Attributes.mp4

03:42

56 - Using Ionic Elements like Normal HTML Elements.mp4

04:12

57 - Validating User Input.mp4

02:46

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

58 - Creating Ionic Elements Programmatically.mp4

04:57

59 - Finishing Up the Base JavaScript Logic.mp4

03:39

60 - Finalizing the Layout.mp4

01:31

61 - Use the right Ionic Import.html

62 - Using Controller Components.mp4

06:28

63 - Why Angular.mp4

05:29

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.mp4

01:44

66 - Why Use Angular.mp4

02:39

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

67 - src.zip

68 - Creating a New Ionic Angular Project.mp4

05:49

69 - Important CSS Utility Attributes.html

70 - Analyzing the Created Project.mp4

05:54

71 - How Angular Ionic Work Together.mp4

03:53

72 - Important Extra Routing Modules.html

73 - Adding Loading a New Page.mp4

07:44

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

74 - Using Angular Features on Ionic Components.mp4

05:28

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

75 - Setting Up Angular Routes.mp4

04:06

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

76 - Managing State with Services.mp4

06:21

76 - Reference vs Primitive Types.txt

77 - An Introduction to RxJS Observables.txt

77 - Extracting and Displaying Route Param Data.mp4

08:34

78 - A Potential Bug Fix.html

79 - Navigating Between Pages.mp4

05:33

80 - Deleting a Recipe.mp4

04:34

81 - Theres a Bug.html

82 - Injecting Ionic Controllers.mp4

03:31

82 - ng-ionic-04-alertcontroller.zip

83 - Angular Components vs Ionic Components.mp4

05:49

84 - Wrap Up.mp4

00:37

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.mp4

00:59

87 - General Information.mp4

01:28

88 - Creating an Android App.mp4

12:33

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

90 - Creating an iOS App.mp4

09:10

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

92 - Wrap Up.mp4

01:03

92 - native-01-finished.zip

93 - Useful Resources Links.html

93 - native-01-finished.zip

6 - Debugging

94 - Module Introduction.mp4

00:44

95 - Error Messages consolelog.mp4

04:02

96 - Using the Browser DevTools Breakpoints.mp4

02:30

97 - Using VS Code for Debugging.html

98 - Debugging the UI Performance.mp4

02:53

99 - Debugging Android Apps.mp4

04:16

100 - Debugging iOS Apps.mp4

04:16

101 - Wrap Up.mp4

00:40

101 - debugging-01-finished.zip

102 - Useful Resources Links.html

102 - debugging-01-finished.zip

7 - Navigation Routing in Ionic Apps

103 - Module Introduction.mp4

01:41

104 - How Routing Work In An Ionic Angular App.mp4

04:37

105 - Ionic Page Caching Extra Lifecycle Hooks.mp4

09:20

105 - nav-01-stack-lifecycle.zip

106 - Planning the Course Project.mp4

04:06

106 - course-project.pdf

107 - Creating Our App Pages.mp4

07:44

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

109 - Adjusting Our Main Routing Configuration.mp4

01:59

110 - Understanding Ionic Tabs.mp4

01:29

111 - Adding Tabs to the App.mp4

15:22

111 - Official Ionic Component Docs.txt

111 - nav-02-added-tabs.zip

112 - Preparing Data Services for the Project.mp4

05:53

112 - places.zip

113 - Outputting Places.mp4

08:12

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

114 - Adding Forward Navigation.mp4

06:21

115 - Going Back with NavController.mp4

07:01

115 - nav-04-navigate-back.zip

116 - Navigating via Toolbar Buttons.mp4

03:13

117 - A Bug with Ionic.html

118 - Extracting the ID of Loaded Places.mp4

05:34

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

119 - Optional Assignment Solution Code.html

119 - nav-assignment-2-solution.zip

120 - Adding a SideDrawer.mp4

07:00

121 - Opening Closing the SideDrawer.mp4

04:46

122 - Adding Links Switching Pages.mp4

04:15

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

123 - Adding the Auth Service.mp4

03:28

124 - Adding an Auth Guard.mp4

07:47

124 - nav-07-auth-guard.zip

125 - Opening a Modal.mp4

06:26

126 - Closing the Modal Passing Data.mp4

07:21

127 - Wrap Up.mp4

01:24

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.mp4

01:52

130 - Attributes Slots.mp4

06:09

131 - Ionic Grid Basics.mp4

08:35

132 - Controlling Grid Column Sizes.mp4

03:44

133 - Controlling Grid Alignment.mp4

05:29

134 - Responsive Grid Sizing.mp4

05:10

135 - Grid Summary.mp4

02:11

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

136 - ionlist vs iongrid.mp4

03:06

137 - ionlabel ionitem.mp4

07:29

138 - iontext.mp4

02:39

139 - Swipeable List Items.mp4

11:08

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

140 - Swipeable Bookings.mp4

10:12

141 - Understanding Virtual Scrolling.mp4

03:50

142 - Implementing Virtual Scrolling.mp4

05:23

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

143 - Virtual Scrolling Bugs.html

144 - Adding Image Elements.mp4

02:45

145 - Segmented Buttons.mp4

05:47

146 - Adding a Spinner.mp4

04:17

147 - Using the Loading Controller.mp4

02:36

148 - Using the ActionSheet Controller.mp4

06:50

149 - Wrap Up.mp4

01:42

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.mp4

01:12

152 - How Styling Theming Works in Ionic Apps.mp4

06:44

153 - Docs Utility Attributes.mp4

01:13

154 - Setting Global Theme Variables.mp4

03:28

154 - styling-01-general-theme.zip

155 - Setting Global Styles.mp4

01:18

156 - Setting All Colors at Once.mp4

02:35

157 - Setting PlatformSpecific Styles.mp4

03:59

158 - Styling Core Components with Variables.mp4

08:13

159 - Missing iOS Icons.html

160 - Adding Custom CSS Rules.mp4

10:01

160 - styling-02-custom-css.zip

161 - Componentspecific CSS Variables.mp4

04:32

162 - Wrap Up.mp4

00:40

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.mp4

01:32

165 - User Input Requirements.mp4

01:20

166 - Setting Up a Form Template.mp4

05:45

167 - Angular 8 ViewChild.html

168 - Adding a Templatedriven Form.mp4

07:37

169 - Handling Validation.mp4

06:02

170 - Switching Between Auth Modes.mp4

02:35

171 - Finishing the Auth Form.mp4

02:28

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

172 - Starting Work on a New Offer Form.mp4

03:54

173 - Finishing the Offer Form Template.mp4

04:22

174 - Creating a Reactive Form.mp4

05:21

175 - Syncing the Form to the Template.mp4

04:00

176 - Finishing the New Offer Form.mp4

04:01

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

177 - Edit Form Challenge.mp4

00:52

178 - Adding the Edit Offer Form.mp4

05:36

179 - Starting with the Booking Form.mp4

04:33

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

180 - Working on the Book Place Template.mp4

05:59

181 - Ionic 6 Date Controls.html

182 - Configuring the Date Controls.mp4

11:44

183 - Avoid Errors.html

184 - Validating Submitting the Form.mp4

08:12

185 - Wrap Up.mp4

01:26

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.mp4

01:05

188 - What is State.mp4

04:01

189 - Adding New Places.mp4

12:14

190 - Understanding RxJS.txt

190 - Using RxJS Subjects for State Management.mp4

08:59

191 - Passing Data via Subjects Subscriptions.mp4

12:24

191 - state-01-using-rxjs.zip

192 - UI State in Action.mp4

08:10

193 - Updating Places.mp4

08:40

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

194 - UI State with Bookable Places.mp4

07:01

195 - Filtering Navigation.html

196 - Booking Places.mp4

16:05

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

197 - Fixing a Bug.mp4

00:25

198 - Canceling Bookings.mp4

04:54

199 - Finishing Touches.mp4

04:36

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.mp4

00:46

202 - How To Connect to a Backend.mp4

02:13

203 - Setting Up Firebase.mp4

02:11

204 - Sending Data via Http.mp4

07:12

204 - http-01-post-data.zip

205 - Using Response Data.mp4

03:37

206 - Fetching Displaying Data.mp4

14:50

207 - Updating Places.mp4

06:38

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

208 - Fetching Data in Multiple Places.mp4

03:15

209 - Loading Data in a Single Place.mp4

06:59

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

210 - Updating Places Correctly.mp4

03:52

211 - Error Handling.mp4

03:27

212 - Fetching Single Places.mp4

06:18

213 - Adding a Booking.mp4

06:46

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

214 - Fetching Bookings By User.mp4

10:07

215 - Deleting Bookings.mp4

05:11

216 - Wrap Up.mp4

00:56

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.mp4

01:29

219 - API Setup.mp4

03:32

220 - Angular 8 ViewChild.html

221 - Adding a LocationPicker Component.mp4

06:51

222 - Opening the Map Modal.mp4

03:59

223 - Adding the Google Maps SDK.mp4

08:44

224 - Rendering a Map.mp4

06:04

225 - Picking Locations via a Click on the Map.mp4

03:41

225 - maps-01-rendered-map.zip

226 - Finding the Address for a Place.mp4

08:47

226 - maps-02-pick-address.zip

227 - Fetching a Static Image URL.mp4

07:19

228 - Displaying a Place Preview.mp4

05:12

228 - maps-03-static-image.zip

229 - Changing the Selection.mp4

01:01

230 - Removing the Click Listener.mp4

02:10

231 - Submitting the Location.mp4

08:14

232 - Outputting Address Map.mp4

03:23

233 - Reusing the Maps Modal.mp4

08:36

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.mp4

00:57

236 - Understanding Capacitor Cordova.mp4

04:13

237 - Using the Docs.mp4

00:57

238 - Using Capacitor v3.html

239 - Using Capacitor Plugins.mp4

06:39

240 - Getting the User Location.mp4

09:37

241 - Testing the Location Feature.mp4

06:18

241 - native-01-location.zip

242 - Angular 8 ViewChild.html

243 - Starting With the Image Picker.mp4

04:26

244 - Taking Pictures.mp4

10:11

244 - native-02-camera.zip

245 - Avoid Distorted Pictures.html

246 - Detecting the Platform Correctly.mp4

05:00

247 - Adding a Filepicker Fallback.mp4

04:43

248 - Getting the Picked Image.mp4

03:00

249 - Converting the Image String to a File.mp4

05:13

249 - base64toblob.zip

250 - Storing the Image in the Form.mp4

03:30

251 - Capacitor v1 PWA Elements.html

252 - Using PWA Elements.mp4

04:06

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

253 - Improving the ImagePicker Component.mp4

04:46

254 - MUST READ Firebase Cloud Functions Billing.html

255 - Adding Serverside Image Uploading Code.mp4

05:04

255 - An Introduction to Firebase Cloud Functions.txt

255 - Official Firebase Cloud Functions Docs.txt

255 - index.zip

256 - Adding Image Upload.mp4

07:30

256 - native-04-image-upload.zip

257 - Wrap Up.mp4

01:06

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.mp4

00:51

260 - How Authentication Works.mp4

03:00

261 - Firebase API Key.html

262 - Adding User Signup.mp4

10:06

262 - auth-01-signup.zip

263 - Refactoring the Authentication Code.mp4

06:33

264 - Adding User Login.mp4

06:23

264 - auth-02-login.zip

265 - Managing the User with a Subject.mp4

06:41

266 - Storing the Token in Memory.mp4

04:55

267 - Using the ID Observable Correctly.mp4

04:43

268 - More userId Usage.mp4

04:57

269 - Fixing the Subscription.mp4

00:49

270 - Using the userId Everywhere.mp4

05:56

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

271 - Storing Auth Data in Device Storag.mp4

04:22

272 - Adding Autologin.mp4

06:48

273 - Using Autologin.mp4

04:16

273 - auth-04-added-autologin.zip

274 - Adding a Reactive Logout System.mp4

07:52

275 - Adding Autologout.mp4

08:00

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

276 - Requiring the Auth Token on the Backend.mp4

06:22

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

277 - Sending the Auth Token to the Backend.mp4

07:55

278 - More Token Usage.mp4

04:12

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.mp4

01:35

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.mp4

01:06

283 - Preparing App Configs.mp4

07:52

284 - Custom Icons Splash Screens.mp4

08:54

284 - icons-splash.zip

285 - Android Deployment.mp4

03:54

286 - iOS Deployment.mp4

03:33

287 - Web Development.mp4

05:45

288 - Useful Resources Links.html

288 - publish-01-finished.zip

17 - Roundup

289 - Thanks for being part of the course.mp4

00:55

18 - Bonus Content

290 - Bonus More Content.html

Description

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

What You'll Learn?

Build native apps and progressive web apps from one and the same codebase
Build native apps for iOS and Android, using Angular and the powerful features Ionic offers
Dive deeper into Ionic to learn more about core and advanced features
Test iOS and Android apps on real devices and publish those apps to the app stores of the two platforms

Who is this for?

This course is for students who want to use their Angular knowledge to build native mobile apps & web apps with one codebase

This course is for everyone interested in diving into the development of native mobile apps for iOS and Android

What You Need to Know?

Angular fundamentals are required, though a brief refresher is also provided in the course

Basic HTML, JS and CSS knowledge is required

NO advanced Angular knowledge is required

More details

Description
Join this bestselling course to learn how to use Angular and web development technologies to build real native mobile apps for iOSÂ and Android!

Ionic is one of the most exciting technologies you can learn at the moment - it enables you to use one codebase (written in HTML, JS and CSS) to build and ship apps as normal (progressive)Â web apps as well as real native mobile apps for iOSÂ and Android. This course teaches you the latest version of Ionic from scratch with no prior knowledge about it assumed.
Angular (formerly Angular 2)Â allows you to create awesome web applications powered by TypeScript /Â JavaScript. Wouldn't it be great to use that AngularÂ knowledge to build web applications that can be compiled intoÂ native mobile apps, running on any iOS or Android device? And also publish them as progressive web apps at the same time.
The IonicÂ framework allows you to do just that!Â Use your existing Angular, HTML, JS and CSSÂ knowledge and build your native mobile app with that! Ionic offers a lot of beautiful components (which you'll learn about in this course) that can be used to compose native-like user interfaces.
Capacitor (another tool provided by the Ionic team) will handle the rest as it's used to then build a native mobile app for iOS/Â Android based on your code. This allows you to focus on the things you know and release your application on all possible devices (desktop and mobile) without having to learn thousands of different languages! Indeed, with Ionic, you can use one codebase to ship three different apps (iOS, Android, web).
No wonder that hybrid frameworks like Ionic are extremely popular and in high demand!
My name is Maximilian SchwarzmÃ¼ller and I'm a freelance web developer as well as creator of many 5-star rated courses here on Udemy - including my "AngularÂ - The Complete Guide"Â course, the bestselling AngularÂ course on Udemy!
IÂ love creating awesome web applications and it simply is amazing to now use that knowledge and build native mobile apps with it, too!
This course takes your from zero to published app, taking a very practice-orientated route. You'll a realistic app (where users can create and book events) throughout the course, learning about the basics of Ionic, its rich component library, how to fetch and handle user input, how to store data and access native device features and much more!
You'll dive into all important Ionic components as well as concepts like navigation (tabs, sidemenus), user input, native device features (e.g. camera), storage, http, authentication!
And since building apps is only part of the fun, you'll of course also learn how to run your apps either in the browser, on an emulator or on your own device!
What exactly are you going to learn then?
AÂ brief refresher on Angular
How to set up your Ionic projects
The basics about Ionic - How navigation works, how your project is structured and you use its rich component library
How to use the many beautiful components Ionic ships with
How to use different kinds of navigation concepts:Â "Back"-Button-Navigation,Â tabs and sidemenus
How to show modals, alerts, toasts and many, many more useful UIÂ components
How to test the app in the browser, on emulators or real devices
How to fetch and handle user input through inputs, textfields, dropdowns, dialogs etc.
How to authenticate users and access web servers to store + load data
How to access the local device storage and native device features like the camera or geolocation
So much more!
Finally, you'll learn how to configure your app and publish it to the App Store or Google Play Store (or as a progressive web app)
Does this sound great?
IÂ can't wait to welcome you in this course!
Who this course is for:
This course is for students who want to use their Angular knowledge to build native mobile apps & web apps with one codebase
This course is for everyone interested in diving into the development of native mobile apps for iOS and Android

User Reviews

Rating

average 0

Total votes0

Focused display

Experience as (Web) DeveloperStarting out at the age of 12 I never stopped learning new programming skills and languages. Early I started creating websites for friends and just for fun as well. Besides web development I also explored Python and other non-web-only languages. This passion has since lasted and lead to my decision of working as a freelance web developer and consultant. The success and fun I have in this job is immense and really keeps that passion burningly alive.Starting web development on the backend (PHP with Laravel, NodeJS, Python) I also became more and more of a frontend developer using modern frameworks like React, Angular or VueJS in a lot of projects. I love both worlds nowadays!I also build full-stack applications and acquired expert DevOps and cloud computing knowledge - proven by the many AWS certifications I hold (incl. the top-level Solutions Architect Professional certification).As a self-taught developer I had the chance to broaden my horizon by studying Business Administration where I hold a Master's degree. That enabled me to work in a major strategy consultancy as well as a bank. While learning, that I enjoy development more than these fields, the time in this sector greatly improved my overall experience and skills.Experience as InstructorAs a self-taught professional I really know the hard parts and the difficult topics when learning new or improving on already-known languages. This background and experience enables me to focus on the most relevant key concepts and topics. My track record of many 5-star rated courses and more than 2,000,000 students on Udemy is the best proof for that.Whether working as development instructor or teaching Business Administration I always received great feedback. The most rewarding experience is to see how people find new, better jobs, build awesome web applications, acquire amazing projects or simply enjoy their hobby with the help of my content.Together with Manuel Lorenz, I founded Academind to offer the best possible learning experience to our more than 2,000,000 students.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.