Curso Básico de Ionic 2018

Clases del Curso Básico de Ionic 2018

Instruido por:
Eduardo Ibarra
Eduardo Ibarra
Básico
3 horas de contenido
Curso Básico de Ionic 2018

Curso Básico de Ionic 2018

Progreso del curso:0/35contenidos(0%)

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

Progreso del curso:0/35contenidos(0%)

Introducción

Material Thumbnail

Introducción al Curso de Ionic

03:11 min

Material Thumbnail

Pre-Requisitos para este curso de Ionic

02:36 min

Material Thumbnail

Treasure Hunting GeoCatching

02:38 min

Material Thumbnail

Instalación y overview de Ionic CLI

04:45 min

Preparación de entorno de desarrollo en Mac

00:12 min

Preparación de entorno de desarrollo en Windows

00:09 min

Preparación de entorno de desarrollo en Linux

00:12 min

Aspectos Básicos

Material Thumbnail

Crear una Aplicación

04:19 min

Material Thumbnail

Corriendo Aplicación en el Browser

04:38 min

Material Thumbnail

Estructura de Archivos

04:50 min

Material Thumbnail

Estructura de una vista de Ionic

03:36 min

Navegación

Material Thumbnail

Creando un nuevo page

03:52 min

Material Thumbnail

Navegar a un page

07:57 min

Material Thumbnail

Navegación por Tabs

07:18 min

Material Thumbnail

Parámetros de navegación

05:29 min

Material Thumbnail

Navegación hacia atrás

02:40 min

Material Thumbnail

Navegación raíz

08:53 min

Estilos (Theming)

Material Thumbnail

Introducción a estilos

02:13 min

Material Thumbnail

Colores Personalizados

04:28 min

Material Thumbnail

Alineación y transformación de texto

05:02 min

Material Thumbnail

Padding y Márgenes

05:20 min

CRUD en Ionic y Firebase

Material Thumbnail

Generar proyecto e instalar dependencias

02:01 min

Material Thumbnail

Agregar y configurar AngularFire

06:18 min

Material Thumbnail

Agregar servicio de acceso a datos

08:05 min

Material Thumbnail

Crear una lista con array estático

06:39 min

Material Thumbnail

Crear una vista para agregar records

08:04 min

Material Thumbnail

Agregar la habilidad de ver records

10:21 min

Material Thumbnail

Crear lista dinámica y agregar la habilidad de editar records

07:53 min

Material Thumbnail

Agregar la habilidad de eliminar records

11:38 min

Material Thumbnail

Implementando Login con Facebook

14:50 min

Deployment

Correr aplicaciones en emulador

02:10 min

Correr aplicación en dispositivos Android

00:36 min

Correr aplicación en dispositivos iOS

00:36 min

Publicando nuestra aplicación en Android y iOS stores

04:55 min

Material Thumbnail

Conclusiones del curso

02:25 min

nuevosmás votadossin responder
bruno braner sülzer
bruno braner sülzer
Estudiante

Buenas Eduardo, Estoy con el Ionic 6 y el código que enseñas en los videos no me corre y no será porque estás usando el ionic en su versión 3

1
Irving Ordaz Cortez
Irving Ordaz Cortez
Estudiante

Por que en mi mac tarda mucho cuando se va a correr el server?

1
coco paiva
coco paiva
Estudiante

Comunidad, una consulta,
Se recomienda llevar IONIC (lenguajes híbridos) o primero uno Nativo como android o iOS?

0
Ignacio Ariel Rosato
Ignacio Ariel Rosato
Estudiante

En el caso de usar React, el comondo generate no esta permitido, cual seria el equivalente?

1
Betzabel López
Betzabel López
Estudiante

¿Como puedo hacer un listado de redes y conectarme a alguna red de la lista desde la aplicación de ionic5, con angular y capacitor? (lo más importante que no sé cómo hacer es lo de conectarme)

0
Martin Humberto Del Carpio Canton
Martin Humberto Del Carpio Canton
Estudiante

alguien me podría ayudar, me aparece este problema, tengo las versiones actualizadas.

PS C:\Users\Martín\Documents\CURSOS_PLATZI\IONIC\geocaching> ionic serve
> ng.cmd run app:serve --host=localhost --port=8100
[ng] An unhandled exception occurred: Cannot find module '@angular-devkit/build-angular/package.json'
[ng] Require stack:
[ng] - C:\Users\Martín\Documents\CURSOS_PLATZI\IONIC\geocaching\node_modules\@angular-devkit\architect\node\node-modules-architect-host.js
[ng] - C:\Users\Martín\Documents\CURSOS_PLATZI\IONIC\geocaching\node_modules\@angular-devkit\architect\node\index.js
[ng] - C:\Users\Martín\Documents\CURSOS_PLATZI\IONIC\geocaching\node_modules\@angular\cli\models\architect-command.js
[ng] - C:\Users\Martín\Documents\CURSOS_PLATZI\IONIC\geocaching\node_modules\@angular\cli\commands\run-impl.js
[ng] - C:\Users\Martín\Documents\CURSOS_PLATZI\IONIC\geocaching\node_modules\@angular-devkit\schematics\tools\export-ref.js
[ng] - C:\Users\Martín\Documents\CURSOS_PLATZI\IONIC\geocaching\node_modules\@angular-devkit\schematics\tools\index.js
[ng] - C:\Users\Martín\Documents\CURSOS_PLATZI\IONIC\geocaching\node_modules\@angular\cli\models\command-runner.js
[ng] - C:\Users\Martín\Documents\CURSOS_PLATZI\IONIC\geocaching\node_modules\@angular\cli\lib\cli\index.js
[ng] - C:\Users\Martín\Documents\CURSOS_PLATZI\IONIC\geocaching\node_modules\@angular\cli\lib\init.js
[ng] - C:\Users\Martín\Documents\CURSOS_PLATZI\IONIC\geocaching\node_modules\@angular\cli\bin\ng
[ng] See "C:\Users\MARTN~1\AppData\Local\Temp\ng-sjkBnE\angular-errors.log" for further details.

[ERROR] ng has unexpectedly closed (exit code 127).

        The Ionic CLI will exit. Please check any output above for error details.
PS C:\Users\Martín\Documents\CURSOS_PLATZI\IONIC\geocaching> node -v
v12.18.0
0
coco paiva
coco paiva
Estudiante

Cómo podriamos saber qué pages no están siendo invocadas para depurarlas / borrarlas?

2
coco paiva
coco paiva
Estudiante

Para ionic5:
<ion-button routerLink="/lugar" routerDirection=“forward”>Lugar</ion-button>

1
coco paiva
coco paiva
Estudiante

CSS:
Para cumplir el reto puse esto. todo ok, pero no reconoce mi clase css “cssunasolafila” 😦 – el proyecto está con ionic 5, pero está con scss 😦

<ion-footer>
<div style=“cssunasolafila”>
<ion-input placeholder=“Reporta algún issue encontrado” ></ion-input>
<ion-button color=“primary”>Reportar</ion-button>
</div>
</ion-footer>

2
coco paiva
coco paiva
Estudiante

Que extension en visual code se puede usar para autocompletar los ion-footer por ej.

1