Entradas

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.

API sencilla | PHP

Imagen
  Hoy te mostraré como crear una API sencilla usando PHP y MySQL. Crear una API para consumirla después en el frontend es muy sencillo, ya verás que no tiene nada de complicado. Primero crearemos una tabla en nuestra BD. Ahora creamos un archivo bd.php( este archivo se conectará con nuestra BD) en una carpeta dentro de nuestro localhost, en mi caso le pondré el nombre API, ahora en nuestro bd.php escribimos lo siguiente:   Ahora crearemos un archivo que  tendrá los métodos GET, POST, PUT DELETE y lo llamaremos  index.php, que se comunicará con nuestro archivo bd.php. Ahora te preguntaras, ¿Como cosumimos esta API? Lo haremos a travez de la siguiente ruta:  http://localhost/API/

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,'Liss&#