Cursos Empresas Blog Live Conf Precios

Programación funcional: qué es

Clase 2 de 23 • Curso de Programación Funcional en JavaScript por Bedu

Clase anteriorSiguiente clase

Juan Castro

teacher•

Notas de la clase:

🌄 La programación funcional es una nueva forma de pensar y entender nuestro código.
👨‍👩‍👧‍👦 El objetivo es crear código más conciso, legible y fácil de probar.
🔀 Existen otros paradigmas como la Programación Orientada a Objetos (POO) y la Programación por Procedimientos.
🤓 Buscamos resolver el “qué hay que hacer” en vez del “cómo lo debemos hacer” (código declarativo).

Carlos Gómez Mont

student•

Super aporte, gracias!!

Juan Castro

teacher•

Introduction To Protocol Oriented Programming 🤔

Juan Castro

teacher•

POO 🆚 Programación Funcional:

// POO
class Person {
        constructor(name, age) {
                this.name = name
                this.age = age
        }
        getOld() {
                this.age += 1
        }
}

let person = new Person('JuanDC', 15)
person.getOld() // 16

// Functional
const juandc = {
        name: 'JuanDC',
        age: 15
}

const getOld = person => Object.assign(
    {},
    person,
    { age: person.age + 1}
)
getOld(juandc) // 16

Carlos Gómez Mont

student•

Gracias por compartir, saludos!!

Francisco Zapata

student•

Muy buen ejemplo. ¡Gracias por compartir!

Juan Castro

teacher•

P. Imperativa 🆚 P. Declarativa

// Imperative
let array = [1,2,3]
let array2 = []

for (let i = 0; i<array.length;i++) {
        array2.push(array[i]*2) // [2,4,6]
}

// Declarative
let array = [1,2,3]
let array2 = array.map(item => item*2) // [2,4,6]

Danelia Sanchez Sanchez

student•

Comparto estos artículos:

Introducción a programación funcional en Javascript
Master the JavaScript Interview: What is Functional Programming?

Fernando Quinteros Gutierrez

student•

🤔 ¿Qué es la programación funcional?

Ideas/conceptos claves

Paradigma de programación.- Es una forma distinta de ver el código cuando estamos creando aplicaciones. Creando un código mas conciso, legible y mas fácil de testear

Apuntes

Es un paradigma de programación
- Existen diferentes como ser la programación orientada a objetos o la procedural

Programación Funcional vs P.O.O.

P.O.O

Se crea una clase ⇒ primera letra en mayuscula
- Dentro el constructor que inicializa las propiedades iniciales de nuestro objeto
- Se maneja generalmente getters y setters dentro de ellas
Luego creamos variables usando la clase
Para modificar estos objetos se usan los getters y setters mencionados anteriormente

Funcional

No se necesita ninguna clase solo se declara el objeto
Si deseamos modificar estos objetos creamos funciones que manipulen las propiedades de los objetos

// POO
class Person {
	constructor(name, age) {
	  this.name = name
    this.age = age
  }
  getOld() {
	  this.age += 1
  }
}

let person = new Person('Fer', 18)
person.getOld() // 19

// Funcional
const fer = {
	name: 'Fernando',
  age: 18
}

const getOld = person => Object.assign(
  {},
	person,
  { age: person.age + 1}
)

getOld(fer) // 19

Programación funcional Es de manera declarativa ⇒ Enfocarte en que hay que hacer en vez de como hacerlo

Imperativo vs Declarativo

Imperativo

Cada parte es lo que debemos hacer, en este caso en el ciclo for

let array = [1,2,3]
let array2 = []

for (let i = 0; i< array.length; i++) {
  array2.push(array[i]*2) // [2,4,6]
}

Declarativo

El mismo arreglo usamos el método map pero en este caso el map es declarativo por que no estamos siendo específicos que hacer en cada iteración como en el ciclo for

let array = [1,2,3]
let array2 = array.map(item => item*2) // [2,4,6]

RESUMEN: La programación funcional permite escribir código de manera concisa, legible y fácil de testear.

Sebastian Elias Medina Donoso

student•

¿por qué el titulo dice "por Bedu"?

Alexander Valencia

student•

Talvez es un convenio o algo asi.🤔🤔

Bedu es una academia con metodología innovadora que te prepara para cubrir las necesidades del mercado laboral actual. ¡Combina la mejor experiencia y tecnología en un solo curso! https://bedu.org/

Jose Antonio Padron Fernandez

student•

Este junto con el curso de react redux y el de firebase y vue son cursos que los profesores son de Bedu, están geniales los cursos.

Sebas Avalos

student•

Les invito a mi charla sobre cómo manejar efectos secundarios en programación funcional con efectos algebraicos =) https://www.meetup.com/es/Quito-Lambda-Meetup/events/mscxlpybchbkc/?fbclid=IwAR3bDlxMG-_9vIFtMwdOTnNVmFC7AgGarNEOKj73-E6galZ0D5cavXWj8WU

Jaime Arcos

student•

Programación funcional (pros):

Menos código
Más legible
Más fácil de mantener y testear

Julio J Yépez

student•

Para qué sirve la Programación Funcional

Carlos Eduardo Gomez García

teacher•

Interesante, conocía la programación oriemtada a objetos y la estructurada, pero esto... en nuevo, veamos qué tal

jorge hernandez

student•

Programación funcional significa que cuando estés desarrollando tu código tienes que enfocarte en que hay que hacer en lugar de como hay que harcelo

Brayan Ccari

student•

Gran explicacion!

Carlos Enrique Ramírez Flores

student•

Excelente clase!! creo que va a estar muy chingon este curso!

Javier Romero

student•

esperen el ejemplo del codigo functional que muestra como ejemplo es un arrow function lo que estoy viendo ?

Robinson Matias Aguilar Bascuñan

student•

así es.

Javier Romero

student•

cual es la programación orientada a procedimientos no entiendo podrían explicarme por favor con algún ejemplo básico ?

Daniel Adolfo Ordoñez Rubio

student•

Hola, Javi :) La programación orientada a procedimientos, o programación por procedimientos, es casi lo mismo que la programación funcional. La sutil diferencia está en qué es una función y qué es un procedimiento. Una función hace 1 cosa, y un procedimiento puede hacer varias. Entonces:

En la programación funcional, hacemos funciones que realizan una tarea; y
en la programación por procedimientos, declaramos procedimientos que ejecutan varias tareas.

Freddy Huaylla Silvestre

student•

pronto.....

Jair Neri

student•

se ve increible

Hebert lughi villafuerte ccacala

student•

good!

Carlos Gómez Mont

student•

Genial, super practica, al ritmo que vamos es muy necesario. BTW en Flutter también utilizamos código declarativo con Dart.

Diego Esteban Cortés Escandón

student•

En ejemplo de Imperativo vs declarativo, utilizar en esté caso funciones como map genera una menor la carga en el procesador que utilizar un for ?

Juan Castro

teacher•

No necesariamente. El .map lo podemos reemplazar por un ciclo for común y corriente. Pero teniendo que escribir "a mano" podemos no prepararnos para todos los casos (por ejemplo, que el array esté vacío).

Puedes ver la implementación de algunas de estas funcionalidades o incluso escribir el código que corren. Creo que sería un buen ejercicio.

:point_right: https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Objetos_globales/Array/map#Polyfill :point_right: https://www.youtube.com/watch?v=lUygjLgVUNs