Workshop Tecnologia Web

Post on 20-Jul-2015

126 views 1 download

Transcript of Workshop Tecnologia Web

.

Desenvolvedor fanático por programar;Formado em ciências da computação,Fundador da Code By & Cuide.me;Mais de 30 projetos online;Trabalho com diversas linguagens web;Primeiro a implementar OpenERP no brasil;Primeiro em introduzir E-commerce Responsivel na VTEXCertificado pela Google em Google Analytics;

Mais: br.linkedin.com/in/fellipeg

.

.

.

CLIENTE

SERVIDOR

HEADERFOOTERNAVARTICLESECTIONFIGUREIMGCAPTIONULLIH1P........

<header role="menu"><nav>

<ul><li> Olá</li>

</ul></nav>

</header>

<article><section>

<h1>TITULO</h1><h2>SUBTITULO</h2><p><strong>CONTEUDO</strong></p><time>22 de Janeiro de 2015</time>

<section></article>

<footer>Final da Página

</footer>

CLASSIDROLEDATATITLEALTSRCSTYLE

SEMPRE QUE ABRIR UMA TAG FECHENUNCA ESQUEÇA DA ACESSIBILIDADE

se não seu código ficará igual esse desenho

Sim no HTML!

HTML5

Seletores Propriedades

@FONTFACE – SIM FONTS NA WEB Border-radius – Bordas ArredondadasRGBABOX SHADOWTEXT-SHADOWFILTERSLINEAR GRADIENTMEDIAQUERIES – PRINT, ALL, SCREEN, TV, max-Width, min-widthTransitionsINSERT TEXT-WEB-KITS

NULL

SEMPRE QUE FAZER UMA APLICAÇÃO WEB

SE DER PROBLEM, NÃO USE HACKS CORRIJA SEU CÓDIGO, TÁ BUGADO

CS3

Definindo variáveis e loops

ISSO SÓ COLOCANDO DUAS TAGS DO BOOTSTRAP

RUBY