Ionic 4 - Создание iOS, Android и веб-приложений с Ionic и Angular - Видеоуроки

Ionic 4 - Build iOS, Android & Web Apps with Ionic & Angular
Duration 34:11:31
Открыть все курсы от udemy

Создавайте нативные iOS и Android, а также прогрессивные веб-приложения с Angular, Capacitor и Ionic Framework. Этот курс был полностью обновлен до IONIC 4.

Ionic - одна из самых захватывающих технологий, которую вы можете изучить на данный момент - она позволяет вам использовать одну кодовую базу (написанную на HTML, JS и CSS) для создания и доставки приложений как обычных (прогрессивных) веб-приложений, так и реальных мобильных приложений для iOS и Android. Этот курс знакомит вас с последней версией Ionic с нуля без каких-либо предварительных знаний об этом.

Angular (ранее Angular 2) позволяет создавать потрясающие веб-приложения на основе TypeScript / JavaScript. Разве не было бы здорово использовать эти знания Angular для создания веб-приложений, которые можно скомпилировать в собственные мобильные приложения, работающие на любом устройстве iOS или Android? А также публиковать их как прогрессивные веб-приложения одновременно.

Ionic Framework позволяет вам сделать это! Используйте свои знания Angular, HTML, JS и CSS и создайте собственное мобильное приложение! Ionic предлагает много красивых компонентов (о которых вы узнаете в этом курсе), которые можно использовать для создания нативных пользовательских интерфейсов.

Capacitor (еще один инструмент, предоставленный командой Ionic) будет обрабатывать все остальное, так как он используется для создания собственного мобильного приложения для iOS / Android на основе вашего кода. Это позволяет вам сосредоточиться на вещах, которые вы знаете, и выпустить свое приложение на всех возможных устройствах (настольных и мобильных) без необходимости изучать тысячи разных языков! Действительно, с помощью Ionic вы можете использовать одну кодовую базу для доставки трех разных приложений (iOS, Android, веб).

Неудивительно, что гибридные фреймворки, такие как Ionic, чрезвычайно популярны и пользуются большим спросом!

Меня зовут Максимилиан Шварцмюллер, и я являюсь независимым веб-разработчиком, а также создателем многих 5-звездочных рейтинговых курсов здесь, на Udemy, включая мой курс "Angular - The Complete Guide", самый продаваемый Angular курс на Udemy!

Я люблю создавать потрясающие веб-приложения, и теперь просто удивительно использовать эти знания и создавать собственные мобильные приложения!

Этот курс переносит ваше приложение с нуля на продакшн, следуя очень ориентированному на практику маршруту. Вы будете работать над реалистичным приложением (где пользователи могут создавать и бронировать события) на протяжении всего курса, узнавая об основах Ionic, его богатой библиотеке компонентов, о том, как извлекать и обрабатывать пользовательский ввод, как хранить данные и получать доступ к собственным функциям устройства и многое другое. 

Вы познакомитесь со всеми важными компонентами Ionic, а также с такими понятиями, как навигация (вкладки, боковые меню), пользовательский ввод, встроенные функции устройства (например, камера), хранение, http, аутентификация!

А поскольку создание приложений - это только часть удовольствия, вы, конечно же, также узнаете, как запускать приложения в браузере, на эмуляторе или на своем собственном устройстве!

  • Краткое повторение Angular
  • Как настроить ваши Ionic проекты
  • Основы Ionic - как работает навигация, как структурирован ваш проект и как использовать его богатую библиотеку компонентов
  • Как использовать различные виды концепций навигации: «Назад» -Кнопка-навигация, вкладки и боковые меню
  • Как показать модальные окна, оповещения, тосты и много, много других полезных компонентов пользовательского интерфейса
  • Как протестировать приложение в браузере, на эмуляторах или на реальных устройствах
  • Как получить и обработать пользовательский ввод с помощью входных данных, текстовых полей, раскрывающихся списков, диалогов и тд.
  • Как аутентифицировать пользователей и получить доступ к веб-серверам для хранения + загрузки данных
  • Как получить доступ к локальному хранилищу устройства и нативным функциям устройства, таким как камера или геолокация
  • Наконец, вы узнаете, как настроить свое приложение и опубликовать его в App Store или Google Play Store (или в качестве прогрессивного веб-приложения).
