Bienvenidos de nuevo a otro capítulo de nuestra serie de Vue desde cero. Si estás leyendo esto quiza sí estés interesado realmente en aprender Vue, eso es genial; así que adelante. 🙂 El día de hoy vamos a revisar más a fondo la forma declarativa de utilizar nuestra información presente en el objeto data de nuestra aplicación Vue. Data Cuando mencionamos declarativa nos referimos a acceder a un valor mediante la utilización de corchetes dobles {{variable}}....
Si ya conoces un poco de programación, habrás notado que cuando estás aprendiendo un nuevo lenguaje o framework es clásico realizar el famoso “Hola mundo” que es regularmente el primer ejercicio que se realiza para ver el funcionamiento básico de dicho lenguaje. Así que siendo fieles a eso, empezaremos con un vistazo de Vue y nuestro primer Hola mundo. Veamos: Empecemos por mostrar la estructura básica de la implementación de vue....
Que tal amigo, bienvenido a mí blog y a esta serie de posts que tengo planeada para que conozcas Vuejs o Vue, como de ahora en adelante le llamaré. Pero además de explicarte qué es este framework de Javascript; tengo la intención de que juntos vallamos realizando un mini proyecto en el cual pongamos en práctica lo aprendiendo durante los capítulos. Requisitos: Quizá uno de los requisitos es tener nociones básicas de html, css y Javascript, tales como variables, ciclos, funciones y quizá algún otro concepto básico, pero no te preocupes, trataré de ser lo más claro posible en cada uno de los temas....
Que tal de nuevo, hoy aprenderemos a usar el método .ajax() de jQuery con el cual podemos hacer peticiones en segundo plano desde nuestra aplicación web hacia un servicio web o API REST. Para este ejemplo lo que haremos será crear una petición a un servidor de pruebas que nos entregará un JSON ficticio elcual contiene una lista de 100 posts. Con el resultado de esta petición haremos una lista que contendra esos registros....
Hola de nuevo, es este pequeño tutorial aprenderemos cómo obtener y asignar valores a un determinado elemento, tal como un campo numérico, un campo de texto, un elemento div etc. En jQuery contamos con diferentes métodos que nos permiten hacer esta tarea de manera sencilla. por ejemplo .val() o .html() Método .val() Una manera sencilla de entender como funcionan estos métodos es entender que se comportan de dos formas distintas dependiendo de si pasamos argumentos o no....
Hola de nuevo, lo que haremos hoy será aprender a iterar un elemento <select> con la ayuda de jQuery. Esto con el objetivo de manipular la lista de opciones, para agregar elementos, eliminarlos, obtener el valor o el texto de cada <option> asi como modificar dichos valores. Para realizar esta acción nos apoyaremos en el metodo each() que jQuery nos proporciona. Listar las opciones de nuestro select Lo primero que veremos será cómo obtener e imprimir en consola todos los elementos de nuestro combo, imprimiendo el texto y el valor que representa cada option....
Hey!!! que tal amigos, el día de hoy hablaremos sobre el evento change() en jQuery, este evento puede ser de gran ayuda en varias tareas que querramos realizar dentro de nuestra página web. Para ejemplo vamos a realizar un pequeño ejercicio en donde ingresemos nuestro nombre y nuestra edad y automáticamente nos muestre un Texto compuesto por estos elementos que acabo de mencionar. Pero bueno, sin mas vueltas vamos al código; la sintaxis básica del evento es la siguiente:...
Que tal amigos, hoy veremos una forma sencilla de hacer que nuestra página se recargue cuando se cumpla una condición o cuando se dispare algún evento como puede ser un click o change etc. El método reload() nos facilita esta acción, veamos de qué manera en el siguiente ejemplo: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Recargar Página</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> </head> <body> <button id="btnRecargar">Recargar</button> </body> </html> Teniendo declarado nuestro botón con id btnRecargar procedemos a crear nuestro código jQuery:...
Que tal amigos, en este post veremos el evento click en jQuery el cual nos puede ser útil si deseamos agregar funcionalidad a algún elemento y que al dar clic sobre éste se dispare alguna acción en nuestra página web. Para ejemplo vamos a crear una estructura básica de HTML. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Evento click en jQuery</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> </head> <body> <button id="btnClick">Soy un botón</button> </body> </html> En el código anterior podemos observar que hemos creado un botón con id btnClick, Ahora procederemos a agregar la funcionanlidad....
En ocasiones tenemos la necesidad de ocultar o mostrar un elemento dentro de nuestra página web, ya sea un campo de texto, un botón, un contenedor etc. Gracias a jQuery esta es una tarea muy sencilla y a continuación veremos un ejemplo. La sintaxis para ocultar un elemento es la siguiente: // Esto oculta el elemento con el id "IdElemento" $('#IdElemento').hide(); // Esto oculta el elemento que contiene la clase "ClaseElemento" $('....