Este documento fornece uma breve introdução sobre HTML, CSS e JavaScript. Apresenta os criadores e evolução das linguagens, características principais e boas práticas para seu uso. Sites de referência para aprendizado também são listados no final.
Slides do curso técnico de informática do IFPE - Campus Garanhuns. Disciplina de linguagens de programação para a web. Apresenta uma introdução sobre o desenvolvimento para esta área e introduz o HTML.
Slides do curso técnico de informática do IFPE - Campus Garanhuns. Disciplina de linguagens de programação para a web. Apresenta uma introdução sobre o desenvolvimento para esta área e introduz o HTML.
Slide do hangout sobre Lógica de Programação para Iniciantes, exibido pelo LadyTalks.
Link do vídeo: https://www.youtube.com/watch?v=E-b-Vm7MEkY
Palestrante: Mariana Camargo (mundodama.com.br)
Primeira aula da disciplina Programação Dinâmica para Web. Primeiros conceitos sobre Arquitetura de Aplicações web e informações gerais sobre a disciplina.
Aprenda através dessa sequência de slides que serão como capítulos de um livro, como funciona essa linguagem sensacional que é o HTML, atualmente sendo a linguagem mais utilizada para estruturação de páginas web no mundo inteiro. Conheça de uma maneira interessante e nem um pouco chata, como essa linguagem é fascinante e tem gerado abertura de horizontes no mercado de trabalho para todos nós.
Slide da disciplina de linguagem de programação para a web do curso técnico em informática do IFPE - Campus Garanhuns. Faz uma apresentação sobre o que é o CSS, por que o utilizamos, suas vantagens, como o utilizamos e algumas de suas propriedades.
Utilizado para a atividade da disciplina de Metodologia do Ensino Superior do curso de Especialização em Engenharia de Software da Universidade Federal do Paraná - UFPR.
Slide do hangout sobre Lógica de Programação para Iniciantes, exibido pelo LadyTalks.
Link do vídeo: https://www.youtube.com/watch?v=E-b-Vm7MEkY
Palestrante: Mariana Camargo (mundodama.com.br)
Primeira aula da disciplina Programação Dinâmica para Web. Primeiros conceitos sobre Arquitetura de Aplicações web e informações gerais sobre a disciplina.
Aprenda através dessa sequência de slides que serão como capítulos de um livro, como funciona essa linguagem sensacional que é o HTML, atualmente sendo a linguagem mais utilizada para estruturação de páginas web no mundo inteiro. Conheça de uma maneira interessante e nem um pouco chata, como essa linguagem é fascinante e tem gerado abertura de horizontes no mercado de trabalho para todos nós.
Slide da disciplina de linguagem de programação para a web do curso técnico em informática do IFPE - Campus Garanhuns. Faz uma apresentação sobre o que é o CSS, por que o utilizamos, suas vantagens, como o utilizamos e algumas de suas propriedades.
Utilizado para a atividade da disciplina de Metodologia do Ensino Superior do curso de Especialização em Engenharia de Software da Universidade Federal do Paraná - UFPR.
Quais são os desafios e as oportunidades que essa tecnologia vai propiciar, qual é o impacto no desenvolvimento para internet e como a Adobe pode auxiliá-los a usufruir aos máximos dos benefícios do HTML 5 e suas linguagens parceiras (CSS e Java Script)
Web Development with HTML5, CSS3 & JavaScriptEdureka!
With the commercialization of the web, web development has become one of the blooming industries. Learning web development enables you to create attractive websites using HTML, CSS, JQuery and JavaScript. Web development includes developing simple and complex web-based applications, electronic businesses and social networking sites. Being a web developer you can deliver applications as web services which is only available in desktop applications.
HTML5 is a language for structuring and presenting content for the World Wide Web. it is the fifth revision of the HTML standard (created in 1990 and standardized as HTML4 as of 1997) and as of February 2012 is still under development. Its core aims have been to improve the language with support for the latest multimedia while keeping it easily readable by humans and consistently understood by computers and devices (web browsers, parsers, etc.). It improves interoperability and reduces development costs by making precise rules on how to handle all HTML elements, and how to recover from errors
CSS (Cascading Style Sheets):
O CSS foi introduzido pela primeira vez em 1996 pelo World Wide Web Consortium (W3C) como uma forma de separar o conteúdo e a apresentação em páginas da web. Antes do CSS, a formatação dos elementos HTML era feita usando tags e atributos HTML diretamente no código.
XML (eXtensible Markup Language):
O XML foi desenvolvido no final da década de 1990 como uma linguagem de marcação flexível e extensível.
JavaScript:
O JavaScript foi lançado pela primeira vez em 1995 pela Netscape como uma linguagem de script leve e interpretada, projetada para ser incorporada em páginas da web e interagir dinamicamente com o navegador do usuário.
JML (Java Modeling Language):
O JML é uma extensão da linguagem de programação Java, introduzida no final da década de 1990, que permite especificar e verificar formalmente propriedades comportamentais e contratos de programas Java.
1. HTML, CSS e JavaScript
BREVE INTRODUÇÃO
Nome: Renato Araujo
E-mail: orenatoaraujoj@gmail.com
Linkedin: https://br.linkedin.com/in/orenatoaraujo
Facebook: https://www.facebook.com/renato.araujo.jesus
2. HTML
A principal linguagem para criação
de páginas Web
Sigla do inglês: HyperText Markup
Language
O que é uma linguagem de
marcação de texto?
3. HTML (criador)
Tim Berners-Lee
Criou a linguagem com o objetivo de
poder se comunicar e compartilhar
informações com outros
pesquisadores
É usada até hoje para compartilhas
informações e etc.
4. HTML (evolução)
A primeira versão oficial foi lançada
em 1993 sendo padronizada pelo IETF
Foi mantida pelo CERN e IETF até 1995
Em 1995 é criado o World Wide Web
Consortium (W3C) para controlar os
padrões web
Em 2001 é lançado a primeira versão
do XHTML
5. WHATWG
Web Hypertext Application
Technology Working Group –
WHATWG
WHATWG x W3C
WHATWG e W3C
HTML5
6. HTML5
Revolucionou a Web porque?
Novas tags
Melhorou ainda mais a semântica
Exemplo resultado do Google
Menos código para DTD (ver próximo
slide)
8. HTML e HTML5 algumas tags
<div></div>
<p></p>
<span></span>
<canvas />
<header></header>
<nav></nav>
<section></section>
Entre outras.
9. HTML boas práticas
Verificar sempre se o elemento ou
atributo usado está obsoleto para a
versão atual
Verificar o contexto em que a tag
esta
Verificar sempre a sintaxe e a
semântica
https://validator.w3.org/
11. CSS
Cascading Style Sheet
Linguagem de estilo da Web
Porque se chama Cascading Style
Sheet?
12. 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.)
13. CSS (como escrever)
Regra CSS
seletor {propriedade: valor}
Seletor (elemento, classe ou id)
Propriedade (atributo: margin,
padding, etc)
Valor (característica especifica: fonte
do tipo Arial, largura de 10 pixel)
14. CSS (como adicionar no HTML)
Existem 3 (três) formas:
inline
dentro da head
arquivo externo
18. CSS (boa práticas)
Evite usar a CSS dentro da tag head e
inline
Prefira o arquivo externo
Entenda para que serve a
propriedade
Entenda a precedência dos seletores
23. JavaScript (confusão com Java)
JavaScript não é Java
O nome se deu pelo fato da Sun
ajudar a Netscape em alguns
detalhes da liguagem
Que no fim foi apenas uma jogada de
marketing entre a união da Sun e
Netscape
24. JavaScript (padronização)
JavaScript é padronizado pela Ecma
International sob o nome de
ECMAScript desde 1996
Especificação do JavaScript é o
ECMA-262 (http://www.ecma-
international.org/publications/files/EC
MA-ST/Ecma-262.pdf)
25. JavaScript (uso e aplicação)
Antigamento o JavaScript era usado
apenas para válidar formulário e
trocar imagens quando colocava e
tirava o mouse de cima (hover)
Hoje em dia o JavaScript é usado
para criar uma web mais rica e
responsiva
26. JavaScript (características e
dificuldades)
Tipo dinâmico (loser type)
Funções de primeira classe (First-class
Function)
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)
27. JavaScript (características e
dificuldades)
Baseada em objetos e não orientada
a objetos
Mas é possível simular características
OO, como: encapsulamento, herança,
interface e design patterns
28. JavaScript (DOM)
Através do JavaScript é possível
manipular os elementos HTML
Criar eventos
mouse, temporização, carregamento,
fechamento, etc.
29. JavaScript (AJAX)
Asynchronous JavaScript e XML
Uso do XMLHttpRequest
Faz requisições sem a necessidade de
atualizar a página
Pode enviar e receber informações no
formatos: JSON, XML, HTML e TEXT