Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

NPM Desarrollar y publicar librerias JS,TS, Angular, ReactJS

Name: NPM Desarrollar y publicar librerias JS,TS, Angular, ReactJS
Rating: 4.6 (100 reviews)

¡Aprende desde 0 las nociones de NPM y a crear librerías Node en JS, Typescript ReactJS Angular con ejemplos prácticos!

Highest Rated

Created byAnartz Mugika Ledo

Last updated 4/2020

Spanish

What you'll learn

Crear módulos / librerías node escritas en Javascript
Crear módulos / librerías node escritas en Typescript
Crear módulos / librerías en Angular
Obtener las nociones básicas para crear librerias ReactJS desde 0
Publicar y gestionar las librerías creadas en Javascript / Typescript / Angular, ReactJS con soltura
Publicar versiones en github de nuestros proyectos
Obtener los conocimientos necesarios para poder trabajar en proyectos colaborativos como pueden ser las librerías
Documentar las librerías de una manera elegante y fácil para poder ayudar a otros/as usuario/as
Integración Continua para realizar pruebas de test automáticos
Crear documentación elegante de una librería y publicarla en el hosting de Firebase

Course content

24 sections • 306 lectures • 20h 17m total length

Introducción al curso.7:15
Comenzamos el curso con una introducción general de lo que vamos a realizar
Desarrollo del curso - ¿Cómo preguntar dudas? Consejos y recomendaciones0:47
Apartado donde aprenderemos a como plantear dudas sobre el temario del curso
Desarrollo del curso - Consejos para un correcto uso del curso0:35
Consejos para llevar una buena dinámica del curso
Acerca de la valoración del curso1:07
Información útil para hacer un correcto uso de las reseñas y valoraciones del curso
Enlaces de interés para el desarrollo del curso0:09
Enlaces de interés de contenido que vamos a ver durante el curso
Instalación Node y NPM2:02
Instalaciones principales y necesarias para poder trabajar en el curso
Instalación de Typescript, Mocha y Visual Studio Code + Añadir Extension4:24
Instalaciones complementarias necesarias para poder trabajar en el curso
Extensiones que utilizo en el curso0:32
Extensiones utilizadas en el curso para un desarrollo más sencillo

Introducción a la sección1:07
Introducción de lo que trabajaremos en este apartado de iniciación en Git / Github
Introducción a Git / Crear cuenta de github4:11
Pasos a seguir para conseguir una cuenta de github.
Instalación de Git3:48
Pasos a seguir para instalar correctamente Git
Crear clave pública SSH y añadirla en nuestra cuenta de Github3:39
En este video aprenderemos a crear públicas SSH y añadirlas en Github para autentificar nuestro equipo para subir cambios y hacer otras acciones
Configurando Git por primera vez2:38
Pasos a seguir para configurar Git con las configuraciones básicas
Crear repositorio en Github3:42
Aprenderemos a crear un repositorio en varios pasos sencillos
Pequeña introducción para obtener el cheatsheet de comandos y comprobaciones2:42
Iniciación a los comandos de Git para ir aprendiendo las nociones básicas que nos será útiles en el transcurso del curso
Inicializar repositorio - git init [proyecto] / git clone [url]5:33
Aprenderemos a trabajar con la creación de los repositorios con git init y git clone
Realización de cambios en el repositorio9:54
Aprenderemos a trabajar con la gestión de los cambios en un repositorio de Git
Cambios grupales - Gestión de los branches - Parte 15:15
Primera parte con la parte de los branches
Cambios grupales - Gestión de los branches - Parte 26:32
Segunda parte con la parte de los branches
Repaso de las gestión de los branches
Más posibilidades con la gestión de control de versiones git2:28
Más información acerca de las posibilidades que tenemos con Git, que no será necesarias en el curso de principio, pero que podrá sernos útiles en el futuro
PRÁCTICA - Enunciado del ejercicio de repaso para gestionar repositorios.0:51
Enunciado de la práctica propuesta para repasar lo aprendido en esta sección
PRÁCTICA - Resultado de la práctica - Parte 15:36
Resolvemos la práctica con lo propuesto en el enunciado anterior
PRÁCTICA - Resultado de la práctica - Parte 27:29
Resolvemos la práctica con lo propuesto en el enunciado anterior
Código final de la sección0:03
Código final de lo que hemos trabajado

