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-lineeyefacebookfolderfullheartglobegmailgooglegroupsimageimagesinstagramlinklocation-pinm-swarmSearchmailmessagesminusmoremuplabelShape 3 + Rectangle 1outlookpersonJoin Group on CardStartprice-ribbonShapeShapeShapeImported LayersImported LayersImported Layersshieldstartickettrashtriangle-downtriangle-uptwitteruserwarningyahoo

Ionic 2 RC1 and Angular 2

Ionic is almost ready. They are on RC 1 and I thought it was appropriate to end the year showing you how to create a hybrid application using Ionic 2 and Angular 2. Doors will open at 6pm. Pizza at 6:30pm and workshop starting at 7pm. 


In this workshop, I will be covering how to set up an Ionic 2 project. This will all be done using the terminal. You will need to have Nodejs installed as well as npm. I will list some things to have installed before the workshop below. What we will be creating is a CRUD list application using Firebase for the backend.  We will be using TypeScript for AngularJS so make sure you have that installed as well.


Things you will learn. 

• Creating Slides: This is like a slide show before your user starts the app. 

• Views: You will be creating different views and switching between them

• Providers: This is the service that will connect your app to Firebase


By the end of the workshop, if we haven't run into any trouble, you will have a fully working list app that connects to Firebase. 


Must haves before the workshop. These are important to have installed. If you don't have them installed before we start working, you will not be able to keep up with the group. I will be there at 6 pm and can try to help you download Ionic if you had trouble. 


Things to have installed: 

Node and npm: Test this to make sure. Put this in the terminal to make sure npm -v. Try to make sure it is current. 2.15.9 or higher. You can always download NodeJs again and install it. https://nodejs.org/en/


Ionic: Once you have npm installed. Install Ionic. In the terminal type this, npm install -g ionic     , you may have to put sudo. 


Cordova: You will need Cordova as well. In terminal type this, npm install -g cordova     , you may have to put sudo. 


Typescript: You will need Typescript as well. In terminal type this, npm install -g typescript     , you may have to put sudo. 


I will be using PHPStorm as my IDE but you can use whatever you would like. 


Hope to see you there. 


Todd

Join or login to comment.

  • Mike

    Well worth the ride down from Lafayette. Learned a bunch of useful stuff that I can apply to my day job and outside commercial projects. Looking forwards to seeing Todd's project posted to GitHub and getting in on 2nd half of workshop. The only negative is that it was impossible for me to keep up with all the code changes towards the last half as Todd picked up the pace and flipped back and forth rapidly between editor and web pages too quickly to get reoriented to editor display before it was gone. Situation not helped by my lame laptop keyboard which is not all that great for fast/accurate typing.

    2 days ago

    • Todd S.

      Mike. I added the github link in my comment.

      Yesterday

  • Todd S.

    Thank you. Here is the link to the Github project with instructions. Github: https://github.com/dev-workshop/devworkshoplist

    2 days ago

  • Seth B.

    Thank you Todd! The Angular 2 async pipe we learned about changed my life!

    1 · 2 days ago

  • Manju

    Thank you Todd, I enjoyed the class !

    1 · 2 days ago

  • Ri

    Thanks for everything Todd, the meetup was great! Looking into Ionic 2 in more detail.

    2 · 2 days ago

Our Sponsors

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