Главная страница Категория ionic Ionic 5 - Создание iOS, Android и веб-приложений с Ionic и Angular

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

Name: Ionic 5 - Создание iOS, Android и веб-приложений с Ionic и Angular
Rating: 4.6 (29 reviews)

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

udemy

Скачать курс архивом Скачать материалы курса

Продолжительность

19 ч 48 мин

Категория

Ionic

Количество уроков

242 Видео

Дата добавления

7 мар. 2019 г., 14:05

Язык

Английский

Дата выхода

1 мар. 2019 г., 15:29

Дата обновления

26 мар. 2020 г., 06:42

Создавайте нативные 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. 00:02:28

Course Introduction
Урок 2. 00:07:45

What Is Ionic?
Урок 3. 00:04:29

A Closer Look at the Ionic Platform
Урок 4. 00:04:00

What is Angular?
Урок 5. 00:13:37

Our First Ionic App!
Урок 6. 00:04:03

The History of Ionic
Урок 7. 00:03:07

Ionic 4+ vs Ionic 3
Урок 8. 00:03:46

How to Build Native Mobile Apps with Ionic
Урок 9. 00:06:24

Course Outline
Урок 10. 00:03:03

How To Get The Most Out Of The Course
Урок 11. 00:00:33

Module Introduction
Урок 12. 00:02:43

What is Angular?
Урок 13. 00:03:10

Angular SPAs & Ionic
Урок 14. 00:01:38

Understanding Components
Урок 15. 00:04:30

Installing Angular with the CLI
Урок 16. 00:05:00

Installing the IDE
Урок 17. 00:08:15

Understanding the Folder Structure
Урок 18. 00:07:05

The App Component
Урок 19. 00:04:06

Creating Our First Component
Урок 20. 00:05:24

Cross Component Communication with Property Binding
Урок 21. 00:04:06

Understanding Directives & String Interpolation
Урок 22. 00:04:09

Handling User Input
Урок 23. 00:02:14

Understanding Event Binding
Урок 24. 00:01:50

Local References
Урок 25. 00:05:57

Understanding Two-Way-Binding
Урок 26. 00:03:59

Passing Data Around with Custom Events
Урок 27. 00:07:11

Implementing Routing
Урок 28. 00:03:16

Setting Up Services
Урок 29. 00:02:49

Using Services with Dependency Injection
Урок 30. 00:03:26

Working with Angular Lifecycle Hooks
Урок 31. 00:02:45

Adding a Person with Services
Урок 32. 00:02:04

Navigating between Components
Урок 33. 00:03:09

Removing Items Upon a Click
Урок 34. 00:05:35

"Push"ing Data Around with Subjects
Урок 35. 00:10:04

Sending Http Requests
Урок 36. 00:02:06

Showing a Placeholder Whilst Waiting for a Response
Урок 37. 00:01:18

Wrap Up
Урок 38. 00:01:21

Module Introduction
Урок 39. 00:04:27

Core App Building Blocks
Урок 40. 00:06:48

Under the Hood of Ionic Components
Урок 41. 00:03:05

Setting Up a Non-Angular Ionic Project
Урок 42. 00:02:30

Where to Learn all about Ionic Components
Урок 43. 00:05:12

Using Basic Ionic Components
Урок 44. 00:03:24

More Basic Components
Урок 45. 00:02:28

Component Categories
Урок 46. 00:04:52

Using the Ionic Grid
Урок 47. 00:06:15

Adding Icons & Using Slots
Урок 48. 00:03:43

Using CSS Utility Attributes
Урок 49. 00:04:13

Using Ionic Elements like "Normal" HTML Elements
Урок 50. 00:02:47

Validating User Input
Урок 51. 00:04:58

Creating Ionic Elements Programmatically
Урок 52. 00:03:40

Finishing Up the Base JavaScript Logic
Урок 53. 00:01:32

Finalizing the Layout
Урок 54. 00:06:29

Using Controller Components
Урок 55. 00:05:30

Why Angular?
Урок 56. 00:01:45

Module Introduction
Урок 57. 00:02:40

Why Use Angular?
Урок 58. 00:05:50

Creating a New Ionic Angular Project
Урок 59. 00:05:55

Analyzing the Created Project
Урок 60. 00:03:54

How Angular & Ionic Work Together
Урок 61. 00:07:45

Adding & Loading a New Page
Урок 62. 00:05:29

Using Angular Features on Ionic Components
Урок 63. 00:04:07

Setting Up Angular Routes
Урок 64. 00:06:22

Managing State with Services
Урок 65. 00:08:35

Extracting and Displaying Route Param Data
Урок 66. 00:05:33

Navigating Between Pages
Урок 67. 00:04:35

