Ling.

de Programação Início Capítulo 1

Introdução

Linguagem de Programação

1.0 Objetivos

1.1 Conceitos importantes

O que é JavaScript?

Qual a relevância de aprender JavaScript para o mercado?

5 motivos para aprender JavaScript

Resumindo...

1.2 Como o JavaScript funciona

O que dá para fazer com JavaScript?

1 – Adicionar comportamento interativo nas páginas da web

2 – Criar página na web e apps

3 – Construir web servers e desenvolver aplicações

4 – Desenvolvimento de jogos

1.3 JavaScript não é Java!

1.4 Preparando o Ambiente de Trabalho

Nem sempre foi bonitinho assim...

Editores de Código e IDE

IDE e editor de código mais utilizados

Mas afinal, existe um editor ou IDE que seja a melhor?

Instalando e Configurando um IDE

1.5 Resumo

1.6 Extras

1.0 Objetivos

1.1 Conceitos importantes

Se algum dia você já pensou em se tornar um programador ou no nosso caso um desenvolvedor web, muito provavelmente já se perguntou quais
seriam as melhores ferramentas para isso. Dentre as diversas linguagens de programação disponíveis, algumas tem uma aplicação dedicada a atuação
na web, outras já tem maior aplicação no desenvolvimento desktop (aplicações convencionais). Para introduzi-los nesse "novo mundo" vamos utilizar a
linguagem JavaScript que destaca-se como componente primordial da tríade do desenvolvimento web, acompanhado por HTML e CSS. Neste material
vamos descobrir o que é e qual a importância de se aprender JavaScript, além de seus benefícios para o atual mercado de Tecnologia da Informação.
Ficou interessado? Então, confira só o conteúdo que preparamos para você.

JavaScript é uma linguagem de programação que permite a implementação de elementos complexos e dinâmicos em páginas da internet.

O que é JavaScript?

Todas as vezes que entramos em alguma página na internet e ela faz mais do que
apenas exibir informações estáticas, como conter imagens gráficas que se
movimentam, dados interativos, vídeos ou conteúdos que são atualizados de tempos
em tempos, provavelmente estamos falando de JavaScript.

Logo, o JavaScript é uma linguagem de programação que permite a implementação de

elementos complexos e dinâmicos em páginas da internet. Por meio dele, é possível
manipular, calcular e validar informação, além de atualizar e aperfeiçoar códigos
feitos em HTML e CSS.

O que é JavaScript? | #HipstersPontoTube

Share

Figura 1.1.1: JavaScript (frequentemente abreviado como

JS) é uma linguagem de programação interpretada

Watch on

Vídeo 1: O que é JavaScript?

Qual a relevância de aprender JavaScript para o mercado?

Poder incluir JavaScript em seu currículo certamente será um passo importante para atuar na área de programação. Não somente por conta da
versatilidade da ferramenta e da possibilidade em se construir sites do zero, mas também porque JavaScript é a linguagem de programação mais
popular do mundo, conforme relata o relatório da empresa Stack Overflow realizado em 2022!

No mercado global de TI (Tecnologia da Informação), a demanda por pessoas que programam nessa linguagem só cresce. De acordo com uma pesquisa
feita pelo hacker Rank, 48% das empresas ao redor do mundo precisam de pessoas desenvolvedoras de JavaScript, enquanto somente 42% destas têm
essa habilidade. Isso significa que a procura por profissionais dessa área é maior que a quantidade de pessoas capacitadas para preencher essas
vagas.

5 motivos para aprender JavaScript

Se ainda não fui capaz de convencer você da importância de se aprender JavaScript, então veja só alguns motivos pelos quais essa linguagem de
programação é indispensável:
1. Linguagem mais usada no mundo:

Como já dito anteriormente, JavaScript está há mais de dez anos sendo a linguagem de programação mais comum entre pessoas desenvolvedoras
do mundo todo. Como consequência, a demanda por profissionais do ramo sempre é alta, garantindo alta empregabilidade e boa remuneração.
2. Disponibilidade de recursos:

