npm: Guía gratuita para principiantes trucos CSS - Aprender Marketing
CSS

npm: Guía gratuita para principiantes trucos CSS

Recuerdo vívidamente un período al comienzo de mi carrera de codificación cuando comencé a sentir que las cosas estaban cambiando de lo que sabía, y recurrí a un conjunto más complejo de herramientas y prácticas ancladas en la línea de comandos y algo llamado npm.

Esta es la primera parte de la guía para principiantes en la que analizamos el tema general de Node Package Manager, o npm. A menudo damos por sentado estas tres letras minúsculas, npm, cuando las ingresamos en la línea de comando, pero npm es parte de un ecosistema mucho más grande que a menudo puede ser aterrador o confuso para cualquiera que se una por primera vez. Esta guía lo ayudará a descubrir la mistificación de este ecosistema y lo ayudará no solo a comprender qué es y qué hace NPM, sino que, en última instancia, se sentirá cómodo trabajando con él.

Capítulos del manual

  1. ¿Para quién diablos es esta guía? (¡Estás aquí!)
  2. ¿Qué diablos significa «npm»?
  3. ¿Qué diablos es la línea de comando?
  4. ¿Qué diablos es Nodo?
  5. ¿Qué diablos es un administrador de paquetes?
  6. ¿Cómo diablos se instala npm?
  7. ¿Cómo diablos instalas los paquetes npm?
  8. ¿Qué demonios son los comandos npm?
  9. ¿Cómo diablos se instala un proyecto npm existente?

El desarrollo actual de «back-of-the-front-end», del cual forma parte npm, parece complicado porque es un nombre para muchas herramientas interconectadas. Cuando agrega el hecho de que el mundo del front-end parece moverse mucho más rápido de lo que realmente es, creando la sensación de que será abandonado porque no salta directamente a lo último, todo lo que contiene puede parecer inaccesible.

Es por eso que comenzamos esta guía, para hacer que la tecnología sea más accesible para usarla en nuestro propio trabajo.

¿Para quién diablos es esta guía?

En mi propio viaje de capacitación de desarrollo personal, iba a leer guías de tecnología que me emocionan, y luego llegué a una sección que decía «simplemente npm install“Esto o aquello y daría otro suspiro decepcionado y dejaría de usar cualquier cosa que fuera genial. O, en días más aventureros, podría copiar el comando, pero luego inevitablemente me encuentro en otro paso. no entendía «solo», siempre decían, «bien [some thing I had no idea about]”), o recibir un mensaje de error que la gerencia no explicó, lo que me detiene en el camino.

Fuera lo que fuera npm, hicieran lo que hicieran estos comandos y donde tuvieras que escribirlos, nadie se había tomado el tiempo de explicármelo. Y cuanto más leía manuales escritos por personas que daban por sentado este conocimiento, más me sentía aislado.

Si algo de esto te suena familiar: esta serie es para ti.

Probablemente encajas bien en el grupo que se ha descrito en los últimos años como «la parte delantera de la parte delantera.” Como yo, probablemente sepas lo que haces cuando se trata de HTML y CSS. Tal vez conozca algo de JavaScript, o JavaScript «vainilla», o a través de jQuery. Ambos métodos son buenos, tanto para los propósitos de este artículo como en general.

Es posible que incluso haya probado un marco como React o Vue, pero en su mayoría simplemente copió y pegó algunas cosas para ejecutar su proyecto, y no estaba exactamente seguro de cuáles eran realmente esas cosas. Hice.

  • Esta publicación es para ti si siente la gran división entre las definiciones más tradicionales y «modernas» del desarrollo front-end, y si le preocupa que pueda dañar su carrera si no cierra esa brecha.
  • Esta publicación es para ti si no está seguro de qué es todo este alboroto acerca de las terminales y las líneas de comando, y preferiría nunca tocar una de ellas.
  • Esta publicación es para ti si se pregunta por qué a otros desarrolladores parece gustarles hacer cosas tan jodidamente complicadoy cuál es el punto de toda esta basura de línea de comandos en primer lugar cuando puedes escribir HTML, CSS y JavaScript simple y simple en su lugar.
  • Esta publicación es para ti si te sientes abandonado si sientes que hay algo algunos cosa realmente grandeque nunca nadie se ha molestado en explicártelo y te preocupa que seas el único que no lo entienda.

Sepa esto, mi compañero desarrollador front-end: usted no está solo. Estás lejos de eso. Estás exactamente donde yo estaba hace mucho tiempo y el recuerdo inestable de este lugar todavía está fresco en mi mente.

Déjame tratar de responder las preguntas que probablemente tengas, las mismas que yo tuve, de la forma en que me gustaría que alguien me las hiciera antes de saber cómo hacerlas.

Lo que se cubre en esta guía

Esta guía es una serie de artículos. Esto no se debe a que estas cosas sean extremadamente difíciles de entender en sí mismas, sino a que hay muchas partes al respecto y cada una de ellas trae una explicación por separado. Esta es un área amplia con muchas madrigueras de conejo para explorar. Centrarse en un paso constante a la vez nos permite tomarnos el tiempo para hacer las cosas claras y comprensibles. El objetivo no es cubrir todo, pero quiero ser más profundo que rápido.

Comenzaremos con una conversación sobre el estado actual de la tierra; qué es npm, un poco sobre de dónde viene y cómo llegamos aquí. A partir de ahí, cubriremos qué es Node en sí, seguido de qué son los administradores de paquetes en general, antes de trabajar realmente con npm. Terminaremos instalando Node y npm (si aún no lo han hecho), inicializando un proyecto para tener una idea de cómo funciona y, finalmente, instalando npm en un proyecto de GitHub de la vida real con todos sus paquetes y comandos. .

Algo (o todo) de esto puede sonar muy aterrador en este momento, pero no se preocupe. Es por eso que pasamos toda la guía juntos.

Qué saber antes de empezar

Haré todo lo posible para adivinar lo menos posible para usted, y usted es un desarrollador web que generalmente sabe cómo crear un sitio web con HTML y CSS. No necesitará saber mucho sobre JavaScript ni escribir nada para seguir esta guía, pero definitivamente lo ayudará si tiene al menos una comprensión básica de qué es JavaScript y cómo funciona.

JSON es el único otro elemento que puede ser útil conocer antes de comenzar. Si no está familiarizado con JSON, puede valer la pena echarle un vistazo. guía JSONo al menos prepararlo cuando lleguemos a esta parte.

Además, puedo referirme a herramientas, proyectos y marcos específicos como Oreja, Reaccionar, vista y SvelteKit, pero no asumiré que tiene experiencia práctica con ellos, ni asumiré que alguna vez haya usado npm o la línea de comandos.

¿Estas listo para empezar? Comencemos aclarando lo que queremos decir con «npm», por ejemplo, qué significa y cómo encaja en el desarrollo web moderno.

Deja una respuesta

Tu dirección de correo electrónico no será publicada.

Botón volver arriba