"Se um trabalhador quiser fazer bem o seu trabalho, ele deve primeiro afiar suas ferramentas." - Confúcio, "Os Analectos de Confúcio. Lu Linggong"
Primeira página > Programação > Desafio de codificação do dia f #daysofMiva

Desafio de codificação do dia f #daysofMiva

Publicado em 2024-11-08
Navegar:883

Oi, pessoal. Então, para o segundo dia deste desafio, decidi sair do GitHub e focar no que eu realmente queria aprender: Javascript.

O que é Javascript

Imagine que você é um mago no mundo do desenvolvimento web. Você tem seu HTML confiável para construir a estrutura do seu site, como os ossos de uma criatura mágica. Então, você tem CSS para dar algum estilo – como escolher o vestido ou roupa perfeita. Mas algo está faltando. Sua criação está parada, sem vida. É aí que entra o JavaScript (JS) – é a varinha mágica que dá vida à sua criação! JavaScript é uma linguagem de programação usada principalmente para criar conteúdo interativo e dinâmico em sites. Ele permite que os desenvolvedores implementem recursos como animações, validações de formulários e atualizações em tempo real sem a necessidade de recarregar a página. JavaScript pode ser usado tanto no front-end (o que os usuários veem e interagem) quanto no back-end (operações do lado do servidor) de aplicativos da web.

JavaScript está em todo lugar. É a linguagem que torna a web o que ela é hoje: interativa, divertida e infinitamente envolvente. Esteja você procurando criar um site legal, um aplicativo móvel viciante ou até mesmo um jogo, aprender JavaScript é como aprender o feitiço mais poderoso do livro.

Day f #daysofMiva Coding Challenge

Usos de Javascript

JavaScript (JS) é uma linguagem de programação versátil amplamente utilizada no desenvolvimento web. Aqui estão alguns usos principais do JavaScript:

1. Desenvolvimento Web (front-end)
Páginas da Web interativas: JavaScript torna os sites interativos. De menus suspensos a controles deslizantes de imagem, ele potencializa os elementos dinâmicos que você vê em um site.
Validação de formulário: verifica se o usuário preencheu corretamente o formulário antes de enviá-lo.
Animações: JavaScript pode criar animações e efeitos, como elementos desbotados ou objetos em movimento na tela.
2. Desenvolvimento Web (back-end)
Programação no lado do servidor: com o Node.js, o JavaScript pode ser executado no servidor para lidar com solicitações, gerenciar bancos de dados e fornecer conteúdo.
Aplicativos em tempo real: JavaScript é usado para aplicativos em tempo real, como aplicativos de bate-papo, jogos online e streaming de dados ao vivo.
3. Desenvolvimento de aplicativos móveis
Aplicativos móveis multiplataforma: Frameworks como React Native e Ionic usam JavaScript para construir aplicativos móveis que funcionam em iOS e Android.
4. Desenvolvimento de jogos
Jogos de navegador: JavaScript, junto com HTML5 e Canvas, é usado para criar jogos interativos que rodam diretamente no navegador.
5. Automação e scripts
Automação de tarefas: JavaScript pode automatizar tarefas repetitivas no desenvolvimento web, como reduzir arquivos ou testar código.
Extensões de navegador: JavaScript alimenta muitas extensões de navegador que aprimoram a funcionalidade de navegadores como Chrome e Firefox.
6. Visualização de dados
Tabelas e Gráficos: Bibliotecas como D3.js e Chart.js permitem que os desenvolvedores criem visualizações de dados complexos e gráficos interativos.
7. Inteligência Artificial e Aprendizado de Máquina
Modelos de IA e ML: JavaScript, com bibliotecas como TensorFlow.js, pode ser usado para construir e executar modelos de IA diretamente no navegador.
8. Internet das Coisas (IoT)
Dispositivos IoT: JavaScript pode ser usado para programar dispositivos IoT, permitindo a comunicação entre dispositivos e a web.
9. Aplicativos Web Progressivos (PWAs)
PWAs: JavaScript permite o desenvolvimento de aplicativos da web que funcionam offline e parecem aplicativos móveis nativos.
10. Integração de API
Buscando dados: JavaScript é usado para interagir com APIs, buscando dados de servidores e exibindo-os em páginas da web de forma dinâmica.

