Introdução a Front-end

Quem sou eu ?
- Diego Collares
- (pai, esposo da Mary e pai da Lais de 5 anos)
- Viciado em Rap e Tecnologia
- Nasci em Brasília - DF
- Criado em Lins-SP (interior de SP)
- trabalho com TI a 7 anos
- Morador do complexo a 1 ano

E Vocês quem São ?
pera ai, um de cada vez !

O que é Front-end e Back-end ?

Front-end = client-side
As linguagens client-side são linguagens onde apenas o
seu NAVEGADOR vai entender.
Quem vai processar essa linguagem não é o servidor, mas
o seu browser.

Neste Módulo 1 o foco é
Front-end = client-side
No Módulo 2 o foco vai ser server-side,
depois falamos mais disso.

O que é Browser mano ?
Browser = Navegador

Modulo 1 - client-side
Vamos aprender Linguagens client-side
1 - HTML5
2 - CSS
3 - jQuery (um conjunto de biblioteca
escrito em javascript)
( lembre-se client-side = Front-end )

Client-side = Front-end

Tem alguma coisa errada que não está
certa!
Perguntas?
Pode me explicar de novo ?

1- HTML
O acrônico HTML significa em inglês: HyperText
Marckup Language. Para gente aqui fica: Linguagem
de Marcação de Hipertexto. Bonito, né?

Por trás das palavras Hipertexto e Marcação tem
muita história e guardam a real essência da função
do HTML. Você vai saber mais nas próximas, onde
falamos sobre Semântica, que nada mais é do que
a organização da informação usando HTML.
1- HTML

Se você tiver que guardar alguma coisa sobre o que
é HTML, guarde isso: HTML serve para dar
significado e organizar a informação dos websites.
Tendo isso em mente, você já saberá muito mais do
que a maioria dos profissionais por aí.
1- HTML

Vamos colocar a mão na massa!

Estrutura básica - HTML
<!DOCTYPE html>
<html lang="pt-br">
<head>
<title>Título da página</title>
<meta charset="utf-8">
</head>
<body>
Aqui vai o código HTML que fará seu site aparecer.
</body>
</html>

Introdução a Front-end

Recomendados

Recomendados

Mais conteúdo relacionado

Semelhante a Introdução a Front-end

Semelhante a Introdução a Front-end (20)

Introdução a Front-end