Entradas

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 ANGULAR

Imagen
¿Qué es angular? Angular es un framework para aplicaciones web desarrollado en TypeScript, de código abierto, mantenido por Google, que se utiliza para crear y mantener aplicaciones web de una sola página. El framework ofrece una base para el desarrollo de aplicaciones robustas, escalables y optimizadas, que promueve además las mejores prácticas y un estilo de codificación homogéneo y de gran modularidad. Ventajas Desarrollo multiplataforma. Velocidad y rendimiento. Tiene una gran comunidad. Infraestructura de código escalable. Crear funciones rápidamente con plantillas simples y declarativas. Testing rápido y fácil Desventajas No es aconcejable para el desarrollo de aplicaciones pequeñas. Es un framework complejo. No es recomendado aprenderlo si recién estas empezando en el desarrollo web. DESARROLLO DE SPA Angular es un framework especializado en la creación de aplicaciones SPA, Single Page Application. Este tipo de aplicaciones se muestra en una sola página y sus pantallas son simpl...