TDI - Project #1

Get Started. It's Free
or sign up with your email address
Rocket clouds
TDI - Project #1 by Mind Map: TDI - Project #1

1. CSS 3

1.1. OverView CSS (Cascade Style Sheet)

1.2. Modules

1.2.1. Borders

1.2.1.1. border-color

1.2.1.2. border-image

1.2.1.3. border-radius

1.2.1.4. box-shadow

1.2.2. Backgrounds

1.2.2.1. background-origin

1.2.2.2. background-clip

1.2.2.3. background-size

1.2.2.4. layering multiple background images

1.2.3. Colors

1.2.3.1. HSL colors

1.2.3.2. HSLA colors

1.2.3.3. RGBA colors

1.2.3.4. Transparency, Opacity

1.2.4. Texto

1.2.4.1. text-shadow

1.2.4.2. text-overflow

1.2.4.3. text-wrap

1.2.5. User Interface

1.2.5.1. box-sizing

1.2.5.2. resize

1.2.5.3. outline

1.2.5.4. nav-top, nav-right, nav-bottom, nav-left

1.2.6. Basic Box Model

1.2.6.1. overflow y, overflow x

1.2.7. Generated Content

1.2.7.1. content

1.2.8. Selectores

1.2.8.1. attribute selectors

1.2.9. *other modules*

1.2.9.1. media queries

1.2.9.2. multiple column layout

1.2.9.3. web fonts

1.2.9.4. speech

1.2.10. http://www.css3.info based on http://www.w3.org/TR/css3-roadmap/

1.3. Cross-Browser / Compatibilidades com Browsers

1.4. Css3 e Html5 - Combinação de Recursos

1.5. Guia de Referência Css3

1.6. @font-face

1.6.1. typekit

2. HTML5

2.1. Porquê HTML5 e não XHTML2?

2.1.1. WhatWG

2.1.2. W3C

2.2. New features

2.2.1. http://ajaxian.com/archives/introduction-to-html-5

2.2.2. http://htmlfive.appspot.com/

2.2.3. app cache and database

2.2.4. geolocation

2.2.5. web workers

2.3. Elements

2.3.1. root

2.3.2. document metadata

2.3.3. scripting

2.3.4. sections

2.3.4.1. section

2.3.4.2. nav

2.3.4.3. article

2.3.4.4. aside

2.3.4.5. hgroup

2.3.4.6. header

2.3.4.7. footer

2.3.4.8. address

2.3.5. grouping content

2.3.6. text level semantics

2.3.7. edit

2.3.8. embedded content

2.3.8.1. video

2.3.8.1.1. non-proprietary

2.3.8.2. canvas / svg

2.3.8.2.1. programmatically driven images / animation

2.3.8.3. audio

2.3.9. tabular data

2.3.10. forms

2.3.11. interactive elements

2.3.11.1. drag n drop

2.3.11.1.1. http://www.quirksmode.org/blog/archives/2009/09/the_html5_drag.html http://www.alertdebugging.com/2009/08/16/on-html-5-drag-and-drop/

2.3.11.2. contenteditable

2.3.12. miscellaneous elements

2.4. web forms 2.0

2.4.1. validation

2.5. syntax

2.5.1. doctype

2.6. cross-browser

2.7. Características

2.8. string = "html5" http://googlecode.blogspot.com/

3. javascript

3.1. História

3.1.1. EcmaScript

3.2. Estrutura

3.3. JS no Browser

3.3.1. carregar javascript

3.3.1.1. como incluir?

3.3.1.1.1. html normal, script tag

3.3.1.1.2. lazy loading

3.3.1.1.3. modularization

3.3.1.1.4. dependency management

3.3.2. clientside JS

3.3.2.1. sem acesso ao file system

3.3.2.2. um unico thread

3.3.3. Objectos criados pela engine

3.4. DOM Scripting

3.4.1. manipular o documento é a razão de existência do JS, e a história do JS é a história da evolução do DOM nos browsers

3.4.1.1. JS: the def guide, p.298

3.5. Eventos

3.5.1. centralizar acções do user para permitir event driven architecture

3.6. Comunicar com o utilizador

3.7. Comunicar com o Servidor

3.7.1. http requests / comunicaçao assincrona

3.7.1.1. same/cross domain

3.7.2. consumo e manipulação de dados estruturados

3.7.2.1. JSON XML RSS JSONP

3.7.2.2. aceder a APIs

3.7.2.2.1. Ajax in Action, cap. 12

3.8. Persistência do lado do cliente

3.8.1. movimento de informação entre páginas

3.8.1.1. Ajax in Action, cap. 10 - 11

3.8.1.2. data frame

3.8.1.3. cookies

3.8.1.3.1. New node

3.8.1.4. URL - query string (get) - fazer set e dps parse

3.8.1.5. forms / post

3.9. Ferramentas e práticas de desenvolvimento

3.10. Tópicos avançados

3.10.1. Interactividade

3.10.1.1. Animação

3.10.1.2. Drag and Drop

3.10.2. performance

3.10.2.1. lazy loading / modularization

3.10.2.1.1. http://googlecode.blogspot.com/2009/09/gmail-for-mobile-html5-series-reducing.html

3.10.2.2. http://code.google.com/speed/articles/

3.10.2.3. HTTP requests

3.10.2.3.1. multiplos clicks - Ajax in Action, cap. 10

3.11. Criação de widgets dinâmicas - exemplo de código

3.11.1. Ajax in Practice

3.12. Boas práticas de programação

3.12.1. Frameworks

3.12.1.1. jQuery

3.12.1.2. Prototype

3.12.1.3. Dojo

3.12.1.4. YUI

3.12.2. esperar pelo DOM load

3.13. Quebrando os confins do Browser

3.13.1. online/offline

3.13.1.1. Google Gears

3.13.2. Bookmarklets

3.13.3. Serverside Javascript

3.14. Anexo - Funções úteis

3.15. Recursos

3.15.1. http://ajaxpatterns.org/

4. Introdução

4.1. origens e história da web

4.1.1. Info Mngmnt: a proposal

4.2. arquitectura e tecnologia base

4.2.1. HTTP

4.2.1.1. stateless

4.2.2. Cliente / Servidor

4.2.3. http://www.w3.org/DOM/

4.2.4. open web

4.3. Browsers

4.3.1. rendering/layout engines

4.3.1.1. webkit

4.3.1.1.1. Chrome, Safari, iPhone

4.3.1.1.2. webCore

4.3.1.2. gecko

4.3.1.2.1. Firefox, Netscape

4.3.1.3. Trident

4.3.1.3.1. Internet Explorer

4.3.1.4. http://en.wikipedia.org/wiki/Layout_engine

4.3.1.5. http://en.wikipedia.org/wiki/Comparison_of_layout_engines

4.3.1.6. Presto

4.3.1.6.1. Opera

4.3.1.6.2. http://en.wikipedia.org/wiki/Presto_%28layout_engine%29

4.3.2. parsers

4.3.3. Validation

4.3.4. javascript engines

4.3.4.1. V8

4.3.4.1.1. Chrome

4.3.4.2. Rhino

4.3.4.3. SpiderMonkey

4.3.4.3.1. http://www.mozilla.org/js/spidermonkey/

4.3.4.3.2. http://en.wikipedia.org/wiki/SpiderMonkey_%28JavaScript_engine%29

4.3.4.3.3. TraceMonkey

4.3.4.4. http://en.wikipedia.org/wiki/List_of_JavaScript_engines

4.4. Document Object Model