Curso Refatoração para JS(Jean Suissa) Funcional

Se você ainda usa var, forEach, push e outras funções não puras esse curso é obrigatório!

Se você ja conhece as boas práticas mas ainda não domina o map, filter e reduce; esse curso é obrigatório!

Se você não conhece ou nunca trabalhou com dados imutáveis; esse curso é obrigatório!

Percebo que a maioria dos devs nao refatora seu código por nao saber como deixa-lo melhor e é exatamente isso que ensinarei, mas nao apenas como refatorar para JS Funcional como também a pensar de uma forma mais funcional para resolver seus futuros problemas.

Esse curso também servirá como manual de regras para os meus alunos, todo código que eu ver e não seguir essas definições eu pedirei educadamente para refatorar baseando-se nesse manual de boas praticas do JS Funcional.

ps: usaremos apenas JavaScript PURINHOOO!!!

Depois desse curso o aluno estará apto a criar funções puras utilizando-se de dados imutáveis, eliminando a maioria dos efeitos colaterais que hoje fodem suas vidas.

O Curso

Esse curso iria sair gratuitamente, porém por acasos da vida estou necessitado de certa quantia monetaria para quitar umas dívidas, então um aluno me sugeriu pedir como doação mas logo me veio a mente que poderia, mesmo nao querendo, cobrar pelo próximo conteúdo que estava criando.

Como a maioria que me conhece, sabe que todos meus conteúdos sao gratuitos. Logo quando a meta for alcançada irei liberar para todos o curso que contara' com um certificado emitido pela Webschool.

custo: R$35
meta: 100 alunos
data: quando alcançar a meta

Pré-requisitos

Se você tem mais que 4 meses de trabalho com JavaScript, isso inclui jQuery, angular, Vanilla, React, Vue, Inferno, Ember, etc. Você pode fazer esse curso.

Cada técnica ensinada, uma por aula, terá o seu conceito devidamente explicado, ou seja, o foco do curso é de iniciantes para cima.

Competências adquiridas

código limpo
código testável
código re-usável
código funcional
código atualizado
código modular e atômico
código com maior legibilidade
código menos suscetível a erros
código com maior manutenibilidade

Ementa

(Por que|Quando|Onde) usar Programaçao Funcional?
Como eliminar efeitos colaterais
Como iterar em arrays da forma correta
Como e por que utilizar dados imutaveis
Refatorando nossos códigos antigos para JS Funcional

Técnica

closures
side effects
declarative coding
immutable data
pure functions
first class & high order functions

ps: Deixarei currying e compose como bônus se chegarmos a 100 inscritos.

Certificado

O aluno receberá um certificado mediante a refatoraçao de pelo menos 5 códigos antigos seus que estejam dentro das diretrizes passadas nas aulas.

Tempo

O curso será gravado entre 4 a 6 hora e será disponibilizado apenas após termos 100 alunos. Logo esse curso nao terá uma data de lançamento definida, o lançamento ocorrerá quando atingirmos a meta de alunos.

Serão pelo menos 10 aulas, 1 a cada 10 alunos inscritos!

Inscrição

Para se inscrever basta abrir uma issue nesse repositório com seus seguintes dados:

Email
Facebook/Twitter
Telegram

Que entrarei em contato para passar a forma de pagamento.

Forma de pagamento

Será feito via depósito diretamente na minha conta, ou se quiser via Paypal custará R$40.

Nada daquele lixo do Pagseguro!

Exercícios

Como eu sempre passo exercícios nos meus cursos nesse nao sera' diferente! E como esse curso é sobre refatoraçao cada aluno tera' que aplicar a técnica ensinada na aula apenas em algum código seu!

Além disso, como prevejo que re-usaremos muitas funções irei montar uma mini lib com todas as funções demonstradas em aula que possam ser facilmente re-usadas em outras situações.

Conteúdo

Regras para um código mais funcional

Escreverei mais regrinhas no decorrer da gravação das aulas.

push

Sabe onde é o único lugar que vc DEVE usar o no reduce para array.

const toListOfObjects = ( acc, cur ) => {
  acc.push({ index: cur})
  return acc
}
[1, 2, 3, 4].reduce( toListOfObjects, [] )
//[ { index: 1 }, { index: 2 }, { index: 3 }, { index: 4 } ]

Sabe o porquê não posso retornar o push?

> [].push(1)
1

Não preciso explicar neh?

Vamos ao que interessa, esse código abaixo eu vejo direto, portanto agora só mandarei esse texto para o dev corrigir seu código.

var profiles = getProfiles() // vem um array cabuloso

var arr = []

for (let i = 0; profiles.length > i; i++) {
  arr.push(profiles[i].name)
}

var!!?? Eh sério mesmo que ainda é usado??!!

SEMPRE que você tiver um array e precisar iterar nele para pegar ou modificar valores,

PELO AMOR DE ODIN USE MAP!!!!

Já escrevi alguns conteudos sobre o dito cujo, depois link aqui.

Refatorando para o jeito certo:

const profiles = getProfiles() // vem um array cabuloso

const profilesNames = profiles.map( ( profile ) => profile.name )

Semantificando o code:

const toNames = ( profile ) => profile.name 
const profilesNames = getProfilesAnd().map( toNames )

forEach

Callbacks

Por favor separem os callbacks e os nomeem semanticamente!

Object

Para nao ferirmos a imutabilidade dos dados, quando formos modificar um objeto iremos utilizar o Object.assign.

Como sei o que usar?

Percebo que a maior dificuldade dos meus alunos é não saber qual a função correta aplicar, portanto irei explicar da forma mais suave na nave possível.

Map

Quando vc precisar modificar valores ou selecionar apenas alguns, porém o resultado sempre terá o mesmo tamanho do array inicial, lembre bem disso que irá lhe poupar muito tempo!

Filter

Quando vc quer selecionar apenas determinados elementos baseados em um teste lógico, ou seja, se a função do filter retornar true esse elemento sera adicionado no array resultante. Portanto o array final provavelmente será menor que o inicial.

Oia aí!

Reduce

Serve p/ qquer coisa. LOL

eddyeantunes/Curso-refatoracao-para-js-funcional