image

Acesse bootcamps ilimitados e +650 cursos pra sempre

60
%OFF
Article image
Jessica Silva
Jessica Silva28/05/2024 14:06
Compartilhe

Seu Primeiro Contato com JavaScript: O Que Você Precisa Saber

    O que é JavaScript?

    JavaScript é uma linguagem de programação dinâmica, amplamente utilizada no desenvolvimento web para criar páginas interativas e dinâmicas. Originalmente desenvolvida para adicionar comportamentos aos websites, o JavaScript evoluiu ao longo dos anos e agora é uma das tecnologias fundamentais da web, juntamente com HTML e CSS.

    image

    Ambiente de Desenvolvimento

    Para começar a programar em JavaScript, você pode usar:

    • Navegador web;
    • Editor de código: um exemplo é o Visual Studio Code (VS Code), um editor gratuito e amplamente utilizado.

    Usando o Console do Navegador

    • Abra o Console do Desenvolvedor: Em muitos navegadores, você pode abrir o console pressionando Ctrl + Shift + J (Windows/Linux) ou Cmd + Option + J (Mac).
    • Escreva seu Código: No console, digite o seguinte código:
    console.log('Olá, Mundo!'); 
    
    • Execute o Código: Pressione Enter e você verá a mensagem Olá, Mundo! exibida no console. Parabéns, você escreveu seu primeiro código JavaScript!

    Usando o Visual Studio Code

    • Instale o VS Code: Se ainda não tiver o VS Code instalado, baixe-o do site oficial Visual Studio Code e instale no seu computador.
    • Crie um Novo Arquivo JavaScript: Abra o VS Code e crie um novo arquivo com a extensão ".js". Por exemplo, "primeiroScript.js".
    • Escreva seu Código: No arquivo "primeiroScript.js", digite o seguinte código:
    console.log('Olá, Mundo!'); 
    
    • Abra o Terminal Integrado: No VS Code, abra o terminal integrado pressionando " Ctrl + ' " (Windows/Linux) ou " Ctrl + " "(Mac).
    • Execute o Código: No terminal integrado, navegue até o diretório onde está o arquivo "primeiroScript.js" e execute o código usando o Node.js. Digite o seguinte comando:
    node primeiroScript.js 
    
    • Veja o Resultado: Você verá a mensagem Olá, Mundo! exibida no terminal. Parabéns, você executou seu primeiro código JavaScript usando o VS Code!

    image

    Variáveis

    Variáveis são usadas para armazenar dados que podem ser usados e manipulados no seu código. Em JavaScript, você pode declarar uma variável usando: var, let ou const.

    let saudacao = 'Olá, Mundo!';
     
    console.log(saudacao); 
    

    Tipos de Dados

    JavaScript trabalha com diversos tipos de dados, incluindo números, strings (texto), booleanos (verdadeiro ou falso), objetos e arrays (listas).

    let numero = 10; // Número
    
    let texto = 'Aprendendo JavaScript'; // String 
    
    let verdadeiroOuFalso = true; // Booleano 
    
    let lista = [1, 2, 3, 4, 5]; // Array 
    
    let objeto = {nome: 'JavaScript', ano: 1995}; // Objeto 
    

    Funções

    Funções são blocos de código que podem ser reutilizados. Elas podem receber parâmetros e retornar um valor.

    function somar(a, b) { 
    return a + b; 
    } 
    
    let resultado = somar(5, 3); 
    
    console.log(resultado); // Exibe 8 
    

    Estruturas de Controle

    JavaScript possui várias estruturas de controle para gerenciar o fluxo do seu código, como condicionais (if, else) e loops (for, while).

    let idade = 18;
    
    if (idade >= 18) {
    console.log('Você é maior de idade.'); 
    } else { 
    console.log('Você é menor de idade.'); 
    } 
    
    for (let i = 0; i < 5; i++) {
    console.log('Número: ' + i); 
    } 
    

    image

    Recursos Online

    Existem muitos recursos online para ajudar você a aprender JavaScript.

    Sites como MDN Web Docs, W3Schools e Codecademy oferecem tutoriais e documentações extensivas.

    Projetos Práticos

    Praticar é a melhor maneira de aprender. Tente construir pequenos projetos, como uma calculadora simples, um jogo da velha, ou uma lista de tarefas. Esses projetos ajudarão você a aplicar o que aprendeu e a ganhar confiança em suas habilidades.

    image

    JavaScript é uma linguagem poderosa e versátil que é essencial para o desenvolvimento web moderno. Espero ter ajudado você começar sua jornada no mundo da programação web com os conceitos básicos abordados neste artigo. Continue praticando, explorando e construindo – as possibilidades são infinitas!

    Compartilhe
    Comentários (1)
    André Santos
    André Santos - 28/05/2024 15:19

    Boa tarde Jéssica, muito bom seu artigo, gostei bastante. Se poder me da umas dicas dos prompts que vc usou para gerar essas imagens, gostei muito. Vamos q vamos, desejo muito sucesso a nossa carreira. 💵🚀