Oi, pessoal. Então, para o segundo dia deste desafio, decidi sair do GitHub e focar no que eu realmente queria aprender: 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.
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.
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.
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.
Posso aumentar a fonte clicando no comando plus e vice-versa clicando no comando - no mac mas no chrome é control e control -.
Uma imagem onde cliquei no controle
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.
alert("Hello World")
let js = "amazing" if (js === 'amazing') alert("Javascript is fun")
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.
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.
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??.
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