Curso Javascript Completo: Aula 01 - JS Interno e Externo

Olá seja muito bem-vindo seja muito bem-vindo ao nosso curso de Java script aqui do programação web nesse curso de JavaScript você vai aprender todos os fundamentos tudo que você precisa sobre essa linguagem de programação essencial a queridinha do momento no mundo da programação que é o JS How Java escript caso você ainda não tem assistido as outras aulas dos cursos de html CSS Eu recomendo que você assista antes dessa parte de JavaScript porque os jovens script complementa é a parte lógica de todas essas outras etapas anteriores então eu te recomendo que você Clique na playlist que vai aparecer aqui no card e assista primeiro todas as aulas de html depois assista aqui em cima todas as aulas de CSS E aí sim aí você vem para esse nosso curso de JavaScript que as coisas vão fazer muito mais sentido na sua mente caso você não saiba nem Qual que é o programa que você usa para programar você caiu de paraquedas aqui e também aqui no canal o vídeo que fala qual é o melhor programa para você usar para programar isso aí vai ser importante também para você acompanhar as aulas beleza esse conteúdo aqui é um conteúdo 100% gratuito mais com material com a qualidade de conteúdo pago de curso pago Então mostra a sua gratidão deixando o seu like e se inscrevendo no canal compartilhando com um amigo seu que não tem condição de comprar um curso pago de programação e eu tenho certeza que você vai ajudar ele tem certeza que isso aqui vai te ajudar muito também Beleza então vamos lá vamos aprender vamos pôr a mão na massa e entender como funciona o Java script vamos lá JavaScript é uma linguagem de programação usada para adicionar interatividade o nosso site por exemplo o que acontece quando clicar no botão fazer a validação de formulários quase Com quem o nosso site possa funcionar de forma dinâmica à medida que o nosso usuário interage no site por exemplo mostrando alguma coisa tirando alguma coisa fazendo algum efeito visual uma e entre outras série de coisas que nós podemos fazer com JavaScript e java script ele é abreviado como JS são os arquivos JavaScript eles são pontos JS se você quiser pronunciar isso em inglês você também vai ouvir o ponto d e s ou JS rolando dos jovens clipe da mesma coisa o JS é uma linguagem de programação dinâmica cheia de recursos mas que está sempre atrelada a documento HTML quando a gente fala de Java script para web a gente sempre vai ter junto no java script HTML e possivelmente o CSS trabalhando também ele faz a parte da dinâmica do nosso site então a gente poderia dizer com HTML CSS e JavaScript eles formam o time completo que vai formar nossa página é vamos dizer sim eu já vi escrito e a terceira camada a camada dinâmica camada o inteligente da nossa página uma curiosidade e interesse O que é que muita gente confunde java scrip com Java e uma coisa não tem nada a ver com outras são duas linguagens de programação diferente certo pessoal então tem em mente que java script é diferente de Java São duas linguagens de programação totalmente diferentes a linguagem de programação Java script ela foi desenvolvida pela Netscape não faz parte da plataforma Java que foi feito ou a oreiko javscript Ele não cria aplicações Independentes hoje em dia até tem recursos para se fazer isso mas quando ele foi criado não era para isso java script funciona junto documentos HTML e é como se fosse um script de texto que a gente vai rodar dentro das nossas páginas já o Java é uma linguagem de programação totalmente diferente diferente orientada a objetos também é uma linguagem compilável pode funcionar em máquina virtual fora de um browser pode dizer que tá até um programa para homens sistema operacional como o Windows entre outros é importante você entender esse detalhe que Java scrip não é o mesmo que Java então às vezes cê pode falar para alguém assim olha eu tô aprendendo Java mas você não está aprendendo Java você está aprendendo Java escript o nome da linguagem é essa Java scripts JS certo só para você não confundir nesse aspecto aí então para começarmos os nossos trabalhos aqui com o nosso módulo de jovens cript eu vou entrar lá na nossa pasta onde a gente está fazendo os nossos sites lá em ser: sites e aqui eu vou criar um novo módulo né Vamos pegar aqui uma nova pasta chamada aulas JS Vou Colocar assim aulas e jovens cript e aqui dentro a gente vai fazer os nossos trabalhos com Java script então vou abrir aqui o meu vs code vou fechar até o que nós fizemos na última aula aqui que foi aquele template responsivo que nós trabalhamos ainda aqui em philly né Paio Close folder para a gente fechar aqui eu vou restaurar o meu vs code e vou pegar aqui a minha pasta do aula JS e jogar aqui para dentro do vs code para a gente já ter essa faixinha aqui para a gente trabalhar Olá aulas JS Beleza o javscript ele sempre funciona em conjunto com o HTML quando a gente está desenvolvendo para web né então vou criar aqui uma página index só o padrão index. hu ml e aqui vamos fazer um arquivo do tipo HTML5 colocar quio pt-br e vamos colocar como título do documento aprendendo JS ou aprendendo java script existem basicamente duas formas de nosso colocarmos javscript dentro de uma página o chamado javscript interno e o JavaScript externo muito parecido com que a gente viu também no caso do CSS que a gente tinha um sucesso interno e o CSS externo certo pessoal O javscript interno ele funciona da seguinte maneira e aqui das nossas tags vale a gente pode passar aqui uma tag chamada script e dentro dessa tag script abertura e fechamento nós colocamos o nosso código java script que vai ser interpretado pelo navegador então se eu passar por exemplo um comando aqui já vi escrito por exemplo vou passar aqui alerte a gente põe entre parênteses um valor entre aspas simples que a gente pode passar olá mundo e vamos dar um ponto e, aqui no final isso que a gente acabou de fazer é uma sim táxi em jovens clips ou seja o código em Java Script que a gente passou dentro das tags de script a gente mandou ele emitiu um alerta passando aqui o valor entre aspas simples quer dizer que só um texto vai escrever olá mundo beleza se eu pegar e clicar com o botão direito e Open with Live server para a gente rodar com o nosso live-server olha só o que que acontece ele vai abrir essa caixinha para nós aqui dizendo olá mundo né e O que é é esse Alerta que nós estamos dando olá mundo beleza Olá mundo dois vamos colocar um outro número aqui só para você ver ela carregou olá mundo dois certo então colocamos aqui um código JavaScript que está funcionando dentro da nossa página e são Java scrip interno quando a gente põe o JavaScript dentro da própria página mas a maneira como a gente geralmente mais trabalha assim como no caso do CSS eo JavaScript externo quer dizer um JavaScript que vai ficar em outra página E para isso que a gente faz a gente normalmente vem aqui na raiz do nosso projeto a gente cria uma pasta chamada JS ou seja java script e dentro dessa Nossa pasta JS a gente pode criar que um arquivo a gente pode chamar por exemplo do nome que a gente quiser vou colocar como index. js eu poderia chamar isso aqui de script.

JS enfim o nome que você quiser dar aqui tá é muita diferença Vou colocar aqui index. JS também vai dizer que a minha página do tipo javscript você vê que as páginas do tipo JavaScript tem esse símbolo Zinho aqui amarelinho JS é o símbolo oficial do jovens clipe certo pessoal se eu pegar agora esse conteúdo só esse Alerta e tirar daqui e passar aqui para dentro da minha página eu vou ter aqui uma ação e jovens clipe Mas como que eu faço para isso aqui ser rodado na minha página né eu vou precisar referenciar esse meu java script aqui na minha HTML e como é que eu faço isso eu tenho aqui a minha tag scripts e aqui eu vou passar src e o caminho que eu quero eu vou colocar JS index. hu JS então na minha tag descript eu mostrei Qual é o caminho que eu quero ser aonde é que vai estar lá o meu documento Então vai tá dentro da pasta JS index.