Publicación de Aplicaciones con Git y Netlify
Clase 38 de 38 • Curso Básico de Vue.js 2
Contenido del curso
- 4

Renderizado Declarativo en JavaScript: Estado y Vista Sincronizados
02:09 - 5

Uso de Expresiones JavaScript en Plantillas de Vue.js
02:06 - 6

Directivas para Atributos Dinámicos en HTML con Vue.js
06:44 - 7

Directivas de Renderizado Condicional en HTML con Vue.js
05:02 - 8

Uso de la Directiva v-for en Vue.js para Renderizar Listas
05:48 - 9

Manejo de Eventos en Vue.js: Click y Mouseover
07:04 - 10

Condiciones y Clases Dinámicas en Vue.js
06:46 - 11

Estilos Dinámicos en JavaScript: Cambios de Color Interactivos
02:49 - 12

Propiedades Computadas y Watchers en Vue.js
05:42 - 13

Interacción dinámica con formularios y directivas en Vue.js
03:34 - 14
"Crear un Tracker de Cursos con Vue.js"
00:45
- 15

Sistema de Componentes en Fren Word: Modularización y Reutilización
02:54 - 16

Creación de Componentes Personalizados en Vue.js
06:44 - 17

Comunicación entre Componentes en Vue.js: Props y Data Binding
17:28 - 18

Comunicación entre Componentes en Vue: Emisión y Manejo de Eventos
06:17 - 19

Uso de Slots para Inyectar HTML en Componentes Hijos
04:18 - 20

Ciclo de Vida de Componentes en Vue.js
03:40 - 21

Componentes de Vue: Creación y Gestión Eficiente
01:23 - 22
Componente Modal y Componente Principal en Vue.js
00:44
- 27

Instalación y configuración de Tailwind CSS en proyectos HTML
06:40 - 28

Creación y Gestión de Componentes VUE en Proyectos Web
12:02 - 29

Creación de Aplicaciones SPA con Vue Router
15:37 - 30

Uso de Fetch API para Interactuar con Servidores HTTP
15:45 - 31

Filtros y Directivas para Mejorar Interfaces en JavaScript
09:33 - 32

Creación de Rutas Dinámicas en Vue.js para Criptomonedas
21:36 - 33

Navegación Dinámica y Programática en Vue.js
12:23 - 34

Integración de Componentes de Terceros en Proyectos Vue.js
12:01 - 35

Manejo de Problemas de Reactividad en Vue.js
17:44 - 36

Filtros y Ordenamiento en Tablas de Datos con JavaScript
11:25 - 37

Implementación de Rutas Dinámicas y Conversor de Criptomonedas en Vue.js
13:38
¿Cómo usar Git y deployar una aplicación con Vercel?
Ha llegado el momento de mostrarle tu aplicación al mundo. Este proceso involucra herramientas modernas y eficientes como Git y Vercel, que permiten llevar tu proyecto a producción de manera más sencilla. El objetivo es que comprendas cómo gestionar un repositorio Git y utilices las capacidades de Vercel para el deploy de tu aplicación.
¿Qué es Vercel y por qué usarlo?
Vercel es una plataforma que permite crear y desplegar sitios web de manera rápida y sencilla. Ofrece un conjunto de herramientas que incluye Continuous Deployment, lo que facilita mantener tus proyectos actualizados en el servidor con cada cambio importante. Utilizar Vercel tiene múltiples ventajas:
- Integración sencilla con Git: Vercel se conecta directamente con tus repositorios en GitHub, GitLab, y Bitbucket.
- Deployment automático: Con cada commit en tu proyecto, Vercel puede desplegar automáticamente la nueva versión.
- Configuración mínima: Ideal para desarrolladores que no desean complicarse con configuraciones complejas.
¿Cómo gestionar tu proyecto con Git?
Git es fundamental para manejar versiones de tu proyecto. Si no tienes un perfil en GitHub, te recomendamos crearlo. Existen cursos como el de Git en Platzi que pueden ayudarte a obtener un conocimiento sólido. A continuación, una guía de pasos para gestionar tu proyecto con Git:
- Crear un repositorio: Comienza creando un nuevo repositorio en GitHub. Puede ser público o privado según tus necesidades.
- Inicializar el repositorio: Utiliza tu terminal para ejecutar comandos de Git. Por ejemplo:
git init - Agregar archivos: Para agregar tus archivos al índice de Git, utiliza:
git add . - Hacer un commit: Este paso guarda tus cambios en el repositorio local.
git commit -m "Initial commit" - Enlazar el repositorio local con GitHub: Copia el comando proporcionado por GitHub que generalmente sigue este formato:
git remote add origin <URL-del-repositorio> - Subir los cambios: Finalmente, sube tus cambios a GitHub.
git push -u origin master
¿Cómo configurar y hacer deploy en Vercel?
Con tu repositorio configurado, puedes pasar a desplegar la aplicación usando Vercel. Los pasos siguientes te ayudarán a integrarte con esta plataforma:
- Crear una cuenta en Vercel: Regístrate usando tu cuenta de GitHub.
- Iniciar un nuevo proyecto: Selecciona el repositorio al que deseas hacer deploy.
- Configuración básica: Vercel te proporcionará opciones de configuración como:
- Branch: Elige la rama que deseas desplegar.
- Build Command: Define el comando que construirá tu aplicación; por ejemplo,
npm run build. - Output Directory: Define cuál será el directorio de salida, como
dist.
- Otras configuraciones: Opcionalmente, puedes personalizar el dominio de tu aplicación en Vercel.
¿Qué revisiones realizar después del deploy?
Después de que tu aplicación ha sido deployada, debes considerar varias tareas para asegurar un buen funcionamiento:
- Verificar el sitio en producción: Asegúrate de que todo funciona como esperas y la experiencia del usuario es óptima.
- Ajustes avanzados: Puedes optar por un dominio personalizado o cambiar configuraciones adicionales.
- Revisar logs y estadísticas: Vercel proporciona herramientas para dar seguimiento al rendimiento de tu app.
Este es solo el principio. Considera expandir tus conocimientos asistiendo a cursos adicionales y realizando prácticas para mejorar tus habilidades con Git y Vercel. ¡El aprendizaje continuo allanará tu camino hacia el éxito profesional!