diff --git a/guide/english/ionic/index.md b/guide/english/ionic/index.md index 59474ab2ce..184c38c313 100644 --- a/guide/english/ionic/index.md +++ b/guide/english/ionic/index.md @@ -2,18 +2,15 @@ title: Ionic --- - - - -## Ionic framework +![ionic logo](https://upload.wikimedia.org/wikipedia/commons/thumb/2/24/Ionic-logo-landscape.svg/512px-Ionic-logo-landscape.svg.png "Ionic Logo") +# Ionic framework Ionic is an HTML5 mobile app development framework targeted at building hybrid mobile apps. Hybrid apps have many benefits over pure native apps, specifically in terms of platform support, speed of development, and access to 3rd party code. -### Building Hybrid Apps With Ionic - -Those familiar with web development will find the structure of an Ionic app straightforward. At its core, it’s just a web page running in a native app shell! That means we can use any kind of HTML, CSS, and Javascript we want. +## Building Hybrid Apps With Ionic +Those familiar with web development will find the structure of an Ionic app straightforward. At its core, it’s just a web page running in an native app shell! That means we can use any kind of HTML, CSS, and Javascript we want. As of Ionic 2, the framwork uses Angular (previously using AngularJS), please see seperate freeCodeCamp guides on Angular. @@ -41,7 +38,7 @@ Create a new project and run in the browser: ionic serve ``` -### Ionic 4 Beta: +## Ionic 4 Beta The latest release of Ionic is [Ionic 4](https://blog.ionicframework.com/announcing-ionic-4-beta/). Having completly rewritten all their Angular components as web compoents, Ionic is now platform agnostic with the ability to use Anguar, Vue, React, or plain JavaScript. To use Ionic 4 make sure you have the latest version of the Ionic CLI: @@ -61,3 +58,7 @@ Ionic 4's CLI now uses Angular's CLI for its building and routing. For other fra - [Ionic Angular](https://github.com/ionic-team/ionic/tree/master/angular) - [Ionic Vue](https://github.com/ionic-team/ionic/blob/master/vue/README.md) - [Ionic React](https://github.com/ionic-team/ionic/tree/master/react) + +## Additional Resources +- [Ionic Platform Documentation](https://ionicframework.com/docs/) +- [Ionic Framework Tutorial](https://ccoenraets.github.io/ionic-tutorial/install-ionic.html)