Mobile app with codeigniter - angularjs

I am a first year "computer programmer" college student and I got an internship where I was asked to develop a simple cross platform mobile app. Nothing too complex, consists in a login screen, then a screen with a form where I'm using jQuery UI autocomplete to get some info from the DB, a select box, datepicker and a text area. The other screen is just a table with information with the current day, week and month records of whoever is logged in.
I am using HTML5 and CSS for the front-end and php with Codeigniter to connect to mySQL DB.
The question is: I intend to use phonegap to turn it into a hybrid mobile app. Would you consider this a good approach? Or would it be worth it to delay the project a little more and learn how to do it using Ionic framework for the front-end and learn how to use node.js to connect with the database? Also I could use Ionic for front-end so it feels more like a native app and still use Codeigniter to connect to my server. I'd love to read your opinions and suggestions on this.
Thanks in advance.

I would highly recommend using Ionic for the app, you get a lot of stuff right out of the box that you will otherwise have to figure out your self.
Getting started with ionic is as easy as writing 'ionic start' and choosing a name for your project and a template to start from.
Depending on you level of web development skills you could really quickly end up with a app of spaghetti code without some kind of framework to set up some guidelines on how to structure your project.
As for the backend I will recommend you to use what ever you feel the most comfortable with as long as it easily can expose the REST endpoints you need.

Lucas Berte Schoenardie,
Since jquery mobile is not updated last two years so it will be better to choice IONIC which is using AngularJS (Google product) and App with Ionic is more native than PhoneGap( using jquery).
This reference on StockOverFlow may help you to take appropriate decision.
Thank you!

Related

Grails - Ionic - AngularJS - Is it a good idea to work in this Env.?

I want to create an application using Ionic and AngularJS and Grails?
Also, I want to use Grails Spring Security Core plugin for login or registrations procedure.
Although, Stack Overflow is not the correct site to ask this type of questions which simply needs suggestions and other's opinions.
Well, we are here to help. You can try other StackExchange sites like https://softwareengineering.stackexchange.com/.
Grails + Ionic + AngularJS is a perfect combination of frameworks to build a fully functional and elegant mobile application for all platform. We've build various mobile applications using these three technologies and they work awesome.
Since Grails fully support the concept of rest API for JSON and AJAX based calls, it is absolutely possible to use it along with AngularJS. AngularJS doesn't care about the server-side technology you are using as long as your server side code can communicate over JSON data.
Ionic is just a beautiful front-end SDK which works on the top of AngularJS and provides various utilities to develop a hybrid user-friendly mobile APP.
So you can easily use these 3 technologies and get your mobile app ready in a few weeks.
Ionic doesn't care about what you use as a server stack. As long as you create a service which has well defined interfaces (REST?), you should be fine.
I for example use PHP (yeah, I know, shocking, right?) Slim framework + Postgres database as my backend.

REST APIs and a front end website - which framework to use?

over the last 2 months I taught myself Angular JS and ionic and have built a pretty effective iOS and Android client for a specific idea I have in mind. I am now embarking on prototyping a website for myself that this client will talk to.
The website will be pretty simple:
a) I am thinking the front end will be using a responsive bootstrap theme like this one: http://startbootstrap.com/template-overviews/freelancer/
b) The website will have a login function, and after login, allow subscribers to upload 'coupon' - that consists of a name, description and expiry date. This needs to be stored in the DB. I also plan to offer a search and edit functionality via the website
c) Now, I also want the backend to expose a REST API like, say, this form:
http://server.com/api/login
http://server.com/api/getAllCoupons
http://server.com/api/getCoupon/id=foo
etc
I've been researching various options and have come across:
1) Mean.io
2) Yeoman
3) Strongloop
At this stage, given I am completely new to web development, and only have an idea of Angular JS and a bit of Node js, I am confused on what to use
My criteria really is ease of use. I'd like a framework that lets me get up and running with a website and an API connected to it that can get data out of the website DB
Do you have a recommendation on the simplest and quickest way to go about it? I want to continue focusing on my mobile app and need the website to be as painless as possible.
Thank you

