Clase 2 de 23 • Curso de Programación Funcional en JavaScript por Bedu
Contenido del curso
Juan Castro
Carlos Gómez Mont
Juan Castro
Juan Castro
Carlos Gómez Mont
Francisco Zapata
Juan Castro
Danelia Sanchez Sanchez
Fernando Quinteros Gutierrez
Sebastian Elias Medina Donoso
Alexander Valencia
Jose Antonio Padron Fernandez
Sebas Avalos
Jaime Arcos
Julio J Yépez
Carlos Eduardo Gomez García
Usuario anónimo
Brayan Ccari
Carlos Enrique Ramírez Flores
Javier Romero
Robinson Matias Aguilar Bascuñan
Javier Romero
Daniel Adolfo Ordoñez Rubio
Freddy Huaylla Silvestre
Jair Neri
Hebert lughi villafuerte ccacala
Carlos Gómez Mont
Diego Esteban Cortés Escandón
Juan Castro
Notas de la clase:
Super aporte, gracias!!
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
Gracias por compartir, saludos!!
Muy buen ejemplo. ¡Gracias por compartir!
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]
Comparto estos artículos:
Introducción a programación funcional en Javascript
Master the JavaScript Interview: What is Functional Programming?
🤔 ¿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
Programación Funcional vs P.O.O.
P.O.O
Funcional
// 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
Imperativo vs Declarativo
Imperativo
let array = [1,2,3] let array2 = [] for (let i = 0; i< array.length; i++) { array2.push(array[i]*2) // [2,4,6] }
Declarativo
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.
¿por qué el titulo dice "por Bedu"?
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/
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.
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
Programación funcional (pros):
Menos código
Más legible
Más fácil de mantener y testear
Para qué sirve la Programación Funcional
Interesante, conocía la programación oriemtada a objetos y la estructurada, pero esto... en nuevo, veamos qué tal
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
Gran explicacion!
Excelente clase!! creo que va a estar muy chingon este curso!
esperen el ejemplo del codigo functional que muestra como ejemplo es un arrow function lo que estoy viendo ?
así es.
cual es la programación orientada a procedimientos no entiendo podrían explicarme por favor con algún ejemplo básico ?
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:
pronto.....
se ve increible
good!
Genial, super practica, al ritmo que vamos es muy necesario. BTW en Flutter también utilizamos código declarativo con Dart.
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 ?
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