Introdución a npm4:40
Introducción a NPM
Funcionamiento de NPM y el gestor de paquetes5:01
Explicamos como funciona NPM y su gestor de paquetes
Entendiendo los paquetes y módulos4:58
Hablamos sobre los paquetes y módulos y sus carácterísticas
Pasos para registrar una cuenta en npm3:23
Pasos a seguir para obtener una cuenta de NPM de manera gratuita
Todo sobre el package.json7:57
Todo lo que hay que saber sobre el package.json
Repaso sobre los conceptos del package.json
Paquetes locales y globales5:38
Hablamos sobre los paquetes que se instalan globalmente y los que tenemos de manera local en un proyecto concreto
Gestión de paquetes de forma local / global (instalar, actualizar, listar...)6:45
Aprenderemos a gestionar los paquetes de manera global y local a la hora de instalar, desinstalar o incluso actualizar
Repaso opciones de gestión de paquetes a la hora de añadirlos, actualizar...
Versionado semántico - Conceptos básicos4:47
Trabajando con el versionado semántico para entender su funcionamiento
Pequeño repaso práctico del versionado semántico
Ayuda de soporte en los foros oficiales0:11
Información sobre el apartado de la comunidad para obtener soporte sobre cualquier problema, duda,...

Lo que conseguiremos al finalizar la sección1:17
Esto es lo que vamos a aprender y hacer cuando terminemos la clase
Crear repositorio y clonar el repositorio en el directorio.4:10
Creamos el repositorio del proyecto e iniciamos los preparativos del proyecto
Crear el fichero package.json para la definición del módulo Node5:34
Pasos a seguir para crear el fichero package.json y los pasos y consideraciones a tomar en cuenta
Crear módulo sencillo con varias funciones de saludo3:31
Creamos el módulo y las funciones principales de el
Hacer backup de los cambios y crear release v1.0.06:16
Cambios de lo que hemos trabajado, publicación del release y pushearlos
Código del proyecto0:05
Aquó podréis encontrar el código final de la sección

Usando como referencia el path desde otro script y ejecutándolo en terminal4:10
Comenzamos con las pruebas del módulo en desarrollo y hacemos uso del módulo usando el referenciado por path
Usando como referencia el paquete que hemos creado con npm pack3:07
Seguimos con las pruebas del módulo en desarrollo. En este caso creamos un paquete de la librería y la instalamos en otro directorio para hacer uso de el.
Usando como referencia el package instalado desde el repositorio de Github3:48
Seguimos con las pruebas del módulo en desarrollo. En este caso realizamos la instalación del módulo de un repositorio de Github desde la url principal o haciendo referencia a un tag de un release
Usando como referencia el package mediante el uso de npm link3:20
Seguimos con las pruebas del módulo en desarrollo. En este caso instalamos el package mediante el referenciado local haciendo uso de npm link.
Usando la consola de node y cualquier referenciado al módulo anterior3:59
En este apartado aprenderemos a hacer uso del módulo haciendo referenciado por paquete, por path o en el mismo proyecto.
Código de lo desarrollado en la sección0:06
Aquí tenemos el código de los desarrollado durante la sección

Esto es lo que conseguiremos al finalizar la sección1:52
Este será el resultado de lo que vamos a conseguir cuando terminemos esta sección inicial
Crear repositorio Github, preparar el proyecto y crear el package.json2:46
Empezamos el proyecto creando el repositorio en Github y abriendo el proyecto en nuestro editor
Crear el fichero package.json3:19
Pasos a seguir para crear un fichero package.json de nuestro proyecto
Crear modulo node en JS con las operaciones matemáticas básicas +, -, *, /4:32
Comenzamos desarrollando un módulo con las operaciones básicas de matemáticas
Probar en la consola node y crear nuestro primer release de la versión 1.0.05:09
Probamos que funciona el módulo correctamente en modo desarrollo mediante la consola de Node y ejecutando un script de tipo JS
Guardar los cambios realizados en el repositorio Github y creamos el release2:45
Hacemos la primera copia de seguridad de nuestro proyecto
Publicar en NPM3:41
Realizamos nuestra primera publicación en NPM
Añadir instrucciones con el README5:45
Añadimos las instrucciones de instalación y uso del proyecto
Mejorando el módulo para validar las entradas de los números5:01
Añadimos una nueva funcionalidad para comprobar que los valores que introducimos son de tipo númerico
Publicar versión final 1.1.0 después de publicar el backup en Github3:25
Publicamos la versión 1.1.0 después de haber realizado la nueva funcionalidad
Probar módulo publicado en NPM (versión 1.1.0)2:42
Aprendemos a como realizar una prueba con el módulo publicado
Código del proyecto - Operaciones matemáticas0:02
Resultado del proyecto para descargar