Deleting a Recipe
Урок 68. 00:03:32

Injecting Ionic Controllers
Урок 69. 00:05:50

Angular Components vs Ionic Components
Урок 70. 00:00:38

Wrap Up
Урок 71. 00:01:00

Module Introduction
Урок 72. 00:01:29

General Information
Урок 73. 00:12:34

Creating an Android App
Урок 74. 00:09:11

Creating an iOS App
Урок 75. 00:01:04

Wrap Up
Урок 76. 00:00:45

Module Introduction
Урок 77. 00:04:03

Error Messages & console.log()
Урок 78. 00:02:31

Using the Browser DevTools & Breakpoints
Урок 79. 00:02:54

Debugging the UI & Performance
Урок 80. 00:04:17

Debugging Android Apps
Урок 81. 00:04:17

Debugging iOS Apps
Урок 82. 00:00:41

Wrap Up
Урок 83. 00:01:42

Module Introduction
Урок 84. 00:04:38

How Routing Work In An Ionic + Angular App
Урок 85. 00:09:21

Ionic Page Caching & Extra Lifecycle Hooks
Урок 86. 00:04:07

Planning the Course Project
Урок 87. 00:07:45

Creating Our App Pages
Урок 88. 00:02:00

Adjusting Our Main Routing Configuration
Урок 89. 00:01:30

Understanding Ionic Tabs
Урок 90. 00:15:23

Adding Tabs to the App
Урок 91. 00:05:54

Preparing Data & Services for the Project
Урок 92. 00:08:13

Outputting "Places"
Урок 93. 00:06:22

Adding Forward Navigation
Урок 94. 00:07:02

Going Back with NavController
Урок 95. 00:03:14

Navigating via Toolbar Buttons
Урок 96. 00:05:35

Extracting the ID of Loaded Places
Урок 97. 00:07:01

Adding a SideDrawer
Урок 98. 00:04:47

Opening + Closing the SideDrawer
Урок 99. 00:04:16

Adding Links & Switching Pages
Урок 100. 00:03:29

Adding the Auth Service
Урок 101. 00:07:48

Adding an Auth Guard
Урок 102. 00:06:27

Opening a Modal
Урок 103. 00:07:22

Closing the Modal & Passing Data
Урок 104. 00:01:25

Wrap Up
Урок 105. 00:01:53

Module Introduction
Урок 106. 00:06:10

Attributes & Slots
Урок 107. 00:08:36

Ionic Grid Basics
Урок 108. 00:03:45

Controlling Grid Column Sizes
Урок 109. 00:05:30

Controlling Grid Alignment
Урок 110. 00:05:11

Responsive Grid Sizing
Урок 111. 00:02:12

Grid Summary
Урок 112. 00:03:07

ion-list vs ion-grid
Урок 113. 00:07:30

ion-label & ion-item
Урок 114. 00:02:40

ion-text
Урок 115. 00:11:09

Swipeable List Items
Урок 116. 00:10:13

Swipeable Bookings
Урок 117. 00:03:51

Understanding Virtual Scrolling
Урок 118. 00:05:24

Implementing Virtual Scrolling
Урок 119. 00:02:46

Adding Image Elements
Урок 120. 00:05:48

Segmented Buttons
Урок 121. 00:04:18

Adding a Spinner
Урок 122. 00:02:37

Using the Loading Controller
Урок 123. 00:06:51

Using the ActionSheet Controller
Урок 124. 00:01:43

Wrap Up
Урок 125. 00:01:13

Module Introduction
Урок 126. 00:06:45

How Styling & Theming Works in Ionic Apps
Урок 127. 00:01:14

Docs & Utility Attributes
Урок 128. 00:03:29

Setting Global Theme Variables
Урок 129. 00:01:19

Setting Global Styles
Урок 130. 00:02:36

Setting All Colors at Once
Урок 131. 00:03:59

Setting Platform-Specific Styles
Урок 132. 00:08:14

Styling Core Components with Variables
Урок 133. 00:10:02

Adding Custom CSS Rules
Урок 134. 00:04:33

Component-specific CSS Variables
Урок 135. 00:00:41

Wrap Up
Урок 136. 00:01:33

Module Introduction
Урок 137. 00:01:21

User Input Requirements
Урок 138. 00:05:46

Setting Up a Form Template
Урок 139. 00:07:38

Adding a Template-driven Form
Урок 140. 00:06:03

Handling Validation
Урок 141. 00:02:36

Switching Between Auth Modes
Урок 142. 00:02:29

Finishing the Auth Form
Урок 143. 00:03:55

Starting Work on a New Offer Form
Урок 144. 00:04:23

