Quer ter acesso a todos os cursos desse Guia?
Guia de linguagem JavaScript
Este guia te ajudará a traçar uma rota segura para aprender algumas das muitas tecnologias que orbitam o JavaScript, apresentando um panorama sobre como desenvolvemos com o JavaScript atualmente.
Introdução
Node, Angular ou React são apenas algumas dentre as muitas tecnologias que orbitam o JavaScript e que despertam a curiosidade de muitos programadores em relação a essa linguagem. E não é à toa, já que elas estão entre as mais exigidas pelo mercado de trabalho. Nesses primeiros conteúdos do guia te ajudaremos a traçar uma rota segura para aprender cada uma delas, apresentando um panorama sobre como desenvolvemos com o JavaScript atualmente.
Já faz um tempo que o JavaScript deixou de ser uma linguagem de navegadores e ganhou espaço em Desktops e Smartphones. Mas ainda é natural que os primeiros passo com essa tecnologia sejam dados no navegador, onde temos um ambiente pronto para programar com facilidade. Comece a sua carreira aprendendo a sintaxe do JavaScript com esses cursos e de forma prática:
Agora que você já conhece a sintaxe do JavaScript pode optar por um dos seus principais Frameworks de desenvolvimento, sobre os quais falamos nas próximas seções deste guia de estudos.
Vue.js
Vue.js (pronuncia-se víu.js), é um framework JavaScript que funciona no front-end de aplicações web, cujo diferencial é ser progressivo. Isso significa dizer que com facilidade podemos introduzir o Vue.js nas páginas da aplicação para que seja possível alterar o seu conteúdo sem ter que recarregá-las. Conheça essa solução aqui:
React
React é uma biblioteca escrita em JavaScript para a criação de interfaces de usuário. Seguindo a sua cultura de desenvolvimento o programador deve gerenciar os estados dos componentes em sua aplicação e, por sua vez, esses estados determinam como as interfaces de usuário serão apresentadas. Nos cursos abaixo você aprenderá como construir aplicações cliente dessa forma, sendo assim apresentado ao React!
-
DevCastO que é React?
-
ArtigoComo instalar o Node.js, NPM e o React no Windows
-
CursoPrimeiros passos com React
-
CursoMinha Primeira Single Page Application com React
-
ProjetoFullstack JavaScript: API RESTful com Node.js e React
-
DevCastPor que usar o Redux?
-
MeetUpComposição de componentes com React
-
MeetUpComo funciona o Redux
-
MeetUpAdicionando Redux a uma aplicação React
-
ArtigoReact hoje e amanhã. O que muda com os Hooks?
-
ProjetoAplicação Fullstack em Node.js e React: Fórum temático para Game of Thrones
React com Redux
Redux é uma biblioteca JavaScript criada pelo Facebook para resolver um problema inerente de aplicações front-end conforme elas crescem em tamanho e complexidade.
O Redux atende as necessidades de pelo menos um cenário comum em aplicações cliente, facilitando a comunicação entre componentes sem acoplá-los.
Sua importância é tanta atualmente que muitos programadores têm aconselhado seu uso independente do tamanho da aplicação, embora ele facilite o seu crescimento. No DevCast a seguir, falamos sobre essas e outras razões para usar o Redux na arquitetura de aplicações React. Confira!
Angular
Angular é, atualmente, uma plataforma para o desenvolvimento de aplicações cliente, que podem ser executadas tanto no navegador quanto em Smartphones ou Desktops, quando combinadas a outras tecnologias. A partir de um conjunto de APIs robustas, com o Angular podemos desenvolver sobre uma arquitetura baseada em componentes e em camadas. Confira!
TypeScript é a linguagem do Angular. É sobre ela que falamos nos cursos abaixo:
Agora você possui o necessário para se aprofundar no Angular e começar a criar as suas aplicações cliente. Siga em frente com esses conteúdos:
-
DevCastUm Bate-papo sobre Angular
-
DevCastJá ouviu falar em Single Page Applications?
-
ArtigoNovidades do Angular 7
JWT
Com a chegada das SPAs (Single Page Applications) se tornou um padrão de mercado ter uma aplicação no cliente completamente separada da API em execução no servidor. É assim quando programamos para smartphones ou para web com tecnologias como Angular, React e outras. Com essa mudança, os desenvolvedores passaram a repensar arquiteturas, adotando o REST em lugar do SOAP em suas APIs e, naturalmente, se fez necessária uma nova forma de autenticar os clientes . É desse ponto que tratam os conteúdos abaixo, onde você aprenderá como a autenticação funciona nesse contexto com o JWT (JSON Web Token):
-
DevCastPor que autenticar com JWT?
-
LiveClassConhecendo a Arquitetura da API Node.js para autenticação
-
MeetUpPor dentro da arquitetura do JWT
-
MeetUpPor dentro da arquitetura do JWT - Perguntas e respostas
-
5 MinutosInvalidando um token JWT em Node.js
-
MeetUpComo usar JWT no Angular com Inteceptors/Guards
-
MeetUpComo usar JWT no Angular com Inteceptors/Guards - Perguntas e respostas
-
ProjetoApp Fullstack com cadastro/login em Node.js e Angular
-
ArtigoComo o JWT funciona
Node.js
Node.js permite que programadores JavaScript criem aplicações para serem executadas no lado do servidor. Ele foi desenvolvido para a programação de aplicações escaláveis e que devem funcionar em rede, a exemplo de web sites ou APIs. Mesmo um servidor HTTP pode ser feito com algumas poucas linhas de código em Node.js:
const http = require('http'); const hostname = '127.0.0.1'; const port = 3000; const server = http.createServer((req, res) => { res.statusCode = 200; res.setHeader('Content-Type', 'text/plain'); res.end('Hello World\n'); }); server.listen(port, hostname, () => { console.log(`Server running at https://$:$/`); });
Veja uma introdução a esse ambiente de desenvolvimento nos cursos a seguir:
Ferramentas
É comum que no desenvolvimento web equipes de programadores criem seus códigos com o auxílio de algumas ferramentas baseadas em Node.js, sendo cada uma delas criada para um fim específico, em lugar de adotarem um único software com múltiplas funcionalidades. Aqui reunimos aquelas que consideramos fundamentais para quem deseja ser produtivo em seu trabalho como programador e se comunicar de forma eficiente com seus companheiros de equipe :)
Quer conhecer mais sobre o Node.js? Fizemos um Guia só sobre ele:
React Native
Conhecer o desenvolvimento mobile tem sido uma exigência cada vez mais frequente em entrevistas de emprego, de forma que essa habilidade não pode faltar no seu currículo. React Native permite ao programador JavaScript alcançar essa parcela do mercado de software utilizando, além dessa linguagem, o React. E melhor, criando aplicativos nativos! Quer saber como? Assista!
Testes
Testar é garantir que os erros presentes no código serão reconhecidos e corrigidos, aumentando assim a qualidade da aplicação. Escrever testes consistentes é algo a ser desenvolvido com o tempo, contudo os testes unitários são um excelente ponto de partida neste contexto. Saiba como testar seus códigos JavaScript de forma profissional nesta documentação.
WebAPI
O termo WebAPI refere-se a um conjunto de APIs criadas para expandir as capacidades das aplicações web. Elas permitem que, através do navegador, possamos fazer coisas como acessar dispositivos de hardware ou dados armazenados no computador dos clientes de forma segura. Nos conteúdos abaixo abordamos de forma prática algumas dentre essas APIs. Confira!
Documentação
Conhecer a linguagem com a qual trabalhamos é uma parte fundamental do processo de amadurecimento como programador. Sendo ela nossa principal ferramenta, é preciso passar algumas horas aperfeiçoando o domínio da sua sintaxe. Pensando nisso preparamos essa documentação, com a qual você se tornará um mago do JavaScript:
Projetos
Nesta seção você encontra projetos completos para download, que você pode estudar para melhorar as suas habilidades com o JavaScript:
Agora, abaixo você confere um projeto completo utilizando o JavaScript e outras tecnologias:
O projeto a seguir consiste em uma aplicação web para buscar filmes por título e descrição em um dataset de quase 400 mil registros. Para tal utilizaremos o Elasticsearch, um microsserviço feito em Node.js e uma Single Page Application feita Angular:
Autenticação por login e senha não é nenhuma novidade, mas como fazemos isso em APIs REST e em aplicações cliente, ou Single-page application? No projeto a seguir você confere todo o código:
Mais sobre JavaScript
Além dos cursos e exemplos sugeridos nesse guia, a DevMedia publica com frequência novos conteúdos sobre programação JavaScript, os quais você pode conferir nos Guias de Consulta abaixo:
Além disso, você pode conferir todo o conteúdo sobre programação JavaScript clicando aqui.
Black November
Desconto exclusivo para as primeiras 200 matrículas!
Pagamento anual
12x no cartão
De: R$ 69,00
Por: R$ 59,00
Total: R$ 708,00
Garanta o desconto
- Formação FullStack Completa
- Carreira Front-end I e II, Algoritmo e Javascript, Back-end e Mobile
- +10.000 exercícios gamificados
- +50 projetos reais
- Comunidade com + 200 mil alunos
- Estude pelo Aplicativo (Android e iOS)
- Suporte online
- 12 meses de acesso
Pagamento recorrente
Cobrado mensalmente no cartão
De: R$ 79,00
Por: R$ 64,00 /mês
Total: R$ 768,00
Garanta o desconto
- Formação FullStack Completa
- Carreira Front-end I e II, Algoritmo e Javascript, Back-end e Mobile
- +10.000 exercícios gamificados
- +50 projetos reais
- Comunidade com + 200 mil alunos
- Estude pelo Aplicativo (Android e iOS)
- Suporte online
- Fidelidade de 12 meses
- Não compromete o limite do seu cartão
<Perguntas frequentes>
Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.