Last updated on May 31st, 2017 |
Want to get started with Hybrid App Development but not sure what you need to know first?
Don’t worry, I’ll cover here what the skills you need to get up and running with hybrid app development, if you follow this path, you’ll be building your own apps within a month (maybe less if you can put it more time).
Get Started with Hybrid App Development
If you want to get started with hybrid app development, first you’ll need to understand what this actually is:
Taken from Salesforce developer’s page:
I’m not going to convince you to become a hybrid developer in this post, but if you do want to be one, I got the right tools for you to begin with 🙂
Now that you have a better understanding of what Hybrid App Development is (if you don’t just ask me anything in the comments 😛 ) let’s cover what you need to know in order to start building Hybrid Apps.
The framework I use is called Ionic Framework, they describe themselves as “The beautiful, open source, front-end SDK for developing hybrid mobile apps with web technologies.” and they are right, it’s made my life so simple.
To be able to start developing apps with Ionic Framework you’ll need to know (Preferably in this order):
HTML and CSS
HTML and CSS are the languages you can use to build and style websites. Every single web page you see is using them, these aren’t programming languages, one is to structure the site and the other one is to style it.
If you are looking to learn them, I suggest you start here: https://www.codeschool.com/learn/html-css.
I love CodeSchool, I just love their approach of “Learn by doing“.
If you are looking for a free alternative, you can try Code Academy: https://www.codecademy.com/learn/web
This won’t take you too long, HTML and CSS are actually easy, you might have trouble at the beginning, but soon your brain will realize how they work and you’ll be able to move on.
I came from a different background, my JS skills where close to none, what really made a difference for me was Wes Bos’ course ES6 for Everyone, it’s all in video and teaches you a lot about the new version of JS that’s ES6/ES2015, it paid itself the same day I bought it.
AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.
There is one reason we are learning Angular, it’s because Ionic uses angular under the hood to work its magic, some people say you really need to learn a lot of angular to be able to use Ionic, but I think that’s not true, I haven’t worked with AngularJS, all my work has been Ionic related, I do believe you need the basics of Angular, so you’ll know where things come from.
To get started with Angular2 you should check out http://www.hirez.io/ that guys releases the funniest videos ever, he really gets your attention there and uses fun to teach you about NG2.
Ionic has to be my favorite framework of all times, it was like love at first sight, I started with it and it felt intuitive, I’ve been able to develop about 5 or 6 private apps for internal use for a few clients and I’ve gotten 4 of my own apps to Google Play.
If you want to get started with Ionic you can follow their docs or you can read tutorials here on my blog.
Also there are other bloggers I admire and that blog about several topics including Ionic:
- Richard from Ionically Speaking. He likes to share about what he’s building with Ionic in the enterprise world.
Simon from Devdactic. He likes to write about a lot of different use cases for Ionic apps.
I know there are more, but these 3 are the ones I read the most, I find their content really helpful and easy to follow 🙂
There is a bonus technology I wanted to talk to you about, it’s called FIREBASE, they are a powerful platform for your mobile or web application.
They’ll give you a real-time database, handle user authentication for you, give you hosting and everything under SSL so your site/app will always be
https by default!
You can get started using their docs https://firebase.google.com/docs/ they are very easy to understand and follow.