Полный список уроков Развернуть / Свернуть
  • Урок 1. Course Introduction 00:02:28
  • Урок 2. What Is Ionic? 00:07:45
  • Урок 3. A Closer Look at the Ionic Platform 00:04:29
  • Урок 4. What is Angular? 00:04:00
  • Урок 5. Our First Ionic App! 00:12:56
  • Урок 6. The History of Ionic 00:04:03
  • Урок 7. Ionic 4+ vs Ionic 3 00:03:07
  • Урок 8. How to Build Native Mobile Apps with Ionic 00:03:46
  • Урок 9. Course Outline 00:06:24
  • Урок 10. How To Get The Most Out Of The Course 00:03:03
  • Урок 11. Module Introduction 00:00:33
  • Урок 12. What is Angular? 00:02:43
  • Урок 13. Angular SPAs & Ionic 00:03:10
  • Урок 14. Understanding Components 00:01:38
  • Урок 15. Installing Angular with the CLI 00:04:30
  • Урок 16. Installing the IDE 00:05:00
  • Урок 17. Understanding the Folder Structure 00:08:15
  • Урок 18. The App Component 00:07:05
  • Урок 19. Creating Our First Component 00:04:06
  • Урок 20. Cross Component Communication with Property Binding 00:05:24
  • Урок 21. Understanding Directives & String Interpolation 00:04:06
  • Урок 22. Handling User Input 00:04:09
  • Урок 23. Understanding Event Binding 00:02:14
  • Урок 24. Local References 00:01:50
  • Урок 25. Understanding Two-Way-Binding 00:05:57
  • Урок 26. Passing Data Around with Custom Events 00:03:59
  • Урок 27. Implementing Routing 00:07:11
  • Урок 28. Setting Up Services 00:03:16
  • Урок 29. Using Services with Dependency Injection 00:02:49
  • Урок 30. Working with Angular Lifecycle Hooks 00:03:26
  • Урок 31. Adding a Person with Services 00:02:45
  • Урок 32. Navigating between Components 00:02:04
  • Урок 33. Removing Items Upon a Click 00:03:09
  • Урок 34. "Push"ing Data Around with Subjects 00:05:35
  • Урок 35. Sending Http Requests 00:10:04
  • Урок 36. Showing a Placeholder Whilst Waiting for a Response 00:02:06
  • Урок 37. Wrap Up 00:01:18
  • Урок 38. Module Introduction 00:01:21
  • Урок 39. Core App Building Blocks 00:04:27
  • Урок 40. Under the Hood of Ionic Components 00:06:48
  • Урок 41. Setting Up a Non-Angular Ionic Project 00:03:05
  • Урок 42. Where to Learn all about Ionic Components 00:02:30
  • Урок 43. Using Basic Ionic Components 00:05:12
  • Урок 44. More Basic Components 00:03:24
  • Урок 45. Component Categories 00:02:28
  • Урок 46. Using the Ionic Grid 00:04:52
  • Урок 47. Adding Icons & Using Slots 00:06:15
  • Урок 48. Using CSS Utility Attributes 00:02:12
  • Урок 49. Using Ionic Elements like "Normal" HTML Elements 00:04:13
  • Урок 50. Validating User Input 00:02:47
  • Урок 51. Creating Ionic Elements Programmatically 00:04:58
  • Урок 52. Finishing Up the Base JavaScript Logic 00:03:40
  • Урок 53. Finalizing the Layout 00:01:32
  • Урок 54. Using Controller Components 00:06:29
  • Урок 55. Why Angular? 00:05:30
  • Урок 56. Module Introduction 00:01:45
  • Урок 57. Why Use Angular? 00:02:40
  • Урок 58. Creating a New Ionic Angular Project 00:05:50
  • Урок 59. Analyzing the Created Project 00:05:55
  • Урок 60. How Angular & Ionic Work Together 00:03:54
  • Урок 61. Adding & Loading a New Page 00:05:37
  • Урок 62. Using Angular Features on Ionic Components 00:05:29
  • Урок 63. Setting Up Angular Routes 00:03:32
  • Урок 64. Managing State with Services 00:06:22
  • Урок 65. Extracting and Displaying Route Param Data 00:08:35
  • Урок 66. Navigating Between Pages 00:05:33
  • Урок 67. Deleting a Recipe 00:04:35
  • Урок 68. Injecting Ionic Controllers 00:03:32
  • Урок 69. Angular Components vs Ionic Components 00:05:50
  • Урок 70. Wrap Up 00:00:38
  • Урок 71. Module Introduction 00:01:00
  • Урок 72. General Information 00:01:29
  • Урок 73. Creating an Android App 00:12:34
  • Урок 74. Creating an iOS App 00:09:11
  • Урок 75. Wrap Up 00:01:04
  • Урок 76. Module Introduction 00:00:45
  • Урок 77. Error Messages & console.log() 00:04:03
  • Урок 78. Using the Browser DevTools & Breakpoints 00:02:31
  • Урок 79. Debugging the UI & Performance 00:02:54
  • Урок 80. Debugging Android Apps 00:04:17
  • Урок 81. Debugging iOS Apps 00:04:17
  • Урок 82. Wrap Up 00:00:41
  • Урок 83. Module Introduction 00:01:42
  • Урок 84. How Routing Work In An Ionic + Angular App 00:04:38
  • Урок 85. Ionic Page Caching & Extra Lifecycle Hooks 00:09:21
  • Урок 86. Planning the Course Project 00:04:07
  • Урок 87. Creating Our App Pages 00:05:36
  • Урок 88. Adjusting Our Main Routing Configuration 00:02:00
  • Урок 89. Understanding Ionic Tabs 00:01:30
  • Урок 90. Adding Tabs to the App 00:15:23
  • Урок 91. Preparing Data & Services for the Project 00:05:54
  • Урок 92. Outputting "Places" 00:08:13
  • Урок 93. Adding Forward Navigation 00:06:22
  • Урок 94. Going Back with NavController 00:07:02
  • Урок 95. Navigating via Toolbar Buttons 00:03:14
  • Урок 96. Extracting the ID of Loaded Places 00:05:35
  • Урок 97. Adding a SideDrawer 00:07:01
  • Урок 98. Opening + Closing the SideDrawer 00:04:47
  • Урок 99. Adding Links & Switching Pages 00:04:16
  • Урок 100. Adding the Auth Service 00:03:29
  • Урок 101. Adding an Auth Guard 00:07:48
  • Урок 102. Opening a Modal 00:06:27
  • Урок 103. Closing the Modal & Passing Data 00:07:22
  • Урок 104. Wrap Up 00:01:25
  • Урок 105. Module Introduction 00:01:53
  • Урок 106. Attributes & Slots 00:06:10
  • Урок 107. Ionic Grid Basics 00:08:36
  • Урок 108. Controlling Grid Column Sizes 00:03:45
  • Урок 109. Controlling Grid Alignment 00:05:30
  • Урок 110. Responsive Grid Sizing 00:05:11
  • Урок 111. Grid Summary 00:02:12
  • Урок 112. ion-list vs ion-grid 00:03:07
  • Урок 113. ion-label & ion-item 00:07:30
  • Урок 114. ion-text 00:02:40
  • Урок 115. Swipeable List Items 00:11:09
  • Урок 116. Swipeable Bookings 00:10:13
  • Урок 117. Understanding Virtual Scrolling 00:03:51
  • Урок 118. Implementing Virtual Scrolling 00:05:24
  • Урок 119. Adding Image Elements 00:02:46
  • Урок 120. Segmented Buttons 00:04:42
  • Урок 121. Adding a Spinner 00:04:18
  • Урок 122. Using the Loading Controller 00:02:37
  • Урок 123. Using the ActionSheet Controller 00:06:51
  • Урок 124. Wrap Up 00:01:43
  • Урок 125. Module Introduction 00:01:13
  • Урок 126. How Styling & Theming Works in Ionic Apps 00:06:45
  • Урок 127. Docs & Utility Attributes 00:01:14
  • Урок 128. Setting Global Theme Variables 00:03:29
  • Урок 129. Setting Global Styles 00:01:19
  • Урок 130. Setting All Colors at Once 00:02:36
  • Урок 131. Setting Platform-Specific Styles 00:03:59
  • Урок 132. Styling Core Components with Variables 00:08:14
  • Урок 133. Adding Custom CSS Rules 00:10:02
  • Урок 134. Component-specific CSS Variables 00:04:33
  • Урок 135. Wrap Up 00:00:41
  • Урок 136. Module Introduction 00:01:33
  • Урок 137. User Input Requirements 00:01:21
  • Урок 138. Setting Up a Form Template 00:05:46
  • Урок 139. Adding a Template-driven Form 00:07:38
  • Урок 140. Handling Validation 00:06:03
  • Урок 141. Switching Between Auth Modes 00:02:36
  • Урок 142. Finishing the Auth Form 00:02:29
  • Урок 143. Starting Work on a New Offer Form 00:03:55
  • Урок 144. Finishing the Offer Form Template 00:04:23
  • Урок 145. Creating a Reactive Form 00:05:22
  • Урок 146. Syncing the Form to the Template 00:04:01
  • Урок 147. Finishing the New Offer Form 00:04:02
  • Урок 148. Edit Form Challenge 00:00:53
  • Урок 149. Adding the Edit Offer Form 00:05:37
  • Урок 150. Starting with the Booking Form 00:04:34
  • Урок 151. Working on the Book Place Template 00:06:00
  • Урок 152. Configuring the Date Controls 00:11:45
  • Урок 153. Validating & Submitting the Form 00:07:46
  • Урок 154. Wrap Up 00:01:27
  • Урок 155. Module Introduction 00:01:06
  • Урок 156. What is State? 00:04:02
  • Урок 157. Adding New Places 00:12:15
  • Урок 158. Using RxJS Subjects for State Management 00:09:00
  • Урок 159. Passing Data via Subjects & Subscriptions 00:12:25
  • Урок 160. UI State in Action 00:08:11
  • Урок 161. Updating Places 00:08:41
  • Урок 162. UI State with Bookable Places 00:07:02
  • Урок 163. Booking Places 00:16:06
  • Урок 164. Fixing a Bug 00:00:26
  • Урок 165. Canceling Bookings 00:04:55
  • Урок 166. Finishing Touches 00:04:37
  • Урок 167. Module Introduction 00:00:47
  • Урок 168. How To Connect to a Backend 00:02:14
  • Урок 169. Setting Up Firebase 00:02:12
  • Урок 170. Sending Data via Http 00:07:13
  • Урок 171. Using Response Data 00:03:37
  • Урок 172. Fetching & Displaying Data 00:14:51
  • Урок 173. Updating Places 00:06:39
  • Урок 174. Fetching Data in Multiple Places 00:03:16
  • Урок 175. Loading Data in a Single Place 00:07:00
  • Урок 176. Updating Places Correctly 00:03:53
  • Урок 177. Error Handling 00:03:28
  • Урок 178. Fetching Single Places 00:06:19
  • Урок 179. Adding a Booking 00:06:47
  • Урок 180. Fetching Bookings By User 00:10:08
  • Урок 181. Deleting Bookings 00:05:12
  • Урок 182. Wrap Up 00:00:57
  • Урок 183. Module Introduction 00:01:30
  • Урок 184. API Setup 00:03:33
  • Урок 185. Adding a LocationPicker Component 00:06:52
  • Урок 186. Opening the Map Modal 00:04:00
  • Урок 187. Adding the Google Maps SDK 00:08:45
  • Урок 188. Rendering a Map 00:06:05
  • Урок 189. Picking Locations via a Click on the Map 00:03:42
  • Урок 190. Finding the Address for a Place 00:08:48
  • Урок 191. Fetching a Static Image URL 00:07:20
  • Урок 192. Displaying a Place Preview 00:05:13
  • Урок 193. Changing the Selection 00:01:02
  • Урок 194. Removing the Click Listener 00:02:11
  • Урок 195. Submitting the Location 00:08:15
  • Урок 196. Outputting Address & Map 00:03:24
  • Урок 197. Re-using the Maps Modal 00:08:37
  • Урок 198. Module Introduction 00:00:58
  • Урок 199. Understanding Capacitor & Cordova 00:04:13
  • Урок 200. Using the Docs 00:00:57
  • Урок 201. Using Capacitor Plugins 00:06:40
  • Урок 202. Getting the User Location 00:09:38
  • Урок 203. Testing the Location Feature 00:06:18
  • Урок 204. Starting With the Image Picker 00:04:27
  • Урок 205. Taking Pictures 00:09:10
  • Урок 206. Detecting the Platform Correctly 00:05:01
  • Урок 207. Adding a Filepicker Fallback 00:04:44
  • Урок 208. Getting the Picked Image 00:03:01
  • Урок 209. Converting the Image String to a File 00:05:14
  • Урок 210. Storing the Image in the Form 00:03:31
  • Урок 211. Using PWA Elements 00:04:07
  • Урок 212. Improving the ImagePicker Component 00:04:47
  • Урок 213. Adding Server-side Image Uploading Code 00:05:05
  • Урок 214. Adding Image Upload 00:07:31
  • Урок 215. Wrap Up 00:01:07
  • Урок 216. Module Introduction 00:00:52
  • Урок 217. How Authentication Works 00:03:01
  • Урок 218. Adding User Signup 00:10:06
  • Урок 219. Refactoring the Authentication Code 00:06:34
  • Урок 220. Adding User Login 00:06:24
  • Урок 221. Managing the User with a Subject 00:06:42
  • Урок 222. Storing the Token in Memory 00:04:56
  • Урок 223. Using the ID Observable Correctly 00:04:43
  • Урок 224. More userId Usage 00:04:58
  • Урок 225. Fixing the Subscription 00:00:50
  • Урок 226. Using the userId Everywhere 00:05:57
  • Урок 227. Storing Auth Data in Device Storag 00:04:23
  • Урок 228. Adding Autologin 00:06:49
  • Урок 229. Using Autologin 00:04:16
  • Урок 230. Adding a Reactive Logout System 00:07:53
  • Урок 231. Adding Autologout 00:08:01
  • Урок 232. Requiring the Auth Token on the Backend 00:06:23
  • Урок 233. Sending the Auth Token to the Backend 00:07:56
  • Урок 234. More Token Usage 00:04:13
  • Урок 235. Wrap Up 00:01:36
  • Урок 236. Module Introduction 00:01:07
  • Урок 237. Preparing App Configs 00:07:53
  • Урок 238. Custom Icons & Splash Screens 00:08:54
  • Урок 239. Android Deployment 00:03:55
  • Урок 240. iOS Deployment 00:03:34
  • Урок 241. Web Development 00:05:46
  • Урок 242. Course Roundup 00:01:38
  • Урок 243. Course Introduction 00:01:30
  • Урок 244. This Course & Angular 4 00:01:02
  • Урок 245. What is Ionic 2? 00:03:12
  • Урок 246. Just to be safe: What is Angular 2? 00:01:03
  • Урок 247. Course Requirements 00:01:07
  • Урок 248. Creating our first Ionic 2 Project and App 00:06:43
  • Урок 249. Changing our First App 00:03:42
  • Урок 250. The Structure of this Course 00:03:17
  • Урок 251. How to get the Most out of this Course 00:02:03
  • Урок 252. Module Introduction 00:01:12
  • Урок 253. A different Way of Creating a New Project 00:01:59
  • Урок 254. Understanding the Structure of an Ionic 2 Project 00:06:48
  • Урок 255. How an Ionic 2 App Works 00:08:15
  • Урок 256. Pages vs Components 00:01:55
  • Урок 257. How Navigation works in an Ionic 2 App 00:01:56
  • Урок 258. Initializing Navigation in the AppComponent 00:02:12
  • Урок 259. Creating a Page and how to Navigate to it 00:06:53
  • Урок 260. First Summary 00:01:24
  • Урок 261. An Alternative Way of Creating Pages 00:04:30
  • Урок 262. Passing Data between Pages 00:04:30
  • Урок 263. Popping Pages - Going Back 00:03:47
  • Урок 264. Time to Practice - Pages & Navigation - Problem 00:02:03
  • Урок 265. Time to Practice - Pages & Navigation - Solution 00:12:03
  • Урок 266. Saving Time with helpful Navigation Directives 00:03:08
  • Урок 267. Understanding the Lifecycle of a Page 00:03:29
  • Урок 268. The Page Lifecycle in Action 00:09:00
  • Урок 269. How to use the Ionic 2 Documentation 00:03:44
  • Урок 270. Styling the App and Setting a Theme 00:04:46
  • Урок 271. Using Utility Attributes 00:00:59
  • Урок 272. Module Summary 00:00:52
  • Урок 273. Module Introduction 00:01:31
  • Урок 274. What we're going to build 00:02:05
  • Урок 275. Breaking the App into Pieces (Defining the App Structure) 00:02:30
  • Урок 276. Creating the required Pages 00:04:17
  • Урок 277. Multiple Stacks of Pages vs One Single Stack 00:01:59
  • Урок 278. Implementing Tabs Navigation with Multiple Stacks of Pages 00:09:09
  • Урок 279. Adding Quotes Data to the App 00:01:49
  • Урок 280. Using the Quotes Data 00:04:29
  • Урок 281. Using the Ionic "List" and "List Item" Components 00:05:56
  • Урок 282. How to create more complex List Items 00:05:01
  • Урок 283. Passing the Quotes Data between Pages 00:09:05
  • Урок 284. Using the Ionic "Cards" Component 00:05:32
  • Урок 285. Using the Ionic Grid, Buttons and Styling Cards 00:05:49
  • Урок 286. Adding Custom Styles 00:03:25
  • Урок 287. Adding Alerts to the Application 00:09:08
  • Урок 288. Working with Angular 2 Services in the Ionic 2 App 00:05:38
  • Урок 289. Marking Quotes as Favorites by using a Service 00:02:42
  • Урок 290. Preparing the Favorite Quotes Page 00:02:52
  • Урок 291. Diving Deeper into List Items 00:02:45
  • Урок 292. Preparing a Modal Page 00:04:08
  • Урок 293. Presenting a Modal 00:02:43
  • Урок 294. Dismissing Modals 00:03:42
  • Урок 295. Passing Data to a Modal 00:04:13
  • Урок 296. Passing Data from a Modal back to the Page 00:04:04
  • Урок 297. Understanding ViewController Hooks 00:01:32
  • Урок 298. Receiving Modal Data by Using the ViewController 00:04:25
  • Урок 299. Updating the "Favorite Quotes" Page 00:03:02
  • Урок 300. Adding an "Unfavorite" Functionality to the App 00:06:20
  • Урок 301. Revealing extra List Item Options upon Sliding 00:05:36
  • Урок 302. Changing the overall App Theme 00:07:19
  • Урок 303. Adding a Sidemenu 00:05:45
  • Урок 304. How to change the Root Page 00:03:56
  • Урок 305. Adding a Menu Toggle Button to the Navigation Bar 00:05:07
  • Урок 306. Preparing the Settings Page 00:05:13
  • Урок 307. Creating and Using the Settings Service to Store Settings 00:04:23
  • Урок 308. Adding an Alternative Item Background 00:05:22
  • Урок 309. App Summary 00:01:46
  • Урок 310. Module Summary 00:00:52
  • Урок 311. Module Introduction 00:00:41
  • Урок 312. Another Look at the Component Docs 00:02:36
  • Урок 313. Using and Styling Buttons 00:09:12
  • Урок 314. Understanding Lists 00:03:01
  • Урок 315. Understanding List Items and their Content 00:03:19
  • Урок 316. Configuring Lists 00:01:19
  • Урок 317. Item Groups and List Headers 00:05:02
  • Урок 318. Understanding the Grid System 00:04:26
  • Урок 319. More than (click) - Using Gestures 00:06:32
  • Урок 320. Creating and Using Custom Components 00:04:08
  • Урок 321. Time to Practice - Components - Problem 00:02:28
  • Урок 322. Time to Practice - Components - Solution 00:16:43
  • Урок 323. Module Summary 00:00:43
  • Урок 324. Module Introduction 00:01:00
  • Урок 325. Where to get started 00:01:26
  • Урок 326. Building for iOS 00:07:46
  • Урок 327. Building for Android 00:07:30
  • Урок 328. Module Summary 00:00:38
  • Урок 329. Module Introduction 00:00:51
  • Урок 330. What we're going to build 00:03:02
  • Урок 331. Breaking the App into Pieces (Defining the App Structure) 00:01:43
  • Урок 332. Creating the required Pages 00:03:36
  • Урок 333. Implementing a Tabs Navigation 00:04:08
  • Урок 334. Setting the App Theme 00:01:17
  • Урок 335. Planning the Next Steps 00:01:20
  • Урок 336. Forms: Template-driven vs Reactive Approach 00:01:26
  • Урок 337. Understanding Ionic 2 Controls 00:01:22
  • Урок 338. Creating a Form Template (for Template-Driven Approach) 00:06:12
  • Урок 339. Registering Controls (Template-Driven) 00:03:21
  • Урок 340. Submitting the Form (Template-Driven) 00:02:20
  • Урок 341. Validating the Form (Template-Driven) 00:02:32
  • Урок 342. Handling Data with a Model for our Ingredients 00:03:58
  • Урок 343. Managing Data with a Service (Shopping List Service) 00:05:57
  • Урок 344. Saving Items with the Shopping List Service 00:03:55
  • Урок 345. Displaying Items from the Shopping List 00:05:27
  • Урок 346. Removing Item from the Shopping List 00:03:57
  • Урок 347. Adding a "New Recipe" Button and Page Transition 00:04:10
  • Урок 348. Creating a "Edit Recipe" Form (Reactive Approach) 00:08:33
  • Урок 349. Creating the Reactive Form 00:05:08
  • Урок 350. Syncing Form and HTML (Reactive Approach) 00:04:15
  • Урок 351. Add Ingredients Management to the Form 00:03:32
  • Урок 352. Creating an Action Sheet 00:03:56
  • Урок 353. Creating a Dialog (Alert) with an Input Field 00:04:13
  • Урок 354. Managing Ingredient Controls in a FormArray 00:04:13
  • Урок 355. Wiring it all up 00:04:20
  • Урок 356. Removing Ingredient Controls 00:03:40
  • Урок 357. Using Toasts to Present Short Messages 00:04:29
  • Урок 358. Adding a Recipe Model and Service 00:07:56
  • Урок 359. Adding Recipes through a Service 00:06:09
  • Урок 360. Outputting Recipes 00:05:17
  • Урок 361. Displaying Recipe Details - Template 00:05:28
  • Урок 362. Displaying Recipe Details - Styling 00:01:19
  • Урок 363. Loading the Recipe Detail Page (and passing Data to it) 00:06:35
  • Урок 364. Loading the Edit Page (and passing Data to it) 00:01:46
  • Урок 365. Initializing the Edit Form 00:06:04
  • Урок 366. Updating the Recipe through a Service 00:03:17
  • Урок 367. Sending Ingredients to the Shopping List 00:04:19
  • Урок 368. Finishing Steps 00:04:54
  • Урок 369. Module Summary 00:00:37
  • Урок 370. Module Introduction 00:01:18
  • Урок 371. What we're going to build 00:02:52
  • Урок 372. Which New Features We're Going to Add 00:01:18
  • Урок 373. Generating the Required Pages 00:02:21
  • Урок 374. Adding a Sidemenu 00:12:02
  • Урок 375. Creating the Signup Page (and Form) 00:04:59
  • Урок 376. Creating the Signin Page 00:02:04
  • Урок 377. How Authentication Works in an Ionic 2 (Mobile) App 00:03:39
  • Урок 378. Setting up Firebase (as a Development Backend) 00:06:23
  • Урок 379. Implementing the Signup Process 00:06:45
  • Урок 380. Showing a Loader (Spinner) and Error Alert 00:04:43
  • Урок 381. Implementing the Signin Process 00:02:35
  • Урок 382. Refining the Signin Page 00:02:42
  • Урок 383. Managing the User State 00:04:07
  • Урок 384. Logging Users Out & Fixing a Bug 00:04:44
  • Урок 385. How Firebase stores the Token 00:03:25
  • Урок 386. Adding a Popover Component 00:10:19
  • Урок 387. Fetching the Token 00:05:44
  • Урок 388. Sending a PUT Request with the Auth Token 00:08:32
  • Урок 389. Sending a GET Request to load Data 00:05:33
  • Урок 390. Polishing the App (Adding a Spinner and Error Handling) 00:05:20
  • Урок 391. Storing and Fetching Recipes 00:13:44
  • Урок 392. Fixing Errors 00:05:17
  • Урок 393. Seeing the App run on a Real Device 00:02:19
  • Урок 394. Module Summary 00:01:07
  • Урок 395. Module Introduction 00:00:58
  • Урок 396. What we'll build 00:02:52
  • Урок 397. Generating the required Pages 00:02:04
  • Урок 398. Creating Models for Location and Places 00:02:32
  • Урок 399. Implementing Navigation 00:02:09
  • Урок 400. Filling the "New Place" Page with Life (incl. Template-Driven Form) 00:11:06
  • Урок 401. Adding Google Maps to the App 00:06:28
  • Урок 402. Configuring our Maps 00:04:02
  • Урок 403. Allowing the User to Place a Marker on the Map 00:04:29
  • Урок 404. Passing the Chosen Location back to the Page 00:03:51
  • Урок 405. Displaying the Chosen Location 00:08:36
  • Урок 406. Using a Native Device Feature: Geolocation to Locate the User 00:06:37
  • Урок 407. Polishing the Auto-Locate-Feature 00:02:39
  • Урок 408. Using a Native Device Feature: The Camera 00:06:46
  • Урок 409. Displaying the Picture 00:02:31
  • Урок 410. Managing Data with the PlacesService 00:11:00
  • Урок 411. Configuring the Single Place Page 00:06:18
  • Урок 412. Reflecting on our App 00:03:18
  • Урок 413. Using a Native Device Feature: The File System (to manage Files) 00:10:19
  • Урок 414. Using the Device Storage: Setting and Getting Data 00:07:02
  • Урок 415. Deleting stored Data and Files 00:07:08
  • Урок 416. Fixing the Fetching of Data 00:02:55
  • Урок 417. Fixing the Storage Issues 00:04:08
  • Урок 418. Extra: How to Debug 00:01:47
  • Урок 419. Module Summary 00:00:56
  • Урок 420. Module Introduction 00:01:21
  • Урок 421. Deployment Considerations 00:00:46
  • Урок 422. Using Custom Icons & Splashscreens 00:04:04
  • Урок 423. Configuring the App 00:03:33
  • Урок 424. Build Preparations & Building for Production 00:03:44
  • Урок 425. Publishing the App in the Google Play Store 00:04:43
  • Урок 426. Publishing the App in the Apple AppStore 00:08:54
  • Урок 427. Module Summary 00:00:38
  • Урок 428. Course Roundup 00:01:52
  • Урок 429. Changing the Back Button Text 00:05:05
  • Урок 430. Changing Application-Wide Settings 00:05:49
  • Урок 431. Find out which Platform You're Running On 00:04:22
  • Урок 432. Find out which Screen Orientation You're Running On 00:02:01
  • Урок 433. Module Introduction 00:00:45
  • Урок 434. What is Angular 2? 00:02:55
  • Урок 435. Understanding the Project Structure and how the App Starts 00:06:40
  • Урок 436. Understanding Components & Templates 00:04:48
  • Урок 437. Understanding Databinding 00:11:42
  • Урок 438. Understanding Directives 00:06:22
  • Урок 439. Custom Property and Event Binding 00:06:44
  • Урок 440. Using Services & Dependency Injection 00:08:44
  • Урок 441. More on Angular 2 00:00:52
  • Урок 442. Module Summary 00:00:37
  • Урок 443. Ionic 3 Update Overview 00:04:02
  • Урок 444. Updating the "Awesome Places" App to Ionic 3 & Ionic Native 3 00:11:07
