Notícias

Semana de Tecnologia - Criando uma lista de tarefas on-line.

Como sites funcionam

O que é um site? 

Segundo o MDN, um site é uma coleção de páginas web, que normalmente são conectadas entre si. 

O que é uma página web? 

Uma página web é a junção de alguns arquivos de códigos, responsáveis por estruturar, estilizar e criar interações sob algum conteúdo.

 

Como códigos de sites funcionam

O navegador é o responsável por interpretar os códigos e transformar eles no que vemos quando acessamos um site. Para encontrar esses códigos, o navegador entra no servidor, busca os códigos desse servidor, e lê, como se fosse um tradutor ou interpretador. 

 

Trabalhando com HTML e CSS

 

HTML: É o responsável pela estruturação do conteúdo do site, como por exemplo adicionar títulos, imagens, formulários e outras coisas. 

CSS: É responsável pela estilização das páginas, mexendo com a cor e a fonte do texto, corrigindo o espaçamento, alterando a cor do fundo de um elemento e etc. 

 

O que é Javascript?

O Javascript é uma linguagem de programação, inicialmente foi criado para tornar as páginas web mais dinâmicas. Devido a sua facilidade de uso, ele se tornou muito popular e hoje é usado não só para desenvolvimento web, mas também em aplicações que rodam em servidores, celulares, e até mesmo jogos.

 

No vídeo da Semana de tecnologia “Criando uma lista de tarefas on-line.”, o palestrante Bruno Annunciato mostra como são feitos os códigos de HTML, CSS. E o palestrante José Antonio Calcopietro fala um pouco como funciona o Javascript.

 

 

API DOM

 

Fundamental e muito interessante para o desenvolvimento web, DOM é a sigla de Document Object Model, é uma estrutura utilizada pelo navegador para representar uma página web, em forma de árvore, com uma relação de “pais e filhos” que nada mais é que uma relação entre os elementos, comparada com uma árvore genealógica. 

 

Árvore genealógica                                            Árvore DOM

O Javascript consegue interagir indiretamente com uma página web através da manipulação do DOM, essa manipulação é feita através do acesso ao objeto document. 

Sendo assim, é possível: 

encontrar um elemento

alterar qualquer elemento existente 

alterar o estilo (css) 

responder a eventos

remover ou adicionar novos elementos 

Trabalhando com Javascript

No vídeo “Criando uma lista de tarefas on-line”, os palestrantes ensinam a trabalhar com o Javascript, dão várias dicas e mostram como fazer uma lista de tarefas on-line e a mexer em páginas web, assista através do canal do YouTube ou Portal PROA.