What is Reddit's opinion of
Ionic Framework?
From 3.5 billion Reddit comments
➔ Ionic Framework website
By popularity on Reddit, this Service is:
100 reviews of this app found across Reddit:
Look into the Ionic framework, if you're willing to add another technology to the stack. It provides a bunch of intro / starter projects which generate from the cli.
edit: this isn't really answering your question - just pointing out the existence of this library in case it interests you.
If Yelp was starting out today they would most likely be a mobile-first company.
Think about how your customers/users will interact with your product.
Would the restaurants/businesses prefer setting up their business on yelp using a phone or a computer? Probably computer, if I had to guess.
But would the customers rating the restaurant/business do that on a computer or on their phone? Probably phone, and I'd bet they do it just after finishing their meal..
Think about your user, and how you would want them to interact with your software, and then decide from there.
P.S If you build your software using technology like Ionic you can build a mobile and web app using only 1 codebase. Obviously there are some downsides to using this approach, but they upsides are fantastic. 1 codebase for iOS, Android, and web...
I think the framework I use ( http://ionicframework.com/ ) basically turns on a lot of permissions by default.
The app shouldn't really need anything other than allowing local storage, which allows you to save/update the routine.
I'll have a look and see if I can shrink down what it says it requires.
We're all noobs at the end of the day :)
A number of frameworks (like Ionic for example) have allowed developers to build mobile applications using JavaScript for quite some time now. These frameworks are hybrid in the sense that they aren't actual native iOS/Android components that are rendered at the end. Can't describe this any better than what's in the Ionic documentation:
> Hybrid apps are essentially small websites running in a browser shell in an app that have access to the native platform layer.
This means you can code in HTML, CSS, JS (Ionic uses Angular for example) to build mobile apps and still have access to native modules when needed (such as the device camera for example).
React Native is different in the sense that it doesn't render your code in a web view of sorts in order to feel native, the final output is actually pure native components. In React, everything is represented in terms of components and represent the DOM. Because components in React aren't specifically coupled with the DOM and are just representations of the underlying structure, the same API can be (and is) used to render specific iOS and Android native components.
This is a good read: https://code.facebook.com/posts/1014532261909640/react-native-bringing-modern-web-techniques-to-mobile/
The amazing thing about React Native is that you can also write native code if you want to at any time. You can do this by writing Swift/Objective C or Java code and then bridge to JavaScript APIs: https://facebook.github.io/react-native/docs/native-modules-ios.html
Check this out: http://ionicframework.com/. It uses AngularJS and Cordova to create native mobile apps and it's pretty well documented. I'm still working with it so I might not be able to help you out too much but I've been using Ionic to communicate with a REST backend using JSON.
For user authentication and session management I've been using authentication tokens. So when a user logs in, they receive an authentication token which is stored using an Angular service. Every time a request is made to my server, I send the token in the header. I've just been experimenting with it, so I'm not sure if this is the best way.
I would check out Ionic. You can build using HTML5/CSS3/JavaScript and it will publish your app for iOS, Android, and Windows Phone. Upside, too, is that you can update through the framework, not the app store, so it short-circuits the approval process, too.
EDIT: Specifically, AngularJS. They're also about to cutover to AngularJS2, but I'm unsure as to when.
I've said it countless times before and I will say it again - I love Ionic... It's a great framework to work with - with an even mo-greater community and backing team... Having mucked around with Cordova-vanilla (no robust frameworks with their even-mo-awesome awesome CLIs) in the past, Ionic was a breath of fresh air into an approach I'd began dismissing as "native is better, despite the additional investment cost"... Hybrid app dev is complicated - that's just a fact.. Ionic simplifies those complexities just about as much as they can be, without watering down your app... If you've not spun up an app using Ionic before, do yourself a favor: http://ionicframework.com/getting-started/
I'd recommend looking at something like ionic or steroids for building out a native app in HTML. It will make your life much easier and you can get some nice things going pretty damn quickly with their development tools over starting a fresh with bare phonegap/cordova.
Use ionic, or some other hybrid js framework. Not quite as sexy but it might be all you need and it's always improving. Development is stupid fast. These frameworks are going to be big down the road, as you also get a web app out of it. http://ionicframework.com/
>My company is trying to go mobile
As in mobile app? You'll be setting yourself up for a world of pain custom-coding an Angular hybrid app w/o the help of a UI framework. In Angular land, that's Ionic. They're on 1 now, though word on the street is they'll be one of the earlier adopters of 2; yet they'll still not likely release as such until 2's stable. Nobody (TMK?) has an estimate at present for 2's release. I wouldn't start coding in 2 IMO, stick to 1 for now and Ionic if it's your fancy. They'll have some solid upgrade docs when 2's ready.
Also, consider React Native. It's <1.0, but it's unstable is more stable than Angular2's. There are many production apps already released. IMO React Native & Ionic are the two most hopping in hybrid comparisons today. React Native's big pro is it compiles native UI elements, mitigating the most problematic performance bottleneck on hybrid. It's big con: no Android yet (soon...)
TL;DR check out React Native. If you need Android ASAP, or want to stay Angular use Ionic. Re: 1.x v 2.x, choose 1.x.
I launched a mobile app with the Ionic Framework. You basically write the whole app in html, css and angular (a javascript framework) and it will compile it to IOS, Android, Windows Mobile, as well as a few others. They have some good tutorials and the framework even has a few built ins that allow you to access native features like using the camera. I have built android apps from scratch using Java....but Ionic makes development 10 times faster since it is the same basic languages you use to build a website. Good Luck
(I'm responding with help and on behalf of the Angular team)
- is recursive
- Assuming you mean on tablets and phones, at the moment, both avenues have pluses and minuses, too deep to discuss fully here. Products like Ionic Framework do an amazing job of making it easy to go the hybrid or HTML5 app route by addressing issues around native look and feel, platform-specific idioms, and performance. On the Angular team, we're most heavily invested in supporting apps via the Web Platform. At the same time, Angular 2's architecture is decoupled from the DOM making it possible for us to investigate avenues like Telerik's NativeScript. Stay tuned!
To piggyback on this comment, check out Ionic. It wraps PhoneGap beautifully and comes with AngularJS directives to provide native-feeling animations and components out of the box. If you already know web tech, you'll feel at home in Ionic. You can leverage most PhoneGap and Ionic-specific native bridge libraries for access to camera, file system, location, and more.
Oh, FYI for anyone interested in code stuff.
Originally it started off as being in Angular, then we decided we wanted native apps as a possibility so decided to use Ionic framework to make native apps. We then found the cool Tinder for Ionic which actually work great. Ended up having to hack apart a lot of third party libraries to make it all work well, but yeah.
Happy to answer questions anyone has about tech stuff for making this kinda thing as that's my general area of expertise, or any specific questions as there were a lot of mistakes/learnings made :)
Java is definitely necessary for native Android development.
A third option would be to build a hybrid app using a framework like Ionic. This allows you to build the application using Web technologies like HTML, and then the app is run on an emulated browser.
If the app is very very simple, you can go with a hybrid framework. But if the app is going to be at all complex, I would go with option 1 or 2. Java and C# are both fairly similar to C++, they're all Object Oriented programming languages. If you understand C++, you just need to learn the syntax rules and quirks of either of the other languages.
I can't tell you what's most popular by the numbers, but I've always liked ionic. If you know how to make webpages already, all you need to learn on top of it is angular, and you're good to go.
PhoneGap can target numerous phone platforms with the same code. They have plugins to access certain hardware functions of each phone.
Ionic Framework is a great design framework that makes a web app look and operate almost like a native app. The community here is very active and always helpful.
If you know HTML and CSS, you can do this. One more thing to learn is AngularJS because that's what Ionic runs on. It's JavaScript but designed way different than any JavaScript or jQuery you've ever seen. I love it myself.
Edit: AngularJS link
It depends on what you want exactly.
If you want a mobile browser friendly version of your web site you could use a css library/framework like Bootstrap, which could help you speed up the process of converting to a mobile friendly web site.
If you want a mobile app using PhoneGap/Cordova, you can still leverage your html and css. Look at a framework like Ionic. Doing an app this way would probably require you to change your backend to more of an API unless that's the way it is already.
It sounds more like what you want is a mobile friendly version of your site. As others have stated, that is just reworking your front end to be responsive or have a subdomain like m.yoursite.com. I prefer a responsive design over a separate site.
Good luck
Damn, I was just thinking about making something like http://ionicframework.com/ for Ember.js based on Foundation 5, but now Foundation's doing it themselves and they're choosing Angular too.
I guess competing with Ionic is easier than competing with Bootstrap, but I really expected them to be more like Embereños.
You start with an ionic app instead of creating an angular app and then adding ionic parts to make it mobile. You could do that in theory but you'd waste alot of time reinventing the wheel by integrating Cordova etc
Use the tutorial. http://ionicframework.com/getting-started/
Here are the specs for the app:
> . . .
I was given a feature list and that's all. I also wasn't given a timeline or due dates for anything. Basically the app is, and i'm trying to keep it vague, an information hub for our clients. A social media feed on one page, a few scheduled (controlled by Google Calendar), and a directory of the clients' staff members.
Looking at it, it doesn't seem difficult, but then you realize the clients themselves are divided into separate divisions, which each need their own information posted. So I have to figure out how to control that as well.
The idea I'm pitching is to use Ionic 2, because I don't know the first thing about app development and that lets me use my actual Web Dev skills.
Oh, and pair programming isn't a thing, and I'm too afraid to ask for fear that I'll get the "I'm too busy" schtick. So I'm just plodding along, learning Angular 2 on the companies dime.
Have a look at Cordova. It allows you to write cross platform mobile apps using HTML/Javascript/CSS. There are lots of frameworks that leverage Cordova - my favourite is Ionic.
Be aware though that you wont be able to write 'native' apps using Cordova and there can sometime be performance issues. It depends on what you want to do, I've found it to be really good though!
Check out Ionic Framework 2. It's built on Angular 2 (which is natively TypeScript), adds its own larger front-end and development framework (with native typescript) and applies its own interface over Cordova. Very powerful tool, you can develop for the three major platforms (Android, iOS and Windows), and easily scale up to full browser applications.
Meteor is indeed very cool, but for making an android/iOS app you might want to take look at Ionic: http://ionicframework.com/ it's pretty cool, and for real-time magic, maby an integration of Firebase: https://www.firebase.com/ :)
You can find the current resolution using the following:
Rez (24) A1: Test Display [ Type:Resolution Data: Store Result In:%res ] A2: Variable Split [ Name:%res Splitter:x Delete Base:Off ]
Now your resolution is stored in %res1 for x and %res2 for y
From there you have a couple options - use Element size / Element position to dynamically resize and move objects, or consider resizing a webview to full screen (might be anyway if the scene is displayed full screen but maybe not if the aspect ratio is different) and use a mobile html framework like Ionic - http://ionicframework.com to do responsive design.
Just learn HTML, CSS, and JavaScript and then you can build the app and port it to all platforms using either IonicFramework or PhoneGap.
CodeSchool.com is probably a good place to start.
Oh, totally. I was thinking of bits like the headers, buttons, and lists in the Ionic framework.
For the most part, if you know the extent of the content beforehand, what you describe makes more sense than trying to mess around with transcludes.
You should check out Ionic http://ionicframework.com/. It is built on top of cordova(same thing phonegap is built on) and made specifically for writing a cross-platform app with html, css, and javascript. I am developing with it currently here http://www.reddit.com/r/incremental_games/comments/2r0kez/ace_jason_galaxy_explorer/ It uses angularJS and the documentation is fairly thorough.
I guess if it's an Angular app and you want a lot of heavy lifting done for you, check out http://ionicframework.com/. To clarify, Foundation is NOT trying to be Ionic, nor should it. But if you're all-in on Angular anyway, Ionic has some really great tools.
You are right. It's helpful to think of it as a few layers. Layers from top to bottom as follows MyApp makes use of -> Ionic (CSS/Angular) makes use of -> Cordova / PhoneGap makes use of -> Native Hardware
Sometimes, I would just go straight to cordova (when accessing the camera for instance etc.) Ionic just makes the screen setup, consistent look and feel really easy.
This article explains the difference between Cordova and Phonegap pretty well. http://ionicframework.com/blog/what-is-cordova-phonegap/
I think you could try Ionic. It's new and it uses by default AngularJS and Cordova. It is pretty easy to port a pre-existing AngularJS application to Ionic's platform (I already ported 3 apps that were in pure AngularJS).
I've been using http://ionicframework.com/ for the past several month. Its based on angular so I finally had my reasons to learn it as well.
But in the long run I am going to switch to Swift and start some serious ios development.
Hmm..
I'm not sure I understand your question. Javascript performance doesn't really change whether you have 1 user or 10 million.
If your site already handles 10M people, that means the backend can handle it. If you move to angular, it should take some weight off from your backend since the view-logic will be rendered on the client, instead of the server.
If you're talking about javascript performance, it really depends on what you're doing. Angular performance will suffer when you have a shitload of models.
Also, take a look at this: http://ionicframework.com/
Honestly, too much padding on the elements.
regarding the sidebar - make it smaller. stack the text post, and web-link boxes
it should look like (imo):
Submit
(small icon) text post (right chevron arrow, pulled left)
(small icon) web link (right chevron arrow, pulled left)
idk i'm just saying, make it like the IOS nav menus.
kinda like: http://ionicframework.com/docs/components/#item-icons
It looks like you're using angular (I'm not 100%, just starting my down this road myself). If that's the case, you can use your angular front end as a mobile app. Ionic is supposed to wrap the front end up nicely for you, and is optimized for angular.
You could try to write you tab + hold function with jquery's mousedown event, see http://api.jquery.com/mousedown/ I am not sure how well jquery handles touch events, maybe you better get a touch or mobile optimized framework like http://jquerymobile.com/ or http://ionicframework.com/
If you mean smartphone apps, you can build a 'hybrid app' using HTML, CSS and Javascript. Hybrid apps can be released and maintained cross platform easily.
There are many frameworks that support this type of development, here's an example: http://ionicframework.com/
I haven't done any such conversion myself but you should definitely check out ionic which allows you to use JavaScript when developing apps http://ionicframework.com/ this is there website if you want to check it out
Maybe go with JavaScript and then use http://ionicframework.com/.
Otherwise go with Swift and focus on iOS first, probably quicker to learn than Android. Just remember that you need a Mac to publish iOS apps.
Yep, it works a lot like Ionic, again though it's not as good as native. It doesn't mean your program won't look good or be terrible. But Native is still king for right now. I would recommend you use Ionic though if you have already built it with angular.
If you built it with Angular2 you can also use nativescript which is the new shiny tool that people are using(although I don't think it's as good as the others yet).
Nativescript has functionality built in with Angular2
Ionic has functionality with Angular1 and Angular2.
Few questions:
- What are you testing on? Deployed to physical device, emulator or doing Ripple/Browser testing?
- When you say "it doesn't change", are you saying that it's not automatically updating in your already deployed and running instance (like LiveReload) or that you are changing it, rebuild and redeploying, but the original test value is still being displayed?
- Have you tried testing on another device (browser, physical device, with and without live reload)
Side note, and slightly off topic... Have you checked out The Ionic Framework? Lots of goodies out of the box.. http://ionicframework.com
Take a look at a few other hybrid mobile frameworks that provide a nice wrapper to help you out with the native feel:
- Ionic Framework - Angular.js
- React Native - React.js
- NativeScript - Typescript/Javascript
I actually still will and need to use Angular, but I decided to move to React so that I can just learn something new. In fact, I'm currently about to start a project and am having a tough time deciding if I want use Ionic (framework for creating hybrid apps using web technologies, Angular specifically) or React Native.
Because React is fairly new, I haven't used it for any big projects. I don't actually need jQuery anymore because I can control my view depending on state. You'd still be binding to events but that would all be part of your components' functionality since React renders the HTML too. That's part of the magic of React, its focused on the view layer. I'm sure you could still use jQuery with React but I haven't needed to. Angular also didn't require jQuery but it still used a simplified version under the hood (called jqLite). Using jQuery simply takes over some of those features (like using selectors) and allowed you to use it's syntax anywhere (like in custom directives). I've also seen some people prefer jQuery's $.ajax over Angular's http service though I'm not 100% sure why.
Depends on your knowledge level of programming. Most iOS courses will assume you know the fundamentals (data types, operators, loops, etc.).
However, if you have some programming experience, you will find there's more than one way to make an app. I'm a back-end developer that does a lot of front-end work during my day job (Fortune 500 .com). Depending on the app you're building, you can create really nice mobile experiences in different stacks other than iOS/Java, etc., particularly front-end tools like Angular and JS.
I've created an app using Titanium (now: http://www.appcelerator.com/) and recently a barcode-scanning inventory app using Cordova and had a great experiences using them. I'm now working on a new setup and using Ionic for the beta: http://ionicframework.com/
Both of these frameworks (and many like them) build on top of JS, HTML5 and other tech that many developers know already. They can compile to native XCode and Java projects and deploy to iTunes and Android Market.
I've found these work great for info-based apps (say, IMDB, Run Trackers, etc.) but not so hot for games and otherwise visually-intense applications. This is due to being able to more intimately integrate with device hardware than what these frameworks will allow.
Luckily, either way you go, you're in luck. It's never been easier to learn how to program. (Udemy runs weekly sales for their courses, don't pay more than $10 https://www.udemy.com/).
They definitely use native menu controls and the Android action bar, so they have some native elements. It's probably a hybrid—some of the interface is HTML / JS with a native bridge while the "wrapper" parts are pure Android Java.
Just as a side note: I'm not opposed to wrapped web apps at all. They can be done really well with the right tools. However, they're a lot trickier to pull off than a native app since you have to optimize them to hell to get a proper, fluid UI. If you're going to half-ass it, half-ass it natively, not on the web.
Are you dead set on native development? If not, you can make apps for both Android and IOS with none native development, coding in HTML, CSS and Javascript. You can still access most of the major native features like the camera and what not. Checkout http://ionicframework.com/ where they have tutorials and show you how to build apps quickly and easily. I build most of my projects with Ionic. The only projects that may not be great for Ionic would be stuff that requires heavy graphics processing like 3d games and even some 2d games. 2d games might be alright depending on what resources they require. I know people who have made 2d games on Ionic and they came out just fine.
The iphone version of this is in alpha and being tested by about 20 people right now. Main thing slowing me down with it is I had to learn a new programming language to make it. It's using http://ionicframework.com/ which uses angular.js, if you come across anyone familiar who wants to help let me know!
Si, no pasa nada man! Si, precisamente con Cordova y algunos plugins para notification bar, push notifications, native modals, etc- es lo que se usa. La app en la que estoy laburando ahora esta escrita sobre Backbone.js, ES6 y webpack. En mi tiempo libre tambien laburo en un proyecto personal que esta escrito en Ember y usa ember-cli-cordova para hacer el bundle para enviar a apple/android.
Podrias mirar http://ionicframework.com/ si te cabe angular (a mi no me va angular para nada, pero el tooling de ionic y la documentacion es genial), meterte con Cordova o tirar para React Native.
Have a look at Ionic. It sits on top of Cordova and makes the front end of an app really easy to build which might be what you want for a prototype. Oh and you use HTML and JS to build apps cross platform which is useful for you. It does use AngularJS however which is a bit of learning but there are plenty of resources online such as the course on Code Academy.
Hey CplThermo, software / guns guy here too. Just JavaScript though. If you are more familiar with desktop stuff, you may want to check out Ionic. Its a nice hybrid mobile framework that easily goes right onto an iOS or Android device.
Depending on what platform you are wanting to develop on Android has a guide here for converting apps to the new spec.
If you are making web apps and use android web view for rendering you could try googles Web starter kit
Lastly you can look into Ionic as another framework.
If you truly believe you have advanced to expert level HTML and CSS knowledge, and if you're comfortable with frameworks like Bootstrap or Foundation, and know your way around SASS/Compass or similar, dig deeper into Javascript.
Although "advanced web dev" can mean a lot of things to a lot of different people, invariably anything beyond "intermediate" requires an intimacy with Javascript. Make friends with AngularJS (https://angularjs.org/) or a similar framework. If you liked what you did with Phonegap, and Angular seems like your bag, look into Ionic Framework (http://ionicframework.com/) to play with some cross-platform mobile development.
With so much time and given the fact that you're a grad student, you've got a good opportunity to really augment the rest of your skills with a web dev component. Good luck!
if you want to target ios and android, hell even chrome ext(apps), can I recommend:
add phaser.js to it and you have solid examples running on the platforms http://phaser.io/examples
Also seeing you use to vba, js should not be to hard.
basically to get up and running:
brew install git npm # apt-get install git npm # choco install npm git npm install ionic bower -g ionic start awesomeApp cd awesomeApp bower install phaserjs # setup app ionic serve
if the # setup app is a hard part msg me with a https://c9.io/ created and I will help you to get a couple of phaser examples running along side ionic.
Checkout Electron its a project created by the guys at github and is the base for the atom editor. Electron allows you to create desktop apps using web technologies e.g. html, js, css and NodeJS, which might make it a lot easier for you to get going. Rather than having to learn C# or Java.
For Android dev you could use PhoneGap or Ionic, which again, would allow to use your experience with web technologies.
Yep, that's pretty much it. It uses http://ionicframework.com/ which is in itself an abstraction over apache cordova ( previously phonegap ).
I really like it, in terms of being able to get stuff done quickly it's ace :)
i always recommend the same thing: http://ionicframework.com/
usually to people that want to code.
however they do offer a beta of an click and drag editor at http://creator.ionic.io/ , maybe check it out?
If you're experiencing performance or look-and-feel problems with your web views, here are some minimalist responsive CSS libraries I use:
My preference for HTML5 is also partly because it makes it easy to port to Android and Windows Phone.
Have you had a look at building your MVP in Ionic using AngularJS and regular HTML & CSS? That's what I'm doing for my iOS app - I'm a front end dev already so didn't want to learn Swift (or heaven forbid Obj C) just to bash out a simple prototype. In 2 days I've already got the basic structure up and running, so a lot faster than iOS plus my app will work on Android and iOS.
Check it out at http://ionicframework.com/.
Make sure to check into Ionic Framework for a great base to get started on native looking apps with HTML. It runs on AngularJS which I recommend you do some online courses and learn as much as you can. It can be a big shift from a traditional webpage style but is based on the model/view/controller which is easier to manage and can be split up in teams if you're in a software shop.
I would look at something like Ionic. You can write a smartphone app using javascript and html, so I imagine it would be more productive than struggling with the android SDK and Java.
Or... Ionic.
Currently, I'd go with Ionic. Give React Native and the community some time to mature (and gain Android support) first.
Can't speak for Meteor & Famous, but Ionic gives you a "native-like" UI - it's not native, it's HTML & CSS, but for a lot of it, they've got it pretty spot on.
Easy for me to say, I don't know or use Rails seriously, but here's my two cents:
If anyone ever comes to me with questions like these, I aways recommend AngularJS. The framework is booming, community is huge, running JS on both server and client is a big plus, you already know some JS and if you like to take your ideas mobile (iOS and Android) you can use the ionic framework which is already based on Angular.
If you've taken a course on web development (don't know how much you touched on, considering you just mentioned HTML) you might feel more comfortable making an app with the ionic framework.
Ionic is pretty awesome. Basically, using AngularJS, HTML5 and CSS3 you can make an app for iOS and Android with the same code. I can't speak for iOS but Android's API is pretty bad (in my opinion) and I'm much more comfortable with the typical web dev environment.
Its a little new yet (I think the 1.0.0 release candidate just came out) but there seems to be a pretty big community, and plenty of tutorials.
If you're not comfortable with JavaScript yet, there are TONS of tutorials out there on it, and these days its a pretty good language to know since its coming up everywhere now. I'd personally recommend both codecademy and codeschool for learning. (Code school has some paid courses, but I think they have some free JavaScript courses. They even have a free course on AngularJS to get you ready for Ionic!)
Good luck! If you need any more advice/help feel free to shoot me a PM!
First of all, thank you so much for taking the time to write such a thoughtful feedback, it is deeply appreciated. Since we are currently in our very early stage, it's really what we need most.
I fully understand your concerns regarding the "versus" term: do you feel it would be easier to catch if we put the "try it" slide first. Maybe some interaction would make the concept a bit clearer?
Now for the use case part: I think you're absolutely right, we're not stuck with this baseline and are really interested in how users will shape the versus format. Because of a publication, we're now more than 1000 users, and we're thrilled to see people come up with innovative way to use the platform.
I really like your ideas regarding the different use case, and if you feel like talking about them, please shoot me a mail at , I'm sure your outside vision will help us shape Viceversa.
All the best!
As a C# dev, I'd go with Xamarin every time, but since you specifically asked for something else, I'd take a look at Ionic - I went to a developer talk a few days ago and it looked fairly nifty if you want to go down the hybrid/web route.
I have an app I use to control multiple RPis and an Odroid C1.
I wrote it in Ionic Framework with AngularJS. It runs on Android, IOS and Chrome.
The backend is a port of Openwrt's ubusd, rpcd and uhttpd for JSON calls to the system. If you know Javascript it's not difficult at all, but still quite a bit of work.
Here's some images from my app. http://imgur.com/a/9Gb3P
Android uses Java and Android Studio is a free IDE to develop in. I watched this guys and he helped me learn a lot about the IDE and the language https://www.youtube.com/watch?v=nBD4xhH5vIE&list=PLGLfVvz_LVvSPjWpLPFEfOCbezi6vATIh
Also you can look into Ionic if you want to develop for iOS and for Android at the sametime. http://ionicframework.com/
This problem has actually already been addressed. They added a new collection-repeat directive that renders collections in a way that is very similar to how native platforms do. Check out this blog post
With the help of the wonderful, open-source Cordova project and the amazing Ionic Framework, it's actually possible for 1 person to handle :)
You are quite noble for being so dedicated and wanted to provide for your family. A career in technology is almost a guaranteed way to do that. Your post mixes lots of buzzwords that could undermine your credibility. Understanding OOP has nothing to do with Agile software methodology. Let's start by completely separating those things.
Learn OOP concepts, UML models, and data structures (maps, lists, arrays). Then focus on Javascript classes, prototypes, functions, loops, objects, JSON notation. Learn about Angular concepts like promises, directives, bootstrapping, separation of concerns and oh my, there's so much more. Then once you've understood those major concepts, read about Angular MVC to tie it together. Creating an Angular archetype from sample web sites and doing a few tutorials will help. I like the http://ionicframework.com.
My approach has always been to follow each step of the tutorial until I see something that I don't understand. Then I read the tech docs. Usually in the tech docs, I'm clicking deep into links of other things I don't understand. Maybe a few days later, I've accumulated enough knowledge and absorbed it to move on and write more code! Those light bulb moments are wonderful but require much patience.
It will be worth it.
Eh I get you. But its always nice to design mobile first. I actually take it to extremes and use ionic (http://ionicframework.com) which is not only responsive, but i can directly ship the app to mobile if needed :P
Of course, this applies more to apps than landing pages like yours, but that's just food for though :)
Everybody knows Bootstrap the instant they see it. Same for jQ mobile. Not to say that there aren't creative themes for either out there, but full customization basically means you're just using what... their grid system? I'm jaded on both fronts :(
http://ionicframework.com/ is next on my list to try out!
I was playing with Ionic[1] this weekend and wasted time figuring out how to set up the Git repo for multi-developer support as well as making plugins work, app icons resize, etc. So this template is the beginning of something that works after simply running "npm install".
[1] An Angular UI component layer on top of Cordova[2] (http://ionicframework.com/)
[2] Cordova, formerly known as PhoneGap, puts an HTML5 project in mobile app containers (http://cordova.apache.org/)
I would recommend looking at Ionic if you go the AngularJS route on your desktop application. Ionic is AngularJS + Cordova. Warning that it does come with a lot of CSS (think bootstrap) already in there, and is built to be styled in a certain way.
It's a really nice way to get an MVP up and running quickly. And the guys at Ionic have figured out the best performing CSS for Android and iPhone to get close to a 60fps experience.
This is really awesome. I know you've already written the mobile portion using trigger.io, but you might find ionic interesting, if not for this, just in general. It's similar, in that it uses apache cordova for the native layer, and then uses javascript w/ angularjs for the UI components and logic.
what does your package.json look like? I just ran npm install -g ionic@latest && ionic start to create a new project and when I run that command both main.js and vendor.js are minified. This is the package.json
{ "name": "scratch-ionic", "version": "0.0.1", "author": "Ionic Framework", "homepage": "http://ionicframework.com/", "private": true, "scripts": { "clean": "ionic-app-scripts clean", "build": "ionic-app-scripts build", "lint": "ionic-app-scripts lint", "ionic:build": "ionic-app-scripts build", "ionic:serve": "ionic-app-scripts serve" }, "dependencies": { "@angular/common": "4.1.3", "@angular/compiler": "4.1.3", "@angular/compiler-cli": "4.1.3", "@angular/core": "4.1.3", "@angular/forms": "4.1.3", "@angular/http": "4.1.3", "@angular/platform-browser": "4.1.3", "@angular/platform-browser-dynamic": "4.1.3", "@ionic-native/core": "3.12.1", "@ionic-native/splash-screen": "3.12.1", "@ionic-native/status-bar": "3.12.1", "@ionic/storage": "2.0.1", "ionic-angular": "3.6.0", "ionicons": "3.0.0", "rxjs": "5.4.0", "sw-toolbox": "3.6.0", "zone.js": "0.8.12", "@ionic-native/camera": "3.12.1", "@ionic-native/google-maps": "3.12.1", "@ngx-translate/core": "6.0.1", "@ngx-translate/http-loader": "0.0.3" }, "devDependencies": { "@ionic/app-scripts": "2.1.3", "@ionic/cli-plugin-cordova": "1.6.2", "@ionic/cli-plugin-ionic-angular": "1.4.1", "ionic": "3.7.0", "typescript": "2.3.4" }, "description": "An Ionic project" }
No, but we document that in our desktop support page. http://ionicframework.com/docs/developer-resources/desktop-support/
In future releases of cordova plugins, they will be migrating the API to match the current standards, so having cordova will not be a hard requirement.
I didn't read a lot of it, but from what I get you might want to learn a cross platform tool. How good are you at maths? If you're OK with a very hard reading language (You'll learn to read it, but it's harder than a pretty much English language) then learn C++ and Qt. You can then use QtQuickControls to make a cross platform (make it once, it'll work on all devices) app.
You could also learn to make website and use Ionic and JavaScript to effectively just make an app from a website.
Personally I've used Qt and can vouch for how good it is. I haven't used Ionic, but colleagues have and it comes highly recommended by them and others online.
You should be able to do a lot of those things, and tools to do them and just put them in your app will have been made before.
It would be easier to focus just on 1 device as you'd have better plugins like the QR reader, but if you want both devices then you'll have to go cross platform (or do it twice). I'd recommend going cross platform personally, but others might be able to say otherwise.
EDIT: Go open source with it, you might get a lot more help that way.
I'm using a component of this to make an app at work; its pretty good and it seems the full thing would fit well with what youre trying to do here (it would primarily make it cross compatible). If you really want I could potentially help you out with this, but I have a lot of responsibilities to juggle as is.
I think that the html and css is not of great use. You'll have to replace pretty much everything with ionic components. That means that also css probably is not of any value anymore. So all his effort is basically lost.
So I'd say the designer either only hands over screen designs where he keeps an eye on the ionic components that are build in.
Or, and that's what we ended up doing, we created a components showroom app for our web designer. We could convince him that he throws in all the components that should go in the real app in the showroom app and style it there with scss just like how he's used to working anyway. Only thing he had to do is using the ionic components (http://ionicframework.com/docs/v2/components/) which actually makes his work faster anyway than beginning to build and style from scratch. We created some pages in the showroom app to split up the components (like navigation, buttons, form elements,...).
He ended up having fun actually and the workflow was as perfect as it gets!
Any reason you want to use bootstrap over the built in Ionic UI? Their UI works great on both iOS and Android. I never did try to see if bootstrap was under the hood with Ionic, I wanted everything to feel as native as positive.
Ionic 1 Form UI: http://ionicframework.com/docs/components/#forms
I highly recommend learning mobile dev using web technologies, especially if you have existing knowledge there, or expect you'd ever need that knowledge, which is pretty likely given prevailing winds, even for those that believe in the Windows-first path. It's why UWP supports JavaScript as one of the primary development languages. Ionic is a great getting-started option in this space that Microsoft supports; it supports UWP in version 2.0. http://ionicframework.com/ You can use Microsoft's tools alone to make a UWP app using web technologies, but I've found Ionic to be a smoother ramp.
The term you're looking for is "Hybrid-Mobile" app. You have a few options.
All these allow you to build mobile apps using html5/js/css. Basically they build a simple shell which loads a web view. Then they provide integration into the underlying OS. Personally I like Ionic as it's based on AngularJS.
> Do you have any suggestions for implementing/building the U
If you want to go pure native, you really have no choice but to use Java for Android and Objective-c or Swift for iOS.
You might want to consider Xamarin, which works very well.
Or if you want to stick with something that is hybrid mobile, Ionic works very well.
The absolute fastest way to get this to market, especially if you want cross-platform support (i.e. Android & iOS) is to use Ionic Framework (http://ionicframework.com/). Their suite of tools is based on common, extensible libraries that have been worked on by the community for years (like phonegap & cordova), and they have a nifty drag/drop interface to build screen workflows, UI, and interaction components. They even offer a paid service to provide a backend (i.e. place to process/store the data such as user accounts, pictures, etc). You will probably have to learn some javascript, but it's not too tough compared to trying to build a native iOS (C#) or Android (java) app
SQL lite indeed makes the most sense and as of Ionic 2 it is also built in for storing data: http://ionicframework.com/docs/v2/api/platform/storage/SqlStorage/.
I've also used it for my enterprise grade app with Ionic 2 for enabling offline usage and I do use it heavily.
Overall it works great and is reliable. Though I think I'm periodically pooling some random data so the internal connection handlers won't get timed out but this is the only issue I can recall for SQLite. And maybe is already fixed. Also for Android you don't even have to install the SQLite plugin since it is built in already. If I remember correctly then iOS requires plugin install and Windows requires SQLite ext plugin which requires some manual modification before you can use it: https://github.com/driftyco/ionic/issues/5874. And if you use Ionic interfaces then it also works great in desktop too since then it falls back to WebSQL, but there is about ~50MB data restriction due to browser limitations.
hi, solução:
exemplo: em app.js
import {NameService} from './services/name-service';
@App({ templateUrl: 'build/app.html', providers: [Http, ConnectionBackend, HTTP_PROVIDERS, NameService], config: {} // http://ionicframework.com/docs/v2/api/config/Config/ })
They're completely different language wise. Native Android development involves writing layouts in XML, which should be somewhat straightforward if you're used to HTML. However all the logic is done in Java - not the hardest language to get used to, but quite different from JS.
If you're a competent JS developer, there's frameworks you can use for app development that use JS like React Native and Ionic. I haven't used either though, so no idea how good they are.
Hi, i started making such an app months ago but dumped it because of lack of time.
Wasn't really anything near useful, just the base for it (i think it was not much more than parsing some profile info and show it, just to proof the concept). This is also the reason i deleted it from github.
Also dotabuff changed their design in the meantime so the parser would probably need some adjusting.
But if anyone needs a start on how to do it, just pm me, i still have the files.
Basically you get the normal site without the css and javascript and parse the DOM to get the elements you need.
For the app itself it is enough if you are good with HTML and Javascript: http://ionicframework.com (based on Cordova but adds some nice features for development)
Also keep in mind that you should not add any ads to your app because you are already preventing dotabuff from earning money when people use your app (because their ads will not be shown, basically like an adblocker).
You should look into Ionic. It's based on JavaScript, which is one of the easier languages IMHO. It'll also create hybrid apps for any platform. Once you're comfortable there, then learn how to work with databases and API's.
Electron turns your web code into native desktop code, and there is also the Ionic Framework that is for mobile development. Write once in web tech, port to all other platforms.
I was in same situation, started learning 3 months back, today I have working app, agree it takes time. in case you decide to learn http://ionicframework.com/ will be a very good place to start with. you can always create a basic prototype here https://creator.ionic.io good luck
Not really, but this particular app took me about a week to finish and using new tools/framework (at least for me), which actually helps me a lot since I have solid web building skill.
Building it with ionic framework, which I am not a big fan because it's Angular-oriented (I like React better).
http://ionicframework.com/docs/guide/installation.html
Version 2 is still in Alpha, so use version 1 if you're looking for something more mature. You'll need to be on a Linux terminal (even on Windows). If you have Git Bash, use that, but if not check out Cygwin at https://www.cygwin.com/
It's not Google-written but there is an Angular environment for writing mobile apps: http://ionicframework.com - but I don't think it's native in the same way React Native is (disclaimer: haven't actually used it...)
Wanna build apps and have a mobile app? Build a good API and use angular with Ionic. Can't do dat shit with react ;). Just saying, mate. Pro-tip, been in this industry for years. As the Trump would say, Angular is YUUUUUUUUUGE.
- ^I ^do ^not ^in ^any ^way ^support ^trump, ^they ^are ^all ^crooks ^in ^my ^book.
Ok here's a few high-level definitions:
- Cordova: The underlying FOSS technology which provides communication between JavaScript and native APIs.
- PhoneGap: Adobe's product which sits on top of Cordova providing tools like PhoneGap Build.
- Ionic: A FOSS alternative to PhoneGap which provides tools like
ionic build,ionic serve, etc.
I prefer Ionic because it's open source, it provides most of the tools PhoneGap does (AFAIK), and as a bonus it also comes with AngularJS directives and CSS classes which you can use in your app which handles cross-platform differences automatically.
An example of that last point would be something like <code>ion-side-menus</code> which gives you a native-feeling side menu which adapts to the platform. To contrast that with PhoneGap, you probably noticed that once you set up your project it was literally just an open canvas, and it was up to you to style your app from scratch.
Edit: I almost forgot, with Ionic you can use plugins from ngCordova, including some which were published by PhoneGap to the open source community.
I think that the error is caused by Cordova CLI: Not installed rather than error with npm.
Ionic installation documentation states that you need to install Apache Cordova to run Ionic and your setup seem's to be missing Cordova installation, so maybe npm install -g cordova could solve this.