Aprenda Programação Funcional em JavaScript

JavaScript é uma das linguagens de programação mais interessantes, simplesmente porque você pode escrever software de várias maneiras diferentes. Vivemos principalmente em um mundo orientado a objetos, mas não estamos presos a esse paradigma. Também podemos adotar uma abordagem de programação funcional.


Este curso dura 1 hora e 35 minutos e é dividido em 13 lições no total. Você descobrirá que é um ótimo recurso ao qual voltará com frequência, portanto, marque as partes que lhe interessam.

Para quem é este curso GRATUITO?

  • Iniciantes completos que querem ser desenvolvedores web
  • Desenvolvedores experientes que desejam explorar tópicos avançados
  • Entusiastas de programação que gostam de aprender algo novo e empolgante

Acompanhe, aprenda fazendo

Eu encorajo você a fAcompanhe este curso e você aprenderá sobre todos as características mais importantes da programação funcional com JavaScript.

Para ajudar, o repositório GitHub do curso Learn Functional Programming With JavaScript contém o código-fonte de cada lição e o projeto de amostra concluído que foi criado ao longo do curso.

1. O que você aprenderá neste curso gratuito de JavaScript

Assistir vídeo aula [0:00:00] ↗

Ao final deste curso, você entenderá conceitos como:

  • funções de primeira classe
  • imutabilidade
  • funções de composição
  • escovando
  • como trabalhar com o DOM de forma funcional

Configurar

Assistir vídeo aula [0:01:53] ↗

Vamos configurar nossa área de desenvolvimento e prepará-la para a codificação! Nesta lição, mostrarei como.

Para configurar o JavaScript e nosso ambiente de trabalho, usaremos as seguintes ferramentas:

2. Conceitos Básicos

Funções de primeira classe

Assistir vídeo aula [0:07:10] ↗

Em JavaScript, as funções são objetos de primeira classe. Eles são um tipo de dado que podemos atribuir a variáveis, passar para outras funções e até retornar funções de dentro de outra função. É um recurso poderoso e é fundamental para a programação funcional.

Programação declarativa

Assistir vídeo aula [0:12:53] ↗

A programação funcional adota uma abordagem declarativa para escrever código. É uma maneira comum (e muito moderna) de escrever código. Vamos examinar a programação declarativa e compará-la com a programação imperativa nesta lição.

Funções Puras e Impuras

Assistir vídeo aula [0:17:47] ↗

Existem dois tipos de funções na programação funcional: puras e impuras. Você aprenderá a diferença entre os dois nesta lição.

Imutabilidade

Assistir vídeo aula [00:21:27] ↗

Normalmente trabalhamos com dados imutáveis ​​em programação funcional. Pode parecer mais trabalhoso programar de forma imutável e ineficiente para inicializar, mas há benefícios em usar dados imutáveis. Você aprenderá o porquê nesta lição.

3. Construindo um Projeto Funcional

Apresentando a composição

Assistir vídeo aula [00:27:18] ↗

Um aspecto chave da programação funcional é o conceito de composição: compor várias funções em uma. Você aprenderá os dois tipos de composição nesta lição.

Usando composição

Assistir vídeo aula [00:34:28] ↗

Agora que você conhece os tipos de composição, vamos compor várias funções juntas para construir um elemento HTML.

Funções de Curry

Assistir vídeo aula [00:41:11] ↗

Currying pode ser um conceito difícil de entender no começo, mas é extremamente poderoso e nos permite criar funções parciais.

Escrevendo um aplicativo da Web funcional

Assistir vídeo aula [00:48:12] ↗

A maior parte do código que escrevemos apenas cria funções auxiliares. Nesta lição, começaremos a escrever o código de nosso aplicativo para exibir mensagens na página.

Manipulando Eventos

Assistir vídeo aula [00:56:53] ↗

A manipulação de eventos de maneira funcional não é muito diferente da maneira processual, exceto que agora alteramos nossas funções de configuração de evento. Mostrarei como fazer isso para que possamos concluir nossa aplicação nesta lição.

Para leitura adicional:

4. Trabalhando com matrizes

Entendimento map()

Assistir vídeo aula [1:05:29] ↗

Uma das operações mais úteis e subutilizadas em toda a programação é a ideia de um mapa – transformar um array em outro array. Eu vou te mostrar como fazer isso com JavaScript’s map() método.

Matrizes de filtragem

Assistir vídeo aula [1:16:11] ↗

É muito comum querer filtrar um array em um conjunto menor de dados. Nesta lição, você aprenderá como usar o filter() método.

Matrizes de redução

Assistir vídeo aula [1:22:18] ↗

O reduce() A operação é muito útil e você aprenderá como funciona e como aplicá-la nesta lição.

Para ler mais sobre este tópico, dê uma olhada nestes dois artigos:

Conclusão

Assistir vídeo aula [1:32:15] ↗

A programação funcional com JavaScript é um paradigma completamente diferente do que estamos acostumados e exige que repensemos como abordamos problemas comuns. A programação funcional pode ser elegante e expressiva, e com conceitos como composição e currying, temos algumas maneiras bastante engenhosas de reutilizar o código.

JavaScript para Web Designers

Neste curso, você aprenderá os fundamentos do JavaScript da perspectiva de um web designer. Ao longo do caminho, construiremos alguns exemplos voltados para o que você, como web designer, pode enfrentar diariamente.


Deixe uma resposta