Intro to Mobile App Dev using PhoneGap

Do you know how to write Objective C to make a native iOS apps? What about Java to make Android apps? If you don't, and all you know is HTML and CSS then you are in luck. You can still make mobile apps using Phonegap.

DWI kicks off the mobile series with a workshop that gets into the basics of Responsive & Adaptive sites. What the differences are, and why we need them.

DWI have done a little responsiveness with Bootstrap from our first workshop, but this workshop will dive deeper into percentages and media queries. We will not be using Bootstrap but learning how to do it ourselves. Then after we create a sample site using LESS, thanks to Randy Oest, we are then going to take what we have learned and create a mobile app using Phonegap.

I am also going to discuss why I choose to use responsive and adaptive sites of making a native app. Some of it you might find interesting and I would like to get a good discussion out of that portion of the night.

Files will be added later

Tools needed for the workshop:

Less Tools: Codekit(Mac Only), SimpLess(PC, Mac)

PhoneGap Build: https://build.phonegap.com/

Slide Presentation: DWI_PhoneGap Slides

Files:

Starter: http://www.tshelton.com/dwi/dl/DWI_PhoneGap_Starter.zip

Complete: http://www.tshelton.com/dwi/dl/DWI_PhoneGapComplete.zip

Speaker Bio: Todd Shelton started his career as a Flex/Flash developer making interactive experiences for the corporate world. After several years as a Senior Flash developer, I started creating RIA's and sharing my knowledge with others in my community.

Now he is a lecturer at IUPUI in the Media Arts & Science program and loves every minute of it. He also does a lot of freelance work and has published several apps.

 

Join or login to comment.

  • AC

    Always informative. Thanks Todd!

    1 · August 20, 2013

  • Alessandra F.

    FYI - if anyone is interested in this free design course - got this today:
    The University of Cincinnati’s inaugural Massive Open Online Course (MOOC). The Innovation and Design Thinking course will begin on October 7th and conclude on November 24th, 2013. We are extremely excited about this course, and hope that you will join us to gain a comprehensive understanding of Innovation and Design thinking. Registration information will be sent out in the next few weeks through this email address you provided. The course is tuition-free and open to anyone, regardless of background or education level.

    If you have any additional questions, please let me know. Best regards,

    Amy Cattrell
    [masked]

    Innovation & Design Thinking MOOC Coordinator

    4 · August 15, 2013

  • carlos

    Todd, thank you very much for your time, your presentation and your advice. as stated elsewhere I did learn a couple of things, but very important things in my mobile world. the most important was the concept of @media queries... I would like to learn more and if you could point me in the right direction I would really appreciate it..
    thanks again.

    L. Carlos Rodriguez/ SharePoint MCP
    DCU, LLC/Consultant
    Atlanta, GA

    August 15, 2013

  • Greg W.

    Todd, good stuff. Appreciate your time and energy. I have a couple of native Android and IOS apps and I think I will use PhoneGap to implement them on Windows and Blackberry. Thanks again. Randy O, thanks for the 12 minute consult on Less and Sass, starting to implement this immediately, and will be listening to the recording shortly. If anyone has consumer oriented health/fitness/wellness apps and would like to JV on the projects, I have a large stream of traffic looking for those kinds of apps, message me.

    August 15, 2013

    • Todd S.

      Thanks Greg and we appreciate you coming out. Randy is a great asset to have and I'm glad he helped you out. If no one replies to you on the app idea we might have to do a 48 hour event to create one.

      August 15, 2013

    • Greg W.

      I have plenty of visitors to my website and can handle multiple apps, so bring it on...

      August 15, 2013

  • Alessandra F.

    The Meet-up was outstanding! I learned a lot and can't wait to come up to speed. Thanks for the books Scott. I'll be sure to pay them forward when I'm done. Great Job guys :)

    August 15, 2013

    • Todd S.

      Thank you Alessandra, I'm glad you came out to the workshop. Let us know if you need any help.

      August 15, 2013

  • Eddie

    This looks awesome. I have a million ideas swirling in my head on how to use this for my own evil schemes...

    August 15, 2013

    • Todd S.

      Thanks for coming. Can't wait to see what you make. If you want you can demo to the group sometime.

      August 15, 2013

  • carlos

    it fine for me... did learn a couple fo things

    August 15, 2013

    • Todd S.

      Carlos, I'm glad you learned something and thank you for coming out.

      August 15, 2013

  • Josh

    Will there be pizza?

    August 14, 2013

  • Alessandra F.

    So all we need to bring is a laptop right?

    August 9, 2013

    • Todd S.

      Yes and please make sure you download simpless or code kit.

      August 9, 2013

  • carlos

    hey y'all, looking forward to the phoneGap meetup. is there anything on the bootstrap the I can read. I'm also looking for a way to access the audio jack to read a mag card and am wondering if I need a native app on the droid platform to read data from the audio jack interface.

    July 31, 2013

    • Todd S.

      There might be a library out there that will access the audio jack for you. I'm not sure though.

      August 4, 2013

    • Nick S.

      Hey Carlos, here's the Android Plugins for PhoneGap https://github.com/pho...­ - You could use the Stripe API and some ServerSide code to process manual card entry (typing numbers, etc), but not sure you can pull off a swipe transaction with a phonegap app. Not sure though. What happens when you swipe a card with stripe and a generic text-area selected? Maybe there's some algorithm there, dunno.

      August 5, 2013

  • Randy Oest I.

    Do we need to have PhoneGap installed prior to the meetup?

    August 2, 2013

    • Todd S.

      We will probably just go through the website so if you don't have an Adobe account you need to create one. Just go to adobe.com and you can create a new account

      August 2, 2013

    • Todd S.

      Randy, Sorry I was vague on this last response. We will be using Bd or PhoneGap Build https://build.phonegap...­

      August 5, 2013

  • Les K.

    I am trying to install SimpLess on my win8 pc and can not get it to run. Do I need to install it on a pc with an earlier version of windows?

    Thanks
    Les

    August 3, 2013

    • Todd S.

      Les I run on a Mac but I have never heard of an issue installing SimpLess on Win8. Has anyone else had trouble?

      August 4, 2013

  • Alessandra F.

    ok I use tools like sandvox to make webpages will I be able to get anything out of the workshop? Can I grab enough HTML on my own to be useful before the workshop.......I'm in there trying ;)

    August 2, 2013

    • Todd S.

      You should be able to use basic HTML and CSS and PhoneGap to create Mobile apps. Now the workshop maybe a little bit more advanced because we are going to use less for our CSS. I will have the completed code so at least you can look at it and keep up

      August 2, 2013

  • Erich S.

    I just got an email from http://alphasoftware.com/. It seems like they have a similar program to PhoneGap, but also integrate with PhoneGap somehow - just wanted to point that out - might give some context and comparison.

    July 27, 2013

    • Todd S.

      Thanks for sharing Erich. I will check this out.

      July 27, 2013

  • Kevin D.

    Hey lets try and get a google hangout set up for this.

    July 24, 2013

    • Todd S.

      We will definitely try it out.

      July 24, 2013

  • Les K.

    Sounds like a great topic

    1 · July 23, 2013

  • Randy Oest I.

    Great topic! Cannot wait.

    1 · July 23, 2013

    • Todd S.

      It should a good night. Thanks.

      July 23, 2013

Our Sponsors

People in this
Meetup are also in:

Create a Meetup Group and meet new people

Get started Learn more
Bill

I started the group because there wasn't any other type of group like this. I've met some great folks in the group who have become close friends and have also met some amazing business owners.

Bill, started New York City Gay Craft Beer Lovers

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