Can I Build my app within a week with Supersonic UI ( AppGyver )

So here's my problem . I have a web app designed in code-igniter php and we're exposing an API for it to talk to a mobile app.
It's an education based CMS app. It allows teachers and students to log in and see grades and any calendar based notifications
We want to quickly build an app which will let students log in and see their notifications or messages . I am sort of a front-end developer and was looking into Ionic and AppGyver's Supersonic UI ?
What would be the best choice to go for now ( I need something within a week ), also , how do I set up my app folder to talk with the api or bind it with the api ?
I've not really worked with APIs a whole lot and a bit lost in how to set up my project. I come from a graphic design background and have been recently using Yeoman for my front-end workflow.
We plan to migrate from code-igniter to AngularJS in the long run , so Ionic would be a good choice then but for now I need to get a working app and was wondering if SuperSonic UI would be a better choice for an hybrid app.
Questions :
From what I've described what would be the best solution to go forward with?
Also, can anyone suggest any tutorials / screencast which does an in-depth project with one of the technologies ? Or maybe some other frameworks I've not taken into account ?
Can I set it up with Yeoman ? Can I use Yeoman and Ionic together ?
Appgyver is doing well with Supersonic and Data. They are working extensively on their Data implementations. I am currently using an API for my application without using Appgyver Data, but also was able to get it working with their data option. They have a few tutorials to get you the basics of building, scaffolding, deploying applications using their framework.
Tutorials
You will notice the third tutorial gets you into the data portion.
This is the documentation for their data options.
What you will see in their framework is AngularJS written in either coffeescript or javascript (you choose which when you first run steroids create projectName in your command line).
There are lots of discussions about this platform happening here.
Personally, I am about to release an application to the app store and google play with little effort. Your application doesn't sound too complicated if you have an API to get the data. This is worth a shot.
They also have a new product coming out May 25th I am told. And with lots of funding recently, they are hiring more developers to tackle the GitHub issues and move the platform forward rapidly.
I've only had good experiences with them.
Yeoman is being used behind the scenes as far as I can tell.

Laravel and Angular.JS - Web App Dev

I have started learning Laravel and Angular, for one of my project at university. I want to rebuild the website www.lolcalculator.com with these two frameworks but I cant figure out exatly the best way to do that. From Laravel I want the less posible, because I will focus on Angular.
Can someone with more experience help me?
For example, do I need to use routing on both sides? Which functions of the website I should cover with Laravel(Mailer, Auth, Routing...) and which using Angular?
I just need to understand a bigger image, not in details.
Tnx a lot.
All the best :D
There's quite some information on the net regarding Laravel and Angular, but this one in particular is one that I found useful: http://scotch.io/tutorials/php/create-a-laravel-and-angular-single-page-comment-application.
You may also want to consider writting a front-end app in Angular and a separate back-end app in Laravel. The back-end app can then expose an API, consumed by the Angular front-end.

Can I use Angularjs for my site redesign?

I have a website in which we have used asp.net, c# and SQL database. In this website we are frequently retrieving/submitting the details from database. Now we are redesigning this website. How about using Angularjs while redesigning? Will it make the development easier?
Or please let me know if we have better framework for this.
If you are using basic asp.net, then not really.
You have a page which includes a .cs "code behind" file and a ".aspx" file that are coupled and work together.
Why would you suddenly need a client side model? This is more relevant for "Asp.net MVC".
Now you could do some work arounds and start working "ajax + json oriented" to insert angularjs, but you will need a lot of changes.
Now, if you are planning on a large redesign, I would try looking at web api(you dont have to change your whole site, but maybe you will prefer to create a service that will work with your database to fetch data and return your angular js client json's that will data-bind with your views).
Now if you didn't understand me, I'd google "Asp.net web api" up and then google some "Asp.net web api and angularjs" up.
Yes, AngularJS can be used to simplify the front-end side of your website development.
Their developer overview provides a great brief on how to do data binding: https://docs.angularjs.org/guide/databinding

Resources