addressalign-toparrow-leftarrow-rightbackbellblockcalendarcameraccwcheckchevron-downchevron-leftchevron-rightchevron-small-downchevron-small-leftchevron-small-rightchevron-small-upchevron-upcircle-with-checkcircle-with-crosscircle-with-pluscrossdots-three-verticaleditemptyheartexporteye-with-lineeyefacebookfolderfullheartglobegmailgooglegroupshelp-with-circleimageimagesinstagramlinklocation-pinm-swarmSearchmailmessagesminusmoremuplabelShape 3 + Rectangle 1ShapeoutlookpersonJoin Group on CardStartprice-ribbonShapeShapeShapeShapeImported LayersImported LayersImported Layersshieldstartickettrashtriangle-downtriangle-uptwitteruserwarningyahoo

Ionic Framework One Day Training

Ionic empowers developers to leverage their AngularJS and HTML5 skills to create beautiful, high-performing apps!

Learn the new Ionic framework fast and painlessly with instructor Troy Miles. Using hands-on labs and code snippets, you will be taught step by step how to use this beautifully designed framework for developing hybrid mobile apps with HTML5.  

WHY IONIC?
Most of the major internet companies have now declared themselves to be mobile first. Smartphones have become ubiquitous throughout the development world. But mobile development is fraught with challenges. There are more Android devices than iOS, but iOS users tend to spend more money. If you build your app for one, it is a complete re-write for the other. You may have heard of Cordova/PhoneGap, but the apps tend to be somewhat clunky looking.

Enter the Ionic Framework, a cross platform framework which combines PhoneGap with AngularJS and super fast CSS3 to make apps which perform at near native levels.

ABOUT THIS CLASS

During the class, you will build several sample apps.  You will also build a fully functional app called Coffee!   This application will tie into YP local search API for data.  The aapplication will allow users to rate their favorite coffee spots via Firebase.  All users of the application will be able to see each other's ratings.

View full class agenda


PREREQUISITES

• Be familiar with JavaScript web development

• Have a laptop capable of running all of the prerequisite tools (see below) and with a working WiFi.

• It is helpful, but not essential to have experience with AngularJS. If you are a developer in any curly brace language like C#, C, or Java, you will probably be alright so long as you do some JavaScript tutorials before the class. 

• At least an intermediate level of programming skills are required


TOOLS AND ENVIRONMENT REQUIREMENTS
It is CRITICAL that all students install all of the prerequisites before the class. The downloads are HUGE, a few gigabytes in total and will take about an hour or more to download over a decent internet connection. It will be impossible to download these files at the time of the class over a shared WiFi.

Our IDE for the class will be WebStorm. While it is a commercial IDE and cost $49, it comes with a free 30 day trial which is more than enough time to use for this class .  This is a professional tool which fully supports our development environment.

The Chrome browser is also required.  Chrome has a lot of built in tools which make mobile development easier.


                                     About the Instructor

Troy Miles is a senior software engineer at Kelley Blue book. He is exceptionally skilled at full stack development with experience using both ASP.NET MVC and Node.js on the backend, SQL Server or MongoDB as the database and web or mobile on the front-end.  He is also skilled in C#, Objective C, Java, and JavaScript well.  He posses deep knowledge of the following frameworks: AngularJS, jQuery, jQuery Mobile, PhoneGap, Backbone, Ember, Jasmine, and Mocha.  Because of his extreme depth of knowledge of mobile technologies, he is a sought after speaker at code camps and other technical events.    

