¿Qué son los gestores de paquetes?

Clase 8 de 46 • Curso Definitivo de JavaScript 2016

Luigi Pizarro Caceda

student•

Cuando empece a usar gestores de paquete leí que bower estaba más pensado en paquetes que se usan en frontend (bootstrap, jquery, normalize, etc) y npm estaba pensado en backend (express, gulp, etc). Es increíble como npm ha abarcado esas dos partes en el último tiempo.

Aun sigo usando los dos, pero después de este curso voy a probar npm también para front.

Este artículo me ayudo mucho en su momento para aprender sobre gestores de paquete

Sacha Lifszyc

teacher•

te recomiendo que empieces a utilizar npm para no tener que utilizar dos gestores de paquetes distintos, aparte se ha convertido en la opción por defecto ya tanto para backend como para frontend!

Sergio Daniel Xalambrí

student•

Bower la verdad es que causa muchos problemas, por ejemplo si descargas dos librería que usan versiones distintas de una tercer librería npm resuelve esto por vos, mientras que bower no sabe que hacer y te pregunta en consola. Además de eso Bower no fuerza a usar módulos, hay muchas librerías ahí que no están escritas en módulos, esta pensado para el frontend de hace varios años donde llenabas tu HTML de etiquetas script por cada librería o plugin que uses, en vez de usar un sistema de módulos.

Erick Neftalí Sarmiento Cortes

student•

Toda esta cuestión de los gestores me hace darme cuenta que tenemos que estar constantemente en aprendizaje porque en cualquier momento las cosas cambian y si te moviste pues ya no saliste en la foto.

Ronald Salazar Bilbao

student•

En cuestion de minutos puedes estas desactualizado, muy diferente a otras carreras sin desmerecerlas!

Ricardo Moreno

student•

Totalmente de acuerdo.

Fredy Bustos

student•

gestores de paquetes son fundamentales en el desarrollo..

Japheth Calzada López

student•

y hoy lo estoy conociendo

Robinson Lynggaard

student•

No logro instalar ningun paquete alguien que pueda darme una idea que pueda ser?

De antemano gracias!!!

npm install express --save

npm WARN package.json platzigram1@1.0.0 No repository field.
npm WARN package.json platzigram1@1.0.0 No README data
npm ERR! Darwin 15.3.0
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "install" "express" "--save"
npm ERR! node v4.4.5
npm ERR! npm v2.15.5
npm ERR! code ECONNRESET

npm ERR! network tunneling socket could not be established, cause=connect ECONNREFUSED 127.0.0.1:1
npm ERR! network This is most likely not a problem with npm itself
npm ERR! network and is related to network connectivity.
npm ERR! network In most cases you are behind a proxy or have bad network settings.
npm ERR! network
npm ERR! network If you are behind a proxy, please make sure that the
npm ERR! network 'proxy' config is set properly. See: 'npm help config'

npm ERR! Please include the following file with any support request:
npm ERR! /Applications/MAMP/htdocs/platzigram/npm-debug.log

Aaron Delgado

student•

Hola! creo que lo escribiste mal. Según yo el comando es:

npm install --save express

Gerardo Rosales

student•

Intenta tener git, python y node instalado previamente, a mi me pasó algo similar hace tiempo

diego gutierrez

student•

Excelente explicación !!!

Kevin Kleber Rivamontan Alvarado

student•

cuál es la diferencia entre npm y cdn?

Diego Forero

Team Platzi•

npm(Node Package Manager) es el gestor de paquetes de Node, con el puedes instalar los módulos o paquetes que necesitas para tu aplicación.

CDN (Content Delivery Network) es una red de servidores donde se encuentran replicados archivos para que sean descargados, cuando un usuario descarga un archivo o instala un paquete con npm por ejemplo busca el servidor más cercano para obtener mejor velocidad de descarga.

Reinaldo Mendoza

student•

Ultimate Answer, clarisimo

Juan Pena Verdú

student•

(bower is deprecated.)

Reinaldo Mendoza

student•

Lo puedes encontrar en un legacy code, no hay que ser expertos pero si saber que existe

Reinaldo Mendoza

student•

No tenia ni idea de los otros dos que menciono el profe

JORGE ANDRES BUITRAGO LEAL

student•

se puede trabajar en servidor web normal

Yonathan Gutierrez

student•

excelente instrucción, ya había visto esta parte pero antes de continuar retroalimento información

Ramiro Tolosa

student•

No logro asimilar el concepto de paquetizar y crear un archivo package.json. Si es tan solo para crear un manifiesto es muchos comando para muy poco. Quizás el concepto de dependencia con express sea lo más útil, pero todavía me cuesta verlo.

Sergio Daniel Xalambrí

student•

Cuando trabajas solo puede no parecer necesario, pero cuando trabajas en un equipo (muy común en empresas) tener el package.json te permite definir que librerías y versiones usas en tu aplicación para que luego cuando alguien se baje el proyecto solo hace npm install y ya tiene todas las dependencias y en las versiones requeridas.