Esto es lo que aprenderemos al finalizar la sección1:18
Aquí explicamos de lo que vamos a trabajar en esta sección
Crear repositorio y preparar el proyecto de la sección2:58
Comenzamos la sección creando el repositorio del proyecto donde vamos a almacenar los diferentes tipos de tests
Primeros pasos y donde añadir los ficheros y estructura principal7:15
Pasos que debemos de seguir para preparar el proyecto correctamente para poder trabajar en esta sección
Probando strings7:33
Comenzamos a aprender como testear datos de tipo string.
Probando valores numéricos8:02
Comenzamos a aprender como testear datos de tipo numérico
Probando valores booleanos4:31
Comenzamos a aprender como testear datos de tipo boolean
Probando arrays - Parte 19:38
Comenzamos a aprender como testear datos de tipo array
Probando arrays - Parte 23:44
Seguimos aprendiendo como testear datos de tipo array
Hooks6:28
Aprendemos el uso de los hooks como before, after, beforeEach,...
Test exclusivos - only3:45
Mediante el 'only' diremos que pruebas o que bloques se ejecutarán.
Test inclusivos - skip4:11
Podemos decir que la función skip() se comporta de forma opuesta a only(). Con skip podemos provocar que, durante una ejecución, no se ejecute un bloque o incluso un test dentro del mismo.
Hacer una copia de seguridad en el repositorio5:19
Copia de seguridad de lo trabajado en esta sección
Código de la sección0:03
Tenemos disponible lo trabajado en el sección para descargarlo

¿Qué es lo que vamos a conseguir al final de la sección?1:02
Aquí hablaremos de lo que vamos a obtener y que vamos a trabajar en la sección
Crear el repositorio del proyecto y preparar el proyecto3:20
Inicio del proyecto creando el repositorio donde vamos a guarda lo que iremos desarrollando en este proyecto
Creación del package.json e instalaciones necesarias5:12
Preparativos del proyecto con la creación del package.json y las instalaciones necesarias
Módulo con función de llamada a la API de Github6:11
Creamos el módulo principal para obtener los datos de un usuario de Github
Aplicar test del módulo y sin mockearlo11:31
Ejemplo del test aplicando sin hacer ningún mockeo, se realiza para ver lo que no hay que hacer
Aplicar test del módulo mockeando las request http9:22
En este caso, mockeamos la request aplicando las buenas prácticas. A partir de ahora los test que sean request del servidor lo haremos de esta manera
Hacer backup del proyecto + release + publicar en NPM9:40
Realizamos el backup del proyecto, release y finalmente lo publicamos en NPM
Código del proyecto de la sección0:03
Código del proyecto de la sección disponible para descargar

Esto es lo que conseguiremos al finalizar la sección1:16
Hablaremos de lo que se trabajará en esta sección y que conseguiremos
Crea repositorio de Github y prepararlo para empezar a trabajar2:35
Creamos el repositorio para comenzar con el proyecto abriéndolo en el editor de código
Crear package.json3:27
Creamos el fichero de manifiesto package.json
Crear index.js y definir funciones principales con estilos personalizados - 16:25
Comenzamos a trabajar con el módulo y definimos las primeras funcionalidades
Crear index.js y definir funciones principales con estilos personalizados - 29:29
Seguimos con el módulo añadiendo más funcionalidades
Instalar lo necesario para hacer los test y empezar con ellos8:09
Preparación de los tests con sus instalaciones y configuraciones
Test - Definir que llama correctamente al log8:16
Probando que hace correctamente las llamadas al console log
Copia de seguridad Github + Publicar en NPM8:36
Finalizamos el proyecto haciendo la copia de seguridad y haciendo la publicación en NPM
Resultado del README0:01
README del proyecto
Código final0:03
Código final del proyecto disponible para descargar

