Introducción a Ionic

1

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

2

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

3

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

Estructura de nuestra App con Ionic

4

Arquitectura de una app en Ionic

5

Proyecto: Platzinger App

6

Repositorio del curso

7

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

8

Navegación básica entre pages

9

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

10

Tomando los conceptos compartidos de Angular y Ionic

Basics de Angular y TypeScript

11

Aclaraciones Ionic vs Angular

12

Cómo usar tipos de datos con typescript

13

Qué son e implementando interfaces de TypeScript

14

NgFor aplicado en la lista de usuarios

15

NgIf aplicado en la lista de usuarios

16

Navegación con parámetros

17

Accediendo a nuestros usuarios con conversation.ts

18

Creando un servicio de usuarios e inyectando el servicio en nuestros pages

19

Pipes en TypeScript (Date, Number, Json)

20

Creando nuestro propio 'Pipe' para buscar entre nuestros contactos

21

Reto: Mostrar un icono diferente según el status del usuario

Agregando estilos con CSS a nuestra aplicación

22

Cómo usar estilos CSS y referenciar recursos

23

Implementando estilos en la pantalla de login

24

Implementando estilos en la pantalla de home

25

Implementando estilos en la pantalla de conversación

26

Usando ngStyle y ngClass para añadir estilos dinámicos

27

Cambiar icono según status

Acceso a datos remotos

28

Información importante antes de continuar

29

¿Qué es Firebase?

30

Reemplazo del servicio de usuarios por un servicio dinámico con conexión a Firebase

31

Login/Registro de usuarios con email y password

32

Login/Registro de usuarios con Facebook

33

Implementando Log Out

34

Creando un CRUD implementando un API REST HTTP (con diversos backends)

Opciones y Acceso Nativo

35

Crear page de Perfil

36

Editar datos básicos del perfil de usuario

37

Configurando Android Studio

38

Capturar fotos de cámara y álbum

39

Preparando aplicación para recibir fotos desde la cámara y galería del Android

40

Guardando y asignando una foto de perfil al usuario desde la cámara

41

Preparando aplicación para utilizar geolocalización

42

Conectándonos al API de Google

Conversación

43

Más estilos

44

Enviando un mensaje (con reproducción de sonido)

45

Mostrando conversación

46

Enviando un zumbido (con reproducción de sonido y animación)

Amigos

47

Planeación previa para la característica / Cómo generaremos las solicitudes

48

Enviando una solicitud de amistad

49

Revisando solicitudes de amistad

50

Aceptando solicitudes de amistad

51

Mostrando sólo amigos

52

Componentes anidados (con paso de parámetros)

Deploy

53

Exportando app para iOS y complementando con Xcode

54

Exportando app para web, complementando con Firebase Hosting

55

Conclusiones del curso

Contenido Bonus

56

Publicando nuestra aplicación en Android y iOS stores

57

Cuéntanos

Aclaraciones Ionic vs Angular

11/57

Lectura

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:

...

Regístrate o inicia sesión para leer el resto del contenido.

Aportes 8

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Excelente!

muy buena aclaracion

Je je je que bien, Sigamos 😃

Ahora tiene sentido porque en el curso de Angular aparece esto

Excelente aclaracion 😃

me parece que con la nueva version de inoic se maneja igual que angular tanto en los directorios y en algunos comandos.

Genial

Sirve de mucho cada que tenemos que trabajar en ionic o angular, a veces uno se puede confundir, al menos en mi caso, cuando intento crear un nuevo service en angular, coloco provider en lugar de servir jaja lol