Desarrollo Web

Curso de Angular en el mundo de la multiplataforma

Realizando este curso conseguirás ampliar tus conocimientos para un desarrollo avanzado de aplicaciones web con Angular, usando Angular Schematics, que permite crear aplicaciones de escritorio con Electron y aplicaciones móviles con NativeScript en un solo proyecto.

Impartido por:

3.8 (65 valoraciones)
3 horas y 14 minutos · Curso
Angular en el mundo de la multiplataforma

Lo que aprenderás en este curso:

  • Conocer Angular Schematics.
  • Aprender a crear varias versiones de un mismo proyecto.
  • Crear aplicaciones de escritorio con Electron.
  • Crear aplicaciones móviles con Nativescript.

Requisitos del curso

Para este curso es recomendable tener conocimientos previos de Angular, además de ser también recomendable conocer Electron y Nativescript cuyos cursos se pueden encontrar en la plataforma OpenWebinars.

Valoraciones de estudiantes:

  • 5
  • 4
  • 3
  • 2
  • 1
3.8
65 valoraciones

Contenido del curso:

    • 4m
    • Preparando el entorno de trabajo
      4m
    • Presentación del proyecto
      2m
    • Mono Repositorio para tu proyecto multiplataforma
      8m
    • Nx como nuestra opción de Monorepo
      14m
    • Práctica: Crear nuestro proyecto con Nx
      12m
    • ¿Qué es una PWA?
      5m
    • Angular Service Worker
      10m
    • Configuración de caché y actualizaciones
      7m
    • Práctica: Añadir funcionalidad PWA a nuestro proyecto
      14m
    • Práctica: Conectar nuestra aplicación PWA con un dispositivo móvil
      4m
    • ¿Qué es Electron?
      5m
    • 5m
    • Proceso principal
      6m
    • Proceso renderer
      8m
    • Práctica: Crear una aplicación de escritorio en nuestro proyecto
      14m
    • Práctica: Crear una aplicación de escritorio para Windows
      7m
    • Aplicaciones híbridas
      6m
    • ¿Qué es Ionic?
      7m
    • Instalación y configuración para nuestro Monorepo
      11m
    • Componentes UI de Ionic
      7m
    • Código compartido y propio entre Angular e Ionic
      3m
    • Práctica: Crear aplicación móvil de nuestro proyecto
      15m
    • Conclusiones
      5m
También te puede interesar

Te dejamos una selección de cursos, carreras y artículos

Comunicación entre componentes Angular: Input y Output

Comunicación entre componentes Angular: Input y Output

57 minutos y 26 segundos · Curso

A lo largo de esta formación, conoceremos qué son los decoradores y cómo funcionan, centrándonos en el uso de @input y @output de Angular. También …

  • Desarrollo Web
Fundamentos de Angular

Fundamentos de Angular

3 horas y 12 minutos · Curso

En esta formación conoceremos los conceptos fundamentales de Angular, donde combinaremos teoría y práctica para brindarte una comprensión completa y profunda de los conceptos clave …

  • Desarrollo Web

Dudas frecuentes

1

¿Cuándo comienza la formación?

En OpenWebinars las formaciones no tienen fecha de inicio y de final.

Cada curso tiene una fecha de publicación y desde ese día estarán 100% disponible todos los contenidos del curso para los usuarios suscritos a alguno de nuestros planes.

2

¿Cuál es el precio?

En OpenWebinars no vendemos formaciones.

Tenemos diferentes tipos de suscripciones, que te dará acceso completo a todas las formaciones de la plataforma y a las nuevas que vamos lanzando, siempre y cuando tu suscripción esté activa (como Spotify con la música o Netflix con las películas y series).

¿Eres una empresa? Tenemos planes especiales para ti. Consúltanos aquí.

3

¿Puedo obtener un diploma que acredite mis conocimientos?

Efectivamente, una vez superada cada formación, podrás descargarte el diploma acreditativo de cada una de ellas. Añádelas a tu CV y mejora tu perfil para las empresas.

También podrás obtener un diploma de nivel superior al superar todas las formaciones de la lista.

Este curso está dirigido a aquellas personas que quieran seguir aprendiendo y mejorando sus skills en el desarrollo con Angular, ya que veremos cómo usar Angular Schematics para crear en un solo proyecto aplicaciones multiplataforma, ya sean aplicaciones web, de escritorio o nativas para móviles.

Para seguir la formación de forma correcta es recomendable tener conocimientos previos de Angular, por lo que se aconseja realizar previamente el Curso de Angular para principiantes y el Curso de Angular: Ampliando conceptos. También es recomendable poseer conocimientos básicos en Electron y NativeScript.

Para comenzar el curso se realiza una completa e interesante introducción, en la que verás cómo preparar el entorno de trabajo que se usará en el resto de la formación, se hará la presentación del proyecto a desarrollar, se explicará qué es lo que se conoce Mono Repositorio y aprenderás a crearlo y utilizarlo con Nx.

En las restantes secciones del curso de Angular para multiplataforma se irán añadiendo las diferentes funcionalidades al proyecto, así aprenderás a desarrollarlas una a una y siempre de una forma teórica, pero con su posterior aplicación práctica.

Primero veremos el proceso para añadir funcionalidad de PWA (Progressive Web Apps), que permite que, a través de una aplicación web, simular como si se tratara de una aplicación nativa. En estas lecciones veremos qué es una PWA, qué es Angular Service Worker y la configuración de caché y actualizaciones. Se completa este bloque con la parte práctica correspondiente para implementar lo visto en nuestro proyecto.

En el siguiente apartado del curso nos centramos en aprender a trabajar con Electron, el framework que permite desarrollar aplicaciones de escritorio nativas. En las lecciones que componen este bloque formativo veremos qué es Electron, cómo instalarlo y configurarlo, además de explicar los procesos principal y renderer. Al final haremos de forma práctica todo lo visto previamente para incorporar esta funcionalidad al proyecto en proceso.

Por último, finalizamos el curso con el uso de Ionic, el framework para crear las aplicaciones nativas para dispositivos móviles. En este apartado se explica qué son las aplicaciones híbridas, qué es Ionic y cómo instalarlo y configurarlo para nuestro Monorepo, además de profundizar en los componentes UI de Ionic y el uso del código compartido y propio entre Angular e Ionic. En la práctica final pasaremos a nuestro proyecto esta última funcionalidad.

Artículos
Ver todos