Entradas

Mostrando las entradas con la etiqueta Programación

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/

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:

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...

Programación PHP para principiantes | Capítulo 1

Imagen
Programación PHP para principiantes | Capítulo 1 PHP es un lenguaje orientado a objetos de código abierto muy popular, adecuado para desarrollo web y que puede ser incrustado en HTML. Es popular porque un gran número de páginas y portales web están creadas con PHP. Código abierto significa que es de uso libre y gratuito para todos los programadores que quieran usarlo. Incrustado en HTML significa que en un mismo archivo vamos a poder combinar código PHP con código HTML, siguiendo unas reglas.  Más concepto acá . Es uno de los lenguajes de desarrollo web más importantes de estos años, aunque ya tiene tiempo todavía es demandado, y se puede aplicar de manera correcta con frameworks como Laravel. En esta serie de capítulos brindaré una guía básica para aprender PHP de manera facil. También  puedes visitar mi  mi canal de Youtube donde imparto mi conocimiento sobre varios lenguajes de programación. ¡EMPECEMOS! 1.- Descargar XAMPP. Primero necesitamos un s...