Movatterモバイル変換

HTML, CSS e JavaScriptBREVE INTRODUÇÃONome: Renato AraujoE-mail: orenatoaraujoj@gmail.comLinkedin: https://br.linkedin.com/in/orenatoaraujoFacebook: https://www.facebook.com/renato.araujo.jesus

HTML A principal linguagem para criaçãode páginas Web Sigla do inglês: HyperText MarkupLanguage O que é uma linguagem demarcação de texto?

HTML (criador) Tim Berners-Lee Criou a linguagem com o objetivo depoder se comunicar e compartilharinformações com outrospesquisadores É usada até hoje para compartilhasinformações e etc.

HTML (evolução) A primeira versão oficial foi lançadaem 1993 sendo padronizada pelo IETF Foi mantida pelo CERN e IETF até 1995 Em 1995 é criado o World Wide WebConsortium (W3C) para controlar ospadrões web Em 2001 é lançado a primeira versãodo XHTML

WHATWG Web Hypertext ApplicationTechnology Working Group –WHATWG WHATWG x W3C WHATWG e W3C HTML5

HTML5 Revolucionou a Web porque? Novas tags Melhorou ainda mais a semântica Exemplo resultado do Google Menos código para DTD (ver próximoslide)

Diferença de DTD de HTML e HTML5

HTML e HTML5 algumas tags <div></div> <p></p> <span></span> <canvas /> <header></header> <nav></nav> <section></section> Entre outras.

HTML boas práticas Verificar sempre se o elemento ouatributo usado está obsoleto para aversão atual Verificar o contexto em que a tagesta Verificar sempre a sintaxe e asemântica https://validator.w3.org/

CSS Cascading Style Sheet Linguagem de estilo da Web Porque se chama Cascading StyleSheet?

CSS (evolução) Foi idealizado em 1995 Primeira versão lançada em 1996 jápela W3C CSS1 (básico) CSS2 (pseudo-elementos e Pseudo-classes) CSS3 (media queries, animações,transições e transformações e etc.)

CSS (como escrever) Regra CSS seletor {propriedade: valor} Seletor (elemento, classe ou id) Propriedade (atributo: margin,padding, etc) Valor (característica especifica: fontedo tipo Arial, largura de 10 pixel)

CSS (como adicionar no HTML) Existem 3 (três) formas: inline dentro da head arquivo externo

CSS (exemplo dentro da tag head)

CSS (exemplo de arquivo externo)

CSS (boa práticas) Evite usar a CSS dentro da tag head einline Prefira o arquivo externo Entenda para que serve apropriedade Entenda a precedência dos seletores

JavaScript Linguagem de script client-side Mas hoje em dia também do lado doservidor (server-side) com NodeJS

JavaScript (criador) Brendan Eich

JavaScript (confusão com Java) JavaScript não é Java O nome se deu pelo fato da Sunajudar a Netscape em algunsdetalhes da liguagem Que no fim foi apenas uma jogada demarketing entre a união da Sun eNetscape

JavaScript (padronização) JavaScript é padronizado pela EcmaInternational sob o nome deECMAScript desde 1996 Especificação do JavaScript é oECMA-262 (http://www.ecma-international.org/publications/files/ECMA-ST/Ecma-262.pdf)

JavaScript (uso e aplicação) Antigamento o JavaScript era usadoapenas para válidar formulário etrocar imagens quando colocava etirava o mouse de cima (hover) Hoje em dia o JavaScript é usadopara criar uma web mais rica eresponsiva

JavaScript (características edificuldades) Tipo dinâmico (loser type) Funções de primeira classe (First-classFunction) Funções aninhadas (Nested Functions) Fechamentos (Closure) Funções de Retorno (callback) Escopo da variável e escopo léxico Baseada em protótipo (prototype)

JavaScript (características edificuldades) Baseada em objetos e não orientadaa objetos Mas é possível simular característicasOO, como: encapsulamento, herança,interface e design patterns

JavaScript (DOM) Através do JavaScript é possívelmanipular os elementos HTML Criar eventos mouse, temporização, carregamento,fechamento, etc.

JavaScript (AJAX) Asynchronous JavaScript e XML Uso do XMLHttpRequest Faz requisições sem a necessidade deatualizar a página Pode enviar e receber informações noformatos: JSON, XML, HTML e TEXT

Sites para aprender http://tableless.com.br/ https://css-tricks.com/ https://developer.mozilla.org/pt-BR/ http://www.w3.org/ http://www.smashingmagazine.com/ http://www.maujor.com/index.php

Contatos Nome: Renato Araujo E-mail: orenatoaraujoj@gmail.com Linkedin: https://br.linkedin.com/in/orenatoaraujo Facebook: https://www.facebook.com/renato.araujo.jesus

Movatterモバイル変換

Mudar o idioma

html, css e java script - renato araujo

Incorporar apresentação

Recomendados

Mais conteúdo relacionado

Mais procurados

Destaque

Semelhante a html, css e java script - renato araujo

Último

html, css e java script - renato araujo