Javascript

Live Online Training: Building Hybrid Mobile Apps with Ionic, Angular, and Cordova

 

I am pleased to announce I will be giving live online training on Ionic through O’Reilly training. The online sessions will be held on June 5 & 6, 2017 from 7:00 am – 10:00 am PDT.
By the end of this live, online course, you’ll understand:
  • How Ionic, Cordova, and Angular work together to create hybrid mobile apps
  • How to design and program Ionic apps
  • How to publish your applications to the app stores
And you’ll be able to:
  • Generate Ionic applications using the Ionic CLI
  • Use common Ionic UI components
  • Extend your Ionic applications with Ionic Native
  • Preview your applications on your devices
  • Compile your applications to ready them for submission to mobile app stores
Here is the course outline:
The timeframes are only estimates and may vary according to how the class is progressing

DAY 1

Introduction to Ionic (20 minutes)

  • Lecture: What’s new in Ionic 2; introduction to the Ionic CLI; Ionic file structure
  • Hands-on exercise: Create an Ionic blank template

Introduction to Angular and TypeScript (30 minutes)

  • Lecture: Introduction to Angular and TypeScript
  • Hands-on exercise: Short quiz

Building your first app (30 minutes)

  • Lecture: Building your first app with Ionic2Do; using Ionic serve to preview your application
  • Hands-on exercise: Compile and run your Ionic2Do app locally in the browser

Break (10 minutes)

Styling your Ionic app (30 minutes)

  • Lecture: How Ionic apps are themed; using Ionic View to quickly preview the app on your device
  • Hands-on exercise: Preview your app on your mobile device (with data stored remotely)

Ionic Native (30 minutes)

  • Lecture: Adding native touches to your application using Cordova plugins via Ionic Native; publishing the application to the app stores
  • Hands-on exercise: Replace the JavaScript dialog with a native dialog

Debugging Ionic applications (20 minutes)

  • Lecture: How to debug your application
  • Hands-on exercise: Use Chrome or Safari to remote debug your application

Wrap-up and Q&A (10 minutes)

DAY 2

Building your second app (30 minutes)

  • Lecture: Building an app with IonicParks; exploring Ionic Tabs; loading data; Ionic Lists
  • Hands-on exercise: Build an application using the local data file and rendering the park list

Ionic navigation (30 minutes)

  • Lecture: How navigation works in an Ionic application; using the Ionic generate command to improve your workflow; designing the park details screen
  • Hands-on exercise: Generate and populate the park details screen of the app

Google Maps integration (30 minutes)

  • Lecture: Adding a map to your application; custom classes
  • Hands-on exercise: Add a live Google map to your application

Break (10 minutes)

Exploring other Ionic components (30 minutes)

  • Lecture: Common Ionic components (slides, popover, date and time, toast, grid, and gestures)
  • Hands-on exercise: Short quiz

Accelerate your application’s development and features (30 minutes)

  • Lecture: The larger elements of Ionic that can accelerate your application’s development and features (exploring Ionic.io, deploy, build, notification, and users)
  • Hands-on exercise: Short quiz

Next steps, wrap-up, and Q&A (20 minutes)

I hope to see you there.
To sign up for the course, visit Safari Online.
Advertisements

Learn Apache Cordova

lynda-cordova

Apache Cordova is the open-source version of PhoneGap, the leading tool for cross-platform app development. It’s a write-once, run-anywhere solution specifically designed for mobile. But to ensure a smooth cross-platform workflow, it helps to know some setup and configuration basics. In this course, Chris Griffith introduces Apache Cordova and the PhoneGap ecosystem, including the two command-line interface (CLI) tools and the PhoneGap desktop app. He shows how to set up your local system and how to create, configure, and build your first project with the Cordova CLI. Once you’ve mastered the fundamentals, Chris shows how to extend your app with native and third-party plugins that enable features such as QR code detection and geolocation, and debug your app, preview it in an emulator or on an actual device, and then prep it for release in the Apple Store or on Google Play.

Duration: 1 hr, 24 minutes

Check it out!

Ionic Training at HTML5DevConf!

html5devconf

