WL_Code_Script_1280x720.mp4

00:00:00

Neste tutorial, discutirei o widget de código e script

00:00:04

Agora o widget de script de código, ele é usado para inserir qualquer código JavaScript que você deseja incorporar em um ponto específico do site

00:00:12

Ele está localizado bem aqui embaixo

00:00:15

Agora, depois de criar esse widget, ele vai pedir o código JavaScript

00:00:20

E não vou entrar em muitos detalhes no que diz respeito ao JavaScript porque não é disso que trata este tutorial.

00:00:26

Mas vou apresentar o básico das linguagens da internet

00:00:30

Bem aqui, temos três idiomas principais que compõem o site médio

00:00:35

A linguagem primária é chamada HTML, também conhecida como linguagem de marcação de hipertexto

00:00:41

E essa é a linguagem central sobre a qual os sites são construídos

00:00:44

E é basicamente isso que está em um site e o conteúdo de um site

00:00:49

E isso anda de mãos dadas com CSS chamado folhas de estilo em cascata

00:00:54

E é isso que determina a aparência e o layout de um site, como as fontes, as cores, os estilos e o posicionamento desse conteúdo.

00:01:03

E isso anda de mãos dadas com HTML

00:01:05

E também tem o JavaScript, que é uma terceira linguagem

00:01:08

E isso é usado para adicionar funcionalidade aprimorada a um site e adicionar mais interatividade e recursos extras também

00:01:15

Então, como eu disse, não vamos realmente ensinar codificação JavaScript hoje

00:01:19

Vamos apenas mostrar como o widget funciona em nossa plataforma

00:01:22

Depois de criar o widget, ele solicitará o código JavaScript

00:01:27

Você pode digitar seu próprio código ou copiar algum código existente

00:01:30

Tenho aqui apenas alguns códigos de exemplo neste site usados para fins de demonstração

00:01:36

Este código aqui, o que isso vai fazer é gerar a data exata

00:01:41

Então, se você copiar esse código e colá-lo na caixa de código do widget e salvá-lo, ele será gerado

00:01:50

Essa é a data em que esse vídeo foi filmado

00:01:53

E se você chegasse em um dia diferente, isso seria atualizado para a data atual

00:01:57

Então é isso que o código JavaScript faz: é interatividade e funcionalidade extra

00:02:01

Também podemos adicionar a hora atual

00:02:05

Então, se eu copiar esse código completo e colá-lo na caixa, ele também mostrará a hora

00:02:09

Então você não precisa criar um novo widget para cada código que deseja colar

00:02:15

Você pode, se quiser, separar os widgets

00:02:18

No entanto, enquanto houver espaço entre os diferentes códigos, quando você salvá-los, eles serão colocados um ao lado do outro.

00:02:26

Então você vê bem ali, agora é a data atual e a hora atual

00:02:29

E você pode fazer muita coisa com JavaScript

00:02:33

Depois de aprender o que é e como funciona, ele adicionará um monte de funcionalidades extras ao seu site

00:02:38

Também temos mais um que eu queria demonstrar

00:02:40

Isto aqui irá atualizar a página com o clique de um botão

00:02:44

Então vamos adicionar isso em um widget separado, só para você ver que pode separá-los e espaçá-los mais facilmente dessa forma

00:02:51

Depois de salvar isso, ele adicionou esse botão e esse código diretamente abaixo

00:02:59

Então, se eu atualizar a página, você verá que ela é atualizada automaticamente quando o botão é pressionado e gera um número diferente a cada vez.

00:03:08

E isso é apenas uma amostra da funcionalidade do JavaScript

00:03:13

Eu encorajo você a aprender um pouco mais sobre JavaScript, bem como HTML e CSS, caso ainda não o faça.

00:03:20

Aprender como eles funcionam e pelo menos o básico tornaria a construção de sites muito mais fácil

00:03:26

E depois de conhecê-los, você pode editar o código no seu site atual também

00:03:30

E se você quiser editar ou adicionar JavaScript, você simplesmente usaria o widget de script de código