JavaScript

Aqui voc� ter� uma rota segura para aprender algumas das muitas tecnologias que orbitam o JavaScript, apresentando um panorama sobre como desenvolvemos com o JavaScript atualmente.

Comece seu teste gratis

Guia de JavaScript
DevMedia
2 Conte�dos
50 Exerc�cios
Iniciante
950 avalia��es

O que � JavaScript?

O JavaScript � uma linguagem de programa��o f�cil de aprender por ter uma sintaxe simples. Ele � indicado tanto para quem est� come�ando a programar quanto para quem quer conhecer outras �reas da programa��o (Back-end, Front-end, Mobile).

A princ�pio o JavaScript foi criado para implementar interatividade em p�ginas web - exemplos:

Quando o usu�rio clicar em um determinado bot�o na p�gina um menu deve ser aberto;
Validar as informa��es digitadas em um formul�rio antes de ser enviado para o back-end;
Executar uma a��o quando o usu�rio utilizar a barra de rolagem;
Entre outros.

Hoje atrav�s da ferramenta Node.js o JavaScript se desprendeu do navegador e com isso � poss�vel rodar o JavaScript direto no servidor. Mas o que isso significa?

Atrav�s do Node.js o JavaScript se tornou uma linguagem Full Stack, ou seja � poss�vel programar uma p�gina web, um aplicativo mobile e tamb�m uma API back-end.JavaScript � uma linguagem multiplataforma.

Por que aprender JavaScript?

Se voc� estiver come�ando a aprender programa��o o JavaScript � recomendado j� que ele possui uma biblioteca com poucas fun��es nativas - basicamente o que aprendemos com a linguagem � manipular textos, datas e fazer c�lculos com fun��es matem�ticas.

Caso voc� j� saiba programa��o, se aprofundar no JavaScript te leva a sal�rios mais altos e a mais �reas de emprego. Isso porque atrav�s do JavaScript conseguimos criar aplica��es web, mobile e back-end.

Aprender JavaScript � o caminho para ser um programador Full Stack j� que com apenas uma linguagem conseguimos entregar uma aplica��o de ponta � ponta - do Back-end ao Front-end (web ou mobile).

Na DevMedia o aprendizado JavaScript est� dividido em duas sess�es:

Linguagem JavaScript, que � a linguagem que ser� usada pelos frameworks ou bibliotecas para criar p�ginas web, aplicativos mobile e APIs back-end.
Framework ou biblioteca, um acelerador de desenvolvimento que no caso do JavaScript pode ser Angular ou React para programa��o web, React Native para programa��o mobile e Node.js/Express para criar APIs back-end.

Exemplo de c�digo JavaScript

Veja abaixo um exemplo de c�digo JavaScript:


function imprimirSomaDosNumeros (n1, n2) {
    	let resultado = n1 + n2;
    	console.log(resultado);
}

let valor1 = 20;
let valor2 = 30;

imprimirSomaDosNumeros(valor1, valor2);

JavaScript � uma linguagem Full Stack;
Pode ser executada no servidor ou no cliente (celular ou computador);
A linguagem JavaScript � utilizada nos frameworks Angular, React Native e Node.js/Express e na biblioteca React

JavaScript e a carreira Full Stack

Como vimos, atrav�s da linguagem JavaScript conseguimos entregar um sistema de ponta a ponta. Mas o que isso significa?

Aprender a linguagem JavaScript significa estar apto a criar todo tipo de aplica��o: web, mobile e APIs Back-end.

Programador Front-end (web)

Uma aplica��o Front-end (web) � a capa do sistema. Atrav�s do Front-end (web) o usu�rio consegue ver e interagir com o sistema - como por exemplo visualizar um produto e efetuar o pagamento.

Para construir um Front-end (web) utilizando a linguagem JavaScript, utilizamos o framework Angular ou a biblioteca React.

Programador Mobile

O aplicativo mobile � o Front-end que cria um aplicativo para dispositivos m�veis - como smartphones ou tablets. Atrav�s do aplicativo (mobile) o usu�rio consegue por exemplo selecionar o local de partida e de destino de uma viagem.

Para construir um aplicativo utilizando a linguagem JavaScript, utilizamos o framework React Native. O ponto mais importante � que utilizando apenas um c�digo conseguimos criar um aplicativo Android e iOS.

Programador Back-end