I am pleased to announce that I will be conducting a full day training on Ionic Framework at the upcoming HTML5DevConf Autumn 2015! This full day training will be on Thursday October 22nd.

AngularJS, Cordova and Ionic are a perfect blend of technologies for building hybrid applications that behave like a native app across multiple mobile platforms. In this course, you will learn how to build an Ionic application from scratch using the Ionic CLI and explore its various components. We will also examine how to architect the AngularJS foundation of services, controllers, and views. Finally, we will extend our application to leverage some mobile specific capabilities.

jQuery 2.0 Development Cookbook

jQuery 2.0 Development Cookbook The problem with frameworks that have been around for sometime, is you have to be careful of the solutions that might exist for a particular problem you might be having. jQuery is certainly one of those frameworks that has a long legacy. The jQuery 2.0 Development Cookbook aims to solve some of these issue by collection a nice set of solutions to many standard problems using the newer 2.x branch of jQuery.

Leon Revill takes the reader from some of the more basic solutions, such as standard DOM manipulations, through more and more advanced solutions. The later chapters of the book being to touch on the basics of both jQuery UI and jQuery Mobile.

One issue I did have with the book is the author did spend a modest amount of time covering some server side portions. I appreciated the effort to introduce the reader to some more topics, but wish the he had just pointed the solution. I also would have like to have seen more advanced recipes that really show the capabilities of using jQuery

Overall, found the book useful as a traditional reference for working with jQuery 2. New developer to the jQuery framework will find this reference useful, and intermediate developer might pick up a trick or two as well.

(Disclaimer: The publisher supplied a copy for review)

Creating App Store Ready Apps with PhoneGap

5
I recently gave an online presentation on “Creating App Store Ready Apps with PhoneGap” to the Creative Cloud Lovers User Group. So if you are interested in knowing more about PhoneGap and PhoneGap Build, some spend an hour with me. Here is the blurb about the presentation:
So, you have a Creative Cloud subscription… great! Did you know you have the capability to create “app store ready” applications using PhoneGap Build, a part of that Creative Cloud subscription?Join us online to see how PhoneGap (a.k.a. Apache Cordova), an open-source framework, and the Adobe PhoneGap Build service, part of the Adobe Creative Cloud, allow you to create cross-platform mobile apps using the web technologies you know and love: HTML, CSS, and JavaScript.

Learn how PhoneGap works, and how it will enable you to start building mobile apps with web standards. This talk will introduce you to the PhoneGap API (Application Programming Interface), how the software components interact, and walk you through how to work with the JavaScript methods.

PhoneGap allows you to create interactive, feature-rich mobile applications (and if you subscribe to the Creative Cloud, you already own it!). You will also get an introduction to PhoneGap Build which allows you to package mobile apps in the cloud.

Creating Mobile Applications with jQuery Mobile and PhoneGap Build

Adobe MAX

Where the world’s creative minds collide.

At this year’s Adobe MAX, I taught three workshops on Creating Mobile Applications with jQuery Mobile and PhoneGap Build. It was a lot of fun, and hopeful worthwhile for those who attended. As promised here are the files: the workbook, the slides, and the resources. Even if you did not attend, maybe the workbook and lab files might prove useful.

I will be posting enhancements to these files over the coming weeks to cover a few advanced features that I knew I would not be able to cover in the 90 minutes.

My jQuery Mobile & PhoneGap Build sa

Adobe MAXJust found out that a third session of my workshop “Creating Mobile Applications with jQuery Mobile and PhoneGap Build” has been added to the schedule at this year’s Adobe MAX! This session will be held on Wednesday at 4pm.

Hope to see you there.

Here is the details on the workshop:

Discover how jQuery Mobile and Adobe PhoneGap Build, part of the Adobe Creative Cloud, make for a powerful combination when creating mobile applications with HTML, JavaScript, and CSS. This session will show how to make the most of these tools when using them together in mobile development. This workshop will cover:

  • The basics of developing a PhoneGap application based on jQuery Mobile
  • How to use the jQuery Mobile framework to write a mobile web app that works on all popular smartphone and tablet platforms
  • How to customize the application using Adobe Fireworks
  • How to make an application more flexible by using a templating system
  • Taking the application native by using PhoneGap Build and enabling device-specific features