Blog

Postado em em 8 de março de 2023

Temas Importantes em JavaScript! Vamos ver os 10 Principais Hoje.

Você quer aprender JavaScript, mas não sabe por onde começar? Nesta aula vou te passar 10 temas importantes em JavaScript!

Caso prefira esse conteúdo no formato de vídeo-aula, assista ao vídeo abaixo ou acesse o nosso canal do YouTube!

Para receber por e-mail o(s) arquivo(s) que utilizamos na aula, preencha:

Fala Impressionadores! Na aula de hoje eu quero te mostrar 10 temas para dominar JavaScript!

O JavaScript veio para dar inteligência ao código, se você navega pelo YouTube ou já fez uma compra na internet, vai notar que existe uma inteligência por trás de tudo que você acessa, essa inteligência vai coletar dados, processar pagamentos, guardar informações, etc.

Hoje em dia, depois de muito tempo usando a linguagem em sites, várias adaptações aconteceram e trouxeram a possibilidade de usar o JavaScript para fazer aplicativos, programas de computador que não estão associados a internet, trabalhar com inteligência artificial, jogos, etc.

Existem também muitas vagas para o programador de JavaScript, por este motivo vamos ver 10 temas de JavaScript que você precisa saber para dominar essa linguagem de programação.

Vou citar aqui o que vamos ver na aula:

  • variáveis em Javascript
  • tipos de dados
  • funções
  • HTML
  • CSS
  • desenvolvimento web
  • programação assíncrona
  • imports e exports
  • frameworks
  • bibliotecas e estrutura de dados.

E aí, está curioso para saber como aprender JavaScript? Então vem comigo que eu vou te mostrar esses 10 passos que vão te ajudar bastante!

O que é Programação? Podemos dizer que programação é a resolução de Problemas através da manipulação de dados.

Programação
Programação

Se programar depende intrinsicamente de manipular dados, vamos falar sobre onde nós armazenamos esses dados:

VARIÁVEIS

Temas Importantes em JavaScript
Variáveis

As variáveis são dados armazenados em locais que chamamos de caixas, cada uma contem um tipo ou conjunto de dado.

Podemos manipular esses dados fazendo cálculos, comparações, atualizações etc.

Você vai aprender que existem diversos tipos de variáveis, que existem variáveis válidas e inválidas etc.

Este é o primeiro passo, compreender e dominar o conceito de variável.

TIPOS DE DADOS

Nem todos os dados são criados iguais, JavaScript conhece tipos distintos de dados, ou seja, ele reconhece quando você está trabalhando com um texto ou número.

Isso é importante porque podemos multiplicar um número, mas não podemos fazer o mesmo com um texto…

Para cada tipo de dado, haverá um conjunto específico de funcionalidades e possibilidades que se apresenta.

FUNÇÕES

As funções agrupam comandos que aparecem de forma repetida ou passos de um objetivo único.

A função é como uma receita em que colocamos diversos ingredientes para conseguir fazer um bolo, após construir este passo a passo fica mais fácil repetir a ação de fazer o bolo, porque os passos foram gravados e podem ser repetidos quantas vezes chamarmos aquela função. É basicamente um conjunto de comandos para executar uma ação.

ESTRUTURAS DE DADOS

E quando você quer lidar com muitos dados de uma só vez?

Estruturas de dados são as diferentes formas que o JavaScript nos disponibiliza para lidar com mais de um dado de uma só vez.

Todas são coleções de dados, porém com formas e comportamentos distintos.

Exemplo: Pilhas (a) e Filas (b)

Temas Importantes em JavaScript
Pilhas e filas

O que é uma pilha e o que é uma fila?

No primeiro exemplo da imagem temos algo como uma pilha de livros, imagine que colocamos o libro B sobre o livro A e o livro C sobre os livros A e B.

Se precisarmos do livro A como retirá-lo da pilha?

Neste caso vamos ter que retirar os livros B e C de cima para depois pegá-lo, certo?

Isso ocorre diferente na fila.

Na fila o dado que entrou primeiro, também será o primeiro a sair, observe que cada estrutura de dado terá seu comportamento.

Saber este comportamento é essencial na hora de manipular os dados.

COMANDOS CONDICIONAIS E DE REPETIÇÃO

Alguns comandos dependem de um critério para acontecer, por exemplo:

  • Mas e se eu não quiser sempre que o ar-condicionado ligue?

Não faz sentido ter o ar-condicionado ligado todo o tempo a não ser que esteja calor, então estar calor é a condição para que eu execute a ação de ligar o ar-condicionado.