Join or login to comment.

  • Jonathan L.

    Thank you Troy for a quick and painless introduction to Ionic and Cordova.

    January 20, 2015

  • Frank h.

    Troy, nice going thru Cordova, Ionic code line by line and explaining exactly what was going on. You made it fun to go thru with your sense of humor, thanks again.
    Frank

    January 20, 2015

  • Troy M.

    Here are a couple links I forgot to give you:
    https://publisher.yp.com/
    https://developers.google.com/maps/signup

    The first is for YP.com and the second for Google Maps. Both are free. Thanks John for reminding me.

    January 20, 2015

  • Troy M.

    Hi All,
    Thanks again for attending the class. I had an awesome day with everyone. The complete app is at: https://github.com/Rockncoder/ionic-coffee

    The slides are at: http://www.slideshare.net/rockncoder/ionic-framework-one-day-training

    My blog is at: http://therockncoder.blogspot.com/

    If you'd like more Angular/Ionic/Open Source tips, follow me on twitter at: @therockncoder

    I will see everyone on the 31st.

    1 · January 19, 2015

  • Ben T.

    Awesome class. Thanks Troy

    January 19, 2015

  • Phillip N.

    Thanks for coming to the training class everyone. It was good to see you. Thanks for doing a great job Troy!

    January 19, 2015

  • Varuzhan "VS" S.

    Troy was phenomenal and showed a complete and in depth look of ionic and explained each aspect in detail. He was funny and VERY nice. Great meetup!

    January 18, 2015

  • Troy M.

    Hi All,
    In order to make sure we maximize our time learning the Ionic Framework and not trying to install, please make sure that you have installed everything and tested the install tonight. We will not have the Internet bandwidth nor time to install tomorrow.

    Thanks,

    Troy

    January 16, 2015

  • Troy M.

    Everyone should also install the Chrome extension: Allow-Control-Allow-Origin. It will allow the browser to access remote servers the same way a smart phone can. It will only take a couple to install so please do so before class.

    January 14, 2015

  • Frank h.

    Hi Troy,
    I had some port already in use so I started ionic serve 8101 and 35739 instead of 8100 and 35729.

    App works and Live reloads works. However, would I also need to modify ports to 8101 & 35739 in vagrant file? Frank

    January 12, 2015

    • Troy M.

      Hey Frank,

      January 14, 2015

    • Troy M.

      Hey Frank,
      So long as you are able to get everything working you should be fine. If we have an issue we can take a look during the class. The big part is installing all of the tools and getting them running.

      January 14, 2015

  • Troy M.

    This class will be epic - we will build a nearly complete ajax app with pull to refresh data, Google maps, which most importantly, will look and feel like a native app. I hope everyone is as psyched up as I am.

    1 · January 12, 2015

  • Troy M.

    All,
    Please heed the instructions. It will take about an hour to install the ionic box. We WON'T have time to do this in class, nor will we have the internet bandwidth. If you are having troubles please reach out to me here and not via email. I would prefer to post questions and answers on meetup so that everyone can see them. Chances are that if you have a question, someone else will have the same question.
    If you are not up to speed on Angular, I highly recommend doing the tutorial on Google's site, angularjs.org. It will only take about an hour to complete, but it will give you some insight into what we will be doing Saturday.

    January 12, 2015

  • Jeffrey P.

    This looks awesome, any change of making the days course material available online? I'd pay to view it, I just won't be able to attend as I'm based in South Africa...

    December 3, 2014

    • Jeffrey P.

      Thanks Troy, I'd really appreciate that! Looking forward to hearing from you!

      December 27, 2014

    • Troy M.

      Hi Jeffrey,
      I have to be honest and admit we simply won't have the time to get this setup for this workshop, although it is something we would love to be able to do in the future.

      January 12, 2015

Your organizer's refund policy for Ionic Framework One Day Training

Refunds offered if:

  • the Meetup is cancelled
  • you can cancel at least 2 day(s) before the Meetup

Payments you make go to the organizer, not to Meetup. You must make refund requests to the organizer.

Regardless of the refund policy set by the organizer, Meetup may issue refunds on an organizer's behalf if we determine that Meetup's Payment Policies have been violated.

Our Sponsors

  • O'Reilly

    Technical books and savings certificates for book orders.

  • PC Mall

    Code District members of receive discounts on computers & hardware.

People in this
Meetup are also in:

Sign up

Meetup members, Log in

By clicking "Sign up" or "Sign up using Facebook", you confirm that you accept our Terms of Service & Privacy Policy