Por ser popular no mundo todo, existe um acervo enorme de materiais sobre o assunto disponível na internet. Com o crescente número de
pessoas que programam com essa linguagem, muitos códigos já vêm prontos em pacotes com diversas funcionalidades, o que facilita a vida de
quem o utiliza para desenvolvimento web.
3. Fácil aprendizagem:

A vasta produção de conteúdo e material de apoio para a linguagem resulta em uma curva de aprendizagem menor. Se algo der errado ou alguma
parte do código não estiver funcionando, existem muitos fóruns pela internet que são capazes de resolver essas situações em questão de minutos,
bastando apenas dar um Google.

Além do mais, JavaScript oferece um início muito facilitado para pessoas que estão aprendendo a programar. A linguagem conta com uma sintaxe
simples e com somente pouco código já é possível perceber resultados imediatos. Portanto, aprender JavaScript é recomendado para todas
as pessoas desenvolvedoras, desde novatas até veteranas.
4. Versatilidade:

Aprender JavaScript fornece uma vantagem logo de cara: todo navegador moderno vem com a ferramenta pré-instalada. Isso indica que não é
necessariamente preciso preparar um ambiente de desenvolvimento como algumas outras linguagens. Você pode começar a programar agora
mesmo com o bloco de notas!

Fora isso, JavaScript suporta paradigmas de programação como a orientada a objetos, funcional e imperativa. Com a ajuda de alguns frameworks
como o Node.js, ele pode ser utilizado inclusive fora do ambiente web, para outras utilidades.
5. Salário:

Como dito anteriormente, existe uma procura muito grande por profissionais que saibam desenvolver utilizando JavaScript. De acordo com sites
de buscas de emprego, o salário de uma pessoa desenvolvedora de JavaScript é, em média, R$ 3.875,00. Quem já está na área há um pouco mais
de tempo pode fazer até R$90 mil ao ano.

Resumindo...

Além disso, bibliotecas (Libraries) e frameworks modernos de JavaScript como NativeScript e React Native convertem componentes desenvolvidos com
XML, CSS e JavaScript em componentes nativos, gerando aplicações para Android e IOS altamente performáticas e bonitas.

Assim, um bom desenvolvedor JavaScript pode atuar como desenvolvedor Mobile, Desenvolvedor Front-End, Desenvolvedor Back-End ou mesmo como
desenvolvedor Full-Stack e modelar os bancos de dados utilizados pelas suas aplicações.

Como podemos ver, aprender JavaScript, além de ser muito prático e versátil, ainda pode ser muito vantajoso no quesito salarial. Em síntese, JavaScript
é uma linguagem de programação que é largamente utilizada por profissionais do mundo todo, fazendo com que exista alta demanda por profissionais.
Além do mais, o fácil acesso a materiais e recursos faz com que a curva de aprendizagem seja baixa.

1.2 Como o JavaScript funciona

Para entender como o JavaScript funciona, é

preciso conhecer o conceito de “lado do
cliente”, também chamado de client-side, e
“lado do servidor”, chamado de server-side (ver
Figura 1.1.2).

Você sabe o que acontece quando você acessa

um site? Basicamente, o que ocorre é uma
requisição de acesso a um servidor que
permite que um portal seja carregado na sua
tela.

Figura 1.1.2: Explicação de como funciona o client-side e o server-side

Nesse servidor, é onde acontece a “mágica”, onde uma página é montada, apoiada pelo HTML, CSS e Javascript (entre outras tecnologias) para que seu
browser (navegador) à exiba. É isso que está acontecendo neste momento, onde você está acessando esse site.

No seu navegador, que é o lado “do cliente”, no caso, o usuário, vê a parte estática (HTML + CSS) e também a parte dinâmica (Javascript). Toda a
comunicação que clientes não veem entre uma aplicação e, por exemplo, um banco de dados, é do “lado do servidor”.

Por isso, falamos que existe o client-side, ou seja tudo que está acontecendo do lado do browser e de quem está acessando, e o server-side, tudo que
acontece do lado do servidor, no backend da aplicação.

Dentre as linguagens de programação existentes, como por exemplo Python, Ruby, Java, os navegadores conseguem interpretar apenas Javascript.

