<h2>Introducción</h2>Las letras API representan “Application Programming Interface” que en español se traduce como Aplicación de Interfaz Programada (mi definición) o Interfaz de programación de aplicaciones (la de google).&nbsp;En otras palabras, un API es una colección de datos que se encuentra en una base de datos y nosotros podemos hacer solicitudes con diferentes propósitos. Entre los más populares se encuentran:&nbsp;<h2>Los métodos más comunes:</h2><ol><li>GET – leer datos</li><li>POST – guardar datos</li><li>UPDATE – actualizar datos</li><li>DELETE – eliminar datos</li></ol>&nbsp;Esto es lo que se llama el CRUD (Create [crear], Read [leer], Update [actualizar], Delete [eliminar]).&nbsp;<h2>¿Cómo se solicita data a un API?</h2>Para solicitar datos a un API necesitas conocer lo que se llama el “endpoint” o terminal. El “enpoint” o terminal es un URL al cual accesamos los datos. Sin embargo, vale mencionar que existen tipos de “enpoints” o terminales públicos y privados.&nbsp;<h2>Tipos de endpoint</h2><ol><li>Privado – requiere de autenticación para poder tener acceso a la data.</li><li>Público – no requiere de autenticación para tener acceso a la data, estaremos viendo ejemplos de esto.</li></ol>&nbsp;<h2>Request &amp; Response (Solicitud y Respuesta)</h2>Cuando solicitamos la data, esperamos una respuesta. Esto se conoce como el proceso de solicitud y respuesta o en inglés request &amp; response.&nbsp;Al momento de hacer la solicitud el servidor hace los procesos necesarios para enviar una respuesta.&nbsp;<h2>Status de la respuesta (estado)</h2>Cada vez que hacemos una solicitud, dependiendo de la respuesta, la misma va acompañada de un status. Por ejemplos, si la respuesta es correcta, usualmente se utiliza un status en los 200 (ok), si el “endpoint” o terminal no existe, recibirás un status en los 404 (not found [no encontrado]), si necesitas autenticación y no fue provista puedes un 401 (unauthorized [no autorizado]) o 403 (forbidden [prohibido]) etc. Puedes conocer los status de las respuestas en el siguiente enlace, así como más información sobre los diferentes métodos que existen para hacer solicitudes a un API.&nbsp;<a href="https://www.softwaretestinghelp.com/rest-api-response-codes/" rel="noopener noreferrer" target="_blank" style="color: rgb(5, 99, 193);">https://www.softwaretestinghelp.com/rest-api-response-codes/</a>&nbsp;<h2>Aplicaciones para desarrollar API’s</h2><ol><li>Postman</li><li>Browser con extensiones</li><li>Extensiones en VS Code (ej. RapidAPI Client)</li><li>Swagger</li><li>Insomnia</li><li>Otros…</li></ol>&nbsp;<h2>Cómo se crea un API (pasos generales)</h2><ol><li>Inicia el servidor backend (ej. express.js, django)</li><li>Conecta la base de datos</li><li>Crea los modelos*</li><li>Crea los endpoints (terminales)</li><li>Añado autenticación de ser necesario</li></ol> <h2>En el siguiente video tutorial</h2><ol><li>Estaremos consumiendo un API en el navegador</li><li>Estaremos haciendo introducción a Postman, una herramienta popular para desarrollar y trabajar con APIs</li><li>Hablaremos de parámetros tanto en el URL como en la creación de API’s</li><li>Hablaremos de parámetros tanto en el URL como en la creación de API’s</li><li>Estaremos usando JSON Server para simular algunos requests (solicitudes) y mostrarlos en la pantalla con REACT</li></ol> Puedes ver la lista de videos completa en el siguiente enlace <a href="https://www.youtube.com/watch?v=RUyoak8o6xo&amp;list=PL-6N9BFZQLq6ysWrQyxWzvaRTgmzvWrbx&amp;index=1" rel="noopener noreferrer" target="_blank" style="color: rgb(5, 99, 193);">https://www.youtube.com/watch?v=RUyoak8o6xo&amp;list=PL-6N9BFZQLq6ysWrQyxWzvaRTgmzvWrbx&amp;index=1</a>.&nbsp;&nbsp;<h2>&nbsp;</h2>

Reynaldo Navedo

En esta publicación aprenderás todo lo que necesitas saber sobre API's en la web.

Lo que necesitas saber sobre APIs en desarrollo web