Lo mismo al mandar un proyecto a producción es subir el código del repositorio y luego hacer un npm install y listo, ya tenés todo lo necesario.

Luis Antonio Schmiel Paredes

student•

Yo me quedo con NPM… aunque la web de DUO me gusto jajaj

Gustavo Silva Garcia Silva

student•

la instalación de estos paquetes de forma directa en un servidor cloud por terminal funciona sin problemas? el servidor en ubuntu linux o es necesario otra configuración de servidor ?

Camilo Arguello

student•

Yo estoy trabajando desde cloud9 y solo hay que hacer un pequeño ajuste en server.js en

app.listen(process.env.PORT, process.env.IP);

Todo lo demás es exactamente lo mismo

Jonattan Infante

student•

Disculpen, Aun no e entendido para que sirve un paquete y de la importancia de usar los gestores.

Yeison Daza

student•

Un paquete es un conjunto de código que hace algo especifico, lo importante de estos es que te permite reutilizar código.

Los gestores nos ayudan a encontrar y usar estos paquetes mucho más fácil.

Jonattan Infante

student•

Muchas Gracias Yeison, Me quedo mas claro el Tema

Jonathan Andres Diaz Moreno

student•

Duo no lo habia escuchado interesante !

Jonathan Andres Diaz Moreno

student•

NPM es genial y la documentacion muy buena !

Carlos Gregorio Barreto Radillo

student•

NPM es un gestor de paquetes. Es el mas utilizado
Bower es otro gestor de paquetes pero orientado a Frontend
DUO otro gestos de paquetes. Utiliza GitHub como repositorio

Para buscar un paquete NPM se puede acceder a

Las funciones de un gestor de paquetes es

Búsqueda de paquetes
Instalar el paquete y sus dependencias en el orden correcto.
Des-instalar paquetes y sus dependencias.
Actualizar paquetes y sus dependencias.
Poder mostrar que paquetes están instalados (junto con sus dependencias).

Fabián Veliz

student•

Ahora este otro manejador de dependencias está ganando mucho terreno: Yarn

Enrique Gomez Navarro

student•

Otro gestor de paquetes interesante es Yarn. Aquí les dejo la url oficial por si quieren hechar un ojo:

Un saludo

Marifer Villarroel

student•

Cuales son las funciones principales de los gestores de paquetes?

Ricardo Azpeitia P.

student•

Gestionar paquetes, esto incluye:

Instalar el paquete y sus dependencias en el orden correcto.
Desinstalar paquetes y sus dependencias.
Actualizar paquetes y sus dependencias.
Poder mostrar que paquetes están instalados (junto con sus dependencias).

Marifer Villarroel

student•

Muchas gracias por la aclaración

¿Qué son los gestores de paquetes?

Bienvenidos

¿Qué necesito para tomar el curso?

Materiales

Descarga el código del proyecto

Conceptos Básicos

Bienvenidos al curso de definitivo de JavaScript

¿Por qué JavaScript?

Construyendo nuestro proyecto

Construyendo la primer página de Platzigram

Introducción a Node.js y Npm

Inicializando nuestro proyecto con Npm

¿Qué son los gestores de paquetes?

Package bundling con gulp y sass

Agregando vistas con Pug

Sirviendo archivos estáticos con Express

Organizando nuestros assets y agregando un favicon

Fix para agregar JavaScript en el cliente

Agregando JavaScript en el cliente

Agregando navegación con Page.js

Automatizando el build

Agregando interfaces de usuario con Yo-yo

Modularizando nuestro proyecto

Agregando la página de /signin

Cambiando el título de la página

Agregando un timeline para los usuarios

Agregando las imágenes de los usuarios al timeline

Agregando la funcionalidad de like

Agregando la fecha de publicación

Utilizando FormatJS para internacionalizar las fechas

Utilizando FormatJS para internacionalizar los textos

Cambiando el idioma y almacenándolo en localStorage

Obteniendo una respuesta del servidor con Superagent

Obteniendo una respuesta del servidor con Axios

Obteniendo una respuesta del servidor con Fetch API

Obteniendo una respuesta del servidor con async/await

Agregando un botón para subir una nueva foto

Subiendo la foto a nuestro servidor web

Conclusiones

Cierre del curso

Es hora de construir el backend de Platzigram

Desafio 1: Hacer la página de un usuario

Desafio 2: Agregar un spinner mientras carga las imágenes del timeline

Desafio 3: Agregar un modal para mostrar una imagen en el perfil del usuario

Sesiones en Vivo

Stream 1: Resolviendo el primer desafío

Stream 2: Resolviendo el segundo desafío

Stream 3: Resolviendo el tercer reto

Stream 4: Resolviendo el cuarto reto

Stream Extra: Acceder a la webcam usando JavaScript

Complementos del curso

Unit testing en JavaScript con Mocha

Entendiendo los tiempos de ejecución en JavaScript

Usando babel en el lado del servidor (en Node.js)