DEV Community: Grazielle Café ☕️

👩‍💻 Lógica de Programação e Algoritmos com Javascript - Parte 1

Grazielle Café ☕️ — Tue, 01 Jun 2021 06:37:50 +0000

Javascript

A linguagem Javascript foi criada pela Netscape Communications Corporation junto com a Sun Microsystem. Sua primeira versão foi criada em 1955. Em 1996, a Netscape decidiu entregar o Javascript para a ECMA (European Computer Manufacturers Association). A Ecma é uma associação dedicada a padronização de sistemas de informação. Por isso, a linguagem Javascript também é chamada ECMAScript e suas versões da linguagem estão associadas a esse nome. Atualmente destacam-se as versões ECMAScript 6 e ECMAScript 7.

O Javascript possui um importante papel no processo de desenvolvimento para páginas web, junto com o HTML e CSS. O HTML serve para descrever o conteúdo de uma página web e definir a marcação semântica (significado) dos elementos que compõem a página. O CSS determina os estilos e a formatação dos elementos, ou seja, utiliza-se o CSS para definir a aparência do site - cores, bordas, espaçamentos, etc. É a apresentação da página em si, cuja implementação geralmente fica aos cuidados do Web Designer. Já a linguagem Javascript é utilizada para definir o comportamento dos elementos da página.

Editores de Código

Para criar programas Javascript, podemos utilizar editores simples que já estão instalados no computadores (como o bloco de notas). Mas acho ser interessante, para de acordo com o seu desenvolvimento em códigos utilizar uma IDE. Recomendo uma que estão sendo mais usadas, a VSCode, que você pode baixar por aqui. Outros conhecidos são Sublime e Netbeans.

Lógica de Programação

Neste primeiro tópico, iremos abordar alguns conceitos importantes para a compreensão da lógica de programação, tais como: conceitos de variantes, partes que compõem um programa (entrada, processamento de dados e saída), estruturas de condições, repetições, manipulação de listas de dados (vetores) e outras técnicas.

Variáveis e constantes

As variáveis são espaços alocados na memória do computador que permitem guardar informações e trabalhar com elas - como o valor que o cliente deseja sacar no terminal do caixa eletrônico.

Como o nome sugere, os valores armazenados em uma variável podem ser alterados durante a execução do programa. São exemplos de uma variáveis manipuladas em um programa: a descrição, a quantidade e o preço do produto, ou então o nome, altura e idade de uma pessoa.

Em Javascript os nomes das variáveis não podem:

Conter espaços;
Começar por número;
Conter caracteres especiais;
Utilizar nomes de palavras reservadas de linguagem, como function, var, new, for, ou return.

Exemplos para variáveis: primeiroCliente, novoSalario, precoFinal.

Para declarar uma variável em Javascript usa-se

var nome;

Para que uma variável receba um dado, utiliza-se o conceito de atribuição.

var idade = 18;

As novas versões dos navegadores web permitem a declaração de constantes. Diferente das variáveis, uma constante não pode ter o seu conteúdo alterado no decorrer do programa.

const poltronas = 140;

Condições

Diversas são as situações em que um programa que é necessário criar uma condição para indicar qual tarefa deve ser executada. Os comandos if, else e switch ... case são os responsáveis por criar condições em Javascript.

If ... else

Eles são úteis para facilitar a compreensão do fluxo dos comandos em uma estrutura de controle.

Para criar uma estrutura clássica, utilizamos os comandos if... else (se, senão). Eles possuem algumas variações. É possível utilizar apenas o if (para apresentar uma mensagem caso o cliente seja menor de idade, por exemplo). E também criar comandos com else (para verificar a classificação etária de um aluno de natação, que poderia ser infantil, juvenil ou adulto).

// define uma condição simples 
if (condição){
   comandos; 
} 

// define uma condição de if ... else 
if (condição){
   comandos V; 
} else { 
   comandos F;
}

//define múltiplas condições 
if (condição 1){
   comandos 1; 
} else if{
   comandos 2; 
} else {
   comandos 3; 
}

Operadores relacionais

Símbolo	Significado
==	Igual. Retorna verdadeiro caso os dados contenham o mesmo conteúdo
!=	Diferente. Retorna verdadeiro caso os dados contenham conteúdos diferentes
>	Maior. Também podem ser realizadas comparações de números ou palavras.
>	Menor. Também podem ser realizadas comparações de números ou palavras.
>=	Maior ou igual. Os simbolos devem ser nesta ordem (>=)
<=	Menor ou igual. Tenha cuidado com a ordem dos símbolos (<=)

Operadores lógicos

Símbolo	Significado
!	Not. Indica negação. Inverte o resultado de uma comparação
&&	And. Indica conjunção. Retorna verdadeiro quando todas as comparações forem verdadeiras.

Switch ... Case

As linguagens de programação dispõem de outra estrutura que permite criar condições. Trata-se do comando ** switch ... case **. Ele é útil quando várias alternativas definidas a partir do conteúdo de uma variável.

** Exemplo para Switch ... Case **

