Entradas

Mostrando las entradas con la etiqueta principiantes

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.

Programación PHP para principiantes | Capítulo 2

Imagen
Uso de etiquetas dentro de PHP Algo que podemos hacer al usar la etiqueta echo ””;  es usar etiquetas de HTML. <?php  echo "<h1><b>HOLA MUNDO </h1></b>"; ?> Obtendremos el siguiente resultado, y así con cualquier etiqueta. FUNCIONES STRING Les mostraré funciones que se utilizan para manipular texto. strlen () - Devuelve la longitud de una cadena <?php echo  strlen( "Hola Mundo!" );  // devolverá 12 ?> str_word_count () - Cuenta el número de palabras en una cadena <?php echo  str_word_count( "Hola Mundo!" );  // devolverá 2 ?> strrev () - Invierte una cadena <?php echo  strrev( "Hola Mundo!" );  // devolverá !odnuM aloH ?> strpos () - Busca un texto dentro de una cadena <?php echo  strpos( "Hola Mundo!" , "Mundo" );  // devolverá 6, la posición de la palabra ?> str_replace () - Reemplazar texto dentro de una cadena ...