Finishing the Offer Form Template
Урок 145. 00:05:22

Creating a Reactive Form
Урок 146. 00:04:01

Syncing the Form to the Template
Урок 147. 00:04:02

Finishing the New Offer Form
Урок 148. 00:00:53

Edit Form Challenge
Урок 149. 00:05:37

Adding the Edit Offer Form
Урок 150. 00:04:34

Starting with the Booking Form
Урок 151. 00:06:00

Working on the Book Place Template
Урок 152. 00:11:45

Configuring the Date Controls
Урок 153. 00:07:46

Validating & Submitting the Form
Урок 154. 00:01:27

Wrap Up
Урок 155. 00:01:06

Module Introduction
Урок 156. 00:04:02

What is State?
Урок 157. 00:12:15

Adding New Places
Урок 158. 00:09:00

Using RxJS Subjects for State Management
Урок 159. 00:12:25

Passing Data via Subjects & Subscriptions
Урок 160. 00:08:11

UI State in Action
Урок 161. 00:08:41

Updating Places
Урок 162. 00:07:02

UI State with Bookable Places
Урок 163. 00:16:06

Booking Places
Урок 164. 00:00:26

Fixing a Bug
Урок 165. 00:04:55

Canceling Bookings
Урок 166. 00:04:37

Finishing Touches
Урок 167. 00:00:47

Module Introduction
Урок 168. 00:02:14

How To Connect to a Backend
Урок 169. 00:02:12

Setting Up Firebase
Урок 170. 00:07:13

Sending Data via Http
Урок 171. 00:03:37

Using Response Data
Урок 172. 00:14:51

Fetching & Displaying Data
Урок 173. 00:06:39

Updating Places
Урок 174. 00:03:16

Fetching Data in Multiple Places
Урок 175. 00:07:00

Loading Data in a Single Place
Урок 176. 00:03:53

Updating Places Correctly
Урок 177. 00:03:28

Error Handling
Урок 178. 00:06:19

Fetching Single Places
Урок 179. 00:06:47

Adding a Booking
Урок 180. 00:10:08

Fetching Bookings By User
Урок 181. 00:05:12

Deleting Bookings
Урок 182. 00:00:57

Wrap Up
Урок 183. 00:01:30

Module Introduction
Урок 184. 00:03:33

API Setup
Урок 185. 00:06:52

Adding a LocationPicker Component
Урок 186. 00:04:00

Opening the Map Modal
Урок 187. 00:08:45

Adding the Google Maps SDK
Урок 188. 00:06:05

Rendering a Map
Урок 189. 00:03:42

Picking Locations via a Click on the Map
Урок 190. 00:08:48

Finding the Address for a Place
Урок 191. 00:07:20

Fetching a Static Image URL
Урок 192. 00:05:13

Displaying a Place Preview
Урок 193. 00:01:02

Changing the Selection
Урок 194. 00:02:11

Removing the Click Listener
Урок 195. 00:08:15

Submitting the Location
Урок 196. 00:03:24

Outputting Address & Map
Урок 197. 00:08:37

Re-using the Maps Modal
Урок 198. 00:00:58

Module Introduction
Урок 199. 00:04:13

Understanding Capacitor & Cordova
Урок 200. 00:00:57

Using the Docs
Урок 201. 00:06:40

Using Capacitor Plugins
Урок 202. 00:09:38

Getting the User Location
Урок 203. 00:06:18

Testing the Location Feature
Урок 204. 00:04:27

Starting With the Image Picker
Урок 205. 00:10:12

Taking Pictures
Урок 206. 00:05:01

Detecting the Platform Correctly
Урок 207. 00:04:44

Adding a Filepicker Fallback
Урок 208. 00:03:01

Getting the Picked Image
Урок 209. 00:05:14

Converting the Image String to a File
Урок 210. 00:03:31

Storing the Image in the Form
Урок 211. 00:04:07

Using PWA Elements
Урок 212. 00:04:47

Improving the ImagePicker Component
Урок 213. 00:05:05

Adding Server-side Image Uploading Code
Урок 214. 00:07:31

Adding Image Upload
Урок 215. 00:01:07

Wrap Up
Урок 216. 00:00:52

Module Introduction
Урок 217. 00:03:01

How Authentication Works
Урок 218. 00:10:06

Adding User Signup
Урок 219. 00:06:34

Refactoring the Authentication Code
Урок 220. 00:06:24

Adding User Login
Урок 221. 00:06:42

Managing the User with a Subject
Урок 222. 00:04:56

Storing the Token in Memory
Урок 223. 00:04:43

Using the ID Observable Correctly
Урок 224. 00:04:58

More userId Usage
Урок 225. 00:00:50

