From e3fe80128889d3d06ac4f0dc13041543bbd00134 Mon Sep 17 00:00:00 2001 From: Dom Slatford Date: Sat, 1 Dec 2018 15:19:45 +0000 Subject: [PATCH] Ionic guide including ionic4 (#22236) --- guide/english/angular/index.md | 16 ++++++---------- guide/english/angularjs/index.md | 1 - guide/english/ionic/index.md | 20 ++++++++++++++++++++ 3 files changed, 26 insertions(+), 11 deletions(-) diff --git a/guide/english/angular/index.md b/guide/english/angular/index.md index bf2c48940d..6c4c3a1284 100644 --- a/guide/english/angular/index.md +++ b/guide/english/angular/index.md @@ -2,25 +2,21 @@ title: Angular --- - - - -## Angular ![angular logo](https://angular.io/assets/images/logos/angular/angular.png) +## Angular -Angular(versions 2 and up) is a Typescript based open source framework to develop front-end Web application. It is the successor of AngularJS and all mention of Angular should refer to versions 2 and up. Please see the seperate AngularJS catagory for its respective guides. Angular has following features like generics, static-typing and also some ES6 features. +Angular (versions 2 and up) is a TypeScript based open source framework to develop frontend web applications. It is the successor of AngularJS and all mentions of Angular refer to versions 2 and up. Please see the seperate AngularJS catagory for its respective guides. Angular has features like generics, static-typing, and also some ES6 features. ## Version History -Google released the initial version of AngularJS on October 20,2010. Stable release of AngularJS was on December 18, 2017 of version 1.6.8. Angular 2.0 release took place on Sep-22 2014 at ng-Europe conference. One of the feature of Angular 2.0 is dynamic loading and modularity, most core functionality has moved to modules. +Google released the initial version of AngularJS on October 20, 2010. Stable release of AngularJS was on December 18, 2017 of version 1.6.8. The last significant release of AngularJS, version 1.7, took place on July 1, 2018, and is currently in a 3 year Long Term Support period. Angular 2.0 was first announced on September 22, 2014 at the ng-Europe conference. One new feature of Angular 2.0 is dynamic loading, and most of the core functionality was moved to modules. -After some modifications, Angular 4.0 was released on Dec-2016. Angular 4 is backward compatible with Angular 2.0. HttpClient library is one of the feature of Angular 4.0. Angular 5 release was on November 1, 2017. Support for Progressive web apps was one of the improvement in the Angular 4.0. Angular 6 release was in May 2018 and Angular 7 in October 2018. The latest stable version is [7.0.0](https://angular.io/guide/releases) +After some modifications, Angular 4.0 was released in December 2016. Angular 4 is backward compatible with Angular 2.0, and some new features are the HttpClient library and new router life cycle events. Angular 5 released on November 1, 2017, a major feature of which is support for progressive web apps. Angular 6 was released in May, 2018, and Angular 7 in October, 2018. The latest stable version is [7.0.0](https://angular.io/guide/releases). **Install**: - -The easiest way to install Angular is through the [CLI project](https://cli.angular.io/). This tool allows the creation of new projects and generating components/services/modules etc to a standard the Angular team consider to be best practices. +The easiest way to install Angular is through [Angular CLI](https://cli.angular.io/). This tool allows the creation of new projects and generating components, services, modules, and so on, to a standard the Angular team consider to be best practices. ```shell npm install -g @angular/cli @@ -32,4 +28,4 @@ cd example-app ng serve ``` -For more information regarding the documentation, refer to the official docs for the [CLI](https://cli.angular.io/) or [Angular documentation](https://angular.io/docs) +For more information, refer to the official docs for [Angular](https://angular.io/docs) or [Angular CLI](https://cli.angular.io/). diff --git a/guide/english/angularjs/index.md b/guide/english/angularjs/index.md index dbeb97649b..f8a5aec9ed 100644 --- a/guide/english/angularjs/index.md +++ b/guide/english/angularjs/index.md @@ -7,7 +7,6 @@ AngularJS (versions 1.x) is an open source front-end JavaScript framework. Angul It reduces the repetitive use of HTML code. This repetition can be avoided by using the directives provided by AngularJS which saves much time and effort. It is cross platform and used to develop Single Page Web Application (SPWA). AngularJS implements the MVC pattern to separate the logic , presentation and data components. It also uses dependency injection to make use of server-side services in client side applications. - ## AngularJS Expressions - Expressions can be written inside double braces: `{{ expression }}` - Expressions can also be written inside a directive: `ng-bind="expression"` diff --git a/guide/english/ionic/index.md b/guide/english/ionic/index.md index 3e4384dce0..35ae1a3768 100644 --- a/guide/english/ionic/index.md +++ b/guide/english/ionic/index.md @@ -37,3 +37,23 @@ Create a new project and run in the browser: ionic serve ``` +### 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: +```shell +npm i -g ionic +``` + +and use the type arguments +```shell +ionic start MyFirstIonic4App tabs --type=angular +cd MyFirstIonic4App +ionic serve +``` + +Ionic 4's CLI now uses Angular's CLI for its building and routing. For other frameworks see the quickstarts: + +- [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)