Entradas

AngularJS | Data Binding

Ejemplo de Data Binding en AngularJS En este primer ejemplo aprenderemos cómo funciona el data binding en AngularJS. Para comenzar, crearemos una página HTML con la estructura básica: < html > < head > < meta name = "viewport" content = "width=device-width" /> < title >Data Binding </ title > </ head > < body > < div > < h2 >AngularJS Data Binding </ h2 > </ div > </ body > </ html > Agregar AngularJS Dentro de la sección <head> incluiremos la referencia a AngularJS. En este caso utilizaremos la versión 1.8.3 : < head > < meta name = "viewport" content = "width=device-width" /> < title >Data Binding </ title > < script src = "https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.3/angular.min.js" integrity = "sha512-KZmyTq3PLx9EZl0RHShHQuXtrvdJ+m35tuOiwlcZfs/rE7...

Bootstrap 5 | Tamaño de los Botones

Imagen
Existen 2 tipos de tamaños para los botones además del tamaño por default, estos son LG y SM. < button type = "button" class = "btn btn-primary btn-lg" > Large button </ button > < button type = "button" class = "btn btn-primary btn-sm" > Small button </ button >

c# | Calcular minutos entre dos fechas

Ahora veremos como calcular el total de minutos que existen entre dos fechas, Primero asumiremos que tenemos dos variables tipo DateTime llamados fechaInicial y fechaFinal . Lo siguiente sería crear una variable tipo TimeSpan: TimeSpan ts = fechaInicial - fechaFinal; Por último, la diferencia entre ambas fechas se calcularía de la siguiente manera: ts.TotalMinutes; Esto también nos sirve para obtener la diferencia de horas, segundos, etc. Suerte!

JQuery | Consumiendo un método api

Ahora les mostraré como consumir un método api desde JQuery. Primero, crearemos nuestro método Api; asumiremos que éste se encuentra en el archivo: Api/HomeApiController : [System.Web.Http.HttpPost] [OutputCache(Duration = 1)] public void MetodoApi() { // Aquí va el código de nuestro método... } Ahora, desde nuestro archivo JQuery, utilizamos el siguiente código para ejecutar nuestro método api: var options = new Object; options.cache = false; options.headers = { Accept: "application/json; charset=utf-8", "Content-Type": "application/json; charset=utf-8" }; options.type = "post"; options.url = "/Api/HomeApi/MetodoApi"; $.ajax(options); Esto te dará una buena idea de cómo crear y consumir métodos api, más adelante realizaremos ejercicios más complejos. Suerte!

AOS - Animate On Scroll Library

En esta ocasión les quiero presentar una librería muy interesante llamada AOS - Animate On Scroll Library , la cual, como su nombre lo indica, es una librería que contiene animaciones para objetos que van apareciendo conforme nos vamos desplazando dentro de una página. Esta es la liga oficial de la librería: https://michalsnik.github.io/aos/ Utilizar esta librería es muy simple, lo primero que debemos hacer es agregar las referencias a nuestra página: <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> Lo siguiente es iniciar el componente con la siguiente línea: <script>   AOS.init(); </script> Finalmente, solo hay que definir el tipo de animación que tendrán nuestros elementos: <div data-aos="[Tipo de Animación]"></div> Por ejemplo: <div data-aos="fade-up"></div> ne...

JQuery | Revisar si existe un elemento en la página

Para validar si existe un elemento dentro de nuestra página podemos hacerlo de la siguiente manera: if ($("[SELECTOR]").length) {      //El elemento existe } Por ejemplo: if ($(".Elemento").length) {       //El elemento existe }

SQL | Cláusula WITH

Esté es un método de crear tablas a partir de una consulta, su funcionamiento es muy similar a las cláusulas SELECT INTO La sintaxis es la siguiente: WITH [temporal] ( [col1], [col2], ..., [coln] ) AS (     SELECT [col1], [col2], ..., [coln] FROM ... ) Un ejemplo sería el siguiente: WITH tblEstudiantesActivos (id, nombre)   AS   (       SELECT id, nombre     FROM tblEstudiantes     WHERE estatus = 1 )