Javascript: primeiros códigos

O que é JavaScript

1import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
2import { tomorrow } from 'react-syntax-highlighter/dist/esm/styles/prism';
3
4function CodeSnippet({ children, language, filename }) {
5    return (
6        <div className="code-wrapper">
7
8            {filename && <div className="code-filename">{filename}</div>}
9
10            <SyntaxHighlighter
11                language={language || 'javascript'}
12                style={tomorrow}
13                showLineNumbers
14                customStyle={{
15                    padding: '1rem 2rem',
16                    fontSize: '1.4rem',
17                }}
18            >
19                {String(children).replace(/\n$/, '')}
20                
21            </SyntaxHighlighter>
22        </div>
23    )
24}
25
26export default CodeSnippet

1console.log('Hello World!')

JavaScript é uma linguagem de programação interpretada, executada diretamente no navegador. Ela permite controlar comportamentos da página, responder a ações do usuário e manipular elementos HTML e CSS em tempo real. Hoje, também é usada no backend com Node.js.

Por que aprender JavaScript

JavaScript é uma das linguagens mais usadas do mundo. Ela é essencial para quem deseja trabalhar com desenvolvimento web. Com ela, é possível criar desde sites simples até aplicações completas, como sistemas, dashboards e APIs.

Principais vantagens:

• Roda em qualquer navegador moderno
• Possui grande comunidade e documentação
• Integra-se facilmente com HTML e CSS
• É base para frameworks populares como React e Vue

Primeiro código em JavaScript

O primeiro contato com JavaScript geralmente começa com um simples comando de saída:

console.log("Olá, mundo!");

Esse código exibe a mensagem no console do navegador. Ele é muito usado para testes e aprendizado inicial.

Variáveis e tipos básicos

Variáveis servem para armazenar valores. Em JavaScript, as mais usadas são let e const:

let nome = "Guilherme"; const idade = 18;

JavaScript trabalha com tipos como:

• String
• Number
• Boolean
• Array
• Object

Interação com o usuário

Um dos pontos fortes da linguagem é a interação com o usuário. Um exemplo simples é o uso do alert:

alert("Bem-vindo ao JavaScript");

Também é possível capturar dados digitados e tomar decisões com base neles.

Próximos passos

Após os primeiros códigos, o próximo passo é aprender:

• Estruturas condicionais
• Laços de repetição
• Funções
• Manipulação do DOM

Esses conceitos permitem criar aplicações mais completas e interativas.

Conclusão

JavaScript é uma linguagem acessível e poderosa. Com poucos comandos iniciais, já é possível entender sua lógica e começar a desenvolver soluções reais. Dominar seus fundamentos é o primeiro passo para evoluir no desenvolvimento web.