WEB COM
LITTLE COUT

WEB

A Web surgiu entre 1989 e 1993, criada por um pesquisador europeu chamado Tim Berners-Lee, que a deixou aberta ao público.

O que é:

• Segundo Andrew Tanembaum (autor de vários livros de Computação): "A Web é um arcabouço arquitetural para acessar conteúdo relacionado que está espalhado em milhões de computadores pela Internet."
• É o que estamos vendo e interagindo quando abrimos um navegador (Chrome, Firefox etc.)
• Um conjunto de documentos de hipermídia interconectados, tipicamente acessados pela Internet. Esses documentos são as páginas web.

Definições:

• World Wide Web (WWW, www ou Web) — sistema hipertextual que opera através da internet
• Website — conjunto de páginas da rede (hipertextos) acessíveis geralmente pelo protocolo HTTP na internet
• Web 2.0 — termo popularizado a partir de 2004 pela empresa americana O'Reilly Media para designar uma segunda geração de comunidades e serviços
• Web 3.0 — anunciada como a terceira onda da Internet
• WorldWideWeb — primeiro navegador de rede

HTML

O que é:

• HTML == abreviação para a expressão inglesa Hyper Text Markup Language, que significa Linguagem de Marcação de Hipertexto.
• É uma linguagem de marcação utilizada na construção de páginas na Web.
• Documentos HTML podem ser interpretados por navegadores.
• É o que define conteúdo e estrutura da página.
• Os elementos HTML são representados por tags

Estrutura:

• As tags no texto
• As etiquetas HTML rotulam pedaços de conteúdo como "cabeçalho", "parágrafo", "tabela", e assim por diante.
• As tags fazem a marcação da estrutura do texto.
• Existem dezenas de tags e cada uma tem um propósito e um resultado visual.
• A grande maioria delas precisa ser fechada.
• Indentação e espaçamento são livres e não afetam o resultado
• Um arquivo html é plain-text, ou puramente textual.
• Todos os documentos HTML devem começar com uma declaração de tipo de documento: <"!DOCTYPE html">.
• O próprio documento HTML começa com e termina com <"html">.
• A parte visível do documento HTML está dentro do <"body">.

• Tipos de listas:

CSS

O que é:

• Cascading Style Sheets == CSS
• O CSS é um simples mecanismo para adicionar estilo (cores, fontes, espaçamento etc) a um documento web.
• Em vez de colocar a formatação dentro do documento, o CSS cria um link (ligação) para uma página que contém os estilos.
• O CSS economiza muito trabalho. Ele pode controlar o layout de várias páginas da Web de uma só vez.

Sintaxe:

• Um conjunto de regras CSS consiste em um seletor e um bloco de declaração.
• O seletor aponta para o elemento HTML que deseja usar.
• O bloco de declaração contém uma ou mais declarações separadas por ponto e vírgula.
• Cada declaração inclui um nome de propriedade CSS e um valor, separados por dois pontos.
• Uma declaração de CSS sempre termina com um ponto-e-vírgula, e os blocos de declaração são cercados por chaves.

Inclusão:

• Uma folha de estilo externa pode ser escrita em qualquer editor de texto. O arquivo não deve conter nenhuma tag html. O arquivo de folha de estilos deve ser salvo com uma extensão .css.
• Deve-se adicionar o arquivo no documento HTML como na imagem abaixo:

JavaScript

Desfinições:

• JavaScript é uma linguagem de programação interpretada.
• Foi originalmente implementada para que os navegadores web pudessem interagir com o usuário sem a necessidade deste script passar pelo servidor.
• É atualmente a principal linguagem para programação client-side em navegadores web.

Algumas funções:

• Escrevendo em um elemento HTML usando innerHTML.
• Escrevendo no console do navegador usando console.log ().
• Declarando variáveis:

• Variáveis recebendo valores:

• Tipos de variáveis:

• Estrutura de uma função:

• Exemplos de funções:

Vídeos

WEB - Introdução à Programação Web

Desenvolvedores

Anna Clara Dornelas Rios

• Estudante do curso técnico de Informática no Centro Federal de Ensino de Truco Tecnológico de Minas Gerais.
• Futura pesquisadora doutorada em Antropologia.
• Grande fã de música Indie/Folk e de séries de TV.
• Conhecida como a dorminhoca da turma de Informática 2017.

Bárbara Martins Ribeiro Duarte

• Estudante do curso técnico de Informática no Centro Federal de Ensino de Truco Tecnológico de Minas Gerais.
• Futura professora com doutorado em matemática computacional.
• Aspirante à mochileira por uma lista de longos 44 países.
• A maior fã de livros/filmes/séries de romance água com açúcar que você conhece.
• Conhecida como sobrevivente do Barreiro e megafone da turma de Informática 2017.

Gabriel Silva Brandão

• Estudante do curso técnico de Informática no Centro Federal de Ensino de Truco Tecnológico de Minas Gerais.
• Futuro programador/músico, além de ser praticante de artes marciais.
• Inspirador à criação do verbo "brandar" === "lerdar"; (patente-pendente).
• Maior fã do Rei Chimbinha que você respeita.
• Conhecido como grande prodígio e músico da turma de Informática 2017.