Quando temos um código que deve ser executado apenas se algum critério for atingido, usamos as “estruturas condicionais”.

  • E se eu quiser que o computador passe TODAS as minhas fotos para preto e branco?

Se desejamos que o mesmo procedimento seja executado repetidas vezes, como passar diversas fotos para preto e branco, podemos usar as “estruturas de repetição” como o For, por exemplo.

Condicionais e estrutura de repetição
Condicionais e estrutura de repetição

HTML, CSS e o Desenvolvimento Web

O HTML, CSS e Desenvolvimento Web são: -> Esqueleto, Aparência e Inteligência respectivamente do programa:

1) Html é o responsável por determinar a estrutura de uma página da internet. Ali são definidos os elementos responsáveis por compor o site.

2) CSS é o que deixa a página bonita, prazerosa de se navegar. Você prefere comprar produtos em um site feio ou num site lindão?

3) JavaScript adiciona vida a essa mistura. Com a linguagem, as páginas passam então a ser inteligentes e interativas. É a internet como conhecemos hoje!

Temas Importantes em JavaScript
HTML – CSS – JavaScript

ERROS

Nem sempre as coisas saem como se deseja. Desde uma queda na internet até a informação que o usuário digitou errado.

O seu programa de computador sempre corre o risco de passar por “situações inesperadas”.

Por isso é muito importante escrever um código que saiba lidar com os erros que podem acontecer!

Erro
Erro

Por exemplo:

Imagine que existe um espaço para cadastro do CPF do usuário, mas o usuário ao invés de colocar o CPF colocou o nome.

E o código não identificou o erro e aceitou esta informação, agora, o programa não sabe lidar com este dado, porque estava esperando um número e recebeu um texto.

Então é necessário que o seu código identifique o erro e avise o usuário de que aquela informação não pode ser aceita ou qual é o tipo de informação correta.

PROGRAMAÇÃO ASSÍNCRONA

Programação Síncrona x Programação Assíncrona

  • Fazer um bolo x Pedir o bolo no delivery

Fazer um bolo é um bom exemplo de programação Síncrona, porque para isso você deve fazer uma sequência correta de passos, você primeiro irá precisar dos ingredientes, vai misturar nas quantidades corretas, vai precisar assar, confeitar e por fim comer.

Uma sequência de passos que não podem ser embaralhados ou interrompidos.

Já no caso do delivery não, você pode pedir o bolo no seu local favorito e enquanto o bolo não chega você pode ver um vídeo da hashtag, pode brincar com seu cachorro, pode jogar vídeo game…

E quando o bolo chega você volta e executa o objetivo de comer o bolo, percebe a diferença? Neste caso não temos passo a passo o que fazer, podemos parar e fazer outras coisas e depois retornar ao pedido. Esta é a diferença entre programação síncrona x programação assíncrona é e um dos temas essenciais que você deve estudar em JavaScript.

Temas Importantes em JavaScript
Delivery

IMPORTS E EXPORTS

O que é saber fazer IMPORTS E EXPORTS?

Basicamente você precisa saber trazer um código disponível de outros arquivos para o seu código ou fazer com que o código do seu arquivo seja passível de exportação para outros arquivos.

Afinal se fiz um bom código! Vou reutilizá-lo sempre que puder!!

Import e Export
Import e Export

Ou mesmo reaproveitar códigos!

Por que reinventar a roda? Vou reaproveitar o código do meu amigo aqui no meu projeto…

Temas Importantes em JavaScript
Reaproveitar códigos

FRAMEWORKS E BIBLIOTECAS

Qual seria uma forma mais fácil e atual de fazer meus projetos com JavaScript?

O Framework é uma caixa de ferramentas prontas para serem utilizadas, a fim de aumentar sua produtividade no desenvolvimento do projeto.

Deve-se entender o tipo de projeto que será executado para então escolher o framework apropriado!

Framework
Framework

Cada framework executa uma função que você precisa em seu código, ao invés de tentar construir a solução do zero, você encontra o framework certo e passa para o próximo desafio!

Conclusão – Temas mais Importantes em JavaScript

Nesta aula apresentei os 10 temas mais importantes para estudar e dominar para quem está aprendendo JavaScript.

Posso dizer que se estivesse começando os meus estudos agora gostaria de ter tido essas informações, elas me dariam um norte no aprendizado.

Pensando nisso preparei esta aula para vocês!

Espero que gostem! Até a próxima! Abraço,

Hashtag Treinamentos

Para acessar publicações de JavaScript, clique aqui!


Quer aprender mais sobre JavaScript com um minicurso básico gratuito?

Quer sair do zero no Power BI e virar uma referência na sua empresa? Inscreva-se agora mesmo no Power BI Impressionador