Fixing the Subscription
Урок 226. 00:05:57

Using the userId Everywhere
Урок 227. 00:04:23

Storing Auth Data in Device Storag
Урок 228. 00:06:49

Adding Autologin
Урок 229. 00:04:16

Using Autologin
Урок 230. 00:07:53

Adding a Reactive Logout System
Урок 231. 00:08:01

Adding Autologout
Урок 232. 00:06:23

Requiring the Auth Token on the Backend
Урок 233. 00:07:56

Sending the Auth Token to the Backend
Урок 234. 00:04:13

More Token Usage
Урок 235. 00:01:36

Wrap Up
Урок 236. 00:01:07

Module Introduction
Урок 237. 00:07:53

Preparing App Configs
Урок 238. 00:08:54

Custom Icons & Splash Screens
Урок 239. 00:03:55

Android Deployment
Урок 240. 00:03:34

iOS Deployment
Урок 241. 00:05:46

Web Development
Урок 242. 00:01:38

Course Roundup

Автор - udemy

udemy

Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.

+191

Категории

Комментарии

kiral280989

17 дек. 2023 г., 10:40

update please
karaman

28 нояб. 2023 г., 21:00

update please
srummy123

7 окт. 2020 г., 07:51

Hey, can you please update the course with latest, if available
makquadri

28 сент. 2020 г., 00:26

The course was updated in August 2020. Please update to 8/2020.
Thanks

Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.

Другие материалы в этой категории

Изображение курса Angular, Ionic и Node: Создайте реальное веб и чат-приложение

udemy

6 авг. 2018 г., 05:05

Angular Node.js Ionic MongoDB

Angular, Ionic и Node: Создайте реальное веб и чат-приложение

Angular, Ionic & Node: Build A Real Web & Mobile Chat App

Научитесь подключать свой Angular и Ionic фронтенд к серверу NodeJS и MongoDB, создав реальное приложение для веба и мобильных устройств.Вы пытались создать собственное веб-приложение и мобильное приложение с использованием NodeJS? Возможно, вы пытались создать приложение для Интернета или мобильного телефона с функциями чата, и вам нужно сделать больше с ним, тогда этот курс для вас.Angular является одним из самых популярных фреймворков для созд

35 ч 37 мин

Английский

Посмотреть

+13

Изображение курса Ionic 3: Создаем красивое криптовалютное приложение

coursetro

14 февр. 2018 г., 19:41

Ionic

Ionic 3: Создаем красивое криптовалютное приложение

Build a Beautiful CryptoCurrency App using Ionic 3

В этом курсе вы будете следовать за full-stack разработчиком, который уже почти два десятилетия создает приложения. Я уверен что вы слышали о биткойне - это первая в мире криптовалюта. За прошедшие годы с момента выхода Биткойна, вышло более тысячи конкурирующих криптовалют. Сегодня эти криптовалюты очень популярны. Вот почему мы собираемся создать приложение под названием Coinful.Coinful - это приложение, которое позволяет пользователям выбирать

2 ч 34 мин

Английский

Посмотреть

Изображение курса Создаем полноценное приложение на Ionic 3 используя материальный дизайн

udemy

26 июл. 2017 г., 10:44

Ionic

Создаем полноценное приложение на Ionic 3 используя материальный дизайн

Create a full Ionic app with material design - full stack

Пришло время повысить свои навыки проектирования на следующий уровень: разработка гибридных приложений. Ionic 3 позволяет создавать мощные гибридные приложения, которые работают на различных мобильных платформах, включая Android, IOS и Windows. Прелесть курса состоит в том, что вы будете наблюдать весь процесс проектирования приложения . Для начала мы создадим логотип и серию интерактивных прототипов макета, затем мы проведем остаток курса, р

3 ч 41 мин

Английский

Посмотреть

+15

Изображение курса Ionic 4 Firebase Мастер Курс

fireship.io

24 июл. 2019 г., 08:01

Ionic

Ionic 4 Firebase Мастер Курс

Ionic 4 Firebase Master Course

Мастер-курс Ionic 4 научит вас основам кроссплатформенной разработки приложений с использованием полного стека, используя объединенные возможности Angular и Firebase.

1 ч 31 мин

Английский

Посмотреть

Изображение курса Ionic + React - Создание кроссплатформенных приложений (Web, Android, iOS)

Academind Pro

24 мар. 2020 г., 19:51

React.js Ionic Другое (Разработка мобильных приложений)

Ionic + React - Создание кроссплатформенных приложений (Web, Android, iOS)

Ionic + React - Build Cross-Platform Apps (Web, Android, iOS)

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

12 ч 52 мин

Английский

Посмотреть

+17