TEMAS de JavaScript

Mostrando del 1 al 10 de 99 registros
<<>>
Imágen de perfil

.videoDatatables para principiantes. Instalación, Idiomas y Estilos


JavaScript

,

JQuery

Publicado el 16 de Febrero del 2021 por Administrador
297 visualizaciones desde el 16 de Febrero del 2021
Índice de Contenidos:
- ¿Qué es datatables?
- ¿Cómo usar?
- Aplicar Estilos
- Aplicar distintos idiomas

Screenshot_20210216_203418
Imágen de perfil

internet¿Cómo Crear Peticiones Asíncronas Con Javascript?


JavaScript

Publicado el 4 de Febrero del 2021 por Administrador
489 visualizaciones desde el 4 de Febrero del 2021
Hace un par de días llegó a CódigoFacilito una pregunta acerca de web. La pregunta iba algo por el estilo. Con input, ¿Cómo puedo llamar a una función en Go cuando se haga clic sobre un botón y de esta forma pintar el resultado en pantalla?, en otras palabras, lo que se desea es un buscador simple, un buscador que no necesite recargar la página para mostrar el resultado.

Lo primero que se vino a mi mente fue, utiliza Ajax, sin embargo, después de un par de segundos caí en cuenta que existen diferentes formas en las cuales desde el cliente, con Javascript, es posible realizar peticiones a un servidor. Así que me di a la tarea de escribir este pequeño post para todas aquellas personas que se encuentran comenzando con el desarrollo web, esto con la finalidad que tengan un panorama más amplio y sepan elegir qué forma se adapta mejor a sus necesidades; Espero les sea de ayuda.
Imágen de perfil

internet4 ejemplos prácticos para aprender Vue.js


JavaScript

Publicado el 9 de Noviembre del 2020 por Administrador
447 visualizaciones desde el 9 de Noviembre del 2020
Como ya sabes, hemos cubierto React y Angular.js en anteriores artículos, pero existe una nueva librería frontend que de seguro te interesará. Se llama Vue.js y cuenta con una gran comunidad de entusiastas desarrolladores detrás.

La filosofía de Vue.js es proporcionarnos una API lo más simple posible para crear proyectos de tal manera que la vista (HTML) y el modelo (Javascript) fluyan en perfecta sincronía. Como verás en los siguientes ejemplos, la librería se mantiene fiel a esa idea y es por eso que es muy sencillo trabajar con ella, sin comprometer ninguna otra funcionalidad.

Screenshot_20201109_163709
Imágen de perfil

internetPrimeros pasos con la API JavaScript de Google Maps


JavaScript

Publicado el 24 de Septiembre del 2020 por Administrador
533 visualizaciones desde el 24 de Septiembre del 2020
Si hablamos de mapas en la web, sin duda la referencia más conocida es Google Maps. En su momento revolucionó la forma en que los mapas podían ser vistos en internet. Hoy en día mantiene su liderazgo en muchas cuestiones, como los servicios de geolocalización, datos de tráfico, cálculo de rutas…y además con cobertura global.

Google es la marca comercial más reconocida en el mundo. Esto contribuye, sin duda a la popularidad y extensión de Google Maps, pero es que además dispone de Maps JavaScript API que permiten visualizar, y publicar nuestros mapas en la web.

En este artículo veremos paso a paso cómo crear un mapa web con la API de Google Maps, analizamos sus ventajas e inconvenientes y lo comparamos con otras librerías de mapas open source.

Índice de Contenidos:
1.- Como crear un mapa web con la API JavaScript de Google Maps
1.1.- Carga de la librería Javascript de la API de Google Maps
1.2.- Añadiendo un marcador
2.- Ventajas e inconvenientes de la API de Google Maps
3.- Comparativa con las librerías OpenSource

Screenshot_20200924_133531
Imágen de perfil

internetValidar campos de un formulario en HTML5, JS, jQuery o PHP


HTML

,

JavaScript

,

JQuery

,

PHP

Publicado el 17 de Septiembre del 2020 por Administrador
1.610 visualizaciones desde el 17 de Septiembre del 2020
El principal objetivo es garantizar que los datos enviados a través de un formulario sean completos, precisos, seguros y consistentes. Esto se logra a través de controles de validación de datos y reglas que se comprueba al validar el formulario.

