Summary  
This chapter covers the decomposition concept, breaking a complex problem into smaller, single-responsibility functions that call one another to build larger behaviors.

General domain of usage  
Game development

Neste capítulo, exploraremos o conceito de decomposição na programação. Decomposição é o processo de dividir um problema complexo em partes menores e mais gerenciáveis. Essa abordagem não só facilita a resolução de problemas, mas também ajuda a organizar o código de uma maneira mais legível e fácil de manter.

No contexto do nosso Jogo Ninja, a decomposição nos permite criar funções que podem ser reutilizadas e combinadas para realizar tarefas mais complexas. Ao chamar funções dentro de outras funções, podemos construir uma hierarquia de operações que simplifica a tarefa geral.

Vamos ver um exemplo para entender como a decomposição funciona:



ZnVuY3Rpb24gbmluamFDb250cm9sbGVyKG5pbmphKSB7Cglsb290VHVubmVsKG5pbmphKTsKCWxvb3RUdW5uZWwobmluamEpOwoJbG9vdFR1bm5lbChuaW5qYSk7Cn0KCmZ1bmN0aW9uIGxvb3RUdW5uZWwobmluamEpIHsKCS8vIGluCgluaW5qYS5nb1JpZ2h0KCk7CgluaW5qYS5nb1JpZ2h0KCk7CgluaW5qYS5nb1JpZ2h0KCk7CgluaW5qYS5nb0Rvd24oKTsKCW5pbmphLnBpY2tTdXNoaSgpOwoKCS8vIG91dAoJbmluamEuZ29VcCgpOwoJbmluamEuZ29MZWZ0KCk7CgluaW5qYS5nb0xlZnQoKTsKCW5pbmphLmdvTGVmdCgpOwoKCW1vdmVUb05leHRUdW5uZWwobmluamEpOwp9CgpmdW5jdGlvbiBtb3ZlVG9OZXh0VHVubmVsKG5pbmphKXsKCW5pbmphLmdvRG93bigpOwoJbmluamEuZ29Eb3duKCk7CgluaW5qYS5nb0Rvd24oKTsKfQo=

PCFkb2N0eXBlIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogICAgPG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjAiIC8+CiAgICA8c3R5bGU+CiAgICAgICogewogICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTsKICAgICAgfQogICAgICBjYW52YXMgewogICAgICAgIGJvcmRlcjogMXB4IHNvbGlkIGJsYWNrOwogICAgICAgIHdpZHRoOiAxMDAlOwogICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7CiAgICAgICAgaGVpZ2h0OiAxMDAlOwogICAgICAgIG1heC13aWR0aDogNTAwcHg7CiAgICAgICAgbWF4LWhlaWdodDogNTAwcHg7CiAgICAgIH0KICAgIDwvc3R5bGU+CgogICAgPCEtLSBFcnJvciBoYW5kbGVyIC0tPgogICAgPHNjcmlwdD4KICAgICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoImVycm9yIiwgKGUpID0+IHsKICAgICAgICBjb25zb2xlLmVycm9yKCJDYXRjaGVkIG5pbmphIGVycm9yOiAiLCBlKTsKICAgICAgICB3aW5kb3cucGFyZW50LmRvY3VtZW50LmRpc3BhdGNoRXZlbnQobmV3IEN1c3RvbUV2ZW50KCJlcnJvciIsIHsgZGV0YWlsOiBlLmVycm9yIH0pKTsKICAgICAgfSk7CiAgICA8L3NjcmlwdD4KICAgIDwhLS0gTGV2ZWwgcHJlc2V0IHN0YXJ0IC0tPgogICAgPHNjcmlwdCBzcmM9InByZXNldC5qcyI+PC9zY3JpcHQ+CiAgICA8IS0tIExldmVsIHByZXNldCBlbmQgLS0+CiAgICAKICAgIDwhLS0gVXNlcidzIGNvZGUgc3RhcnQgLS0+CiAgICA8c2NyaXB0IHNyYz0ibmluamEuanMiPjwvc2NyaXB0PgogICAgPCEtLSBVc2VyJ3MgY29kZSBlbmQgLS0+CgogICAgPHNjcmlwdCB0eXBlPSJtb2R1bGUiIGNyb3Nzb3JpZ2luIHNyYz0iaHR0cHM6Ly9jb2RlZmluaXR5LWNvbnRlbnQtbWVkaWEtdjIuczMuZXUtd2VzdC0xLmFtYXpvbmF3cy5jb20vY291cnNlcy9jNTVkMjZiNS1mOGU2LTRjODUtYWJkNS0yNGZjMDE3MGE0Y2UvZ2FtZS9hc3NldHMvaW5kZXgtRGVFdlRMbHQuanMiPjwvc2NyaXB0PgogICAgPGxpbmsgcmVsPSJzdHlsZXNoZWV0IiBjcm9zc29yaWdpbiBocmVmPSJodHRwczovL2NvZGVmaW5pdHktY29udGVudC1tZWRpYS12Mi5zMy5ldS13ZXN0LTEuYW1hem9uYXdzLmNvbS9jb3Vyc2VzL2M1NWQyNmI1LWY4ZTYtNGM4NS1hYmQ1LTI0ZmMwMTcwYTRjZS9nYW1lL2Fzc2V0cy9pbmRleC1UWnJOdzdkQS5jc3MiPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxkaXYgaWQ9ImFwcCI+PC9kaXY+CiAgPC9ib2R5Pgo8L2h0bWw+Cg==