O que dá para fazer com JavaScript?

Figura 1.2.1: Aplicações do JS

1 – Adicionar comportamento interativo nas páginas da web

O JS permite que pessoas usuárias interajam com uma página e isso pode incluir diversos exemplos, como:
mostrar e esconder informações ao clicar em um botão ou alguma parte do site
montar carrosséis de imagens com transições
zoom em imagens
timers ou contagem regressiva
animações
atualizar elementos sem a necessidade de atualizar a página

2 – Criar página na web e apps

Existem diversos tipos de frameworks que auxiliam na criação de aplicações web e aplicativos mobile e deixam o seu desenvolvimento mais prático e
rápido.

Um framework é um conjunto de código que auxilia na execução de diversas funções, o objetivo é usar funcionalidades e estruturas já prontas para que
você consiga ter mais produtividade e qualidade no desenvolvimento do seu projeto.

3 – Construir web servers e desenvolver aplicações

Além de usar o Javascript para a parte front-end, é possível usá-lo para construir a estrutura backend e servidores, com o uso do Node.js. Isso facilita
você não ter que aprender uma linguagem de programação diferente para conseguir fazer uma aplicação de ponta a ponta.

4 – Desenvolvimento de jogos

Como já falamos que Javascript é usado para toda a parte do lado do browser, também é possível desenvolver jogos que rodem nos browsers. Inclusive,
é uma ótima forma de aprender a linguagem de uma forma divertida. Existem diversos tutoriais que já usam jogos para explicar JS.

1.3 JavaScript não é Java!

A primeira coisa que você precisa saber: JavaScript não tem
nada a ver com Java. Java é uma linguagem server-side,
como PHP, Ruby, Python e tantas outras. A única coisa
parecida entre eles é o nome. ;-)

Figura 1.3.1: Diferença entre Java e JavaScript

Qual a diferença entre Java e Javascript - Dicas de programação

Share

Watch on

Vídeo 2: Java vs JavaScript

1.4 Preparando o Ambiente de Trabalho

O ambiente de desenvolvimento integrado (IDE do inglês Integrated Development Environment), é uma ferramenta de desenvolvimento para editar o
código, acessar um terminal, executar um script , "debugar" (encontrar e corrigir erros no código - vem de tirar bugs) e compilar usando um único
ambiente.

Figura 1.4.1: Exemplo de ambiente de desenvolvimento integrado

Um IDE é um programa repleto de funcionalidades que podem ser usadas por muitos aspectos no desenvolvimento de software, que inclui ferramentas
de preenchimento de código, plugins, e muitos outros recursos para facilitar o processo de desenvolvimento de software. Porém, atualmente existem
diversas IDEs disponíveis no mercado, algumas desenvolvidas para linguagens de programação específicas, outros editores de código que se
comportam como IDE. Vamos descobrir um pouco mais sobre isso.

Nem sempre foi bonitinho assim...

Antes dos IDEs, os programadores escreviam seus programas em editores de texto. Isso envolvia escrever e salvar um aplicativo no editor de texto antes
de executar o compilador, anotar quaisquer mensagens de erro e, em seguida, voltar ao editor de texto para revisar seu código e isso levava muito
tempo.

Em 1983 a empresa dinamarquesa Borland lançou um editor de código e compilador de linguagem de programação Pascal chamado Turbo Pascal. O
desenvolvimento do compilador Turbo Pascal, pela Borland, teve uma grande importância no sucesso da linguagem Pascal, já que não era apenas um
simples compilador, mas um ambiente de desenvolvimento onde se podia construir e depurar o código, o que foi uma novidade para a época.

O Turbo Pascal lançou a ideia de um ambiente de desenvolvimento integrado, mas muitos acreditam que o Visual Basic (VB) da Microsoft, lançado em
1991, foi na verdade o primeiro IDE real da história.

Editores de Código e IDE

Os editores de código podem ser editores de texto simples, como Notepad++ ou VIM, por exemplo, mas que não aprimoram o processo de edição de
código. Porém, existem alguns editores de código com diversas funcionalidades integradas, plugins e terminais acoplados que facilitam muito o
desenvolvimento. Como exemplo podemos citar o Atom, o Sublime Text, e o famoso Visual Studio Code. Mas qual a diferença entre um editor de
código e uma IDE?

