[Udemy] Ionic2 - практическое руководство по созданию приложения под iOS и Android на javascript

[Udemy] Ionic2 - практическое руководство по созданию приложения под iOS и Android на javascript

Ionic 2 - The Practical Guide to Building iOS & Android Apps
​

​

Спойлер: Описание

Angular 2 allows you to create awesome web applications powered by TypeScript / JavaScript. Wouldn't it be great to use that Angular 2 knowledge to build web applications that can be compiled into native mobile apps, running on any iOS or Android device? The Ionic 2 Framework allows you to do just that! Use your existing Angular 2, HTML, JS and CSS knowledge and build your native mobile app with that! Ionic 2 will handle the rest and compile your code for you. 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! No wonder that hybrid frameworks like Ionic 2 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 the "Angular 2 - The Complete Guide" course, the bestselling Angular 2 course on Udemy! I love creating awesome web applications and it simply is awesome to now use that knowledge and build native mobile apps with it! This course takes your from zero to published app, taking a very practice-orientated route. You'll build four major apps throughout the course, learning about the basics of Ionic 2, its rich component library, how to fetch and handle user input, how to store data and access native device features and much more! Each app will focus on different topics like Components, 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 (yes, it's like magic!), on an emulator or on your own device! What exactly are you going to learn then? You'll get a brief refresher on Angular 2 How to set up your Ionic 2 projects The basics about Ionic 2 - How navigation works, how your project is structured and you use its rich component library Use different kinds of navigation concepts: "Back"-Button-Navigation, Tabs and Sidemenus Show Modals, Alerts, Toasts and many, many more useful UI components Fetch and handle user input through Inputs, Textfields, Dropdowns, Dialogs and Sliders Authenticate users and access web servers Access the local device Storage and native device features like the Camera or Geolocation So much more ... like adding third-party packages or styling and theming your app Finally, you'll learn how to configure your app and publish it to the App Store or Google Play Store Does this sound great? Let's now find out if this course is for you!  Here are four different types of students - do you recognize yourself? Student #1 Has basic Angular 2 knowledge, likes the web apps one can build with it and would love to ship those apps to native devices, too. Angular 2 apps installed on a device - wouldn't that be great? Yes it would and your definitely taking the right course if this student sounds anything like you! Student #2 Has basic Swift or ObjectiveC and/ or Android knowledge and already built some basic apps for those platforms. If only you wouldn't have to learn so many different languages... Basic Angular 2 knowledge might be missing here, but this course will definitely allow you to solve this multi-language issue. You might need to pick up some basic Angular 2 course to deeply dive into this course but once you did this, you definitely should join! Student #3 Already knows Angular 1 and Ionic 1 as well as some basic Angular 2. Is this course still adding extra value? Sure it is! Ionic 2 uses Angular 2, which is a complete re-write of Angular 1. Therefore, Ionic 2 also distinctively differs from Ionic 1 and really embraces the component-driven approach of Angular 2. Angular 2 is the future of Angular, the same is true for Ionic 2! Student #4 Has basic HTML and JS knowledge and would love to develop native apps with that knowledge! Sounds great, but a bit more advanced skills will be required. You should dive into Angular 2 first so that you get a feeling for how it works and which problem it actually solves. Thereafter, this course is definitely worth another visit. I can't wait to welcome you in this course! Build native apps for iOS and Android, using Angular 2 and the powerful features Ionic 2 offers Dive deeper into Ionic 2 to learn more about very advanced features and optimize their apps Test iOS and Android apps on real devices and publish those apps to the app stores of the two platforms This course is for students who want to use their Angular 2 knowledge to build native mobile apps This course is for everyone interested in diving into the development of native mobile apps for iOS and Android Experience as Web Developer Starting out at the age of 13 I never stopped learning new programming skills and languages. Early I started creating websites for friends and just for fun as well. 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) I also became more and more of a frontend developer using modern frameworks like Angular 2 or VueJS 2 in a lot of projects. I love both world nowadays! 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 Instructor As 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 as well as a successful YouTube channel 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. ​

Угловой 2 позволяет создавать потрясающие веб-приложения на базе Машинопись / с помощью JavaScript. Было бы здорово, чтобы использовать угловые 2 знаний для создания веб-приложений, которые могут быть скомпилированы в и nbsp;в нативных мобильных приложений, работает с любым iOS или Android устройством? В в рамках ионной 2 позволяет сделать это! вы использовать свой существующий угловой 2, в HTML, JS и CSS и nbsp;знаниями и строить свои собственные мобильные приложения! ионная 2 будет все остальное и скомпилировать ваш код для вас. Это позволяет Вам сосредоточиться на вещах, которые вы знаете и выпустить свое приложение на всех возможных устройствах (настольных и мобильных) без необходимости изучать тысячи разных языков! неудивительно, что гибридные системы, такие как ионная 2 пользуются огромной популярностью и спросом! Меня зовут Максимилиан Schwarzmüller и я внештатный веб-Разработчик а также создатель многих 5-звездочный вот курсы на udemy - в том числе "угловой 2 - полное руководство"и nbsp;конечно, бестселлера угловой 2 курс на udemy! я вы любите создавать удивительные веб-приложения и это просто замечательно теперь использовать эти знания и строить собственные мобильные приложения с ним! Этот курс берет свой от нуля до опубликованного приложения, очень в практико-ориентированной маршрут. Вы будете строить в четырех основных приложений в течение курса обучения основам ионной 2, его богатая библиотека компонентов, как для выборки и обработки данных, вводимых пользователем, как хранилище данных и доступ к родной устройства, характеристики и многое другое! в каждом приложении будут посвящены разным темам как компоненты, навигации, вкладок, Sidemenus, вводимые пользователем, родные устройств (например, камеры), хранилища, по протоколу http, проверка подлинности ... А так как дом приложения-это лишь часть удовольствия, Вы также узнаете, как запуск ваших приложений в браузере (да, это похоже на волшебство!), О эмулятор или на в устройстве! что именно ты собираешься узнать? \ Вы получите и nbsp;краткая памятка по угловым 2 Как создать свой ионная 2 проектов Основы ионной 2 - Как навигация работает, как ваш проект структурированной и вы используете его богатой библиотеки компонентов Использовать различные виды навигации понятий: и nbsp;"назад"-кнопка навигации, и nbsp;вкладки и Sidemenus Показывают, модальные глаголы, оповещения, тосты и много, много полезного пользовательского интерфейса и nbsp;компоненты Получать и обрабатывать ввод пользователя через Входы, текстовые поля, выпадающие меню, диалоговые окна и ползунки Проверки подлинности пользователей и веб-сервера доступ Доступ к локальным устройством хранения и родной устройства, такие услуги, как камера или Геолокация Многое другое ... как добавить сторонние пакеты или укладка и темы приложения в конце концов, вы узнаете, как настроить свое приложение и опубликовать его в App Store или Google играть звучит здорово? и nbsp;давайте теперь выясним, если этот курс для вас! и nbsp; Вот четыре и nbsp;различные типы студентов - узнаете себя? Студент[Щ] #1[/U] Имеет базовые угловой 2 знания, любит веб-приложений, которые можно построить с ним и хотел бы поставить те приложения для родных устройств тоже. Угловой 2 приложений, установленных на устройстве - это было бы здорово? Да и ваш наверняка берет правильный курс, если этот студент звучит ничего подобного! Студент[Щ] #2[/U] Имеет базовые Swift или Объективчик и/ или знание Android и уже построили несколько основных приложений для этих платформ. Если только тебе не пришлось узнать так много разных языков... Базовый угловой 2 знание может быть здесь не хватает, но этот курс, безусловно, позволит вам решить эту мульти-языковой вопрос. Вы, возможно, потребуется, чтобы забрать некоторые основные угловые 2 курс, чтобы глубоко погрузиться в этот курс, но как только вы сделали это, вы обязательно должны вступить! Студент #3 Уже знает, что угловые 1 и ионные 1, а также некоторые базовые угловой 2. Это, конечно, еще добавив дополнительную ценность? Конечно! вы 2 используются ионные угловой 2, который является полностью переформулировать угловой 1. Таким образом, ионная 2 также отчетливо отличается от ионной 1 и действительно охватывает компонентно-ориентированным подходом угловой 2. Угловой 2-это будущее угловая, то же самое справедливо для ионной 2! Студент[Щ] #4[/U] Присвоен основной HTML и JS и nbsp;знаниями и хотели бы разрабатывать приложения с этим знанием! Звучит здорово, но немного более продвинутых навыков. Вы должны погрузиться в угловых 2 первый, так что вы получите чувство для того, как он работает и какие проблемы действительно решает. После этого, этот курс, безусловно, стоит еще раз посетить. я Вы не можете ждать, чтобы приветствовать Вас, в этом курсе! \ Создавать собственные приложения для iOS и Android, с помощью угловых 2 и мощные функции ионных 2 предложения Погружаться глубже в Ионную 2, чтобы узнать больше о очень продвинутые функции и оптимизировать свои приложения Тестирование iOS и Android приложений на реальных устройствах и опубликовать эти приложения в магазинах приложений для двух платформ Этот курс предназначен для студентов, которые хотят использовать их угловые 2 знания для создания собственных мобильных приложений Этот курс предназначен для всех, кто интересуется дайвингом в разработке нативных мобильных приложений для iOS и Android Опыт работы в качестве веб-разработчика Начав в 13 лет я не переставал изучать новые навыки программирование и языки. Рано я начал создавать сайты для друзей и просто для удовольствия. Эта страсть так продолжалось и привести к тому, что мое решение работать в качестве внештатного веб-разработчика и консультанта. Успех и удовольствие у меня в этой работе огромна и действительно держит, что страсть ласково жив. Начиная веб-разработки на серверной (с laravel на PHP, NodeJS) я тоже стала все больше и больше frontend-разработчика с использованием современных платформ, как angular 2 или VueJS 2 в много проектов. Я вы в настоящее время любят оба мира! Как самоучка Разработчик я имел возможность расширить свой кругозор, изучая бизнес-администрирования, где я иметь степень магистра. Что дало мне возможность работать в крупной консалтинговой компании, а также банк. Во время обучения, что мне нравится больше чем эти поля, то время в этом секторе значительно улучшилось мое общее впечатление и навыков. Опыт работы в качестве инструктора Как самоучка-профессионал я знаю трудности и сложные темы, когда уже известно, изучение новых или улучшение на языках. Этот фон и опыт позволяет мне сосредоточиться на наиболее важных ключевых понятий и тем. Мой послужной список многих 5-звездочный рейтинг курсов, а также успешный канал на YouTube-лучшее доказательство этого. Ли работает в качестве инструктора развития и обучения бизнес-администрированию я всегда получал отличные отзывы. Самый полезный опыт-увидеть, как люди находят новые, лучшие рабочие места, создавать потрясающие веб-приложений, приобрести удивительные проекты или просто наслаждаться своим хобби с помощью своего Контента. ​

​

Спойлер: Содержание

Curriculum Блок 1: Getting Started Урок 1 - Course Introduction [01:29] Урок 2 - What is Ionic 2? [03:10] Урок 3 - Just to be safe: What is Angular 2? [01:01] Урок 4 - Course Requirements [01:06] Урок 5 - Creating our first Ionic 2 Project and App [06:41] Урок 6 - Changing our First App [03:40] Урок 7 - Running your App on a Real Device [00:22] Урок 8 - The Structure of this Course [03:15] Урок 9 - How to get the Most out of this Course [02:01] Урок 10 - Блок Source Code & Links [00:14] Блок 2: Mastering the Basics Урок 11 - Module Introduction [01:11] Урок 12 - A different Way of Creating a New Project [01:58] Урок 13 - Other available Project Templates [00:22] Урок 14 - Understanding the Structure of an Ionic 2 Project [06:47] Урок 15 - How an Ionic 2 App Works [08:14] Урок 16 - Pages vs Components [01:54] Урок 17 - How Navigation works in an Ionic 2 App [01:55] Урок 18 - Initializing Navigation in the AppComponent [02:11] Урок 19 - Creating a Page and how to Navigate to it [06:52] Урок 20 - First Summary [01:23] Урок 21 - An Alternative Way of Creating Pages [04:29] Урок 22 - Passing Data between Pages [04:29] Урок 23 - Popping Pages - Going Back [03:46] Урок 24 - Saving Time with helpful Navigation Directives [03:07] Урок 25 - Configuring Page Transitions [00:32] Урок 26 - Time to Practice - Pages & Navigation - Problem [02:02] Урок 27 - Time to Practice - Pages & Navigation - Solution [12:01] Урок 28 - Understanding the Lifecycle of a Page [03:28] Урок 29 - The Page Lifecycle in Action [08:59] Урок 30 - How to use the Ionic 2 Documentation [03:43] Урок 31 - Styling the App and Setting a Theme [04:45] Урок 32 - Using Utility Attributes [00:58] Урок 33 - Module Summary [00:51] Урок 34 - Блок Source Code & Links [00:15] Блок 3: "Favorite Quotes" App (Navigation, Pages and Components) Урок 35 - Module Introduction [01:30] Урок 36 - What we're going to build [02:04] Урок 37 - Breaking the App into Pieces (Defining the App Structure) [02:29] Урок 38 - Creating the required Pages [04:16] Урок 39 - Multiple Stacks of Pages vs One Single Stack [01:58] Урок 40 - Implementing Tabs Navigation with Multiple Stacks of Pages [09:08] Урок 41 - Adding Quotes Data to the App [01:48] Урок 42 - Using the Quotes Data [04:28] Урок 43 - Using the Ionic "List" and "List Item" Components [05:55] Урок 44 - How to create more complex List Items [05:00] Урок 45 - Passing the Quotes Data between Pages [09:04] Урок 46 - Using the Ionic "Cards" Component [05:31] Урок 47 - Using the Ionic Grid, Buttons and Styling Cards [05:48] Урок 48 - Adding Custom Styles [03:24] Урок 49 - Adding Alerts to the Application [09:06] Урок 50 - Working with Angular 2 Services in the Ionic 2 App [05:36] Урок 51 - Marking Quotes as Favorites by using a Service [02:41] Урок 52 - Preparing the Favorite Quotes Page [02:51] Урок 53 - Diving Deeper into List Items [02:44] Урок 54 - Preparing a Modal Page [04:07] Урок 55 - Presenting a Modal [02:41] Урок 56 - Dismissing Modals [03:41] Урок 57 - Passing Data to a Modal [04:12] Урок 58 - Passing Data from a Modal back to the Page [04:03] Урок 59 - Understanding ViewController Hooks [01:31] Урок 60 - Receiving Modal Data by Using the ViewController [04:24] Урок 61 - Updating the "Favorite Quotes" Page [03:01] Урок 62 - Adding an "Unfavorite" Functionality to the App [06:19] Урок 63 - Revealing extra List Item Options upon Sliding [05:34] Урок 64 - Changing the overall App Theme [07:17] Урок 65 - Adding a Sidemenu [05:44] Урок 66 - How to change the Root Page [03:55] Урок 67 - Adding a Menu Toggle Button to the Navigation Bar [05:06] Урок 68 - Preparing the Settings Page [05:12] Урок 69 - Creating and Using the Settings Service to Store Settings [04:22] Урок 70 - Adding an Alternative Item Background [05:21] Урок 71 - App Summary [01:45] Урок 72 - Module Summary [00:50] Урок 73 - Блок Source Code & Links [00:10] Блок 4: Ionic 2 Components - A Closer Look Урок 74 - Module Introduction [00:40] Урок 75 - Another Look at the Component Docs [02:35] Урок 76 - Using and Styling Buttons [09:11] Урок 77 - Understanding Lists [02:59] Урок 78 - Understanding List Items and their Content [03:18] Урок 79 - Configuring Lists [01:18] Урок 80 - Item Groups and List Headers [05:01] Урок 81 - Bonus: How to create a re-orderable List [00:32] Урок 82 - Understanding the Grid System [04:24] Урок 83 - More than (click) - Using Gestures [06:30] Урок 84 - Creating and Using Custom Components [04:07] Урок 85 - Time to Practice - Components - Problem [02:27] Урок 86 - Time to Practice - Components - Solution [16:42] Урок 87 - Module Summary [00:42] Урок 88 - Блок Source Code & Links [00:09] Блок 5: Running an Ionic 2 App on a Real Device (or an Emulator) Урок 89 - Module Introduction [00:59] Урок 90 - Where to get started [01:24] Урок 91 - Building for iOS [07:45] Урок 92 - Building for Android [07:29] Урок 93 - Lists & Performance Issues [00:33] Урок 94 - Step-by-step Guide for Building for iOS and Android [01:09] Урок 95 - Module Summary [00:36] Full Curriculum​

Учебный план Блок 1: Начало Работы Урок 1 - Введение В Курс [01:29] Урок 2 - Что такое ионная 2? [03:10] Урок 3 - на всякий случай: что такое угловой 2? [01:01] Урок 4 - Требования Курса [01:06] Урок 5 - создаем наш первый проект ионной 2 и Приложение [06:41] Урок 6 - меняется наше первое Приложение [03:40] Урок 7 - запуск приложения на реальном устройстве [00:22] Урок 8 - Структура этого курса [03:15] Урок 9 - Как получить максимальную отдачу от этого курса [02:01] Урок 10 - Блок Исходного Кода И Ссылки [00:14] Блок 2: овладение основами Урок 11 - Введение Модуля [01:11] Урок 12 - другой способ создания нового проекта [01:58] Урок 13 - другие доступные шаблоны проектов [00:22] Урок 14 - понимание структуры проекта ионная 2 [06:47] Урок 15 - как Ионную 2 Приложение работает [08:14] Урок 16 - компоненты Страниц против [01:54] Урок 17 - как навигация работает в ионной Приложение 2 [01:55] Урок 18 - инициализация навигации в AppComponent [02:11] Урок 19 - создаем страницы и как перейти к нему [06:52] Урок 20 - Первый Резюме [01:23] Урок 21 - альтернативный способ создания Страниц [04:29] Урок 22 - передача данных между страницами [04:29] Урок 23 - Выскакивают Страницы - Вернусь [03:46] Урок 24 - экономия времени полезные навигационные Директивы [03:07] Урок 25 - Настройка Переходов Разделе [00:32] Урок 26 - время для практики - Страниц & навигация - проблемы [02:02] Урок 27 - время для занятий - Страниц & навигация - решение [12:01] Урок 28 - понимание жизненного цикла страницы [03:28] Урок 29 - жизненный цикл страницы в действии [08:59] Урок 30 - Как использовать ионные 2 документации [03:43] Урок 31 - дизайн приложения и настройки темы [04:45] Урок 32 - С Использованием Атрибутов Утилиты [00:58] Урок 33 - Резюме Модуль [00:51] Урок 34 - Блок Исходного Кода И Ссылки [00:15] Блок 3: "любимые цитаты" Приложение (навигация, страниц и компонентов) Урок 35 - Введение Модуля [01:30] Урок 36 - что мы собираемся строить [02:04] Урок 37 - Взлом приложений на куски (определение структуры приложения) [02:29] Урок 38 - создание необходимых Страниц [04:16] Урок 39 - множественных Страниц против одного стека [01:58] Урок 40 - внедрение вкладок навигации с несколькими стопками Страниц [09:08] Урок 41 - Добавление цитат, данных в приложение [01:48] Урок 42 - используя данные цитаты [04:28] Урок 43 - с помощью списка ионный "" и "Элемент списка" компоненты [05:55] Урок 44 - хау для создания более сложных элементов списка [05:00] Урок 45 - передает данные котировки между страницами [09:04] Урок 46 - с помощью ионной "карты" компонент [05:31] Урок 47 - с помощью ионной решетки, кнопки и оформление карт [05:48] Урок 48 - Добавление Пользовательских Стилей [03:24] Урок 49 - Добавление уведомлений к приложению [09:06] Урок 50 - совместим с углового 2 услуги в ионной Приложение 2 [05:36] Урок 51 - обозначение котировки как Избранные с помощью сервиса [02:41] Урок 52 - Готовим любимые страницы цитаты [02:51] Урок 53 - дайвинг глубже в элементы списка [02:44] Урок 54 - готовит Модал страницы [04:07] Урок 55 - представляя Модал [02:41] Урок 56 - Расхождение Модальности [03:41] Урок 57 - передачи данных в Модальном [04:12] Урок 58 - передача данных из Модального вернуться на страницу [04:03] Урок 59 - Понимание Файле Viewcontroller Крючки [01:31] Урок 60 - получение модальных данных с помощью файл viewcontroller [04:24] Урок 61 - обновление "любимые цитаты" страница [03:01] Урок 62 - Добавление "Удалить из избранного" функции в приложение [06:19] Урок 63 - раскрывая дополнительную списка опций объекта на раздвижные [05:34] Урок 64 - изменение общей темой Приложение [07:17] Урок 65 - Добавление Sidemenu [05:44] Урок 66 - Как изменить корневую страницу [03:55] Урок 67 - Добавление кнопки переключения меню навигации [05:06] Урок 68 - Подготовка страницу настроек [05:12] Урок 69 - Создание и использование сервиса настройки параметров магазина [04:22] Урок 70 - Добавление альтернативного товара фон [05:21] Урок 71 - Приложение Резюме [01:45] Урок 72 - Резюме Модуль [00:50] Урок 73 - Блок Исходного Кода И Ссылки [00:10] Блок 4: Ионная 2 Компонентов - Поближе Урок 74 - Внедрение Модуля [00:40] Урок 75 - другому взглянуть на компонента docs [02:35] Урок 76 - использование и стилизация кнопок [09:11] Урок 77 - Списки Понимании [02:59] Урок 78 - понимание элементов списка и их содержания [03:18] Урок 79 - Списки Настройка [01:18] Урок 80 - номенклатурные группы и список заголовков [05:01] Урок 81 - бонус: Как создать вновь заказываемый список [00:32] Урок 82 - понимание энергосистемы [04:24] Урок 83 - более чем (клик) - с помощью жестов [06:30] Урок 84 - Создание и использование пользовательских компонентов [04:07] Урок 85 - время для практики - компонентов - проблемы [02:27] Урок 86 - время для практики - компоненты - решение [16:42] Урок 87 - Резюме Модуль [00:42] Урок 88 - Блок Исходного Кода И Ссылки [00:09] Блок 5: запуск ионной Приложение 2 на реальном устройстве (или эмуляторе) Урок 89 - Введение Модуля [00:59] Урок 90 - С чего начать [01:24] Урок 91 - здания для iOS [07:45] Урок 92 - дом для Android [07:29] Урок 93 - Списки И Проблемы С Производительностью [00:33] Урок 94 - пошаговое руководство для построения для iOS и Android [01:09] Урок 95 - Модуля Реферат [00:36] Полный Курс Обучения​

​