Las hojas de trucos son útiles porque es imposible que nos aprendamos todo de memoria. Entonces es una movida inteligente tener accessible nuestra hoja de truco para cuando necesitemos recordar alguna sintaxis, aprender algo nuevo o simplemente explorar nuevos campos. A continuación algunas páginas con hojas de trucos muy útiles. <a href="https://htmlcheatsheet.com/" rel="noopener noreferrer" target="_blank">HTML</a>Esta página tiene desde marcadores, ejemplos de código, generadores y herramientas para desarrolladores. <a href="https://cssreference.io/" rel="noopener noreferrer" target="_blank">Referencias CSS</a>Esta página contiene todo lo relacionado a CSS. <a href="https://gitsheet.wtf/" rel="noopener noreferrer" target="_blank">Git</a>Ten a la mano todo lo relacionado a git y github. <a href="https://overapi.com/" rel="noopener noreferrer" target="_blank">Over API</a>Esta página contiene un sin número de hojas de trucos específicamente para programadores. <a href="https://cheatography.com/" rel="noopener noreferrer" target="_blank">Cheatography</a>Esta página contiene hojas de trucos en varias categorías, no solo para programadores. Si sabes de alguna otra página que contenga hojas de trucos no olvides compartirla en los comentarios. Hasta la próxima!

Si estás buscando hojas de trucos para programar en tu lenguaje preferido, este artículo es para ti.

Hojas de trucos para todo programador