Day f #daysofMiva Coding Challenge

Day f #daysofMiva Coding Challenge
Esses são apenas alguns dos muitos usos do JavaScript, que continua a ser uma linguagem-chave na indústria de tecnologia devido à sua flexibilidade e ampla gama de aplicações.

O que fiz hoje em Javascript

Então, basicamente, eu não fui direto e comecei códigos que não entendi? Eu fiz isso passo a passo. Aprendi como codificar na ferramenta de desenvolvimento do Chrome e gostaria de mostrar como fiz isso.

COMO ABRIR AS FERRAMENTAS DE DESENVOLVIMENTO DO CHROME
Existem 3 maneiras de abrir as ferramentas de desenvolvimento do Chrome:
-Comando Alt J no Mac
Controlar Alt J no Windows
-Clicar com o botão direito do mouse e escolher inspecionar também abrirá a ferramenta de desenvolvimento no Chrome. Embora abra a aba do elemento e possamos então ir para o console, onde realizaremos alguns códigos.
-O último passo é ir ao menu do Chrome e depois ir em visualizar, clicar em desenvolvedor. No desenvolvedor, clique no console Javascript e a guia do console aparecerá.
O que funcionou para mim é o segundo em que apenas cliquei com o botão direito do mouse e cliquei em inspecionar e naveguei para a guia do console.
NB: usei o navegador convidado e não o navegador normal.

Day f #daysofMiva Coding Challenge

Day f #daysofMiva Coding Challenge

Posso aumentar a fonte clicando no comando plus e vice-versa clicando no comando - no mac mas no chrome é control e control -.

Day f #daysofMiva Coding Challenge Uma imagem onde cliquei no controle

Day f #daysofMiva Coding Challenge Uma imagem onde cliquei no controle -

O console nos permite escrever e testar código Javascript, por isso é muito útil durante o desenvolvimento, por exemplo, corrigindo erros, mas não podemos escrever aplicativos reais usando este console.

Day f #daysofMiva Coding Challenge

alert("Hello World")

Day f #daysofMiva Coding Challenge

let js = "amazing"
if (js === 'amazing') alert("Javascript is fun")

Day f #daysofMiva Coding Challenge

50 60-10

39 54-24

Portanto, pelas imagens acima podemos ver um pop-up e até alguns cálculos matemáticos realizados em JS.

Desafios que enfrentei

O único desafio que posso dizer que enfrentei foi não saber por que os códigos funcionavam dessa maneira e com o tempo acredito que vou entender e ser muito bom nisso.

Conclusão

Estou muito feliz por ter feito essa jornada e por já estar aprendendo muito. Eu pessoalmente sei que em breve superarei os desafios que enfrentei e antes que você perceba serei um guru?. De qualquer forma, muito obrigado família❤️. Antecipar meu artigo do dia 3??.

Declaração de lançamento Este artigo foi reproduzido em: https://dev.to/ayotomi_de/day-2-of-100daysofmiva-coding-challenge-dne?1 Se houver alguma violação, entre em contato com [email protected] para excluí-la
Tutorial mais recente Mais>

Isenção de responsabilidade: Todos os recursos fornecidos são parcialmente provenientes da Internet. Se houver qualquer violação de seus direitos autorais ou outros direitos e interesses, explique os motivos detalhados e forneça prova de direitos autorais ou direitos e interesses e envie-a para o e-mail: [email protected]. Nós cuidaremos disso para você o mais rápido possível.

Copyright© 2022 湘ICP备2022001581号-3