Ya hemos cubierto Angular.js y React en artículos anteriores, pero hay una nueva biblioteca de interfaz que creemos que vale la pena. Se llama Vue.js y ha reunido a una gran comunidad de desarrolladores entusiastas. La filosofía detrás de Vue.js es proporcionar la API más simple posible para crear
Hoy vamos a ejercitar nuestras habilidades de Vue.js mediante la creación de una aplicación sencilla para navegar por las publicaciones de reddit. Vamos a construir todo desde cero para demostrar lo fácil que es crear interfaces de usuario con un marco como Vue. Este tutorial requiere que tenga al
Introducción Un diálogo de confirmación es un patrón de interfaz de usuario en el que el usuario tendrá la opción de continuar con su acción o cancelarla. Se usa comúnmente con acciones destructivas o irreversibles, para asegurarse de que el usuario quiera continuar. En este artículo, implementare
Introducción GraphQL es un lenguaje de consulta orientado a gráficos escrito por Facebook. A diferencia de las API REST, GraphQL presenta características que hacen que el desarrollo de API sea más eficiente y esté en sintonía con los modelos de bases de datos. Características de GraphQL A diferenc
Introducción Vue-Router es un paquete de JavaScript que le permite configurar el enrutamiento para aplicaciones de una sola página (SPA). SPA se refiere a una aplicación web que solo sirve un único index.html página y representa el contenido de forma dinámica, siendo esta la forma en que los marco
¿Qué es AJAX? Javascript asíncrono y XML (AJAX), es una forma de comunicarse con un servidor web desde una aplicación del lado del cliente a través del HTTP o HTTPS protocolo. Aunque AJAX tiene XML en el nombre, la forma en que los datos se envían a través de solicitudes o se reciben no tiene que
Integración AJAX con API REST Gracias por acompañarme en la quinta publicación sobre el uso de Vue.js y Flask para el desarrollo web completo. Esta publicación será bastante breve, pero muy valiosa, ya que demostraré cómo conectar las aplicaciones de front-end y back-end utilizando JavaScript asínc
Autenticación JWT Bienvenido a la sexta entrega de esta serie de tutoriales de varias partes sobre el desarrollo web completo con Vue.js y Flask. En esta publicación, demostraré una forma de usar la autenticación JSON Web Token (JWT). El código de esta publicación se puede encontrar en mi cuenta d
Implementación en un servidor privado virtual Bienvenido a la séptima y última entrega de esta serie de tutoriales de varias partes sobre el desarrollo web full-stack con Vue.js y Flask. En esta publicación, demostraré cómo implementar la aplicación creada a lo largo de esta serie. El código de es
Configurar y familiarizarse con Vue.js Introducción Esta es la publicación de apertura de una serie de tutoriales sobre el uso de Vue.js y Flask para el desarrollo web de pila completa. En esta serie, voy a demostrar cómo crear una aplicación web de encuestas en la que la arquitectura de la aplicac
Navegación por el enrutador Vue Bienvenido a la segunda publicación sobre el uso de Vue.js y Flask para el desarrollo web completo. El tema principal de este artículo será sobre Vue Router, pero también cubriré la directiva v-model, así como los métodos Vue y las propiedades calculadas. Dicho esto,
Gestión de estados con Vuex Gracias por acompañarme en la tercera publicación sobre el uso de Vue.js y Flask para el desarrollo web completo. El tema principal de esta publicación será el uso de vuex para administrar el estado en nuestra aplicación. Para presentar vuex, demostraré cómo refactorizar
Un hito de productividad significativo en mi carrera de programación fue aprender a depurar correctamente. Te dicen que es importante en la escuela. Pero al igual que la programación, no mejorará a menos que dedique horas. La depuración ocurre en todas las etapas del ciclo de desarrollo. Ya sea c
La popularidad de Vue.js ha aumentado bastante rápido. Todavía no ha alcanzado los niveles de Angular o React, pero en el año en que el repositorio actual de VueJS ha existido en Github, ha obtenido aproximadamente 2,700 observadores (más que Angular), 47,000 estrellas (más del doble que Angular y m
En este artículo, aprenderemos a crear un sistema de venta de entradas del mundo real con Strapi y Vue.js, donde los usuarios pueden comprar entradas para próximos eventos. Nuestro caso de estudio será un sistema para comprar entradas para las próximas películas. Lo que necesitará para este tutoria
Índice Clone el repositorio de GitHub si saltó directamente al Part 4 de esta serie ¿Qué se ha hecho hasta ahora? Resumen rápido Paso 1:crea una nueva rama de git y finaliza la compra Paso 2:Eliminar dist carpeta de gitignore archivo Paso 3:Crear vue.config.js archivo Paso 4:Modificar el archivo en
En nuestro curso sobre Conceptos básicos de JavaScript, aprendimos que el manejo de eventos es el concepto más importante en el desarrollo de interfaz, y Vue.js, al ser un marco de interfaz de JavaScript, debe tener el mismo concepto integrado. En este artículo, nos vamos a centrar en dos aspectos,
Publicación original:https://compositecode.blog/2022/01/12/a-shiny-new-vuejs-v3-web-app-using-deployed-to-amplify-appsync-cognito/ Sin detalles, empecemos. Requisitos previos Estos detalles más hilo y algunas otras notas están disponibles y se derivan de Amplify Docs que se encuentran aquí. Lo qu
Patrones de transmisión hacia arriba y hacia abajo En la Parte 2 de esta serie, usamos los patrones $parent y $child para permitir que los componentes se comuniquen en una jerarquía de tres niveles. Hacia el final, teníamos una pregunta en mente para una jerarquía de componentes aún más compleja,
Hola artesano, En el blog de hoy, les mostraré cómo podemos abrir otro bloque de opciones seleccionando otra opción en varios tipos de entrada como radio, seleccionar, casilla de verificación. Esto es útil cuando no tenemos opciones enumeradas en las opciones dadas y queremos que pongas nuestra p