Entradas

Mostrando las entradas con la etiqueta JavaScript

API Github Jobs | JavaScript

Imagen
  Hoy voy a mostrarles como usar la API de Github Jobs para crear una aplicación web que nos permita buscar trabajos, l o estaremos haciendo usando Jaavascript, Axios, y Tailwind como hoja de estilos, empecemos. Primero crearemos nuestros típico Index.html: Ahora crearemos nuestro archivo app.js : Y listo, con eso tendremos nuestra aplicación web para buscar trabajo.

Consultar clima usando API | JavaScript

Imagen
  Hoy voy a mostrarles como hacer un pequeño buscador de clima utilizando la API de  https://openweathermap.org/api  y JavaScript puro. index.html app.js Como ven es muy sencillo y no se necesita mucho código para consumir una API. Si quieres probarlo acá te dejo el enlace:  Consultar clima API . Si quieres descargar el código completo acá te dejo el repositorio.

Simulador de twitter | JavaScript

Imagen
  Hoy voy a mostrarles como hacer un pequeño simulador de twitter utilizando local storage de JavaScript, este es un ejemplo muy sencillo. Así que empecemos: index.html app.js Y listo, eso sería todo, vale recalcar que este ejemplo usa local storage (almacenamiento del navegador), no una base de datos. Si quieres ver como funciona puedes verlo aquí:  https://twitter-basic-js.netlify.app/   Si quieres descargar el código, aquí te dejo el enlace al repositorio:

Creando un simulador de envio de Email | JavaScript

Imagen
  Hoy les mostraré como crear un simulador de envio de email con JavaScript puro. Es muy sencillo de hacer, espero que les sirva. Primero comenzamos con nuestro index.html: Ahora crearemos nuestro archivo app.js , aquí vamos a poner la simulación de envio de email, con una validación para nuestro formulario. y eso sería todo el código, si quieres ver como funciona el simulador puedes verlo acá: https://simulador-send-email.netlify.app Si quieres descargar el proyecto completo, aquí te dejo el enlace, y gracias por tu atención.

Pequeño carrito de compras | JavaScript

Imagen
 Hoy te mostraré como crear un carrito de compras básico usando solamente JavaScript, empecemos. Creación del index.html Primero crearemos nuestro archivo index.html, crearemos algo sencillo para no complicarnos agregando algunos productos: Creando el app.js Ahora vamos a crear el archivo javascript que nos permitirá controlar nuestro carrito de compras.   y al final tendremos nuestro pequeño carrito así: Si quieres descargar el ejercicio completo con imágenes y estilos , aquí te dejo el enlace. Gracias por visitarnos.

CRUD ASÍNCRONO PHP-MYSQL-JQUERY

Imagen
  Hola, hoy voy a explicar como crear un CRUD asíncrono con el servidor usando PHP-MYSQL-JQUERY, datatables-Jquery y programación orientada a objetos, también utilizaremos Bootstrap y Toast para estilizar un poco el aspecto de la página. Suena muy complicado pero es relativamente sencillo, así que empecemos. Primero,crearemos nuestra base de datos sencilla para este ejemplo:  create database php_crud; y ahora crearemos una tabla con algunos registros: CREATE TABLE `crud` (   `Id` int(2) NOT NULL AUTO_INCREMENT,   `nombre` varchar(25) DEFAULT NULL,   `apellido` varchar(25) DEFAULT NULL,   `direccion` varchar(35) DEFAULT NULL,   `referencias` varchar(45) DEFAULT NULL,   `cuidad` varchar(15) DEFAULT NULL,   `edad` int(2) DEFAULT NULL,   PRIMARY KEY (`Id`) ) ENGINE=InnoDB AUTO_INCREMENT=9 DEFAULT CHARSET=latin1; INSERT INTO `crud` VALUES (1,'Alejandro','Castillo','Av Quito','Cerca de la iglesia','Machala',20); INSERT INTO `crud` VALUES (2,'L...

Conociendo NodeJS

Imagen
¿Qué es NodeJS? Node.js es un entorno en tiempo de ejecución multiplataforma, de código abierto, para la capa del servidor basado en el lenguaje de programación JavaScript, asíncrono, con E/S de datos en una arquitectura orientada a eventos y basado en el motor V8 de Google. ¿Qué usos tiene? NodeJS es un lenguaje que permite una gran cantidad de aplicaciones, útiles para todo tipo de usuarios pero sobretodo para desarrolladores. Lenguaje backend. Programas de consola. herramientas de frontend. Programas de escritorio. Ventajas Perfecto para aplicaciones en tiempo real excelente manejador de paquetes Base de código única y potente Ofrece servicios como servidor proxy secuencia de datos suave excelente curva de aprendizaje Desvetajas Y una de las pocas desventajas que tiene es Algunos modulos no funcionaran usando CMD o PowerShell. Empresas que lo usan ¿Cuanto se gana con NodeJS? De acuerdo con PayScale el salario medio de Node.js en los EE.UU. oscila entre $48.000 y $130.000. No es de e...

Conociendo el Lenguaje | JAVASCRIPT

Imagen
JAVASCRIPT JavaScript es un lenguaje con muchas posibilidades, utilizado para crear pequeños programas que luego son insertados en una página web y en programas más grandes, orientados a objetos mucho más complejos. Es creado por  Brendan Eich  y vio la luz en el año 1995 con el nombre de LiveScript, que luego cambiaría a JavaScript, nace como un lenguaje sencillo destinado a añadir algunas características interactivas a las páginas web. Sin embargo, hoy en día ha crecido de manera acelerada y es EL LENGUAJE DE PROGRAMACIÓN que se utiliza en casi todos los sitios web en el mundo . Tiene la ventaja de ser incorporado en cualquier página web, puede ser ejecutado sin la necesidad de instalar otro programa para ser visualizado. Su poder e stá disponible principalmente en lado frontend, agregando mayor interactividad a la web, puedes usar las librerías y framework como: jquery, angular, backbone, react y demás, que están escritas sobre  JS , de igual manera la pod...