Z2FtZU1hcCA9IFtbMCwwLDAsMCwwLDAsMCwwLDAsMCwwXSxbMCwwLDAsMCwxLDEsMSwxLDAsMCwwXSxbMCwwLDAsMiwwLDAsMCwxLDAsMCwwXSxbMCwwLDAsMCwxLDEsMywxLDAsMCwwXSxbMCwwLDAsMCwxLDEsMSwxLDAsMCwwXSxbMCwwLDAsMCwwLDAsMCwxLDAsMCwwXSxbMCwwLDAsMCwxLDEsMywxLDAsMCwwXSxbMCwwLDAsMCwxLDEsMSwxLDAsMCwwXSxbMCwwLDAsMCwwLDAsMCwxLDAsMCwwXSxbMCwwLDAsMCwxLDEsMywxLDAsMCwwXSxbMCwwLDAsMCwxLDEsMSwxLDAsMCwwXV07Cg==

No exemplo acima, temos uma função `ninjaController` que chama outra função `lootTunnel` três vezes. A função `lootTunnel` em si executa uma série de ações para coletar sushi de um túnel e, em seguida, chama `moveToNextTunnel` para posicionar o ninja para o próximo túnel. Essa abordagem em camadas torna o código mais fácil de entender e modificar.

Agora, é sua vez de praticar a decomposição completando a seguinte tarefa.


Bem-vindo ao Curso Ninja de JavaScript! Este curso envolvente e interativo é projetado para introduzi-lo aos fundamentos da programação em JavaScript através de um jogo divertido e educativo. Você guiará um ninja por vários desafios, usando JavaScript para controlar movimentos e interagir com objetos como sushi. Começando com o básico, você aprenderá a navegar pelo mapa, pegar e colocar sushi, e gradualmente progredir para conceitos de programação mais complexos, como funções, loops e declarações condicionais. Cada capítulo oferece prática prática para reforçar seu aprendizado, culminando em desafios emocionantes que testam suas habilidades. Seja você um iniciante completo ou alguém que deseja aprimorar suas habilidades de codificação, este curso oferece uma experiência de aprendizado abrangente e agradável. Junte-se a nós e torne-se um ninja da codificação!

Na seção "Controles Básicos", você será apresentado às funcionalidades fundamentais do JavaScript através do envolvente Jogo Ninja. Você aprenderá a usar comandos JavaScript para controlar os movimentos e interações do seu ninja na grade, dominando funções essenciais como mover, pegar e colocar sushi. Através de prática prática, você aplicará essas habilidades para resolver desafios divertidos, reforçando sua compreensão das capacidades básicas do JavaScript.

Na seção "Funções", você se aprofundará na poderosa funcionalidade do JavaScript de criar e utilizar funções para otimizar seu código. Você aprenderá a escrever funções para realizar tarefas específicas, aprimorando a reutilização e a clareza do código. Ao praticar a decomposição, você dividirá problemas complexos em funções mais simples, dominando a arte de codificação organizada e eficiente.

Na seção "Loops", você explorará a funcionalidade essencial dos loops em JavaScript, que permite executar tarefas repetitivas de forma eficiente. Você aprenderá a implementar tanto loops for quanto loops while, adquirindo a capacidade de automatizar ações e iterar sobre sequências. Ao dominar loops aninhados, você enfrentará cenários mais complexos, aprimorando sua habilidade de escrever código conciso e poderoso.

Na seção "Declarações If-Else", você aprenderá como usar a lógica condicional do JavaScript para tomar decisões dentro do seu código. Você explorará como as declarações if-else permitem que seu ninja responda dinamicamente a diferentes cenários, possibilitando um comportamento mais inteligente e adaptável. Através de exercícios práticos, você aplicará esses conceitos para resolver desafios, aprimorando sua capacidade de escrever código responsivo e orientado a decisões.

Na seção "Desafios", você aplicará suas habilidades em JavaScript para enfrentar uma série de problemas envolventes e complexos. Esses desafios testarão seu entendimento de loops, funções e lógica condicional enquanto você guia seu ninja para alinhar colunas, construir letras e percorrer padrões intrincados. Ao resolver esses quebra-cabeças, você aprimorará suas habilidades de codificação e ganhará confiança em aplicar JavaScript a cenários criativos e do mundo real.

Decomposição

Solução

Decomposição

Solução