Aplica��es back-end s�o aquelas que lidam com os dados e o processamento de desses dados, no lado servidor. Ele � respons�vel por exemplo por validar se voc� possui saldo no seu cart�o.

Construir o Back-end com a linguagem JavaScript significa utilizar o Node.js/Express.

Programador Full Stack

Ser um programador Full Stack significa entregar o sistema completo de ponta a ponta e por isso voc� deve ser um programador tanto Back-end e Front-end (web ou mobile).

Aprender JavaScript � o caminho mais curto para ser um programador Full Stack.

JavaScript e os frameworks/bibliotecas

Como vimos atrav�s da linguagem JavaScript conseguimos desenvolver aplica��es web, mobile e Back-end.

Para criar essas aplica��es com a linguagem JavaScript voc� utiliza um framework ou uma biblioteca - ou seja, uma tecnologia que acelera o desenvolvimento.

As principais bibliotecas e os frameworks utilizados com a linguagem JavaScript s�o:

React ou Angular para programa��o Front-end (web).
React Native para programa��o Mobile.
Node.js/Express para programa��o Back-end.

Na pr�tica uma aplica��o JavaScript � constru�da utilizando uma dessas ferramentas. Por isso aprender a linguagem JavaScript � o primeiro e fundamental passo para dominar uma dessas tecnologias (React, Angular, React Native ou Node.js/Express).

Depois que voc� dominar a linguagem JavaScript voc� poder� partir para um desses frameworks ou biblioteca (no caso do React). Esse ser� o �ltimo passo no plano de estudo das carreiras:

**Figura.** Carreira programador Front-end JavaScript.

**Figura.** Carreira programador Mobile JavaScript.

**Figura.** Carreira programador Back-end JavaScript.

Saiba mais sobre JavaScript

O que voc� vai aprender sobre JavaScript

Introdu��o keyboard_arrow_down
- lock A evolu��o do JavaScript
- lock Introdu��o a linguagem JavaScript
- lock Hello World
- lock 50 Exerc�cios
Vari�veis, tipos de dados e operadores keyboard_arrow_down
- lock Vari�veis e constantes
- lock Tipos de dados
- lock Objetos
- lock Operadores
- lock 50 Exerc�cios
Estruturas condicionais keyboard_arrow_down
- lock if...else
- lock Criando scripts com estruturas condicionais
- lock Estrutura condicional if
- lock Switch
- lock 50 Exerc�cios
Estruturas de repeti��o keyboard_arrow_down
- lock While e do...while
- lock For, for...in, for...of
- lock 50 Exerc�cios
Date, Array e String keyboard_arrow_down
- lock Manipulando datas
- lock forEach()
- lock Filter
- lock Map
- lock Reduce
- lock JavaScript length
- lock JavaScript substring()
- lock JavaScript split()
- lock JavaScript replace()
- lock JavaScript indexOf()
- lock JavaScript trim()
- lock JavaScript slice()
- lock JavaScript Concat
- lock 50 Exerc�cios
Orienta��o a objetos keyboard_arrow_down
- lock Classes e Objetos
- lock Orienta��o a objetos com JavaScript
- lock Classes
- lock M�todo constructor
- lock Getters e Setters
- lock Heran�a e m�todos est�ticos
- lock 50 Exerc�cios
Programa��o funcional keyboard_arrow_down
- lock Classes e Objetos
- lock Programa��o funcional com JavaScript
- lock 50 Exerc�cios
Boas pr�ticas keyboard_arrow_down
- lock Boas Pr�ticas de programa��o em JavaScript
- lock Padronizando c�digo JavaScript com IIFE, AMD e RequireJS
- lock Mensagens de erro com abstra��o em JavaScript
- lock Boas pr�ticas de usabilidade
- lock Getters e Setters
- lock Heran�a e m�todos est�ticos
- lock 50 Exerc�cios

Seja PRO Agora

Tenha acesso ilimitado a todo conteúdo.

Teste Grátis

Possui uma conta? Login

Por que aprender na DevMedia?

Estudar tecnologia na DevMedia � uma experi�ncia �nica, pelos diferenciais abaixo:

Guias de estudo passo a passo

keyboard_arrow_down

Estudo orientado com Guias

Na nossa experi�ncia no ensino de programa��o ao longo dos anos, vimos que uma das maiores dificuldades dos alunos � ter um �plano de estudos�, ou seja, n�o se perder no meio do caminho.