<h3>¿QUÉ ES EL CLI?</h3> CLI son las siglas en inglés para Command Line Interface,también conocido como el Terminal en Mac y el Command Prompt en Windows. El CLI es una herramienta que con algunos comandos puedes hacer cosas como crear directorios, crear documentos, correr comandos automatizados en NodeJS para correr programas y mucho más.&nbsp;En este tutorial te enseñaré como usar el CLI para navegar directorios, crear y eliminar directorios y documentos entre otras cosas de mucha utilidad. <h3>¿CÓMO ABRIR EL CLI?</h3> En Mac OS abre la aplicación llamada Terminal, en Windows abre la aplicación llamada Command Prompt.&nbsp;Para este tutorial estaré utilizando una Mac. Cuando abres el Terminal, verás una cadena de texto que te indica el lugar en donde el Terminal ejecutará el comando. Por ejemplo, al abrir mi Terminal, veo lo siguiente: <pre class="ql-syntax" spellcheck="false">rey@Reynaldos-Mac-mini-2 ~ %
</pre> Básicamente el Terminal abre el directorio raíz de mi Mac Mini que se identifica con el nombre que le puse. Ahora en el terminal creemos nuestro primer comando. <h3>CD (CHANGE DIRECTORY) – CAMBIAR DIRECTORIO</h3>Sintaxis – cd &lt;nombre-del-directorio&gt;·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Escribe cd DesktopSi miras la cadena de texto, ahora has cambiado al directorio Desktop (Escritorio en español) y la mía se mira así.<pre class="ql-syntax" spellcheck="false">rey@Reynaldos-Mac-mini-2 Desktop % 
</pre><h3> </h3><h3>LS (LIST DIRECTORY) – ENLISTAR LOS DOCUMENTOS Y DIRECTORIOS</h3>Sintaxis – ls·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;escribe lsAhora ves los directorios que se encuentran en el Desktop<pre class="ql-syntax" spellcheck="false">rey@Reynaldos-Mac-mini-2 Desktop % ls
emmet tutorial
</pre>En mi Desktop solo tengo el directorio de este tutorial llamado emmet tutorial, el tuyo será diferente de acuerdo con lo que tengas en tu Desktop.En algunos directorios probablemente habrá documentos escondidos, para verlos en la lista, añade -a.Sintaxis – ls -a·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;escribe ls -aEste comando incluirá los documentos y directorios escondidos que el comando ls no puede mostrar. <h3>PWD (PRINT WORKING DIRECTORY) – ENLISTAR EL DIRECTORIO EN EL QUE ESTÁS TRABAJANDO</h3>Sintaxis – pwd·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;escribe pwdMi resultado será el siguiente.<pre class="ql-syntax" spellcheck="false">rey@Reynaldos-Mac-mini-2 Desktop % pwd
/Users/rey/Desktop
</pre>Si te acuerdas, al abrir el terminal, comienza en el usuario, en mi caso rey y el nombre de mi Mac @Reynaldos-Mac-mini-2. Cuando quieras saber el pasaje completo de un directorio, puedes usar pwd.Ahora vamos a ver como manipulamos documentos y directorios con el CLI. <h3>MKDIR (MAKE A DIRECTORY) – CREAR UN DIRECTORIO</h3>Ahí donde te encuentras, en el Desktop, escribe el comando mkdirSintaxis – mkdir &lt;nombre-del-directorio&gt;·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;escribe mkdir cliEl comando mkdir cli creará un directorio en el DesktopAhora escribe el comando ls y debe de aparecer el directorio cli.&nbsp;Navega hacia ese directorio usando el comando ya aprendido cd cli. Tu Terminal debe de verse algo así.<pre class="ql-syntax" spellcheck="false">rey@Reynaldos-Mac-mini-2 cli %
</pre>Esto quiere decir que te encuentras en el directorio cli. Ahora creemos dos directorios al mismo tiempo llamados css y js para ubicar los documentos de estilos y javascript respectivamente.·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;escribe mkdir css jsDe esta manera puedes escribir múltiples directorios con un solo comando.&nbsp;A continuación, creemos un documento llamado index.html en el directorio cli.<h3> </h3><h3>TOUCH (CREATE A DOCUMENT) – CREAR UN DIRECTORIO</h3>Sintaxis – touch &lt;nombre-del-documento&gt;·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;escribe touch index.htmlAhora dentro del directorio se debe haber creado un documento llamado index.html.&nbsp;Para crear más de un documento puedes escribir los nombres luego de la palabra touch separados por un espacio. Por ejemplo:·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;touch index.html contacto.htmlEl resultado será la creación de los dos documentos index.html y contacto.htmlDigamos que ahora queremos eliminar contacto.html, veremos como podemos remover documentos con el CLI. <h3>RM (REMOVE A FILE) – ELIMINAR UN DOCUMENTO</h3>Sintaxis – rm &lt;nombre-del-documento&gt;·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;escribe rm contacto.htmlPara eliminar mas de un documento solo hay que añadir el siguiente nombre.&nbsp;Por ejemplo, si quisiéramos eliminar contacto.html e index.html lo haríamos de la siguiente manera.·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;escribe rm index.html contacto.htmlSi tuviéramos digamos 10 documentos en un directorio y queremos eliminarlos todos, solo debemos de hacer lo siguiente:·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;escribe rm *Ahora ya sabes como eliminar documentos con el CLI, pronto veremos como hacemos con los directorios, pero antes, veamos como navegar a un directorio padre y como usar el símbolo &amp;&amp; para realizar múltiples comandos. Esto es lo que vamos hacer.1. desde el directorio cli, navegaremos al directorio js y;2. crearemos un documento llamado main.js3. regresaremos al directorio cliEsto se hace de la siguiente manera, haremos 3 comandos en uno utilizando el símbolo &amp;&amp;:<pre class="ql-syntax" spellcheck="false">rey@Reynaldos-Mac-mini-2 cli % cd js &amp;&amp; touch main.js &amp;&amp; cd ..
</pre>Si miras bien estamos realizando los comandos que aprendimos para navegar al directorio js y para crear el documento main.js, pero el tercer comando hace que regresemos al directorio padre desde donde estemos.<h3> </h3><h3>CD.. (CHANGE TO PARENT DIRECTORY) – REGRESAR AL DIRECTORIO PADRE</h3>Sintaxis – cd..Ahora digamos que nuestra aplicación no requiere de javascript y queremos eliminar el directorio js.&nbsp;Esto se hace de la siguiente manera.&nbsp;Desde el directorio cli, apliquemos lo siguiente:<h3> </h3><h3>RM -R (REMOVE DIRECTORY) – REMOVER DIRECTORIO</h3>Sintaxis – rm -r &lt;nombre-del-directorio&gt;·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;escribe rm -r jsAhora si verificas el listado con el comando ls, debe quedar en tu directorio cli el documento html y la carpeta css. Como asignación, intenta lo siguiente con tres comandos en uno usando el símbolo &amp;&amp;, aprender a veces toma un tiempo, si tienes que regresar a la lectura puedes hacerlo: 1. Navegar al directorio css2. Crear un documento llamado estilos.css3. Navegar de regreso a la carpeta cli Espero que este tutorial te sirva de alguna ayuda y déjanos en los comentarios si sabes otros comandos que quieras compartir con nosotros. Hasta la próxima.

El CLI puede ser intimídate al comienzo, pero una vez descubres su valor será tu mejor aliado.

CLI (Command Line Interface) ¿Qué es el CLI y cómo utilizarlo?

Agiliza tu forma de escribir código con comandos que le dan velocidad a tu desarrollo.

Categoría utilidades