Introducción. Esto es lo que conseguiremos al finalizar1:28
Resultado de lo que vamos a trabajar
Crear repositorio y preparar proyecto2:04
Creamos el repositorio en Github para hacer el backup del proyecto
Creación del fichero package.json2:37
Empezamos con el fichero package.json para definir las propiedades del paquete
Instalaciones necesarias para poder trabajar en este proyecto4:51
Instalaciones de las dependencias y explicación de que hace cada una detalladamente
Import iniciales y definición de lo que vamos a tener que hacer en el módulo3:50
Comenzamos desarrollando el módulo
Definir la información de la cabecera de inicio4:06
Creamos la cabecera de bienvenida del CLI
Definir las preguntas para obtener el nombre y extensión del fichero5:39
Definimos el apartado de las preguntas que se nos hará para crear el fichero
Creación del fichero3:31
Se creará el fichero con la información del nombre y extensión
Definir la funcionalidad para mostrar mensaje cuando fichero creado3:10
Crear mensaje con la información del Path del fichero creado y con información de OK
Configurar para crear fichero binario y poder usarlo en global2:40
Configuraciones en el package.json y pruebas en el terminal
README. Instrucciones de instalación y uso4:39
Escribiremos las intrucciones en el README antes de publicarlo
Publicar en NPM4:40
Primero hacemos un backup con un release en Github y posteriormente lo publicamos en NPM
Código del proyecto0:02
Código fuente final para su descarga

Requirements

Conocimientos básicos de Javascript
Conocimientos básicos de Typescript
Conocimientos básicos de Angular - si queremos hacer librerías Angular (con haber trabajado en una app más que suficiente)
Conocimientos básicos de React - si queremos desarrollar librerías de ReactJS
No requiere conocimientos sobre NPM para distribuir librerías y gestionarlas
Tener conocimientos básicos de Git para poder administrar los proyectos correctamente

Description

Bienvenido/a a NPM. Desarrollo y publicación de librerías en JS, TS, Angular y ReactJS, en el que aprenderemos todo lo necesario para dominar el arte de crear librerías y hacerlas accesibles mediante la publicación en el repositorio de librerías NPM.

¿De qué trata el curso?

El objetivo principal del curso es claro, aprender a crear nuestras librerias desde 0 o modificar cualquier libreria existente y gestionarlas (publicar nuevas o actualizar existentes) en el repositorio de NPM.

¿Cuál es la razón de crear este curso?

Es importante saber trabajar con librerias, ya que seguramente muchas de las funcionalidades que utilizáis en vuestros proyectos se asemejan. Y por eso estaréis aplicando la técnica del "copy/paste" siendo esta una práctica muy mala ya que teniendo una librería propia, podemos instalar y configurar en unos sencillos pasos para poder usarlo, haciendo su mantenimiento mucho más sencillo ante cualquier cambio en ese código.

Con esto daremos posibilidad a los usuarios/as de aprender a crear sus propias utilidades que podrán necesitar en uno o más proyectos dando posibilidad a reusar nuestro código y ante cualquier cambio, poder actualizar en todos los proyectos sin muchos quebraderos de cabeza.

¿Qué aprenderemos durante el curso?

Desde lo más básico a cosas más complejas aplicadas a la mejora de las librerías como pueden ser:

Git / Github: Primeras nociones en el control de versiones para gestionar las copias de seguridad y cambios en nuestros proyectos.
NPM: Node Package Manager. Primeras nociones sobre el repositorio donde vamos a alojar nuestras librerías.
Node.js: Librerías escritas en Javascript.
Mocha: Framework para pruebas de test para comprobar que el funcionamiento de nuestro código es el correcto.
Node Typescript: Librerías en Node escritas en Typescript.
Travis CI: Integración contínua para mejorar la detección de posibles errores de manera automática.
Coveralls: Informes del porcentaje de código acotado a la hora de testear.
Compodoc: Crear documentación fácil de mantener y de manera automática en nuestras librerías.
Firebase Hosting: Publicar contenido en el hosting de Firebase como puede ser la documentación de una librería.
Angular: Desarrollo de librerías para el framework de JavaScript estándar para desarrollar aplicaciones web SPA, dinamicas, modernas y escalables.
ReactJS: Introducción a la creación de librerías compatibles para proyectos que trabajan con ReactJS. En este caso es una introducción para mostrar que pasos hay que dar para el desarrollo de una librería de ReactJS
Obtener habilidades de colaborador de proyectos Open Source. Ser capaces de contribuir en proyectos ajenos con nuevas utilidades, resolviendo bugs,... y también ser capaces de gestionar contribuciones en un proyecto propio