<script> 
  var bairro = prompt('Bairro de entrega'); 
  var taxaEntrega; 

  switch(bairro){
    case 'Centro': 
    taxaEntrega = 5.00; 
    break; 

    case 'Três Vendas':
    taxaEntrega = 7.00; 
    break; 

    case 'Laranjal': 
    taxaEntrega = 8.00; 
    break; 
  }

alert('Taxa R$: ' + taxaEntrega.toFixed(2));
</script>

Repetições

As estruturas de repetição permitem fazer com que um ou mais comandos em um programa sejam executados várias vezes. Essas estruturas, também denominadas laços de repetições ou loops, complementam a programação sequencial e a programação condicional.

Laços for

A sintaxe do comando for é composta por três instruções, que definem:
a) O valor inicial da variável de controle;
b) a condição que determina se a repetição deve ou não continuar;
c) o incremento ou decremento da variável de controle.

´´´
for (var i =1; i <= 10; i++){
comandos;
}


#### Laços while 
Um laço de repetição também pode ser criado com o comando **while**, que realiza um teste condicional logo no seu início, para verificar se os comandos do laço serão ou não executados. 

´´´
while (condição){
   comandos;
}

Laços do ... while

do{
   comandos; 
} while (condição);

Uma sutil, porém importante, diferença entre as estruturas de repetição while e do ... while é que o comando while, a condição é verificada no início, enquanto com o comando do ... while a condição é verificada no final.

Com este post foi possível revisar alguns conteúdos básicos de programação com Javascript! Nos próximos posts, abordaremos sobre paradigma de programação, programação síncrona e assíncrona, declaração de objetos e muito mais 😀!

Primeiros passos com Node.JS - o que é, como instalar e recomendações

Grazielle Café ☕️ — Sun, 30 May 2021 22:55:20 +0000

Olá pessoal! Esta é a minha primeira publicação e inicializarei meus estudos sobre o Node.JS. Posteriormente, teremos artigos sobre o Javascript, Typescript e React 😉

Primeiros Passos

Utilizarei a IDE Visual Studio Code, bastante difundida e utilizada no meio DEV. Para instalação, basta vir ao site e instalar como recomendado.

O que é o Node.JS?

Algumas pessoas confundem e acreditam que o Node.JS é um framework Javascript. Na realidade ele é um interpretador responsável por entender um código e executá-los, o que oferece um ganho de desempenho absurdo. O Node.JS é um interpretador que entende e executa o Javascript fora de navegadores. O Node possibilita a criação de aplicações Javascript standalone (não precisa de um browser para executar).

Por que usar o Node.JS?

Muito leve
Muito rápido
Usa Javascript
Tem um dos maiores ecossistemas do mundo (muitas bibliotecas disponíveis)
Está sendo utilizado fortemente no mercado

Instalação

Para a instalação do node, basta irmos até o site e realizar a instalação recomendada pela maioria dos usuários, a LTS (versão estável e com suporte).

O que é NPM?

O npm é o Gerenciador de Pacotes do Node (Node Package Manager) que vem junto com ele e é bastante útil no desenvolvimento Node.
O npm funciona baseado em dois ofícios:

Ele é um repositório amplamente usado para a publicação de projetos Node.JS de código aberto (open-source). Isso significa que ele é uma plataforma online onde qualquer pessoa pode publicar e compartilhar ferramentas escritas em Javascript.
Ele é um repositório amplamente usado para a publicação de projetos Node.JS de código aberto (open-source). Isso significa que ele é uma plataforma online onde qualquer pessoa pode publicar e compartilhar ferramentas escritas em Javascript.

Como instalar módulos npm e inicializar projetos

Primeiro é necessário garantir que o node.js e o npm estejam instalados. Para isso, em seu terminal, execute:

node --version
npm --version

E caso você queira buscar atualizações do npm, basta digitar no prompt
npm update -g npm

Começando um projeto com npm

Primeiro é necessário garantir que o node.js e o npm estejam instalados. Para isso, em seu terminal, execute:

npm init

Este comando funciona como uma ferramenta para criar o arquivo package.json de um projeto.

O package.json é um arquivo de configuração utilizado para estipular e configurar dependências do seu projeto (quais outros pacotes ele vai precisar para ser executado) e scripts automatizados.

Após digitar no prompt o 'npm init' ele irá solicitar algumas informações sobre o projeto. Como exemplo, segue abaixo do projeto 'learnnode'

Instalar módulos npm

Um pacote em node.js contém todos os arquivos que você precisa para um módulo. Os módulos são bibliotecas JavaScript que você pode incluir no seu projeto.

Segue um comando para instalar um módulo no diretório atual:

npm install <module>
OU
npm i <module>

Substitua pelo nome do módulo que você quer instalar. Por exemplo, caso queira instalar o módulo Express (um framework web node.js bastante conhecido) você pode executar o seguinte comando:

npm install express

Dicas de estudos futuros

Aprender um pouco mais sobre o Postman! Ele é uma ferramenta que dá suporte à documentação das requisições feitas pela API. Ele possui ambiente para documentação, execução de testes de API e requisições em geral.

Ao utilizá-lo, você passará a trabalhar com APIs de modo mais eficiente, construindo solicitações rapidamente e, ainda, poderá guardá-las para uso posterior, além de conseguir analisar as respostas enviadas pela API.