udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Ionic 5 - Создание iOS, Android и веб-приложений с Ionic и Angular
Ionic 4 - Build iOS, Android & Web Apps with Ionic & Angular
★4.6 (всего оценок - 29)
Продолжительность
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:28Course Introduction
- Урок 2.00:07:45What Is Ionic?
- Урок 3.00:04:29A Closer Look at the Ionic Platform
- Урок 4.00:04:00What is Angular?
- Урок 5.00:13:37Our First Ionic App!
- Урок 6.00:04:03The History of Ionic
- Урок 7.00:03:07Ionic 4+ vs Ionic 3
- Урок 8.00:03:46How to Build Native Mobile Apps with Ionic
- Урок 9.00:06:24Course Outline
- Урок 10.00:03:03How To Get The Most Out Of The Course
- Урок 11.00:00:33Module Introduction
- Урок 12.00:02:43What is Angular?
- Урок 13.00:03:10Angular SPAs & Ionic
- Урок 14.00:01:38Understanding Components
- Урок 15.00:04:30Installing Angular with the CLI
- Урок 16.00:05:00Installing the IDE
- Урок 17.00:08:15Understanding the Folder Structure
- Урок 18.00:07:05The App Component
- Урок 19.00:04:06Creating Our First Component
- Урок 20.00:05:24Cross Component Communication with Property Binding
- Урок 21.00:04:06Understanding Directives & String Interpolation
- Урок 22.00:04:09Handling User Input
- Урок 23.00:02:14Understanding Event Binding
- Урок 24.00:01:50Local References
- Урок 25.00:05:57Understanding Two-Way-Binding
- Урок 26.00:03:59Passing Data Around with Custom Events
- Урок 27.00:07:11Implementing Routing
- Урок 28.00:03:16Setting Up Services
- Урок 29.00:02:49Using Services with Dependency Injection
- Урок 30.00:03:26Working with Angular Lifecycle Hooks
- Урок 31.00:02:45Adding a Person with Services
- Урок 32.00:02:04Navigating between Components
- Урок 33.00:03:09Removing Items Upon a Click
- Урок 34.00:05:35"Push"ing Data Around with Subjects
- Урок 35.00:10:04Sending Http Requests
- Урок 36.00:02:06Showing a Placeholder Whilst Waiting for a Response
- Урок 37.00:01:18Wrap Up
- Урок 38.00:01:21Module Introduction
- Урок 39.00:04:27Core App Building Blocks
- Урок 40.00:06:48Under the Hood of Ionic Components
- Урок 41.00:03:05Setting Up a Non-Angular Ionic Project
- Урок 42.00:02:30Where to Learn all about Ionic Components
- Урок 43.00:05:12Using Basic Ionic Components
- Урок 44.00:03:24More Basic Components
- Урок 45.00:02:28Component Categories
- Урок 46.00:04:52Using the Ionic Grid
- Урок 47.00:06:15Adding Icons & Using Slots
- Урок 48.00:03:43Using CSS Utility Attributes
- Урок 49.00:04:13Using Ionic Elements like "Normal" HTML Elements
- Урок 50.00:02:47Validating User Input
- Урок 51.00:04:58Creating Ionic Elements Programmatically
- Урок 52.00:03:40Finishing Up the Base JavaScript Logic
- Урок 53.00:01:32Finalizing the Layout
- Урок 54.00:06:29Using Controller Components
- Урок 55.00:05:30Why Angular?
- Урок 56.00:01:45Module Introduction
- Урок 57.00:02:40Why Use Angular?
- Урок 58.00:05:50Creating a New Ionic Angular Project
- Урок 59.00:05:55Analyzing the Created Project
- Урок 60.00:03:54How Angular & Ionic Work Together
- Урок 61.00:07:45Adding & Loading a New Page
- Урок 62.00:05:29Using Angular Features on Ionic Components
- Урок 63.00:04:07Setting Up Angular Routes
- Урок 64.00:06:22Managing State with Services
- Урок 65.00:08:35Extracting and Displaying Route Param Data
- Урок 66.00:05:33Navigating Between Pages
- Урок 67.00:04:35Deleting a Recipe
- Урок 68.00:03:32Injecting Ionic Controllers
- Урок 69.00:05:50Angular Components vs Ionic Components
- Урок 70.00:00:38Wrap Up
- Урок 71.00:01:00Module Introduction
- Урок 72.00:01:29General Information
- Урок 73.00:12:34Creating an Android App
- Урок 74.00:09:11Creating an iOS App
- Урок 75.00:01:04Wrap Up
- Урок 76.00:00:45Module Introduction
- Урок 77.00:04:03Error Messages & console.log()
- Урок 78.00:02:31Using the Browser DevTools & Breakpoints
- Урок 79.00:02:54Debugging the UI & Performance
- Урок 80.00:04:17Debugging Android Apps
- Урок 81.00:04:17Debugging iOS Apps
- Урок 82.00:00:41Wrap Up
- Урок 83.00:01:42Module Introduction
- Урок 84.00:04:38How Routing Work In An Ionic + Angular App
- Урок 85.00:09:21Ionic Page Caching & Extra Lifecycle Hooks
- Урок 86.00:04:07Planning the Course Project
- Урок 87.00:07:45Creating Our App Pages
- Урок 88.00:02:00Adjusting Our Main Routing Configuration
- Урок 89.00:01:30Understanding Ionic Tabs
- Урок 90.00:15:23Adding Tabs to the App
- Урок 91.00:05:54Preparing Data & Services for the Project
- Урок 92.00:08:13Outputting "Places"
- Урок 93.00:06:22Adding Forward Navigation
- Урок 94.00:07:02Going Back with NavController
- Урок 95.00:03:14Navigating via Toolbar Buttons
- Урок 96.00:05:35Extracting the ID of Loaded Places
- Урок 97.00:07:01Adding a SideDrawer
- Урок 98.00:04:47Opening + Closing the SideDrawer
- Урок 99.00:04:16Adding Links & Switching Pages
- Урок 100.00:03:29Adding the Auth Service
- Урок 101.00:07:48Adding an Auth Guard
- Урок 102.00:06:27Opening a Modal
- Урок 103.00:07:22Closing the Modal & Passing Data
- Урок 104.00:01:25Wrap Up
- Урок 105.00:01:53Module Introduction
- Урок 106.00:06:10Attributes & Slots
- Урок 107.00:08:36Ionic Grid Basics
- Урок 108.00:03:45Controlling Grid Column Sizes
- Урок 109.00:05:30Controlling Grid Alignment
- Урок 110.00:05:11Responsive Grid Sizing
- Урок 111.00:02:12Grid Summary
- Урок 112.00:03:07ion-list vs ion-grid
- Урок 113.00:07:30ion-label & ion-item
- Урок 114.00:02:40ion-text
- Урок 115.00:11:09Swipeable List Items
- Урок 116.00:10:13Swipeable Bookings
- Урок 117.00:03:51Understanding Virtual Scrolling
- Урок 118.00:05:24Implementing Virtual Scrolling
- Урок 119.00:02:46Adding Image Elements
- Урок 120.00:05:48Segmented Buttons
- Урок 121.00:04:18Adding a Spinner
- Урок 122.00:02:37Using the Loading Controller
- Урок 123.00:06:51Using the ActionSheet Controller
- Урок 124.00:01:43Wrap Up
- Урок 125.00:01:13Module Introduction
- Урок 126.00:06:45How Styling & Theming Works in Ionic Apps
- Урок 127.00:01:14Docs & Utility Attributes
- Урок 128.00:03:29Setting Global Theme Variables
- Урок 129.00:01:19Setting Global Styles
- Урок 130.00:02:36Setting All Colors at Once
- Урок 131.00:03:59Setting Platform-Specific Styles
- Урок 132.00:08:14Styling Core Components with Variables
- Урок 133.00:10:02Adding Custom CSS Rules
- Урок 134.00:04:33Component-specific CSS Variables
- Урок 135.00:00:41Wrap Up
- Урок 136.00:01:33Module Introduction
- Урок 137.00:01:21User Input Requirements
- Урок 138.00:05:46Setting Up a Form Template
- Урок 139.00:07:38Adding a Template-driven Form
- Урок 140.00:06:03Handling Validation
- Урок 141.00:02:36Switching Between Auth Modes
- Урок 142.00:02:29Finishing the Auth Form
- Урок 143.00:03:55Starting Work on a New Offer Form
- Урок 144.00:04:23Finishing the Offer Form Template
- Урок 145.00:05:22Creating a Reactive Form
- Урок 146.00:04:01Syncing the Form to the Template
- Урок 147.00:04:02Finishing the New Offer Form
- Урок 148.00:00:53Edit Form Challenge
- Урок 149.00:05:37Adding the Edit Offer Form
- Урок 150.00:04:34Starting with the Booking Form
- Урок 151.00:06:00Working on the Book Place Template
- Урок 152.00:11:45Configuring the Date Controls
- Урок 153.00:07:46Validating & Submitting the Form
- Урок 154.00:01:27Wrap Up
- Урок 155.00:01:06Module Introduction
- Урок 156.00:04:02What is State?
- Урок 157.00:12:15Adding New Places
- Урок 158.00:09:00Using RxJS Subjects for State Management
- Урок 159.00:12:25Passing Data via Subjects & Subscriptions
- Урок 160.00:08:11UI State in Action
- Урок 161.00:08:41Updating Places
- Урок 162.00:07:02UI State with Bookable Places
- Урок 163.00:16:06Booking Places
- Урок 164.00:00:26Fixing a Bug
- Урок 165.00:04:55Canceling Bookings
- Урок 166.00:04:37Finishing Touches
- Урок 167.00:00:47Module Introduction
- Урок 168.00:02:14How To Connect to a Backend
- Урок 169.00:02:12Setting Up Firebase
- Урок 170.00:07:13Sending Data via Http
- Урок 171.00:03:37Using Response Data
- Урок 172.00:14:51Fetching & Displaying Data
- Урок 173.00:06:39Updating Places
- Урок 174.00:03:16Fetching Data in Multiple Places
- Урок 175.00:07:00Loading Data in a Single Place
- Урок 176.00:03:53Updating Places Correctly
- Урок 177.00:03:28Error Handling
- Урок 178.00:06:19Fetching Single Places
- Урок 179.00:06:47Adding a Booking
- Урок 180.00:10:08Fetching Bookings By User
- Урок 181.00:05:12Deleting Bookings
- Урок 182.00:00:57Wrap Up
- Урок 183.00:01:30Module Introduction
- Урок 184.00:03:33API Setup
- Урок 185.00:06:52Adding a LocationPicker Component
- Урок 186.00:04:00Opening the Map Modal
- Урок 187.00:08:45Adding the Google Maps SDK
- Урок 188.00:06:05Rendering a Map
- Урок 189.00:03:42Picking Locations via a Click on the Map
- Урок 190.00:08:48Finding the Address for a Place
- Урок 191.00:07:20Fetching a Static Image URL
- Урок 192.00:05:13Displaying a Place Preview
- Урок 193.00:01:02Changing the Selection
- Урок 194.00:02:11Removing the Click Listener
- Урок 195.00:08:15Submitting the Location
- Урок 196.00:03:24Outputting Address & Map
- Урок 197.00:08:37Re-using the Maps Modal
- Урок 198.00:00:58Module Introduction
- Урок 199.00:04:13Understanding Capacitor & Cordova
- Урок 200.00:00:57Using the Docs
- Урок 201.00:06:40Using Capacitor Plugins
- Урок 202.00:09:38Getting the User Location
- Урок 203.00:06:18Testing the Location Feature
- Урок 204.00:04:27Starting With the Image Picker
- Урок 205.00:10:12Taking Pictures
- Урок 206.00:05:01Detecting the Platform Correctly
- Урок 207.00:04:44Adding a Filepicker Fallback
- Урок 208.00:03:01Getting the Picked Image
- Урок 209.00:05:14Converting the Image String to a File
- Урок 210.00:03:31Storing the Image in the Form
- Урок 211.00:04:07Using PWA Elements
- Урок 212.00:04:47Improving the ImagePicker Component
- Урок 213.00:05:05Adding Server-side Image Uploading Code
- Урок 214.00:07:31Adding Image Upload
- Урок 215.00:01:07Wrap Up
- Урок 216.00:00:52Module Introduction
- Урок 217.00:03:01How Authentication Works
- Урок 218.00:10:06Adding User Signup
- Урок 219.00:06:34Refactoring the Authentication Code
- Урок 220.00:06:24Adding User Login
- Урок 221.00:06:42Managing the User with a Subject
- Урок 222.00:04:56Storing the Token in Memory
- Урок 223.00:04:43Using the ID Observable Correctly
- Урок 224.00:04:58More userId Usage
- Урок 225.00:00:50Fixing the Subscription
- Урок 226.00:05:57Using the userId Everywhere
- Урок 227.00:04:23Storing Auth Data in Device Storag
- Урок 228.00:06:49Adding Autologin
- Урок 229.00:04:16Using Autologin
- Урок 230.00:07:53Adding a Reactive Logout System
- Урок 231.00:08:01Adding Autologout
- Урок 232.00:06:23Requiring the Auth Token on the Backend
- Урок 233.00:07:56Sending the Auth Token to the Backend
- Урок 234.00:04:13More Token Usage
- Урок 235.00:01:36Wrap Up
- Урок 236.00:01:07Module Introduction
- Урок 237.00:07:53Preparing App Configs
- Урок 238.00:08:54Custom Icons & Splash Screens
- Урок 239.00:03:55Android Deployment
- Урок 240.00:03:34iOS Deployment
- Урок 241.00:05:46Web Development
- Урок 242.00:01:38Course Roundup
Автор - udemy
Другие материалы в этой категории
Комментарии
Thanks