Этот курс находится в платной подписке!

И будет доступен в бесплатном просмотре 07.04.2019. Если у тебя еще нет у нас аккаунта - зарегистрируйся и оформи премиум подписку в своем личном кабинете, и смотри этот, а также многие другие курсы, прямо сейчас.

Следи за последними обновлениями и новостями в нашем coursehunter-club.net (Ex coursehunters.club), или вступай в наш канал telegram.

Комментарии

Похожие курсы

10-07-2018 en 399 уроков
udemy Angular, Ionic & Node: Build A Real Web & Mobile Chat App
Научитесь подключать свой Angular и Ionic фронтенд к серверу NodeJS и MongoDB, создав реальное приложение для веба и мобильных устройств.Вы пытались создать собственное веб-приложение и мобильное приложение с использованием NodeJS? Возможно, вы пытались создать приложение для Интернета или мобильного телефона с функциями чата, и вам нужно сделать больше с ним, тогда этот курс для вас.Angular является одним из самых популярных фреймворков для...
Duration 35:37:26
6 0
12-09-2017 en 19 уроков
coursetro Build a Beautiful CryptoCurrency App using Ionic 3
В этом курсе вы будете следовать за full-stack разработчиком, который уже почти два десятилетия создает приложения. Я уверен что вы слышали о биткойне - это первая в мире криптовалюта. За прошедшие годы с момента выхода Биткойна, вышло более тысячи конкурирующих криптовалют. Сегодня эти криптовалюты очень популярны. Вот почему мы собираемся создать приложение под названием Coinful.