Para resolver esse problema a plataforma DevMedia � dividida em Guias passo a passo.

Guia de Algoritmo — **Figura.** Estude atrav�s de guias e nunca se perca.

+40 tecnologias

keyboard_arrow_down

40 tecnologias para voc�

Estudar programa��o sempre envolve o aprendizado de mais de uma tecnologia. Na plataforma DevMedia voc� conta com 40 tecnologia dispon�veis - e a melhor not�cia, estamos sempre publicando novos conte�dos e exerc�cios. :)

Guia de Estudo — **Figura.** 40 tecnologias dispon�veis.

Suporte em tempo real

keyboard_arrow_down

Suporte a d�vidas em tempo real

Outro ponto muito importante durante seus estudo � conseguir tirar d�vidas rapidamente. Na DevMedia temos um time de programadores que tem a miss�o de tirar sua d�vida em tempo real.

Veja o que nossos usu�rios dizem sobre o Suporte em tempo real :)

Agrade�o e venho aqui reconhecer o trabalho de voc�s, pois eu nunca fico sem solucionar uma d�vida, seja pelas respostas aos outros usu�rios ou a mim.
Voc�s se dedicam muito ao suporte e fico feliz por ter escolhido a DevMedia tendo em vista este quesito. Acho importante esse feedback pois � o m�nimo que posso fazer.

Ismael Lima

star star star star star_border

Muito obrigada! Super claro e objetivo, adorei a aten��o que voc�s d�o aos alunos... Parab�ns!!! At� a pr�xima...

Tain� Rocha

star star star star star

Exerc�cios Gamificados

keyboard_arrow_down

Fortale�a o conhecimento com games de exerc�cios

Para te manter motivado e fortalecer os conhecimentos adquiridos na mem�ria, a plataforma DevMedia tamb�m � um game de exerc�cios de programa��o.

Cada t�pico de estudos cont�m um game de exerc�cios! Ao acertar os exerc�cios voc� ganha pontos, medalhas e tamb�m sobe sua posi��o ranking da plataforma.

Al�m disso toda vez que voc� acerta exerc�cios de programa��o voc� evolui o seu card! Veja abaixo:

Seja visto por grandes empresas

keyboard_arrow_down

Acerte exerc�cios e chame aten��o de grandes empresas

Aqui na Plataforma temos v�rias empresas parceiras que buscam seus novos programadores conosco!

Quanto mais exerc�cios voc� acertar, maior ser� sua chance de ser convidado a participar do processo seletivo dessas empresas!

Evolua e chame aten��o das empresas na plataforma

Curta 7 dias PRO gr�tis

Vem testar nossa Plataforma gratuitamente.

Iniciar Teste

Possui uma conta? Login

O que dizem

Confira o que andam dizendo sobre n�s ap�s conclu�rem seus objetivos em nossa Plataforma.

Estou Inteiramente satisfeito! J� vim com conhecimento em java de nivel m�dio, mas estou seguindo toda a guia de Java desde o inicio. Muito Bom, parab�ns!

Luis Ferreira

star star star star star

Achei muito top o trabalho que a DevMedia est� fazendo, ensinando passo a passo deste jeito � muito mais facil...Parab�ns pelo �timo trabalho!

Moises

star star star star star_border

Acho que esse tipo de material organizado e em formato de arvore � muito favoravel para o aprendizado! Achei super positivo o conte�do feito desta forma, perincipalmente para os novos programadores! Parab�ns pelo empenho!

Erik

star star star star star

Muito boa a qualidade das aulas online, estou gostando bastante de aprender diversas tecnologias com a Devmedia!

Graciomar Mascarenhas

star star star star star_border

Gostei bastante do primeiro contato. Em seguida assinei por um ano e j� conclui o meu primeiro curso no portal. Gostei muito e espero enquanto esteja buscando me tornar um profissional da �rea de analista e programador de sistemas, ter muita ajuda dos cursos da DevMedia.

Eberton Ferreira

star star star star_border star_border

Tudo o que voc� precisa e mais um pouco. Cheguei no site a pouco tempo como assinante, e j� vi que foi o melhor investimento que poderia ter feito. Conte�do excelente e o que mais me chamou aten��o foram as v�rias formas de aprender. Assistindo, ouvindo, lendo, consertando c�digos. As ferramentas est�o aqui, s� depende de voc� utiliza-las. Recomendo mais do que tudo!

Elen Pires

star star star star star