Editores de código são editores de texto com poderosos recursos integrados e funcionalidades especializadas para simplificar e acelerar o processo de edição de
código.

Já um IDE, por outro lado, é um conjunto de ferramentas de desenvolvimento de software projetadas para tornar a codificação mais fácil. Em outras palavras,
um IDE possui um editor de código, um depurador, compilador e outros recursos importantes, tudo em uma única ferramenta.

Existem diferentes tipos de IDEs, alguns de grandes organizações dos quais você provavelmente já ouviu falar, como Visual Studio da Microsoft, Xcode
da Apple, e o Android Studio da Google. Os IDEs populares são Eclipse, IntelliJ IDEA, NetBeans, PyCharm, entre outros.

IDE e editor de código mais utilizados

Segundo o Stack Overflow, os ambientes de desenvolvimento mais utilizados por aqueles de desenvolvem são Visual Studio Code, Visual Studio e IntelliJ
(ver Figura 1.4.2).

Mas afinal, existe um editor ou IDE que

seja a melhor?

Tomo a liberdade para dar minha sincera

opinião sobre essa pergunta. A resposta é
não.

Para aqueles que programam em Java, IntelliJ,

NetBeans ou Eclipse são excelentes
recomendações. Já para quem desenvolve
utilizando o Javascript, Visual Studio Code e
Atom.

A escolha do editor ou IDE é pessoal e

depende muito da linguagem ou área de
atuação. Além disso, existem pessoas que se
adaptam melhor com um ambiente do que
outro.

Figura 1.4.2: IDEs mais utilizadas no mundo.

Instalando e Configurando um IDE

Veja abaixo a plataforma que te atenda e instale no seu dispositivo para que possamos começar a programar. A IDE é uma ferramenta importante, mas
pode ser substituída por qualquer uma que seja equivalente (faça a mesma coisa). Se está em dúvida em qual utilizar, instale/use todas inicialmente,
alguma delas vai te agradar mais do que outras. Além das destacadas abaixo existem outras também muito recomendas (inclusive já citei acima) como a
Atom e o Sublime Text.

COMO BAIXAR E CONFIGURAR O VISUAL STUDIO CODE PARA INICIANTES

Share

Watch on

Vídeo 3: Instalação na Plataforma Windows

Baixar e Instalar o Visual Studio Code no Linux - 2023

Share

Watch on

Vídeo 4: Instalação na Plataforma Linux

7 Editores Incríveis para Programar Online que Você Deveria Experimentar

Share

Watch on

Vídeo 5: IDEs e Editores de Código online

COMO PROGRAMAR PELO CELULAR !!! - Dcoder

Share

Watch on

Vídeo 6: IDE para Smartphone

1.5 Resumo
Este material objetivou destacar os pontos essenciais necessários para o aprendizado da programação com JavaScript. Para ser um programador você
deve ser persistente e cuidadoso com os detalhes de codificação, desta forma uma boa ferramenta de trabalho (IDE) é essencial. Nas próximas aulas
vamos colocar a mão na massa, para isso, nosso ambiente de trabalho deve estar preparado. Programação é algo que se aprende com treinamento,
dedicação e muita codificação. Também podemos ver que JavaScript é uma linguagem de destaque no cenário atual. Podemos observar que existem
diversas opções de editores de código, alguns estão disponíveis online, mas não dispense um editor profissional que vão poder te auxiliar muito, vários
deles são gratuitos.

1.6 Extras

Códigos HTTP HTML Arquitetura Cliente x Servidor Deu Bug no sistema

Cookies e seu uso nos navegadores W3C e os padrões WEB WWW

Fontes:
https://blog.cronapp.io/
https://br.talent.com/
https://survey.stackoverflow.co/
https://blog.geekhunter.com.br/
https://blog.betrybe.com/

“Criatividade é a arte de conectar ideias.”

Steve Jobs

IFSULDEMINAS - CAMPUS AVANÇADO TRÊS CORAÇÕES - 2022