Patrones de Diseño en JavaScript y TypeScript

Name: Patrones de Diseño en JavaScript y TypeScript
Rating: 4.8 (1292 reviews)

Aprende a implementar patrones de diseño con JavaScript y Typescript, así como a utilizarlos en casos reales

Created byHéctor de León

Last updated 5/2022

Spanish

What you'll learn

Aprenderas la implementación de los patrones de diseño más utilizados en el frontend
También aprenderás casos reales donde puedes aplicarlos
Te daré consejos extras de cuando debes utilizar un patron de diseño en especifico
Cada patrón de diseño presentado tendrá su implementación tanto en JavaScript como en TypeScript

Course content

9 sections • 35 lectures • 6h 18m total length

¿Qué es un patrón de diseño?1:26
En este video de introducción te explicare que es un patrón de diseño.
Entorno de trabajo5:55
En esta clase te mostrare el entorno con el cual trabajaremos en este curso.
Funciones de Primer orden y orden Superior5:07
En esta clase te daré una introducción al concepto de función de primer orden y orden superior en Javascript
Arrow function4:25
En esta clase te enseñare como utilizar las arrow functions en JavaScript
Método foreach de arrays, mutabilidad e inmutabilidad4:46
En esta clase te enseñare a utilizar el método foreach de los arrays en javascript al igual a entender el concepto de inmutabilidad y mutabilidad de la programación.
Método map de arrays2:07
En esta clase te enseñaré a utilizar el método map de arrays.
Metodo reduce de arrays3:16
En esta clase aprenderás a utilizar el método reduce de JavaScript
Clases y objetos en JavaScript6:13
En esta clase aprenderás el uso de clases y objetos en JavaScript
Herencia en JavaScript3:26
En esta clase aprenderás el concepto de herencia en la programación orientada a objetos
Clases y objetos en TypeScript3:51
En esta clase aprenderás el concepto de clases y objetos en TypeScript.
Herencia en TypeScript1:48
En esta clase te enseñaré como utilizar la herencia en TypeScript
Interfaces en TypeScript7:43
En esta clase veremos que son las interfaces en TypeScript

Strategy en JavaScript13:25
En esta clase te explicare el patrón de diseño strategy con el cual podrás escalar de manera limpia los comportamientos de tus aplicaciones.
Strategy en JavaScript - caso práctico17:47
En esta clase veremos un caso práctico donde el patrón de diseño strategy es útil.
Strategy en TypeScript12:04
En esta clase implementaremos el patrón de diseño strategy con el lenguaje typescript

Observer en JavaScript11:38
En esta clase aprenderás que es el patrón de diseño Observer, de los patrones de diseño más utilizados en el frontend
Observer en JavaScript - caso práctico15:05
En esta clase aprenderás como crear tus subjects con estado para darle un uso práctico al patrón de diseño observer
Observer en TypeScript14:10
En esta clase te mostrare como implementar el patrón de diseño observador en typescript. también te mostrare las ventajas que nos brinda hacerlo en este lenguaje.

Decorator en JavaScript16:44
En esta clase te explicare el patrón de diseño decorador en JavaScript, veras a detalle la utilidad que te brinda para evitar tener jerarquías enormes de clases.
Decorator en JavaScript - caso práctico23:59
En esta clase te mostrare un ejemplo práctico del patrón de diseño decorador.
Decorator en TypeScript19:56
En esta clase implementaremos el patrón de diseño decorator en TypeScript

Builder en JavaScript13:52
En esta clase te explicare el patrón de diseño builder en javascript
Builder en JavaScript - caso práctico18:25
En esta clase te explicare un ejemplo práctico donde puedes aplicar el patrón de diseño builder
Builder con Director en JavaScript10:34
En este video agregaremos la entidad director del patrón de diseño builder
Builder en TypeScript19:08
En esta clase aprenderás a implementar el patrón de diseño builder en TypeScript

Requirements

Conocimiento básico de JavaScript

Description

En este curso aprenderas a implementar los patrones de diseño más utilizados en el frontend.

Me he enfocado a explicar cada patrón de diseño con su explicación, la implementación, consejos de cuando utilizarlos, a parte de darte un ejemplo práctico de cuando o en que situaciones utilizarlo, y por último también he añadido una implementación en TypeScript.

He tratado de hacer un curso distinto a todo lo que existe relacionado, donde explicare algunas cosas del mismo lenguaje de JavaScript así como de TypeScript, esto con la finalidad no solo de ver patrones de diseño, sino de profundizar en los lenguajes de programación.

Algunos de los patrones de diseño que tiene este curso son los siguientes:

Observer
Builder
Singleton
Bridge
Decorator
Strategy
State

La finalidad del curso en si, es que aprendas a profundidad cada patrón de diseño, esto te servirá a detectar situaciones en tus desarrollos donde puedes aplicar la técnica.

Al final espero rompas esa barrera de temor por sentir que los patrones de diseño es un tema difícil, y espero que con las explicaciones abordadas te resulte más cómodo su entendimiento.

El curso es pensado para personas que tienen un conocimiento básico de JavaScript, e igual he añadido una pequeña introducción a conceptos que deberías conocer para abordar con buen entendimiento el curso completo.

Who this course is for:

A toda persona que desea dar un paso extra en su camino como programador, agregando patrones de diseño a su conocimiento.

Patrones de Diseño en JavaScript y TypeScript

What you'll learn

Explore related topics

Course content

Introducción12 lectures • 50min

Singleton3 lectures • 27min

Strategy3 lectures • 43min

Observer3 lectures • 41min

Decorator3 lectures • 1hr 1min

Builder4 lectures • 1hr 2min

State3 lectures • 48min

Bridge3 lectures • 46min

Agradecimientos por terminar el curso y código fuente1 lecture • 1min

Requirements

Description

Who this course is for: