O desenvolvimento web está passando por mais uma mudança, evoluindo para acompanhar o ritmo dos negócios e sistemas das grandes empresas baseadas em web, como Google e Yahoo.

Com os novos navegadores baseados em WebKit – como Safari, Chrome e IOS4(iPhone/iPad) – e com a crescente disponibilidade de aparelhos móveis capazes de uma experiência web completa, você precisa se preparar para disponibilizar suas aplicações nessa nova plataforma.

Nesse curso você vai aprender a utilizar as principais novidades do HTML5, como as novas APIs e os novos recursos de CSS. Fique preparado para desenvolver sistemas, layouts e designs para a web do futuro.

Informações sobre o Curso:

O que vai rolar no curso:
HTML+API
Selectors
Web Storage
New font support
SQL DB
App Cache
Workers
Web Sockets
Notifications
CSS
Text wrapping
Columns
Text stroke
Opacity
HSLA
Rounde

Data Início Filial Período
28/08/2010 São Paulo Sábado das 10 às 19 h

Mais informações em: http://www.globalcode.com.br/treinamentos/cursos/hands-on-html-5

Leia Também:

• The Developer’s Conference 2010
• Codeshow 2010
• Usando Seletores Avançados no IE6 – JavaScript + CSS

Esta é a 4a edição do The Developer’s Conference, e a Globalcode reuniu toda sua rede de parceiros e profissionais para criar o evento mais completo do ano, sem perder a profundidade necessária para abordar cada tema.

Cada trilha é praticamente um evento independente, e está sendo organizado por um parceiro especialista com o apoio da Globalcode que tem expertise na realização de eventos e educação.

Informações sobre o evento:

Local e Data
Domingo, 22 de agosto de 2010
Universidade Anhembi Morumbi Campus Vila Olímpia
Rua Casa do Ator, 275 – Itaim Bibi

O que vai rolar no Evento
08:30 às 09:00 Credenciamento e recepção dos participantes com café da manhã
09:00 às 09:30 Abertura
09:40 às 10:30 #OpenSocial
10:40 às 11:30 #HTML5
11:40 às 12:30 #CSS3
12:30 às 14:00 Intervalo para almoço livre
14:00 às 14:50 #SEO
15:00 às 15:50 #Mapas
15:50 às 16:20 Coffee-break & networking
16:20 às 17:10 #PublicidadeNaWEB
17:20 às 18:10 #PublicidadeNaWEB
18:10 às 18:30 Encerramento e sorteios

Mais informações em: http://www.thedevelopersconference.com.br/tdc/2010/index.html

Leia Também:

• Hands-on HTML 5 2010
• Café com Browser 2010
• HTML 5 em qualquer navegador com JavaScript
• Mudanças no YouTube podem prejudicar Firefox
• Input Text Placeholder

Conversa sobre HTML5 é demanda que já se apresentava desde ano passado pelas organizações brasileiras filiadas ao W3C e por parceiros nas atividades do escritório, principalmente organizações governamentais e não-governamentais com interesse na publicação de dados na web, academias e escolas formadoras de profissionais para o mercado brasileiro de web.

Buscando atender essa demanda, o W3C Brasil promoveu a primeira turma do Curso de HTML5. Nosso propósito, mais do que treinar no uso da nova versão, é o de organizar rede de interlocutores, formadores e multiplicadores preparados para os debates em torno dos padrões web, gerando massa crítica na formulação das novas recomendações.

Para encerrar a atividade do primeiro curso organizamos esse nosso primeiro Café com Browser de 2010, onde convidados, interagindo com o W3C Brasil apresentarão as novidades já previstas na nova versão do HTML e casos de uso do HTML5 por quem já botou a mão na massa nas novas marcas html em terras brasilis.

Bem esse vamos a minha opinião:

No CodeShow eu havia ficado meio decepcionado com a Visie, mas no Café com Browser o Elcio, lavou a alma, o cara deu exemplos de alto nivel com detalhes sobre o desenvolvimento, além disso o Danilo da Click mandou muito bem com o exemplo de jogos com canvas, eu achei muito masa o Guitar Hero.

Realmente a organização do evento esteve impecável, estão de parabéns!

Leia Também:

• The Developer’s Conference 2010
• Codeshow 2010
• HTML 5 em qualquer navegador com JavaScript
• Mudanças no YouTube podem prejudicar Firefox
• Input Text Placeholder

O Visie Codeshow é um evento num formato novo, em que não há palestras. Você vai assistir à construção de uma aplicação em um dia, a partir do zero, usando ferramentas como Git, HTML5, web2py e MongoDB.

Bem esse evento eu fui, a ideia é colocar aqui previamente os eventos que eu vou, mas vamos ao que eu achei do evento:

No CodeShow eu percebi que o conteudo sobre HTML 5 era bem para quem estava iniciando os estudos, totalmente válido para um iniciante, mas, meio vazio para quem já detem alguma esperiência.

Leia Também:

• Hands-on HTML 5 2010
• Café com Browser 2010

Vamos falar sobre os elementos básicos para iniciar uma
página HTML

<!DOCTYPE>
<html>
   <head>
      <title>
         TiloWR
      </title>
   </head>
<body></body>
</html>

<!DOCTYPE> – Versão do (X) HTML

Existem vários tipos de DOCTYPE, mas vamos falar dos mais
usados três para HTML 4 e uma para HTML 5.

HTML 5:

<!DOCTYPE html>

HTML 4 Strict:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML; 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

Essa é a mais exigente das declarações, quando você declara
que seu código é STRICT você está dizendo que no seu código não existe nenhum
tipo de tag depreciada e segue todas as regras do W3C. é ideal para o uso em
documentos que tem estilos em CSS.

HTML 4 Transitional:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML; 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

Esta declaração permite a você usar tags depreciadas, e
trabalhar seu código de forma mais flexível mas não suporta páginas com frames.

HTML 4 FRAMESET:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML; 1.0 Frameset//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”>

Essa declaração permite tudo que o transitional permite,
porem dá suporte a frames.

HTML

A tag HTML tem duas variações, uma para HTML e uma XHTML:

HTML

<html>

XHTML

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="pt-BR">

xmlns: declara a forma de escrita XML usada no documento.

dir: direção do texto, no nosso caso é “left to right”.

lang: linguagen usada no documento em que no brasil usamos
“pt-BR”.

HEAD

A tag HEAD é onde declaramos as informações sobre a página,
como quem é o autor, qual o seu conteúdo, a língua usada, o tipo de escrita, o
titulo da página entre outras informações, vejamos essas informações.

Todas as tags a seguir estão dentro da tag HEAD

Titulo da página

<title>TiloWR</title>

Declara o tipo de codificação usada no conteúdo, o
recomendável é usar UTF-8, mas caso queira usar outro tipo, consulte a tabela
aqui

<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />

Declara sobre o assunto abordado na página

<meta name="description" content="Internet vista pelos
olhos de um Front End" />

Declara as palavras chaves usadas na página, deixando seu site mais amigável para os mecanismos de busca.

<meta name="keywords" content="CSS, HTML, XHTML,
DHTML, JavaScript, XML, JQuery, AJAX, PHP, MySQL, SQL 2008, C#,
Witalo Rebouças, Tilo, TiloWR, Twitter, Orkut," />

Declara o
autor da página

<meta name="author" content="Witalo Rebouças" />

Linka o arquivo css e diz qual o tipo de
mídia será usado, os mais comuns são “screen” e “print”.

<link rel="stylesheet" href="style.css"
type="text/css" media="screen" />

para executar um script direto do arquivo ou referenciando um arquivo externo
você usa a tag SCRIPT

<script type="text/javascript" src="javascript.js"></script>

BODY

Tudo que será exibido para o usuário é
inserido dentro da tag body.

<body></body>

Comentários

Sempre que precisamos deixar um comentário no código, algo
o usuário não veja, mas que precisamos que esteja no documento por uma questão
de documentação, fazemos da seguinte maneira:

<!-- Aqui vai o que não é exibido -->

Leia Também:

• Apple Safari 4
• Tipo de dados
• SulAmérica Forum Saúde
• SulAmérica.com.br
• IETester 0.4.2

Vamos falar sobre os três operadores lógicos mais usados: NÃO, E e OU, primeiro vamos ver a tabela de operadores lógicos.

Exemplos:

Se chover e relampejar, eu fico em casa.
Quando eu fico em casa?

Vamos analisar:

Se chover e não relampejar, eu fico em casa porque uma das alternativas foi verdadeira.
Se não chover e relampejar, eu continuo em casa, porque uma das alternativas foi novamente verdadeira.
Caso, não chova e não relampeie ai sim eu saio de casa, pois as duas alternativas foram falsas.

No caso do E precisamos que todas as alternativas sejam verdadeiras para que o resultado final seja verdadeiro.

Se chover ou relampejar, eu fico em casa.
Quando eu fico em casa?

Vamos analisar:

Se chover ou não relampejar, eu saio de casa porque uma das alternativas foi verdadeira.
Se não chover ou relampejar, eu saio de casa, porque uma das alternativas foi novamente verdadeira.
Caso, não chova ou não relampeie eu saio de casa, pois as duas alternativas foram verdadeiras.

No caso do OU precisamos que pelo menos uma das alternativas sejam verdadeiras para que o resultado final seja verdadeiro.

2 < 5 e 15 / 3 = 5
V e 5 = 5
V e V
V

Quando usamos a NEGAÇÃO, precisamos tomar um pouco mais de atenção. Uma negação de verdade é uma falsidade, ou seja, não V = F. vejamos um exemplo sobre esse caso.

não V ou 3 < 15
não V ou V
F ou V
V

Perdeu algum assunto anterior? veja todos os posts sobre lógica

Leia Também:

• Troca de Classe com JavaScript
• Operador Ternário (JavaScript)
• Service Desk, o que é? de onde vem? E para onde vai?
• DrogaRaia.Com
• Hack para Safari 4, Firefox 3.5, Chrome 3 e muito mais com um JS

Sempre que temos uma operação relacional o resultado é lógico, por exemplo: 1 + 1 = 2 é certo afirmar que o resultado será verdadeiro, já no seguinte exemplo onde 1 + 1 = 1, pode-se dizer que essa afirmação é falsa.

Exemplos:
2 * 4 = 24 / 3
8 = 8
V

15 mod 4 < 19 mod 6
3 < 1
F

3 * 5 div 4 <= pot (3,2) / 0,5
15 div 4 <= 9 / 0,5
3 <= 18
V

2 + 8 mod 7 >= 3 * 6 – 15
2 + 1 > = 18 – 15
3 >= 3
V

não entendeu algum dos operadores matemáticos acima? acesse o post sobre operadores matemáticos

Leia Também:

• $1337: Recompensa para quem encontrar falhas de segurança no navegador do Google
• Abas em 3D no FireFox
• Hands-on HTML 5 2010
• Estrutura Básica de uma página XHTML/HTML
• Adicione funções ao onLoad

Hoje a tecnologia representa 10% do PIB dos estados unidos. A tecnologia de hardware e softwares cresce rapidamente e é preciso acompanhar essa evolução para idealizar novas aplicações para esses produtos.

David Patterson disse que a tecnologia é um dos três destaques do mundo moderno junto com a agrícola e indústria, o que a pouco tempo era ficção cientifica, hoje é realidade com as mais diversas formas de aplicação, podemos representar alguns setores como:

• Tecnologia Bancaria
• Indústria automobilística e automóvel
• Laptops
• Medicina
• Word Wide Web

Podemos classificar os computadores de três formas básicas:

• Computadores Desktop: a forma clássica de computadores que você usa em casa ou no seu trabalho
• Servidores: computadores de grande porte que administram computadores menores e informações empresariais.
• Computadores embutidos: é a classe de maior abrangência e desempenho, com mini-circuitos e microprocessadores nem sempre encapsulados, podem ser encontrados em celulares, PDA, carros e aparelhos eletrônicos de uso doméstico

Leia Também:

• Dicionário de dados
• Conceitos básicos sobre banco de dados
• Tendências gerais do mercado de TI
• As empresas na era da Informação
• Desafios de TI

Um dicionário de dados (do inglês data dictionary) é uma coleção de metadados que contêm definições e representações de elementos de dados.

Dentro do contexto de SGBD, um dicionário de dados é um grupo de tabelas, habilitadas apenas para leitura ou consulta, ou seja, é uma base de dados, propriamente dita, que entre outras coisas, mantém as seguintes informações:

