0% acharam este documento útil (0 voto)
19 visualizações17 páginas

Arquivo Live JavaScript

Enviado por

Bruno Coutinho
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
0% acharam este documento útil (0 voto)
19 visualizações17 páginas

Arquivo Live JavaScript

Enviado por

Bruno Coutinho
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
Você está na página 1/ 17

Intensivão de

JAVASCRIPT
Live Extra
Introdução à programação e ao JavaScript!
A ideia é você ter contato com os principais
elementos da programação, como as principais
estruturas de código e a lógica de programação.
Esse é um tópico super importante, já que,
apesar do contexto de JavaScript, é um
conhecimento que pode ser utilizado em
inúmeras outras linguagens, como Python, Java,
C e muito mais.
As principais estruturas do JavaScript!
Programação é como projetar uma máquina,
feita para transformar uma informação como
desejamos. E tão importante quanto conhecer a
máquina é conhecer o dado, a informação que a
máquina vai manipular. Esse tópico apresenta as
formas mais comuns de informação na
programação com JavaScript, como Listas e
Objetos.

Imagine que a Amazon resolveu fazer uma


mega promoção em todos os seus livros: 60% de
desconto nas próximas 24hs. Os programadores
da empresa terão então que submeter os preços
de todos os produtos ao mesmo cálculo,
obtendo assim uma lista final de preços
atualizados.
Tratamentos de Erros e Bugs
Sabe o queijo suíço? Aquele cheio de furos? Imagine
que você ganhou um pedaço inteiro. Vários buracos,
né? Agora imagine que ganhou outro pedaço inteiro...
Você tem mais furos ainda, certo? Então quanto mais
queijo, menos queijo?

Brincadeiras à parte, erros e bugs são intrínsecos à


programação. Só não produz erro quem não
programa. E quem mais escreve código, mais bugs
produz. Sendo assim, é imprescindível saber lidar com
bugs de uma forma eficiente, pois lidar com eles é
uma parte fundamental do dia a dia do programador.
Para isso devem ser aplicadas técnicas como a
“depuração”, “tratamento de entradas” e outras.
Front-End vs Back-End
Muitos dos sistemas de internet que conhecemos e
utilizamos diariamente baseiam-se na organização em
duas partes que trabalham em conjunto: o “front-end”
e o back-end”. Enquanto os dois são sistemas feitos
com programação, o front-end trata-se da interface da
plataforma (sites, aplicativos de celular), e por ser a
parte com a qual o usuário interage, desenvolvê-la
envolve não só “pensar em código”, mas também em
elementos visuais, como telas e botões. Para isso,
Front-end
usamos regularmente tecnologias que
complementam o JavaScript com essas capacidades,
como o HTML e o CSS.
Front-End vs Back-End

Já para o back-end, parte do sistema comumente


responsável por lidar com todos os dados da
plataforma, fazemos uma programação segura e
elaborada, frequentemente utilizando tecnologias
adicionais, como bancos de dados.

Back-end
Desenvolvimento Web/Front End

Chegou a hora de se aprofundar nos conceitos que


estão no DNA do JavaScript. Como uma linguagem de
programação originalmente feita para permitir o
surgimento de sites inteligente, é impossível
dissociarmos a internet da nossa linguagem. HTML,
CSS e formas de comunicação são assuntos que
frequentemente se apresentam junto dos estudos de
JavaScript.

Esse é um grupo de conceitos importantes,


imprescindíveis para aqueles que desejam ocupar
vagas de “Desenvolvedor Front-End”.
Front End & Back End
Front End & Back End
Front End & Back End
Front End & Back End
Front End & Back End
JavaScript Assíncrono
Técnicas da programação que tem como
finalidade a execução dos seus códigos sem
interrupções desnecessárias.

Imagina que você está numa fila de


supermercado, tendo apenas 2 produtos
para pagar, coisa rápida. Não é chato
quando você tem que esperar a pessoa da
frente, aquela que tem dois carrinhos cheios
de produtos?

Aqui no JavaScript, a gente aprende a lidar


com o exato mesmo problema. Tarefas mais
demoradas não devem bloquear o seu
programa inteiro, especialmente se o código
subsequente não depender em nada dessa
tarefa complicada.
Bibliotecas de JavaScript
Não só devemos aprender a desenvolver o nosso
código, mas é muito importante sabermos integrá-lo
com os códigos já produzidos por outros
desenvolvedores.

Seu pneu furou no meio da estrada. O que você faz?


Pega o step, o macaco e mãos à obra, certo? Mas
como seria se você tivesse que fabricar seu próprio
macaco, ou a sua própria chave para retirar o pneu?

Da mesma forma que é estranho falarmos de fabricar


nossas próprias ferramentas, o mesmo vale pra
códigos que usamos. Não só é uma grande ajuda,
mas é super comum o uso de bibliotecas para
incorporarmos funcionalidades prontas à nossa
aplicação. Trata-se da nossa caixa de ferramentas da
programação.
O NodeJS
JavaScript foi criado com o intuito de possibilitar
uma internet inteligente, e sabemos disso.
Contudo, uma linguagem de programação tão
poderosa não deveria ter finalidades limitadas, não
acha? Isso é o que pensavam os primeiros
programadores de JavaScript, e com o surgimento
do NodeJS, isso se tornou realidade. Trata-se da
primeira plataforma/programa capaz de executar
código de JavaScript fora do navegador,
expandindo imensamente as suas capacidades.
Aprender a utilizar o Node significa então expandir
o seu horizonte de possibilidades enquanto
programador, podendo então usar o JavaScript
para também desenvolver o back-end dos
sistemas.
ReactJS
O ReactJS surge como uma biblioteca que une html,
css e Javascript, inteligência e interface, num código
só, a fim de melhorar o que já era bom.

Quando a gigante da internet, o Facebook/Meta,


sentiu que as tecnologias vigentes limitavam o
desenvolvimento de suas plataformas, a (r)evolução
começou.

O ReactJS, biblioteca de JavaScript desenvolvida


pela gigante das redes sociais, surge facilitando,
melhorando e expandindo os horizontes da
construção de front-ends. E essa aposta deu tão
certa que a tecnologia irmã, o React Native, nasceu
dois anos depois para levar o JavaScript para a
construção de aplicativos de celular.
Praticar com projetos
Não se aprende programação sem prática. Desde
exercícios de fixação até projetos completos que
integram os conhecimentos adquiridos em cada um
dos tópicos estudados, colocar a mão na massa é
fundamental para o domínio pleno do JavaScript.
Desde sistemas que podem ser feitos em cursos até
projetos para o seu dia a dia (como uma plataforma
de controle de estoque para a loja do seu tio, ou um
aplicativo que controle os dispositivos eletrônicos da
sua casa), a prática é o que te tornará um
desenvolvedor.

Você também pode gostar