- [Inicio](https://openwebinars.net/) - [Cursos](https://openwebinars.net/cursos/) - [Desarrollo](https://openwebinars.net/cursos/desarrollo/) - [Desarrollo Móvil](https://openwebinars.net/cursos/desarrollo/desarrollo-movil/) Frameworks # Curso de desarrollo de aplicaciones móviles con NativeScript y Angular Con este curso aprenderás a desarrollar una aplicación para Android y para iOS utilizando el framework de desarrollo NativeScript y el framework para frontend Angular. NativeScript es una potente herramienta que permite desarrollar aplicaciones nativas en la mitad de tiempo, además de poder subirlas a las diferentes plataformas, como Play Store y Apple Store. 231 Alumnos matriculados 4.3(45 valoraciones) * * * ![Icono de la tecnología](https://cdn.openwebinars.net/media/academy/course/nativescript-logo.svg) La metodología y plataforma de formación que se adapta al tamaño y ritmo de tu empresa. - **+1750 formaciones** en constante actualización - **Masterclasses en vivo** con profesionales destacados - **155 rutas de aprendizaje** para guiarte [Cuéntanos tu caso](https://openwebinars.net/explora-tu-caso/) ## Curso impartido por ![Avatar:Jonatan Lucas](https://cdn.openwebinars.net/media/teachers/jonatan-lucas-frontal.png) JL ### Jonatan Lucas Experto Full Stack [Saber más](https://openwebinars.net/profesores/jonatan-lucas/) ## Contenido de la formación 7 Secciones · 39 Lecciones · 5 h. y 1 min. en total ### Introducción 47 min. - Presentación - Preparación del entorno de trabajo - Instalación de nvm y NodeJS - Instalar dependencias para iOS y Android - Instalar NativeScript - Configuración y extensiones para VSCode - Playground: El editor en el navegador ### Conceptos básicos 53 min. - ¿Qué son las aplicaciones híbridas? - ¿Qué es NativeScript? - NativeScript CLI - Estructura y arquitectura del proyecto - Ejecutar la app en iOS y Android - Instalar y configurar Genymotion - Práctica: Crear nuestra primera app ### Creando la interfaz de usuario 1 h. y 8 min. - Crear un proyecto basado en una plantilla - Añadiendo elementos - Layouts en NativeScript - CSS en NativeScript - Añadiendo imágenes - Práctica: Nuestra primera interfaz - Gestos - Añadiendo plugins - Práctica: Uso de plugins ### Añadiendo lógica a nuestras vistas 34 min. - Data Binding - Directivas y sintaxis - Servicios - Navegación - Práctica: Navegación entre vistas ### Ampliando nuestras vistas 47 min. - Componentes NativeScript PRO UI - Mostrar los datos en un RadListView - Eventos - Utils - Práctica: Mostrar datos de una REST API - Opciones para depurar nuestra app ### Construyendo nuestra app 46 min. - Preparar nuestra app para Play Store - Preparar nuestra app para App Store - Práctica: Preparar nuestra app - Migrar aplicaciones web de Angular a una aplicación nativa con NativeScript ### Conclusiones 4 min. - Resumen del curso y siguientes pasos ## Habilidades que obtendrás - Aprenderás a crear tu propia aplicación para Android e iOS. - Conocerás cómo es el desarrollo de una aplicación a través de Nativescript. - Aprenderás también el desarrollo de aplicaciones con Angular, muy usado para el desarrollo web. - Serás capaz de crear un instalable para Android e iOS y poder lanzarlos en el PlayStore y en el AppStore. - Aprenderás a acceder a accesorios o características de un dispositivo móvil, como puede ser el acceso a la cámara * * * ## Requisitos mínimos Para la realización de este curso es recomendable contar con conocimientos de programación con Angular y nociones básicas de desarrollo web HTML, CSS y JavaScript. ## Valoración de nuestros alumnos 4.3 45 valoraciones - 5 - 4 - 3 - 2 - 1 Muy bien Abdejalal El Baghdadi Bayad Muy buen curso, lo único me hubiera gustado haber visto algo de bbdd, ya que hoy en día la gran mayoría de apps requieren una bbdd para almacenar información, por lo demás genial. Gabriel Gordo Muy detallado el contenido. fácil de entender. Yonadis del Carmen Pérez Paternina Habría estado bien hacer algún ejemplo más actualizado con nativescript y android. Eva Blázquez Cenalmor Falta practicar. Héctor Fabián Linares de la Cal Buen curso. Raúl Mera Soto Curso que nace obsoleto, pues se usan ya muchas otras versiones. de la misma manera muy enlazado a la forma antigua de hacer las cosas en angular. por lo demás un poco más de profundidad en elementos nativos o haber hecho una ampliación un poco mejor explicada a nivel de elementos de nativecsript hubiese ayudado más pero aplaudo estas iniciativas José Luis González Sánchez Leer más reseñas ## Completa tu formación con estos contenidos ![Icono de la tecnología](https://cdn.openwebinars.net/media/academy/course/vue-logo.svg) Curso ### [Vue en la práctica](https://openwebinars.net/cursos/vue-practica-desarrollo-aplicacion-lista-compras/) Intermedio 3 h. y 20 min. Este curso es un estudio práctico de Vue 3 a través del desarrollo de una aplicación de lista... ![Avatar de profesor](https://cdn.openwebinars.net/media/teachers/Laura-Gonz%C3%A1lez_frontal.png)Laura González Martin 4.4 ![Icono de la tecnología](https://cdn.openwebinars.net/media/academy/course/django-logo.svg) Curso ### [Curso de Django](https://openwebinars.net/cursos/curso-online-django/) Principiante 4 h. y 8 min. Esta formación de Django ofrece una formación integral en desarrollo web, abarcando desde la instalación y configuración, hasta... ![Avatar de profesor](https://cdn.openwebinars.net/media/teachers/moises-ariza_frontal.png)Moisés Ariza Mahecha 4.4 ![Icono de la tecnología](https://cdn.openwebinars.net/media/academy/workshop/bootstrap-logo.svg) Curso ### [Proyecto con Bootstrap y CSS propio](https://openwebinars.net/cursos/crea-proyecto-personalizado-bootstrap-css-propio/) Intermedio 57 min. En esta formación trabajaremos un proyecto personalizado en Bootstrap con nuestro propio estilo CSS y Variables SASS, usando... ![Avatar de profesor](https://cdn.openwebinars.net/media/teachers/andres-cruz_frontal.png)Andrés Cruz 5 ![Icono de la tecnología](https://cdn.openwebinars.net/media/academy/course/html5-logo.svg) Curso ### [HTML5 y CSS3](https://openwebinars.net/cursos/html5-css3/) Intermedio 4 h. y 21 min. Aprende desde cero a crear páginas Webs con este curso de HTML5 y CSS3. Crea paso a paso... ![Avatar de profesor](https://cdn.openwebinars.net/media/teachers/juan-diego-perez-fr.png)Juan Diego Pérez Jiménez 4.5 ## Preguntas frecuentes Resuelve tus dudas o contacta con nosotros para más información. [Cuéntanos tu caso](https://openwebinars.net/explora-tu-caso/) [Suscríbete Ahora](https://openwebinars.net/checkout/plan-individual-anual/) ### ¿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 ruta. ### ¿Cuál es el precio? En OpenWebinars no vendemos formaciones. Tenemos [diferentes tipos de suscripciones](https://openwebinars.net/precios/?ref=faq), 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í](https://openwebinars.net/empresas/?ref=faq). ### ¿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](https://openwebinars.net/precios/?ref=faqs). Este curso está dirigido a todas aquellas personas que se dedican al desarrollo web y quieren ampliar sus skills para comenzar en el desarrollo de aplicaciones móviles, pero no tengan tiempo de aprender dos lenguajes diferentes para empezar a realizar este tipo de desarrollos. Además, al ser **un curso muy enfocado al aspecto práctico**, el aprendizaje será mucho más rápido para el alumno. Para seguir correctamente el curso, es necesario tener conocimientos previos de programación con el framework Angular y TypeScript, o en su defecto, en el desarrollo web con HTML, CSS y JavaScript, además de Programación Orientada a Objetos, programación asíncrona, además de conocer Node.js y npm para la instalación de los paquetes necesarios. Tras la introducción con la que abrimos el curso, en la que conocerás al profesor que lo imparte, cómo se divide el mismo, sus objetivos y demás, se realizará la preparación del entorno de trabajo que se utilizará a lo largo de formación, que comprenderá la **instalación y configuración de Visual Studio Code, Git, nmv y NodeJS, las dependencias para iOS y Android, NativeScript, las extensiones para VSCode y Playground**. Entrando ya en el primer bloque del curso, encontrarás que en el mismo se verán una serie de conceptos básicos e importantes que hay que conocer, como qué son las aplicaciones híbridas, **qué es NativeScript y NativeScript CLI**, cómo es la estructura de un proyecto de NativeScript, cómo ejecutar aplicaciones en iOS y Android, y, finalmente, **cómo instalar y configurar Genymotion**. Se completa este bloque con una primera práctica, en la que podrás crear tu primera app. Seguidamente entraríamos en el segmento dedicado a todo lo referente a la creación de la interfaz de usuario. A lo largo de estas lecciones aprenderás a crear la misma, de forma teórica y aplicada, paso a paso, comenzando por la **creación de un proyecto** basado en una plantilla, para después añadir elementos, layouts y CSS propios de NativeScript, además de añadir imágenes, gestos y plugins. También encontrarás dos prácticas relacionadas con lo visto previamente, una en la que **crearás una primera interfaz completa**, y la otra en la que **pondrás en práctica el uso de plugins en NativeScript**. Una vez que has aprendido a crear la interfaz de usuario, lo siguiente que vas a aprender será a **añadir lógica a nuestras apps utilizando Angular**, a lo largo del siguiente apartado del curso. Aquí se explicarán algunos conceptos de Angular, desde el **Data binding**, las directivas y sintaxis, los servicios y el routing o navegación. Para concluir esta parte del curso, la práctica que propone el tutor es la de realizar la navegación entre vistas, empleando lo aprendido en las lecciones previas. En el penúltimo apartado se desarrollan las clases enfocadas en que aprendas a **ampliar las vistas de tu aplicación**, utilizando los componentes **NativeScript PRO UI**. Más adelante se profundizará en cómo mostrar datos en un RadListView, en algunos eventos concretos, la librería Utils y algunas opciones para depurar las aplicaciones. La práctica de este apartado consistirá en **mostrar datos de una REST API**, usando para ello lo visto en este mismo bloque. Para finalizar la formación sobre el desarrollo de apps con NativeScript y Angular vamos a ver **cómo preparar nuestra app para poder subirla a Play Store o App Store**, primero de forma teórica y después dentro de la práctica de este bloque. También se explicará **cómo migrar aplicaciones web de Angular a NativeScript**. A modo de cierre del curso, el profesor hará un breve resumen sobre lo que has aprendido en el mismo, y unos consejos sobre los siguientes pasos que debes seguir en caso de querer profundizar en tu aprendizaje en esta materia. Curso 4.3(45 valoraciones) Curso de desarrollo de aplicaciones móviles con NativeScript y Angular Con este curso aprenderás a desarrollar una aplicación para Android y para iOS utilizando el framework de desarrollo NativeScript y el framework para frontend Angular. NativeScript es una potente herramienta que permite desarrollar aplicaciones nativas en la mitad de tiempo, además de poder subirlas a las diferentes plataformas, como Play Store y Apple Store. [Cuéntanos tu caso](https://openwebinars.net/explora-tu-caso/) [Comenzar Prueba Gratis](https://openwebinars.net/checkout/plan-individual-anual/)