* Definição precisa sobre elementos de dados
* Perfis de usuários, papéis e privilégios
* Descrição de objetos
* Integridade de restrições
* Stored procedures (pequeno trecho de programa de computador, armazenado em um SGBD, que pode ser chamado freqüentemente por um programa principal) e gatilhos
* Estrutura geral da base de dados
* Informação de verificação
* Alocações de espaço

Um dos benefícios de um dicionário de dados bem preparado é a consistência entre itens de dados através de diferentes tabelas. Por exemplo, diversas tabelas podem conter números de telefones; utilizando uma definição de um dicionário de dados bem feito, o formato do campo ‘número de telefone’ definido com “( )9999-9999″ deverá ser obedecido em todas as tabelas que utilizarem esta informação.

Quando uma organização constrói um dicionário de dados de dimensão empresarial, o intuito deve ser o de padronizar precisamente definições semânticas a serem adotadas na empresa toda; portanto, ele deve incluir tanto definições semânticas como de representação para elementos de dados, sendo que os componentes semânticos focam na criação precisa do significado dos elementos de dados, e de outro lado, as definições de representação indicam como os elementos de dados são armazenados em uma estrutura de computador de acordo com seu tipo, ou seja, se são dados do tipo inteiro, caracter ou formato de data (veja Tipos de Dados). Os dicionários de dados são mais precisos que glossários (termos e definições) porque costumam ter uma ou mais representações de como o dado é estruturado e podem envolver ontologias completas quando lógicas distintas sejam aplicadas a definições desses elementos de dados.

Os dicionários de dados são gerados, normalmente, separados do Modelo de Dados visto que estes últimos costumam incluir complexos relacionamentos entre elementos de dados.

Origem: Wikipédia, a enciclopédia livre.

Leia Também:

• Hardware, porque estudar?
• Conceitos básicos sobre banco de dados
• Tendências gerais do mercado de TI
• As empresas na era da Informação
• Desafios de TI

Os dados são de extrema importância para uma empresa, e por isso devem ser administrados de forma bem planejada, a maioria das grandes empresas da atualidade não chegariam onde estão, se não tivessem dado a devida atenção aos dados coletados de suas operações internas e externas.

Atualmente você pode busca uma informação com um clique, achar fotos e vídeos relevantes para o seu interesse, pegar essas informações e construir gráficos objetivos para o seu negócio. As grandes corporações guardam esses dados em banco de dados operacionais e depois consultam em seus data warehouses para obter uma vantagem competitiva. Isso deu à função de armazenamento de dados um importante papel na era da informação.

É por isso que as organizações e seus gerentes precisam praticar o gerenciamento de dados. Uma atividade que aplica tecnologias de sistemas de informação como gerenciamento de banco de dados e outras ferramentas gerenciais à tarefa de administrar os dados de uma organização, para atender às necessidades de informações do usuário.

Precisamos saber que existe uma hierarquia de dados e uma forma correta de como organizá-los. Podem-se organizar os dados da seguinte maneira, caracteres, campos, registros e arquivos ou tabela de dados. Vejam a descrição de cada item:

Caracter – o elemento lógico mais simples dos dados é o caracter, que consiste em um único símbolo alfabético, numérico ou outro símbolo especial, pode-se argumentar que o bit ou byte é um elemento mais elementar de dados, mas convém lembrar que estes termos se referem aos elementos de armazenamento físico fornecidos pelo hardware do computador.

Campo – Campo ou Item de dados consistem em um grupo de caracteres, que representam uma informação especifica, como por exemplo com 6 caracteres eu posso preencher o meu campo nome por exemplo, ou com dois caracteres eu posso preencher meu campo idade, e assim por diante.

Registro – são um grupamento de campos, como o RG por exemplo, que contem meu campo nome e data de nascimento,é importante citar que existem dois tipos de registros, com tamanho fixo e com tamanho variável.

Arquivo ou tabela de dados – agrupam registros sobre o mesmo tópico, por exemplos, um agrupamento de registro com nome de todos os funcionários de uma empresa pode ser uma tabela ou arquivo funcionários.

Uma ótima forma de organizar todas essas informações é um dicionário de dados, mas isso é informação para um próximo post.

Leia Também:

• Desafios de TI
• Service Desk, o que é? de onde vem? E para onde vai?
• Hardware, porque estudar?
• Dicionário de dados
• Tendências gerais do mercado de TI