Coinful - это приложение, которое позволяет пользователям...
Duration 02:34:45
7 1
30-11--0001 en 25 уроков
udemy Create a full Ionic app with material design - full stack
Пришло время повысить свои навыки проектирования на следующий уровень: разработка гибридных приложений.
Ionic 3 позволяет создавать мощные гибридные приложения, которые работают на различных мобильных платформах, включая Android, IOS и Windows.
Прелесть курса состоит в том, что вы будете наблюдать весь процесс проектирования приложения .
Для начала мы создадим логотип и серию интерактивных прототипов макета, затем мы...
Duration 03:41:22
14 2

Последнее добавленное

React JS и Redux Bootcamp - Освойте React Веб-разработку

React JS и Redux Bootcamp - Освойте React Веб-разработку

en
Изучите React.js и Redux правильно. Погрузитесь в движок React, создайте 5 приложений и станьте веб-разработчиком React. Дайте мне пять минут вашего времени, и я объясню, почему этот курс - лучшее время, которое вы можете потратить, чтобы научиться писать приложения React и Redux.
Автоматизированное тестирование с WebdriverIO

Автоматизированное тестирование с WebdriverIO

en
Мне потребовались годы, чтобы остановиться на концепции автоматизации тестирования. Все, что я пробовал, казалось впечатляющим, но никогда не соответствовало реальному использованию. Затем я наткнулся на WebdriverIO, и все это изменилось. Из-за его удивительных особенностей и простоты в дизайне...
React с Firebase