Durante las más de 20 horas del curso veremos todo lo relacionado al desarrollo de librerías y sus herramientas complementarias haciendo todo el proceso muy práctico y con una curva de aprendizaje de menos a más.

Se tratarán todos los temas paso a paso y poco a poco hasta conseguir un buen nivel en los diferentes aspectos descritos anteriormente.

Con el objetivo de aprovechar al 100% el curso te recomiendo tener conocimientos básicos de Git, Javascript, Typescript y en el desarrollo de Angular (con ser capaces de hacer un proyecto sencillo es más que suficiente), aun así no os preocupéis ya que los proyectos los iremos desarrollando desde cosas muy muy básicas por lo que iremos aprendiendo poco a poco.

El código del curso está 100% accesible en Github y también para su descarga en los apartados correspondientes a las clases del curso.

Habrá también actualizaciones periódicas con nuevo contenido propuesto como proyectos y retos.

Y una de las cosas más importantes, tendréis apoyo, soporte y toda la ayuda de manera rápida y eficaz, siendo el tiempo de respuesta lo más reducido posible para que la experiencia del curso sea lo más agradable posible y se aprenda mucho ;)

Si quieres ser un experto desarrollador de librerías y no tienes conocimientos sobre esta materia, este es tu curso en el que conseguirás un aumento de tu nivel de desarrollador haciendo que tus posibilidades laborales aumenten más creando librerías propias que publicaremos dejando a disposición de otros programadores que quieran colaborar en nuestros proyectos o incluso mejorando librerías existentes y publicadas en el repositorio de NPM.

La metodología de aprendizaje es la siguiente:

Todo explicado desde cero y paso a paso.
Combinación teórico / práctica.
Más de 10 proyectos completos escritos desde 0
Más de 300 clases explicadas al detalle.
Orden lógico y progresivo, para que el aprendizaje no nos resulte frustrante y veamos los progresos a medida que avanzamos.
Retos para trabajar más a fondo las librerías con nuevas funcionalidades.
Soporte completo (24 x 7 x 365) sobre el contenido del curso y orientación en los retos propuestos.
Actualizaciones periódicas con nuevo contenido propuesto como proyectos y retos

Al finalizar el curso seremos capaces de:

Crear y gestionar fantásticas librerías escritas de diferentes maneras aplicando buenas prácticas.
Colaborar en proyectos Open Source aportando tu granito de arena o incluso ser el gestor de un proyecto en el que muchas/os programadores colaboren.
Utilizar las librerías creadas en proyectos que tienes en marcha o incluso crear nuevas para proyectos futuros o que cubran una necesidad.
Y mucho más.

Who this course is for:

Programadores Javascript
Programadores Typescript
Programadores Angular
Programadores ReactJS
Estudiantes de Formación Profesional de ramas de desarrollo e informática
Estudiantes universitarios del ámbito de sofware / informática
Autodidactas y apasionados por el desarrollo

NPM Desarrollar y publicar librerias JS,TS, Angular, ReactJS

What you'll learn

Explore related topics

Course content

Introducción / Instalaciones necesarias para comenzar con el curso8 lectures • 17min

Git / Github - Conceptos básicos necesarios para el curso16 lectures • 1hr 5min

NPM (Node Package Manager) - Introducción y primeros pasos9 lectures • 43min

Introducción a las librerías / módulos NPM en Node JS6 lectures • 21min

Haciendo pruebas del módulo en desarrollo6 lectures • 19min

Proyecto 1: Operaciones matemáticas - Sumar, restar, multiplicar, dividir12 lectures • 41min

Unit testing con mocha y chai13 lectures • 1hr 5min

Proyecto 1B : Acceso a la API de Github8 lectures • 46min

Proyecto 1C: Console Log básico personalizado10 lectures • 48min

Proyecto 1D: Crear un CLI para crear ficheros en dos pasos13 lectures • 43min

Requirements

Description

Who this course is for: