Curso y Libro Vue Native: Tu primer contacto creando aplicaciones nativas
Índice de contenido
Curso en Legacy (No tendrá más actualizaciones)
Tambien tengo recursos gratuitos para el Curso en el Blog
Es importante mencionar, que el curso tambien tiene el formato en libro con el 100% del contenido del mismo, es decir, el curso es equivalente al libro.
Prólogo
Vue Native es un framework para crear aplicaciones móviles nativas para Android e IOS empleando JavaScript; específicamente Vue; con esta tecnología podemos crear aplicaciones móviles de buena calidad.
Otro punto fundamental es que Vue Native, emplea el code de React Native para cada uno de los componentes que tenemos para crear nuestras aplicaciones; por lo tanto, Vue Native se comunica directamente con el core de React Native para poder visualizar mediante componentes, imagenes, textos, botones, listado y un largo etc.
La ventana fundamental que tiene esta plataforma, es que podemos emplear los plugins de Vue y de React Naive para crear nuestras aplicaciones.
Lamentablemente esta tecnología quedó obsoleta al momento de escribirse este libro; por lo tanto, el libro no tiene todos los capítulos que se tenía pensado inicialmente y queda como una referencia para comenzar con este framework.
Sin embargo, aunque esté obsoleta o deprecated, nos sirve para conocer todo lo que nos ofrece esta herramienta, podemos emplear para impulsarnos en desarrollar en frameworks similares como React Native, Galio, entre otros.
Como recomendación, emplea Visual Studio Code como editor, ya que es un editor, excelente, con muchas opciones de personalización, extensiones, intuitivo, ligero y que puedes desarrollar en un montón de plataformas, tecnologías, frameworks y lenguajes de programacion; asi que, en general, Visual Studio Code será un gran compañero para ti; pero, si prefieres otros editores como Sublime Text, PHPStorm o similares, puedes usarlo sin ningún problema.
Para quien es este curso
Este curso está dirigido a cualquiera que quiera comenzar con el desarrollo móvil y que conozca las bases de Vue.
Para aquellos que quieran conocer el framework y que conozcan Vue, que quieran conocer frameworks actuales similares a este, pero no tienen los conocimientos necesarios para aventurarse en estos por no conocer las bases que los sustentan.
Para a aquellas personas que quieran aprender algo nuevo, conocer sobre un framework que tiene muy poca documentación (sobre todo en español), que quiera mejorar una habilidad en el desarrollo web, que quiera crecer como desarrollador y que quiera seguir escalando su camino con otros frameworks superiores a este; con que cumplas al menos alguna de las consideraciones anteriores, este libro es para ti.
Acepto recibir anuncios de interes sobre este Blog.
En este curso, conoceremos como trabajar con el ecosistema, componentes de base, animaciones, ruteo, consumir datos de una Rest Api, manejo de estilos y uso del ecosistema Vue y React.
Algunas recomendaciones:
Benjamin Huizar Barajas
Laravel Legacy - Ya había tomado este curso pero era cuando estaba la versión 7 u 8. Ahora con la ac...
Andrés Rolán Torres
Laravel Legacy - Cumple de sobras con su propósito. Se nota el grandísimo esfuerzo puesto en este cu...
Cristian Semeria Cortes
Laravel Legacy - El curso la verdad esta muy bueno, por error compre este cuando ya estaba la versi...
Bryan Montes
Laravel Legacy - Hasta el momento el profesor es muy claro en cuanto al proceso de enseñanza y se pu...
José Nephtali Frías Cortés
Fllask 3 - Hasta el momento, están muy claras las expectativas del curso
| 👤 Andrés Cruz
Por aquí tienes el listado completo de clases que vamos a cubrir en el libro y curso:
Primeros pasos con Vue
-
1 Curso en Vue 3: Introduccion: Primeros pasos en la creación de un CRUD en Vue 3
En esta sección, vamos a crear un sencillo CRUD como el que mostramos.
-
2 Curso en Vue 3: Presentar, instalar y crear un proyecto con Vue Cli #1
Vamos a instalar Vue cli para crear nuestras apps en Vue, paso FUNDAMENTAL para iniciar con Vue. 0:00 Introducción a Vue 1:53 Formas de Instalar Vue 3:45 Vue Cli 5:46 Instalar Vue Cli 8:09 Crear un proyecto en Vue con Vue Cli
-
3 Curso en Vue 3: Estructura del proyecto #2
Conoce de manera básica para que sirve cada archivo y carpeta de un proyecto en #Vue 3 0:00 Usando VSC con Vue 2:50 Estructura de un proyecto en Vue
-
4 Curso en Vue 3: Primeras pruebas con un proyecto
Aprender a conocer COMO funciona un proyecto BÁSICOS en #Vue, es fundamental, entender para que son esos #componentes 0:00 Introducción 1:20 Primeras pruebas con el servidor 3:15 Levantar el servidor de Vue 5:58 Estructura en base a componentes 8:04 script, template y style 12:09 Errores básicos al momento de desarrollar en Vue
-
5 Curso en Vue 3: COMPONENTES, elementos fundamentales que forman el TODO #4
Vamos a crear nuestro primer #componente en Vue que son los elementos que nos permiten crear UNA APP completa.
-
6 Curso en Vue 3: ESTILOS en Locales en Componentes y Globales #5
Vamos a trabajar con el #scoped de los estilos en #Vue para crear el diseño ya sea global o local: Sabes como aplicar estilos? DEBES SABERLO
-
7 Curso en Vue 3: Presentar las herramientas de desarrollador DevTool #6
Las DevTool nos permiten hacer el Debug de la App, si quieres desarrollar tus apps como un profesional, CONOCELAS.
-
8 Curso en Vue 3: Conociendo el sistema reactivo: REACTIVIDAD en Potencia #7
Vamos a conocer una de las principales virtudes de Vue La reactividad y como esto cambio la forma de programar!
-
9 Curso en Vue 3: Propiedades computadas en Vue #8
Vamos a conocer una de las características bases en #Vue, las #propiedades #computadas y la relación de Props + Fun + cache y como se come TODO esto.
-
10 Curso en Vue 3: Propiedades computadas en Vue parte 2: RETO #9
Vamos a poner en practica lo visto en el video anterior y comprender las propiedades computadas con la reactividad y el template.
-
11 Curso en Vue 3: Observa cambios sobre propiedades WATCH #10
Vamos a detectar cambios sobre #propiedades mediante los #watch para ejecutar un proceso que tu destines...
-
12 Curso en Vue 3: Propiedades computadas en Vue #11
Vamos a conocer como comunicar componentes entre si, en este caso componentes padres a hijos, pasando data para inicializar.
-
13 Curso en Vue 3: Comunicación Bidireccional con los v-model entre el template y el script Vue #12
Quieres comunicar un campo de formulario con una variable o propiedad en Vue, USA los v-model.
-
14 Curso en Vue 3: Condicionales v-if y v-show #13
Conoce como crear bloque lógicos en base a condiciones en un template en Vue, renderizar contenido u ocultarlo.
-
15 Curso en Vue 3: Raw HTML #15
Aprende a renderizar contenido #HTML en bruto en un #template en #Vue con esta directiva.
-
16 Curso en Vue 3: v-bind class para especificar clases de CSS dinámicas #16
Con #Vue, puedes definir fácilmente #clases de #CSS dinámicas mediante el binding de clases
-
17 Curso en Vue 3: v-bind class para especificar clases de CSS dinámicas, mas atributos #17
Vamos a conocer algunas variaciones sobre como emplear las clases en Vue, arrays, objetos y condiciones.
-
18 Curso en Vue 3: biding de Estilos CSS dinámicas #18
Podemos definir propiedades de estilos mediante el biding de los mismos en nuestros elementos HTML.
-
19 Curso en Vue 3: App de Zoom con biding de clases y estilos #19
Vas a crear una aplicacion para aplicar zoom in/out sobre un texto.
-
20 Curso en Vue 3: Binding de atributos #20
En Vue podemos hacer el binding de cualquier atributo, exista en el API de HTML o no y con esto poder actualizarlos a nuestro antojo.
-
21 Curso en Vue 3: Ciclo de vida de un app en Vue #21
Hablemos sobre el ciclo de vida de una app en Vue Lectura recomendada https://v3.vuejs.org/api/options-lifecycle-hooks.html
-
22 Curso en Vue 3: Crear una nueva app en Vue con Vue CLI #22
Crearemos la nueva app que vamos a ocupar para nuestro proyecto.
-
23 Curso en Vue 3: Vue Router, configurar, instalar y primeros pasos #23
Con Vue Router podemos crear mas de una pagina en Vue y con esto una web de tipo SPA... Lectura recomendada https://v3.vuejs.org/api/options-lifecycle-hooks.html
-
24 Curso en Vue 3: Vue Router, RouterLink y pase de parámetros #24
Explicamos el uso del RouterLink y el pase de parámetros con el Vue Router.
-
25 Curso en Vue 3: Rutas con nombre con Router y pase de parámetros #25
Mostramos como emplear la funcion de rutas con nombre que la tienes que emplear SI oSI desde el inicio de tus desarrollos con Vue Router.
-
26 Curso en Vue 3: Alias para las importaciones #26
Vamos a ver una manera reducida de hacer las impotaciones en Vue mediante un alias... Post Recomendado
-
27 Curso en Vue 3: Peticiones fetchs, listados y routerlinks #27
Vamos a construir un listado de animes mediante peticiones fetch en Vue https://kitsu.io/api/edge/trending/anime?limit=5
-
28 Curso en Vue 3: Crear modulos y funciones de ayuda para usar de manera global #28
Vamos a crear un archivo e importarlo desde nuestra aplicacion en Vue.
-
29 Curso en Vue 3: Pasar un objeto vía Router Link #29
Veremos cómo podemos pasar una instancia completa de un objeto mediante un parámetro por la URL empleando un Router Link.
-
30 Curso en Vue 3: Array a objeto RECOMENDADO! #30
Una practica en la cual vamos a convertir en un objeto la respuesta de nuestra Api Rest para mejorar la manipulacion de la misma.
-
31 Curso en Vue 3: Crear la estructura de una página de detalle en 4 MIN #31
Vamos a crear una página para mostrar una imagen y la descripción de la publicación.
-
32 Curso en Vue 3: Componentes, padre, hijos y raiz, pase de datos $root #32
Vamos a conocer un caso de estudio en el cual veremos como trabajar con el $root de vio para consumir propieades y funciones desde la raiz o padre a sus hijos.
-
33 Curso en Vue 3: Manejo, Eventos e inicialización de formularios #33
El uso de formularios en apps webs en un elementos BASICO, aprende a emplearlos en Vue de la manera correcta!
-
34 Curso en Vue 3: Formulario de creación #34
Ahora veremos como emplear el formulario que creamos en el video anterior, como proceso de creación.
-
35 Curso en Vue 3: CRUD, Crear un componente de formulario para Crear y Editar #35
Vamos a unificar los procesos de formulario en un solo componente para Crear y Editar en Vue 3.
-
36 Curso en Vue 3: CRUD, Proceso de eliminar #36
Vamos a presentar el proceso de eliminación de registros desde el listado en Vue.
-
37 Curso en Vue 3: Vue Router, Rutas hijas o subrutas #37
Quieres hacer apps modulares con Vue y Vue Router, las rutas hijas son fundamentales para esto; aprende a usarlas!
-
38 Curso en Vue 3: Mostrar un componente de carga en Vue #38
Colocar loading de cargas al momento de realizar procesos asíncronos mediante fetch son buenas prácticas que podemos seguir, en Vue, es muy fácil.