React с Firebase

en
Я преподаю React с 2015 года, а начал работать с ним еще раньше. Сегодня есть еще одна технология, о которой я хочу повогорить с вами - это Firebase. В этом курсе мы построим готовое приложение чата в реальном времени. Мы реализуем переписку в реальном времени между пользователями, авторизацию...
Создаем приложение React Native для iOS и Android от начала до конца

Создаем приложение React Native для iOS и Android от начала до конца

en
Если вы уже знакомы с React, то React Native - отличный способ создавать мобильные приложения для iOS и Android. Конечно, веб-приложения и мобильные приложения сильно отличаются друг от друга, но этот курс служит вашим руководством.
Полное введение в React, v5

Полное введение в React, v5

en
В дополнение к обновлению всех инструментов до последних и самых лучших версий Complete Intro to React v5 реструктурировал семинар, чтобы больше сосредоточиться на обучении основным принципам React, не жертвуя при этом какими-либо инструкциями по инструментарию. В этом двухдневном тренинге Брайан...
The Web Developer Bootcamp

The Web Developer Bootcamp

en
Единственный курс, который вам нужен для изучения веб-разработки - HTML, CSS, JS, Node и многое другое! Привет! Добро пожаловать в The Web Developer Bootcamp, единственный курс, который вам нужен для изучения веб-разработки. Существует множество вариантов онлайн-обучения разработчиков...
chat
logo