Rogelio Alberto
Nando Alvarado Alvarado
Claudio Nunez Oyarzun
Luis Fernando Raga Renteria
Edwar Cedeño
ENRIQUE NIETO MARTINEZ
KEVIN BRAYAN LUNA FIGUEROA
Alexander Valencia
Jorge Enríquez
Ximena Moreta
David Rodriguez
George M
Manuel Ojeda
Fernando Gonzales
Yeison Daza
Jonattan Infante
Christian Lopez
Diego Forero
Esdras Ramón Salazar Sánchez
John Jairo Castillo Cortes
Diego Forero
Esleyder Ordoñez
David Daniel Castillo Nava
GEORGIE WLADIMIR DUARTE CADENAS
Andre Rivera
Iván Toro
Ariel Omar Carrión Alcocer
Guillermo Arce
Leonard Mendoza
Alberto Eligio Sánchez Germán
Josué David Vitate Rodriguez
Edwar Baron
Josué David Vitate Rodriguez
Angel Enrique Barrios
Christian David Sánchez
No soy muy fan de mezclar nombre de variables en ingles/español, estas enseñando una mala practica.
Yo si ^^
que buen aporte
Vue.js es genial !!
Te apoyo. 😄
Me parece que Vue.js es un gran framework que reduce la complejidad y nos permite comenzar a pensar distinto sobre front end. Es genial.
Me esta gustando mucho Vue.js
recordar que el nombre de las variables en español es únicamente con fines educativos, lo ideal es tener nombres de variables, métodos, archivos, etc en ingles para que nuestro código tenga mejor...
¿"Únicamente con fines educativos"? Dependerá de tus preferencias, de tu equipo de trabajo, de las convenciones de ese equipo, de si el código va a ser público o no... es decir, dependerá de mil factores y si bien posiblemente sea una buena práctica el usar nombres en inglés, no hay el menor problema en usar nombres en español. Yo llevo toda mi vida haciendo así y no me ha supuesto el menor problema, casi hasta al contrario ya que por ejemplo te evitas usar palabras reservadas que la gran mayoría de las veces son en inglés :)
Hola. El index.html de la clase al intentar bajar se abre en el navegador. Como puedo bajarlo como archivo
Hola Ximena
Solo necesitas hacer click derecho sobre el icono de descarga y seleccionar guardar enlace como en el menu que aparece, solo eliges donde lo quieres guardar y ya esta. Adjunto una imagen para ilustrarlo mejor. .
En el caso de objetos complejos, es posible usar <template> anidados?
En teoría si se puede, en una parte de topicos avanzados, al generar slot scopes, se requiere el uso de templates para hacer uso de esos slots.
En resumen, si, si se puede, pero siempre debe de haber un template padre de todo el componente.
el archivo publicado no corresponde.
Corregido, gracias por reportar 😃
Porque al hacer lo mismo con un Input de tipo text el v-model solo almacena un valor en el array y no todos los valores?
El iterador no debería ser “curso of cursos” ?? si uno usa “in” parecería que fuera iterar sobre las llaves…
Hola, al usar el in es para decir por cada curso en cursos, es sacar cada objeto completo, y accedes a la propiedades de cada curso usando la notación de punto curso.xxxx
Aqui hay una explicacion de TypeScript
Both for…of and for…in statements iterate over lists; the values iterated on are different though, for…in returns a list of keys on the object being iterated, whereas for…of returns a list of values of the numeric properties of the object being iterated.
Hola buenos días, quisiera saber como descargo el archivo html, porque le doy click al icono de descargar y lo que hace es que abre otra ventana, gracias.
En esa ventana que se abre das click derecho y seleccionar la opción guardar como o usas el teclado ctrl + s
o Click derecho: ver codigo fuente de la pagina ( CTRL + U ), veras el codigo.
Código hasta ahora!!
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Vue.js</title> </head> <body> <div id="app"> <h1>{{ title | uppercase }}</h1> <h2>{{ subtitle | lowercase }}</h2> <h3>{{ legend | capitalize }}</h3> <button @click="addCount" >sumar</button> <button @click="strCount" >restar</button> <div>El contadore esta en {{count}}</div> <!-- @keyup.enter="submit" :value="nombre" name="nombre" --> <input v-model="name" type="text" placeholder="Ingresa tu nombre" /> <p>Tu nombre en mayuscula es: {{ name | uppercase }}</p> <!-- <a v-if="mostrar" :href="url" target="_blank">Ir a {{ pagina }}</a> --> <form @submit.prevent="submit" action=""> <h2>¿Cuales son tus cursos favoritos?</h2> <template v-for="course in courses"> <input v-model="coursesSelected" type="checkbox" :id="course.value" :value="course.value" /> <label :for="course.value">{{ course.name }}</label> </template> <button type="submit">Enviar</button> </form> </div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> var app = new Vue({ el: '#app', data () { return { title: 'Estas viendo Platzi', subtitle: 'Estas viendo el curso de Vue.js', legend: 'Esto esta en capitalize', name: '', count: 0, courses: [ { name: 'Curso de Vue.js', value: 'vue' }, { name: 'Curso de React.js', value: 'react' }, { name: 'Curso de SEO', value: 'seo' }, { name: 'Curso de Growth Marketing', value: 'marketing' } ], coursesSelected:[] } }, methods: { addCount (event) { this.count++ }, strCount (event) { this.count-- }, submit (event) { console.log(this.coursesSelected) } }, filters: { uppercase: (str) => str.toUpperCase(), lowercase: (str) => str.toLowerCase(), capitalize: (str) => str.replace(/\b\w/g, str => str.toUpperCase()) } }) </script> </body> </html>```
no pme gusto el uso de pug, su aporte no parte del core del curso. Agradezco el intento por enseñar mas herramientas, pero es mejor el enfoque en vue y en conocer la estructura de como trabaja antes de modificarla para que se vea mas simplificada..
el v-for es una variable asi que le puedo poner cualquier nombre obvio referencial a lo que estoy trabajando
Importante recordar el uso de la etiqueta template para agrupar etiquetas sobre las que Vue hace operaciones.
.
Hola Buenas, consulta, tengo los siguiente,
<template v-for="busqueda in busquedas"> <div class="col-lg-4 form-group"> <label :for="busqueda.name">{{ busqueda.label }}</label> <input :id="busqueda.name" :type="busqueda.type" :name="busqueda.name" :placeholder="busqueda.placeholder" :class="busqueda.class"> </div> </template> // Mi array de Elementos de búsquedas busquedas : [ { label: "Rut", name: "rut", type: "text", placeholder:"9917940-6", class:"form-control" }, { label: "Vin", name: "vin", type: "text", placeholder:"VIN", class:"form-control" }, { label: "Patente", name: "patente", type: "text", placeholder:"GTYU97", class:"form-control" }, ]
entonces según mi array quiero mostrar mis input, pero estoy topando con el v-model, como lo agrego en en el input?
v-model="busqueda.name"
si lo agregas al input pero con la variable que contiene todo el array
<input v-model="busquedas" :id="busqueda.name">
Según veo, si lo que quieres es atrapar el valor de los elementos con v-model tienes que sustituir el name de cada uno por v-model, no lo he intentado, supongo que sería así:
<input type="text" :v-model="busqueda.name">
me sale est cuando mi APIKEY, ¿Por qué?
Es un error de servidor, mas no de datos, intenta volver a probar.
ya intenté varias veces, no funciona. !!
Genial, es un pelin mas de lo mismo pero pero pero, mas directo!!!
Genial :O
<template v-for="item in cursos"> <input v-model="cursosSeleccionados" type="checkbox" :value="item.value" :id="item.value" /> <label :for="item.value">{{item.nombre}}</label> </template>
