Aclaraciones Ionic vs Angular

Clase 11 de 57 • Curso de Ionic Avanzado 2017

Contenido del curso

Introducción a Ionic

Estructura de nuestra App con Ionic

Basics de Angular y TypeScript

Agregando estilos con CSS a nuestra aplicación

Acceso a datos remotos

Opciones y Acceso Nativo

Conversación

Amigos

Deploy

Contenido Bonus

Tomar examen

Atención,

Aún y cuando Ionic está basado en Angular, y el código usado para ambos es exactamente el mismo, hay algunas diferencias que debes notar al momento de generar recursos y comparar sus directorios:

En Ionic usamos Pages (y components, en algunas excepciones), mientras en Angular usamos siempre Components. Lo cuál implica: a. Los comandos usados para generar cada uno son: - En angular: ng generate component nombrecomponent - En Ionic: ionic generate page nombrepage b. Los directorios cambian un poco: - En angular los componentes se encuentran en src/app/ - En Ionic los pages se encuentran en src/pages c. Los nombres de archivos cambian un poco: - En angular los componentes llevan además de su extensión un .component, por ejemplo home es llamado home.component.ts - En ionic los pages no llevan nada más además del nombre y la extensión, por ejemplo home es llamado home.ts
En Ionic usamos providers, mientras que en Angular usamos services. Lo cual implica: a. Los comandos usados para generar cada uno son: - En angular: ng generate service nombreservicio - En Ionic: ionic generate provider nombreprovider

Además de esta pequeña guía, recuerda que siempre tienes el repositorio con el código adaptado en Ionic, y puedes encontrar de hecho el proyecto totalmente terminado con Ionic aquí: https://github.com/EduardoIbarra/msn_mobile_platzi_pre/tree/pos8_nested esto lo puedes tomar como referencia en caso de que estés algo confundido en un punto específico.

También puedes escribirnos directamente en el sistema de discusiones donde aclararemos tus dudas lo más pronto posible.

Obtén respuestas inmediatasProfundiza lo que acabas de ver

Carlos Enrique Ramírez Flores

student•

Neider Rafael Tapia Avila

Efraín Girón Romero

Luis Alberto Zapata Zepeda

Carlos Uriel de Jesus Sánchez González

Albert Jiménez

Mario Alejandro Cortez Salinas

Cesar Lenner Ricaldi Rupay

Milciades Vargas Liz

Luis Fernando Raga Renteria

Francisco Alfredo Hernández Reyes

Aclaraciones Ionic vs Angular

Introducción a Ionic

Intro a Ionic Framework, Angular, Platzinger, y Ionic CLI

Instalación de Ionic y más herramientas en Mac OS

Instalación de Ionic y más herramientas de desarrollo en Windows

Estructura de nuestra App con Ionic

Arquitectura de una app en Ionic

Proyecto: Platzinger App

Repositorio del curso

Qué son pages y cómo generar las primeras de nuestra app

Navegación básica entre pages

Reto: Página “Acerca de” accesible desde el menú lateral

Tomando los conceptos compartidos de Angular y Ionic

Basics de Angular y TypeScript