Home Page: learn.ionicframework.com
The content on this site is outdated and no longer maintained. It is left her for reference purposes only.
To start:
bundle install
rbenv rehash (if using rbenv)
nanoc
nanoc view
Open browser to http://localhost:3000
To watch files:
guard
Still working out contribution guidelines for content. Otherwise, the code is MIT licensed.
Do we want to add comments below individual formulas and videos?
Perhaps something like Disqus.
Pros:
Cons:
It would greatly benefit the community if you covered how to get
Would it be possible to make a tutorial video on how to make a custom theme properly without having to override core Sass files (if that's possible).
See this post http://forum.ionicframework.com/t/custom-theme-tutorial/4524 for more details of what I'm after.
although not directly related to ionic, I thin ui-router related video would be a great resource for someone who starts with ionic.
This is the link of Github Repo of Ionic Snippets Sublime Plugin.
ionic sublime plugin
If it is looks good to you, you may be interested it add into Resource->Community Projects.
The only reason i haven't taken up ionic is that i can't find a proper guide to skinning ionic components. What styles do i need to override and what is the best way to go about it etc. Very rarely would you want to use plain vanilla factory made components in your apps, since they will all look the same. This is the only thing that is stopping me from stepping into an otherwise excellent framework.
It might be a good idea to share idea on google maps integration
For share buttons, etc. the title should match the title of the article.
I love Ionic Framework, great job guys.
I'll be awesome if you guys made a tutorial of how to get different icons on the header-bar depending on the tab, as I am trying to accomplish that.
Thank you.
Isaac Vigil.
Digest email summarizing new content on Ionic Learn on certain intervals
Hi Team Ionic,
I was just curious if there's any animation/behavior we can apply to the ionic side menu. By default, it's got a push(or reveal, i think) behavior/animation.
Is it possible if we can do an overlay animation? The one that covers a small section of the page based on the max-width of the sidemenu. Thus, not pushing any view the entire view to a different side.
Cheers!
I wonder if it would be better to sort ascending by date for the videos list? Or by a "weight" that corresponds to the step in the learning process?
I'm sure a lot of us would love to see some really deep navigation tutorials. Like with views nested inside of views and nested again. It seems most docs only go two levels deep, but this is Ionic, let's go three.
I'd also like some explanation on what "abstract: true" means for navigation. Basically explanation on what all the variables means with the $state service :)
Thanks!
I think it would be nice to show how to use Google Maps in your app.
For example, display a map with some markers and show details when tapping on a marker.
In the footer on http://learn.ionicframework.com/ the link Ionic opens https://ionicframework.com/ which gives a Website offline error.
http://ionicframework.com/ does work.
Hi there, as a complete newbie with ionic and angular, any chance of some really basic starter demos ? And as a newbie on git hub too Im hoping Ive typed this in the correct place and that this area is newbie friendly :)
A recommended process for creating a theme for an app, working with the scss files from the CLI, and what are the necessary lines/variables for a new theme.
I think that Chap 4: "Testing your App" is misleading. It does kinda work but cannot be used for real testing of the app.
deviceReady event does not get called for instance. so code waiting to execute will not trigger.
I would like to see Testing your App with XCode/Safari.
How do you force an ionic build ios?
How do you run and see logging messages?
For some strange reason, I need to hit the run button twice to force the App to come up and trigger the deviceReady event.
ionic build ios also keeps adding the some facebook info to my app plist over and over again... How do you prevent that?
Just some ideas.
Thanks for great framework.
Pat.
this is non trivial. Knowing how to encapsulate google's js lib in an angular service. Or doing whatever is required for the other two. I myself have had to learn this on the fly.
Hey guys,
I have a request for a video. My team is building an ionic app that utilizes the Cordova SQLite plugin. An issue we've run into (and I know this isn't an exclusively ionic issue) is that now any change we make we have to build / send it to an emulator to see it. It would be great for the Ionic team to have a "Development" best practices video for how to streamline the development process in terms of tools / building / and automation.
Perhaps the concept of a shim and even a repo for them would be great!
Thanks!
Wizard with 3-4 steps with validation and submit form.
Hi,
Please bring some example about google maps / openstreetmap working with ionicframework.
Thank's
I think it would be awesome if you went step by step through the weather demo app, it hits on all the major parts of ionic and would also intro a lot of people to angular that might not be up to speed with it.
This is hard to hit, seems it's just triggering on font pixels:
https://github.com/ocombe/angular-localForage
Would be a great addition right?
Hey there,
I'd think it'd be great to have a formula for how to retrieve data from a backend service (already available now), but also how to then store that retrieved data in local storage. Then when the device is offline the data could be retrieved from localstorage so the app would still be useable when it goes offline.
Extra points for using a promise for the retrieving and storing data so we can use the Ionic loading backdrop and make it disappear when that process completes.
Syntax highlighting would make the code snippets much easier to read.
Is how it compares with OnsenUI? What are the pros and cons of each?
Thanks!
It appears to be a big issue with most users that keyboard input are giving problems
The reason I love Ionic is that I hardly have to touch any Apple stuff to get my app up and running. Just command line and my IDE. However, once I have a finished app, I have no idea how to get it off my emulator, work with XCode, or get it into the actual app store. A tutorial on how to do this would be great. Thanks!
as a developer for white labelled solution, we often have to change styles (colors mainly). a video around that would be great
Since ionic is so new it would be useful to see a tutorial on the best way to report an issue. For example, a forum search then if nothing found a new forum topic post including a codepen.
Most apps use crop tools before uploading to the server. Please make a tutorial for something like this.
Log in, posting, et cetera, would be coolish.
the "scratchpad" link on the page links here (ironically convenient)
I've been unable to find any documentation on integrating with the native Twitter functions on iOS to allow users to login with Twitter.
Hello ionic team,
Excuse me, just advice sir :D sometimes developer need to create tabs on top, so I recomended to add starter app not only tabs (down) also on the top, like this maybe : https://github.com/ariestiyansyah/ionic-starter-tabs-top .
So the user can create the tabs-top app with commad like this
$ ionic start my-App tabs-top
Thank you
Hi Ionic Team,
I've been doing an app(product catalogue app) for a larger screen(1080x1920). The app, however runs on a touch-enabled screen, that is, not entirely mobile. It will just be executed on Chrome for this matter.
We've managed to have some progress on building our keyboard layout using angular based on Trochette's numeric keypad. Here: https://github.com/trochette/ng-keypad.
Basically, we just need a pop-over keyboard that serves input-based mechanism in our app. It will be good if we can develop this plugin for some of our apps are not running on mobile. In our case, a touch-enabled screen.
Keep your users on the learn page. I think it be great to have a form like:
I'm wondering what the keyboard plugin is doing exactly and how to use it on different platforms. Also, covering topics like using the statusbar or other plugins in ionic may be helpful.
I'm sure I'm not the only one who's getting started with cordova thanks to ionic, so some of that stuff is still new to me. Thanks for the great work!
Good idea would be a lesson on how to share media
It'd be incredibly useful (not to mention awesome) to create a library of videos, each one covering a different Ionic core component, gesture,or feature.
They'd be great for learning. We could reference or embed some of them in the official Docs. And when we release new Ionic "features."
Titles pretty self explanatory. We should demonstrate how to handle the back button for android, prevent ionic defaults, and set up conditional events.
There are a lot of cool javascript products like pouchdb and angularfire. What is ionic's opinion on using bower components and gulp.js?
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.