Indrodução ao JavaScript

1. Java Script
PROFESSOR LUCAS SANTOS
PARTE 1

2. O que é JavaScript e por dominar
essa linguagem é tão importante ?
11/10/2023
✓Uma das linguagens de programação mais usadas no mundo;
✓Isso por que o JavaScript é uma linguagem de programação completa que
permite as empresas criarem sites, sistemas, aplicativos, automações, jogos
e por ai vai;
✓E só para você ter uma ideia, quase todas as empresas que usam
JavaScript, seja para criar um site externo(Como os que você usa, Google,
YouTube, Instagram, etc), seja para criar uma site interno, um CRM, e por ai
vai.

3. O que é JavaScript e por dominar
essa linguagem é tão importante ?
11/10/2023
✓Esse foi o objetivo principal da criação do JavaScript: Permitir que a internet,
os sites fossem mais dinâmicos, mais interativos, conseguissem fazer mais
coisas e transformar a internet no que conhecemos hoje;
✓Basicamente o JavaScript é o rei da internet.

4. Por que dominar JavaScript é
tão importante ?
11/10/2023
Linguagens de programação mais usadas no mundo
0% 10% 20% 30% 40% 50% 60% 70%
JavaScript
MTML/CSS
Python
SQL
Java
Node.js
TypeScript
Fonte: Statista 2021

5. Motivos para aprender
JavaScript!
11/10/2023
✓JavaScript não possui pré requitos;
✓Por si só é uma linguagem completa, que te permite criar sites, sistemas e
aplicativos sem outros pré requisitos.

6. Por que dominar JavaScript é
tão importante?
11/10/2023
✓E, principalmente, por que JavaScript é uma das melhores linguagens para
começar a aprender a programar, porque:
1 – É fácil de aprender. É muito mais simples de aprender do que outras linguagens.
E mais: Com JavaScript você consegue ver muito mais rápido o resultado do que você
esta programando;
2 – Versatilidade: O JavaScript tem MUITAS possibilidades: criação de sites, de
sistemas, aplicativos, jogos e por ai vai.
3 – Altíssima demanda: é a atualmente a linguagem que mais possui vagas no
Brasil.

7. O que é, e como funciona o
JavaScript ?
11/10/2023
Sites
Front-End Back-End
É a parte que você vê do site, ou seja,
as telas, a parte visual, as animações.
É toda a inteligência que existe por
trás do sistema.

8. O que é, e como funciona o
JavaScript ?
11/10/2023
Back-End
Quando você faz login em um site, e o site
precisa verificar se a senha que inserida
esta correta, isso é o back-end.

9. O que é, e como funciona o
JavaScript ?
11/10/2023
Quando você faz uma busca por um produto em um site, para que o site
consiga exibir os produtos da sua busca, isso é o back-end.

10. O que é, e como funciona o
JavaScript ?
11/10/2023
Quando você entra no seu Spotify, para a plataforma mostrar as suas
playlists, por exemplo, isso é back-end.

11. Front End & Back End
11/10/2023
Quando você faz login no Instagram e ele
precisa exibir sua fotos, seus amigos e sua
mensagens, os stories, etc, ...
Isso tudo será exibido no front end, porém
é o back end que ‘busca’ essas
informações, organiza e envia para o
celular poder exibir.

12. Front End & Back End
11/10/2023
Ao tentar realizar uma transferência de
R$1.000,00 para um amigo.
Para fazer a verificação se existe saldo
suficiente disponível para a operação, o
Back End vai avaliar os dados disponíveis e
exibir no Front End a mensagem de
confirmando ou não se a transferência foi
bem sucedida.

13. Front End & Back End
11/10/2023
Quando você tenta ajustar o limite do seu
cartão de crédito.
Você interage com a sistema através do
Front End, ajustando o valor desejado
dentro da faixa que aparece.
O responsável por enviar os valores dessa
faixa(de mínimo e máximo de crédito
disponível) é o Back end.

14. Front End & Back End
11/10/2023
Quando você recebe notificações no
celular;
O Back End se encarrega d criar as
notificações, e enviar por seu celular exibi-
las (Front End).

15. Front End, Back End , Full Stack
& Desenvolvedor Mobile
11/10/2023

16. Exemplos
11/10/2023

17. • Existem mais de 34.000 vagas somente no
brasil procurando por profissionais que
dominem o JS.
Fonte: linkedin 2023
11/10/2023

18. • 97,8% dos sites usam JavaScrip
11/10/2023
• Quais empresas usam ?

19. Então se você quer aprende
JavaScript para ...
11/10/2023
•Trabalhar como desenvolvedor
•Aprender a programar com uma das linguagens mais importantes do
Mundo e uma das melhores para começar a aprender.
•Continuar no emprego atual, mas usar o JS para se destacar, automatizar
processos e resolver desafios que ninguém mais consegue, criando sistemas
como:
• Controle de estoque
• Vendas e gestão de equipe
• CRM
• E muito mais ...

20. Java Script
PROFESSOR LUCAS SANTOS
PARTE 2

21. JavaScript: Uma linguagem de
programação
11/10/2023
✓O que é uma linguagem de programação ?
✓Quais são as outras linguagens de programação ? JS é melhor do que elas ?
✓Por que eu deveria aprender JavaScript ?

22. Um pouco sobre Web
11/10/2023
•Cliente
• Interface do usuário
•Servidor
• Lógicas sensíveis da empresa

23. As tecnologias da Web
11/10/2023
HTML : estrutura | CSS : aparência | JavaScript : inteligência

24. Vamos praticar!
VSCODE

25. 01 Instalação VScode
11/10/2023
Passo

26. www.nodejs.org
11/10/2023
Passo
02 Instalação Node.js

27. www.vitejs.dev
11/10/2023
Passo
02 Instalação Vite.js

28. 11/10/2023

29. 11/10/2023

30. 11/10/2023