Índice de Contenidos:
1.- ¿Para qué sirve validar campos de un formulario?
2.- Ejemplo práctico
2.1.- Principales restricciones
2.2.- Formulario de origen
3.- Validar campos en HTML5
4.- Validar campos en JavaScript
4.1.- Funciones utilizadas
5.- Validar campos en jQuery
6.- Validar campos en PHP
7.- Consejos

Screenshot_20200917_164039
Imágen de perfil

internetCómo Cargar Scripts Eficientemente con Async y Defer


JavaScript

Publicado el 7 de Septiembre del 2020 por Administrador
1.632 visualizaciones desde el 7 de Septiembre del 2020
Cuando cargas scripts de JavaScript en un documento HTML necesitas tener cuidado con el tiempo de carga de la página, ya que dependiendo del lugar donde cargues los scripts o del método de carga utilizado podrías generar un gran impacto en el rendimiento de la misma.

Índice de Contenidos:
1 En dónde colocar los scripts
1.1 Script en la cabecera
1.2 Script en el body
2 Carga scripts con async y defer
2.1 Script el head con async
2.2 Script en el head con defer
3 Comparativa entre async y defer
3.1 Bloqueo del análisis HTML
3.2 Bloqueo del renderizado HTML
3.3 Evento domInteractive
3.4 Orden de ejecución
3.5 Compatibilidad
4 Qué método utilizar

Screenshot_20200907_115910
Imágen de perfil

internetJSON: qué es y para qué sirve


JavaScript

Publicado el 2 de Septiembre del 2020 por Administrador
975 visualizaciones desde el 2 de Septiembre del 2020
Hoy vamos a ver unas pinceladas sobre JSON, qué es exactamente y cómo podemos utilizarlo.

Screenshot_20200902_163451
Imágen de perfil

internetAlgoritmos de Ordenación en Javascript (revisión ES6)


JavaScript

,

Algoritmia

Publicado el 18 de Agosto del 2020 por Administrador
571 visualizaciones desde el 18 de Agosto del 2020
Hace algún tiempo, revisamos en este blog algunos de los patrones de ordenación más utilizados en programación: el bubble sort, selection sort, insertion sort… Javascript ha cambiado mucho desde aquel 2011, por lo que quizá, ha llegado la hora de actualizarlos a los nuevos tiempos y su nueva sintaxis.

Screenshot_20200818_173308
Imágen de perfil

internetExcepciones en Javascript


JavaScript

Publicado el 17 de Agosto del 2020 por Administrador
549 visualizaciones desde el 17 de Agosto del 2020
Compartir en FacebookCompartir en Twitter
Javascript, como otros muchos lenguajes de programación, incluye soporte nativo para el manejo de excepciones.

Las excepciones, son imprevistos que ocurren durante la ejecución de un programa; anormalidades que impiden o alteran el comportamiento o flujo normal de un software.

Su función, es separar el código para el manejo de errores de la lógica de aplicación del programa. En aquellos lenguajes que incluyen soporte para el manejo de excepciones, al producirse la anomalidad, se desciende en la pila de ejecución hasta encontrar un manejador para la excepción, el cual toma el control en ese momento de la aplicación.

En Javascript, el manejo de errores puede resultar más necesario que en otros lenguajes debido a la dificultad natural de este para testear aplicaciones. Por lo general, los errores en Javascript son crípticos y poco informativos, especialmente en Internet Explorer. Esto hace interesante el contar con operadores que nos permitan lanzar nuestros propios mensajes advirtiendo al usuario de que algo ha ido mal.

Screenshot_20200817_202124
Imágen de perfil

internet¿Cómo crear un componente web? Elementos HTML personalizados


JavaScript

,

HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 26 de Mayo del 2020 por Administrador
944 visualizaciones desde el 26 de Mayo del 2020
En este artículo vamos a utilizar el API de Custom elements (Elementos HTML personalizados) para crear nuevas etiquetas y utilizarlas en nuestro código HTML, en futuras publicaciones explicaremos como se usan en conjunto con los otros 3 estándares.

Screenshot_20200526_162222