JavaScript, uma linguagem de programação dinâmica e orientada a objetos, desempenha um papel essencial no desenvolvimento web inicialmente no frontend.
Ultilizada por milhares de desenvolvedores esta linguagem de programação veio para ficar e e essencial no desenvolvimento web.
Alem do mais, o JavaScript transcendeu seu papel original no front-end e expandiu sua presença para o back-end com a introdução do Node.js, tornando-se uma escolha essencial para o desenvolvimento web completo.
Desde validações de formulários até atualizações dinâmicas de conteúdo, JavaScript é a força por trás da interatividade em diversas páginas web.
Implementada conforme o padrão ECMAScript, JavaScript passou por várias evoluções ao longo do tempo, incorporando melhorias significativas e mantendo-se alinhada com os padrões da indústria.
A versatilidade de JavaScript não se limita apenas ao desenvolvimento web. Sua presença é notável no desenvolvimento móvel, integração com APIs, criação de aplicativos backend com Node.js, e até mesmo na construção de jogos e gráficos complexos.
Sendo assim, nesta postagem irei falar sobre o que você entender para começar nesta linguagem de programação tão famosa que é o JavaScript.
Contextualização da Utilização do JavaScript
Contextualização de Utilização do JavaScript
O JavaScript tornou-se uma linguagem essencial em várias áreas de desenvolvimento de software, desempenhando papéis cruciais em diferentes cenários.
Desenvolvimento Front-end:
- Interação com o Navegador: JavaScript é a linguagem principal para tornar páginas da web dinâmicas e interativas, permitindo manipulação de elementos HTML e resposta a eventos do usuário.
- Frameworks Front-end: Muitos frameworks, como React, Angular e Vue.js, são construídos com JavaScript, simplificando o desenvolvimento de interfaces de usuário avançadas.
Desenvolvimento Back-end com Node.js:
- Servidor JavaScript: Com o Node.js, JavaScript transcende o navegador e se torna uma linguagem de servidor. Você pode construir aplicativos back-end robustos usando a mesma linguagem em ambos os lados.
- Gestão de Pacotes: O npm (Node Package Manager) facilita a instalação e gerenciamento de bibliotecas e ferramentas no desenvolvimento back-end.
Aplicações Móveis:
- React Native: Para desenvolvimento de aplicativos móveis, o JavaScript é utilizado com o React Native, permitindo a criação de aplicativos nativos para iOS e Android.
Automação de Tarefas:
- Node.js e Gulp/Grunt: JavaScript é amplamente empregado para automatizar tarefas no desenvolvimento, como minificação de código, otimização de imagens e construção de projetos.
Jogos e Aplicações de Desktop:
- Electron: Usando o framework Electron, você pode criar aplicativos de desktop usando tecnologias web padrão (HTML, CSS, JavaScript).
Integração com APIs:
- Consumo e Criação: JavaScript é essencial para consumir APIs externas em aplicativos e para criar suas próprias APIs no lado do servidor.
Internet das Coisas (IoT):
- Plataforma para IoT: Com a versatilidade do JavaScript, é possível desenvolver aplicativos para dispositivos IoT.
Sintaxe Básica do JavaScript
Embora o JavaScript tenha todas essas funções e preciso aprender o basico da mesma para que possamos entender o contexto de cada area que o JavaScript funciona.
Sendo assim, a compreensão da sintaxe básica do JavaScript é fundamental para construir programas eficazes. Nesta seção, vamos ver os principais elementos que formam a estrutura fundamental da linguagem.
Variáveis e Constantes
No exemplo abaixo temos a base de qualquer linguagem de programação as variaveis. Para que voce entenda melhor, as variaveis são como containers, que recebem um tipo de dados.
Ex: idade recebe o numero 25.
/* ----- Declaração e atribuição ----- */
// Usando 'var' (escopo global ou de função)
var idade = 25;
// Usando 'let' (escopo de bloco)
let nome = "João";
// Usando 'const' (constante, não pode ser reatribuída)
const pi = 3.14;
/* ----- Convenções de Nomenclatura -----*/
// Camel Case
let nomeDoUsuario = "Alice";
// Snake Case
const preco_produto = 20.99;
Tipo de dados no JavaScript
Assim como as variaveis são importante para as linguagens de programação a mesma coisa seriam os tipos de dados. Para que voce entenda melhor, os tipos de dados são diferente um dos outros para que podemos manipula-los de acordo. A string (conjunto de letras) serve para manipular e guardar textos, integer (numeros inteiros) são usados para se usar fatores numericos basico e avançados. E uma questao de logica…
/* ----- Tipos primitivos ----- */
let numero = 42; // Número
let texto = "Olá"; // String
let condicao = true; // Booleano
let vazio = null; // Nulo
let indefinido; // Indefinido (undefined)
/* ---- Tipagem dinamica ----- */
let mensagem = "Oi!";
mensagem = 123; // Sem erro, a variável aceita diferentes tipos de dados.
Operadores
Outro ponto importante não apenas no JavaScript mas tambem outras linguagens de programação são os operadores logicos, de atribuição e comparação.
/* ----- Operadores Aritimeticos ----- */
let soma = 10 + 5;
let subtracao = 20 - 8;
let multiplicacao = 5 * 4;
let divisao = 50 / 2;
/* ----- Operadores Logicos ----- */
let verdadeiro = true;
let falso = false;
let resultadoE = verdadeiro && falso; // AND
let resultadoOU = verdadeiro || falso; // OR
let resultadoNao = !verdadeiro; // NOT
/* ----- Operadores de Atribuição e Comparativos ----- */
let x = 10;
let y = 10;
x += 5; // Atribuição com adição (x = x + 5)
let igualdade = x === y; // Igualdade estrita
let diferenca = x !== y; // Diferença estritaEmbora a maioria das linguagens de programação sigam um padrão, como o uso de variaveis, operadores, condições etc, elas tem o seu proprio estilo/sintaxe a ser seguidos. E no JavaScript não é diferente. A seguir irei mostrar em codigo como basicamente se deve seguir a sintaxe e estilo do codigo no javascript.
Comentarios
Mais uma vez, como o nome mesmo diz, os comentarios são usados para comentar o codigo. Essas linhas são ignoradas pelo interpretador do JavaScript. Sendo assim, voce pode usa-la para adicionar explicações para o codigo necessaria para quem ira futuramente le-lo.
// Este é um comentário de uma linha que estou usando desde o começo :D
/*
Este é um comentário
de múltiplas linhas
*/Condições
Como o nome ja diz, condicionais são usadas para trazer logica para o programa que voce esta criando. Temos o if (que significa o nosso “se”), else if (que significa “mas se”) e temos o else (que neste contexto seria o “mas”).
Eu pessoalmente vejo o else sozinho como um “então”, onde na logica nos colocamos o codigo que deve ser alocado caso nenhuma condicional foi recebida.
let hora = 15;
if (hora < 12) {
console.log("Bom dia!");
} else if (hora < 18) {
console.log("Boa tarde!");
} else {
console.log("Boa noite!");
}Loopings
Loops ou laços são importantes para repetilção de tarefas em um programa. Existem diferente tipos de laços no JavaScript porém neste artigo irei falar apenas de dois que são o for e while loops.
O for loop é usado para trazer ou repetir tarefas baseando-se em numeros fixos de items. Já o while loop é usado quando não sabemos o numero de iteração que o programa deve fazer. Sendo assim deixando um valor a ser retornado como true (verdadeiro) para parar sua iteração.
for (let i = 0; i < 5; i++) {
console.log("Número:", i);
}
let contador = 0;
while (contador < 3) {
console.log("Contagem:", contador);
contador++;
}Funções no JavaScript
Funções na maioria das linguagens de programação são usados como um pedaco de codigo que recebe valores e retornam outros valores ou apenas processa a informacão. Normalmente as funções são auto-descritivas, com o seu nome ja dizendo o que elas fazem. Na função exemplo abaixo uma função foi criada para saber se um usuario, baseado em sua idade pode ter acesso ao bar. E dentro da mesma podemos ver que existe uma condição no qual e necessario uma idade de no minmo de 18 anos.
function acessoAoBar(idade){
// checa se o usuario tem idade para acessar o bar.
if (idade => 18){
return true;
}
else {
return false;
}
}Conclusão
Em suma, esta introdução ao JavaScript proporcionou uma compreensão fundamental dos conceitos essenciais para iniciar o desenvolvimento na linguagem.
Exploramos desde a contextualização da ultilização do JavaScript até a sintaxe básica da linguagem, incluindo o controle de fluxo e o uso de funções.
Além disso, discutimos a importância do JavaScript em diversos cenários de desenvolvimento, desde o front-end até o back-end com o Node.js.
Através da exploração desses conceitos, você está bem equipado para iniciar sua jornada no desenvolvimento JavaScript.
Ao dominar esses fundamentos, você terá uma base sólida para a construção de aplicativos web dinâmicos e interativos.
Recomenda-se praticar e experimentar os conceitos abordados neste guia, explorando projetos simples e avançados para aprimorar suas habilidades e se tornar um desenvolvedor JavaScript mais experiente.
Continue aprendendo, explorando e criando!
