CSS3, Evento, HTML5, MVP ShowCast, W3C, Webcast

Palestra no MVP ShowCast 2013: Web Design Responsivo com CSS3

O evento MVP ShowCast 2013

MVP ShowCast Logo

MVP ShowCast é um evento virtual gratuito sobre tecnologias da Microsoft, sendo composto por uma série de webcasts transmitidos ao vivo e gravados para serem disponibilizados depois. O evento foi idealizado e é organizado por MVPs do Brasil com apoio da Microsoft. Mais informações no site do evento: http://mvpshowcast.azurewebsites.net.

A palestra Web Design Responsivo com CSS3

No dia 11 de novembro de 2013, eu apresentei o webcast da palestra Web Design Responsivo com CSS3 no evento virtual MVP ShowCast 2013.

Na palestra, eu apresentei o conceito de Web Design Responsivo, bem como as metas a serem atingidas para se conseguir ter um design responsivo em aplicações Web. Comentei sobre a introdução do termo Responsive Web Design pelo web designer Ethan Marcotte num artigo publicado em maio de 2010 no site A List Apart. Também abordei três das principais técnicas para se obter um design responsivo: grades flexíveis, imagens e vídeos flexíveis e media queries.

Comentei sobre as versões mais recentes de algumas ferramentas da Microsoft para desenvolvimento, como o Visual Studio 2013 (edições comerciais versões comerciais e gratuitas) e o Internet Explorer 11 Developer Tools.

Na demonstração, eu apresentei alguns dos conceitos de Web Design Responsivo formatando um site a partir de um site ASP.NET MVC 5 com conteúdo, iniciando a codificação da folha de estilo a partir do zero.

No final da apresentação, eu listei uma série de recursos na Web sobre Web Design Responsivo.

Seguem os slides da palestra Web Design Responsivo com CSS3.

Alguns questionamentos na palestra

Em Web Design Responsivo é comum usar um recurso do CSS3, denominado media queries, que usa a regra “arroba” (at-rule@media. Na sessão de perguntas e respostas, ao final da palestra, houve um questionamento sobre a existência de outras regras “arroba”. Há outras regras “arroba”, como: @page, @import e @font-face, dentre outras. Elas são consideradas regras de processamento especiais. Na especificação CSS Syntax Module Level 3 há informações mais detalhadas sobre “at-rule” no tópico Description of CSS’s Syntax.

Houve um outro questionamento sobre linguagens dinâmicas de folhas de estilo. Em geral, estas linguagens dinâmicas são usadas para suprir algumas deficiências das especificações de CSS. Normalmente, com estas linguagens, você consegue criar variáveis, regras aninhadas, funções e operações, mixins, etc. Duas das linguagens dinâmicas mais conhecidas atualmente são:

Anúncios
C#, HTML5, JavaScript, Linguagem Java

Palestra no UDF: Uma visão de mercado das linguagens de programação

O Centro Universitário do Distrito Federal (UDF)

O Centro Universitário do Distrito Federal é um integrante do Cruzeiro do Sul Educacional, um dos mais representativos, diversificados e eficientes grupos de educação superior do Brasil, cujas instituições apresentam os melhores indicadores acadêmicos do país, reforçando a estratégia de qualidade objetiva como diferencial do grupo. Atualmente, o grupo também é composto pela Universidade Cruzeiro do Sul (São Paulo – SP), pela Universidade Cidade de São Paulo (São Paulo – SP), pelo Centro Universitário Módulo (Caraguatatuba – SP) e, mais recentemente, pela Universidade de Franca (Franca – SP).

Criado em 1967, o UDF é a primeira instituição particular de ensino superior da capital do Brasil e reconhecida por sua tradição no ensino de Direito. Em suas instalações, seus 8.000 alunos, 250 professores e 150 funcionários estão distribuídos em cursos de graduação e pós-graduação presenciais e a distância, além de programas de extensão voltados à comunidade externa.

Mais informações sobre a história do UDF, incluindo sua missão e visão, podem ser encontrados no site da instituição em: http://udf.edu.br/conheca-o-udf/nossa-historia/.

O convite para uma palestra

O professor Jorge Luiz Santana, coordenador dos Cursos de Sistemas de Informação, Jogos Digitais, Análise e Desenvolvimento de Sistemas no UDF, me ligou com a preocupação de fornecer uma visão de mercado das linguagens de programação para os alunos de graduação do centro universitário. A ideia foi fomentar conhecimento sobre algumas das principais linguagens de programação do mercado e algumas de suas principais aplicações atualmente. O objetivo é planejar ajustes na grade curricular dos cursos de TI com a preocupação de preparar cada vez melhor seus alunos para o mercado de trabalho extremamente dinâmico de tecnologia.

A palestra

A palestra “Uma visão de mercado das linguagens de programação” foi apresentada no dia 06 de novembro de 2013 (quarta-feira), das 19h30 às 22h, no auditório do Edifício Reitor Rezende Ribeiro de Rezende do Centro Universitário do Distrito Federal (UDF).

Eu apresentei informações sobre as seguintes linguagens de programação:

  • C
  • C++
  • Objective-C
  • Java
  • JavaScript
  • Ruby
  • PHP
  • C#

Na apresentação também houve uma exposição de algumas aplicações destas linguagens em desenvolvimento: de sistemas operacionais (sistemas baseados em UNIX e Windows), desktop (Windows, Mac OS X e Linux), Web (do lado do servidor e do lado do cliente), para smartphones e tablets (Android, iOS, Windows Phone, Windows Store apps), para a nuvem (Amazon Web Services, Windows Azure, Google App Engine),  de jogos para múltiplas plataformas, etc.

Abaixo, seguem os slides da apresentação.

Campus Party, Campus Party Channel, CSS3, Evento, HTML5, Vídeo, W3C

Campus Party Channel – Vídeo da palestra HTML5 + CSS3 em múltiplos browsers, em múltiplas plataformas e em múltiplos dispositivos

Vídeo da minha palestra na Campus Party Recife 2013

Segue o vídeo da minha apresentação na Campus Party Recife 2013, que foi realizada no dia 18 de julho de 2013.

Dicas para assistir ao vídeo da palestra

Nos 3 minutos iniciais da palestra, eu estou resolvendo um problema do Lenovo ThinkPad W530 para duplicar a imagem da tela do notebook num projetor. O problema é que o notebook estende a imagem no Windows 8, mesmo quando pedimos para duplicar com uso de Windows+P e “Duplicate“. O problema já acontecia na geração anterior, Lenovo ThinkPad W520, com o Windows 7. Duas soluções possíveis para o problema são apresentadas no seguinte post do evangelista técnico da Microsoft Bret StatehamLenovo W520 and an External Projector with NVIDIA Quadro 2000M and NVIDIA Optimus. Eu usei a segunda solução, então tive que reiniciar a máquina para alterar uma configuração na BIOS antes de prosseguir com a apresentação.

Você pode acompanhar a codificação, passo a passo, no vídeo. Eu sugiro que você baixe os arquivos da demonstração em: DemoAbas.

Eu usei o conteúdo do arquivo index.txt para gerar o arquivo HTML5 index.html. Depois, eu criei a folha de estilo CSS3 estilos.css para formatar o conteúdo do arquivo HTML5. Você pode assistir ao vídeo e fazer a codificação simultaneamente, colocando pausa sempre que julgar necessário. O ideal é ter pelo menos dois monitores, um rodando o vídeo e outro para codificação. Ou, ainda, se você tiver um tablet, passe o vídeo no tablet e codifique no seu notebook ou desktop.

Campus Party, CSS3, Evento, HTML5, W3C

Campus Party Recife 2013: HTML5 + CSS3 em múltiplos browsers, em múltiplas plataformas e em múltiplos dispositivos

Campus Party Recife 2013

O evento Campus Party Recife 2013

Pelo segundo ano consecutivo Recife recebeu uma edição especial do maior acontecimento de inovação, entretenimento digital, ciência e cultura digital do mundo: a Campus Party. Muitos palestrantes subiram nos palcos dos cenários PitágorasGalileuMichelangelo e Stadium para um compartilhamento de informações com os campuseiros. Grandes nomes estiveram presentes na segunda edição desse grande acontecimento tecnológico.

A Campus Party Recife 2013 foi realizada de 17 a 21 de julho de 2013 no Chevrolet Hall e no Centro de Convenções de Pernambuco (Recife,PE).

Cenário Pitágoras

Cenário Pitágoras

Cenário Pitágoras teve diversas palestras sobre desenvolvimento de software, softwares livres, segurança e redes.

Minha palestra: HTML5 + CSS3 em múltiplos browsers, em múltiplas plataformas e em múltiplos dispositivos (Cenário Pitágoras)

Eu apresentei a minha palestra sobre desenvolvimento Web com HTML5 e CSS3 voltado para múltiplos browsers, em múltiplas plataformas e em múltiplos dispositivos no dia 18 de julho de 2013, das 21h30 às 22h30. A palestra foi apresentada no Cenário Pitágoras e foi transmitida ao vivo pela Internet, sendo que a gravação será disponibilizada posteriormente.

Na palestra, eu apresentei alguns novos elementos do HTML5 que permitem desenvolver páginas Web mais semânticas, como: headerfootorarticlesectionnav e aside. Depois, eu apresentei alguns recursos de módulos das especificações que constituem a CSS3, como os novos seletores, arredondamento de bordas com a propriedade border-radius, gradientes de cores lineares com a função linear-gradient e radial com a função radial-gradient, sombras em textos com a propriedade text-shadow e em caixas com a propriedade box-shadow, efeitos de transição em algumas propriedades com a propriedade transition, dentre outros recursos.

Seguem os slides da apresentação:

Código da demonstração

A demonstração teve como objetivo mostrar a criação de uma interface de abas com efeitos de arredondamento, gradiente de cores e sombras, dentre outros recursos. A demonstração foi feita, a partir do zero, transformando-se um um arquivo texto em uma página Web HTML5 com elementos semânticos e a formatação com recursos de CSS3.

Eu mantive o arquivo texto inicial para servir de base para quem quiser tentar montar o código HTML5 e fazer a formatação com CSS3 de modo similar ao que foi feito na palestra.

Código da demonstração: DemoAbas.

CSS3, Evento, HTML5, TDC

The Developer’s Conference (TDC) 2013 – Florianópolis: HTML5 + CSS3 em múltiplos browsers, em múltiplas plataformas e em múltiplos dispositivos (Stadium)

the-developers-conferencetdc-florianopolis

O evento The Developer’s Conference (TDC) 2013 – Florianópolis

O evento The Developer’s Conference (TDC) reúne várias trilhas que abordarão as tendências do mercado em temas como Android, Windows Phone, iOS, Java, Python, Testes, Cloud computing, Games, Robótica, entre várias outras. Em 2013, a edição de Florianópolis foi realizada no Oceania Convention Center, de 24 a 26 de maio de 2013.

Trilha Web University

A trilha Web University foi coordenada pelo MVP da Microsoft Victor Cavalcante e pelo coordenador do Google Developer Group (GDG) de São Paulo Paulo Fernandes. A trilha teve como objetivo mostrar qual o melhor caminho para se começar a desenvolver para Web, uma vez que cada vez mais tecnologias vão sendo agregadas e geralmente quem está iniciando não sabe por onde começar.

Minha palestra: HTML5 + CSS3 em múltiplos browsers, em múltiplas plataformas e em múltiplos dispositivos (Stadium)

Eu apresentei a minha palestra sobre desenvolvimento Web com HTML5 e CSS3 voltado para múltiplos browsers, em múltiplas plataformas e em múltiplos dispositivos no dia 26 de maio de 2013, das 11h10 às 12h. A palestra foi apresentada no auditório Stadium e foi gravada para ser disponibilizada depois.

Na palestra, eu apresentei alguns novos elementos do HTML5 que permitem desenvolver páginas Web mais semânticas, como: header, footor, article, section, nav e aside. Depois, eu apresentei alguns recursos de módulos das especificações que constituem a CSS3, como os novos seletores, arredondamento de bordas com a propriedade border-radius, gradientes de cores lineares com a função linear-gradient e radial com a função radial-gradient, sombras em textos com a propriedade text-shadow e em caixas com a propriedade box-shadow, efeitos de transição em algumas propriedades com a propriedade transition.

Seguem os slides da apresentação:

Código da demonstração

A demonstração teve como objetivo mostrar a criação de uma interface de abas com efeitos de gradiente de cores, sombras, transições, dentre outros recursos. A demonstração foi feita transformando-se um um arquivo texto em uma página Web HTML5 com elementos semânticos e a formatação com recursos de CSS3.

Demonstração: DemoAbas.

Apple, CSS3, Evento, HTML5, iOS, iPad, iPhone, JavaScript, Mac OS X, MVP Virtual Conference

MVP Virtual Conference 2013: Suporte a padrões Web

Palestra Suporte a padrões Web

No dia 27 de março de 2013, das 10h15 às 11h30, eu apresentei a palestra “Suporte a padrões Web no Internet Explorer 10 e outros browsers, em múltiplas plataformas e em múltiplos dispositivos” no evento MVP Virtual Conference 2013.

Na palestra, eu mostrei o suporte a alguns dos principais recursos de HTML5, CSS3 e JavaScript nas versões mais recentes dos principais browsers (Internet Explorer, Chrome, Firefox, Safari e Opera), em múltiplas plataformas (Windows 8, Mac OS X Mountain Lion, Ubuntu Linux) e em múltiplos dispositivos (desktops, notebooks, ultrabooks, netbooks, smartphones e tablets).

Slides da apresentação

A minha apresentação teve duração de, aproximadamente, 1h. Sendo que, ao final, houve um espaço de tempo de 15 min para perguntas e respostas. Abaixo, seguem os slides da apresentação.

Android, Apple, CSS3, Evento, Google, HTML5, iOS, iPad, iPhone, iPod touch, JavaScript, Linguagem Java, Microsoft, W3C, Windows 8, Windows Phone 8

Seminfo 2012 (Urutaí-GO): Desenvolvimento para dispositivos móveis

O evento

Imagem

O evento SEMINFO (Semana de Informática) 2012, no Campos de Urutaí do Instituto Federal Goiano, aconteceu na semana de 26 a 30 de novembro de 2012. A programação foi bem variada, abordando muitos temas de informática, como:

  • Plataforma Java
  • Microsoft Windows 8
  • Apple iOS
  • Google Android
  • Linux (Ubuntu)
  • Campeonatos de jogos (Counter Strike, Need for Speed e Guitar Hero)
  • Apresentação do Jogo da Cerveja
  • Maratonas de programação
  • Mini-cursos
  • Palestras
  • Dentre outros

O campus fica numa fazenda, fornecendo um ambiente agradável e descontraído para os estudos. Parece que você está num hotel fazenda. Há alojamento para estudantes de fora e toda uma estrutura que se espera de uma instituição de ensino.

A notícia do evento foi publicada no site do Instituto Federal Goiano: “SEMINFO 2012 tem início nessa segunda-feira, 26“. Eu fui um dos palestrantes do evento e a relação completa pode ser visualizada no site do evento: “SEMINFO 2012 – Palestrantes“.

Minha palestra no evento

No dia 28 de novembro de 2012, eu apresentei a palestra “Desenvolvimento para dispositivos móveis – iOS, Android, Windows Phone, Windows 8 e Firefox OS“. A palestra foi escolhida democraticamente, dentre várias opções disponíveis, numa votação entre os alunos da instituição. O objetivo principal da minha apresentação foi dar uma visão geral das principais plataformas de desenvolvimento para dispositivos móveis disponíveis no mercado atualmente, além de uma com potencial: Firefox OS.

Foram apresentados os seguintes tópicos:

  •  iOS 6
    • iOS 6 – Sistema operacional móvel
    • iOS 6 – Arquitetura
    • iOS 6 – Linguagens de programação
    • iOS 6 – Frameworks
    • iOS 6 – Ferramentas de desenvolvimento
    • iOS 6 – Documentação
    • iOS 6 – Loja virtual
    • iOS 6 – Publicação na loja virtual
    • iOS 6 – Licença de desenvolvedor
  • Android 4.2 (Jelly Bean)
    •  Android 4.2 – Sistema operacional móvel
    • Android 4.2 – Arquitetura
    • Android 4.2 – Ferramentas de desenvolvimento
    • Android 4.2 – Documentação
    • Android 4.2 – Loja virtual
    • Android 4.2 – Publicação na loja virtual
    • Android 4.2 – Registro de desenvolvedor
  • Windows Phone 8
    • Windows Phone 8 – Sistema operacional móvel
    • Windows Phone 8 – Linguagens de programação
    • Windows Phone 8 – Ferramentas de desenvolvimento
    • Windows Phone 8 – Documentação
    • Windows Phone 8 – Loja virtual
    • Windows Phone 8 – Publicação na loja virtual
    • Windows Phone 8 – Registro de uma conta Dev Center
  • Windows 8
    • Windows 8 – Sistema operacional desktop e móvel
    • Windows 8 – Windows imaginado de novo
    • Windows 8 – Linguagens de programação
    • Windows 8 – APIs de Windows Store apps
    • Windows 8 – Ferramentas de desenvolvimento
    • Windows 8 – Documentação
    • Windows 8 – Loja virtual
    • Windows 8 – Publicação na loja virtual
    • Windows 8 – Licença de desenvolvedor
  • Firefox OS
    • Firefox OS – Sistema operacional móvel
    • Firefox OS – Linguagens de programação
    • Firefox OS – Ferramentas de desenvolvimento
    • Firefox OS – Documentação
    • Firefox OS – Loja virtual
    • Firefox OS – Publicação na loja virtual
  • Suporte ao desenvolvimento
    • Recursos oficiais na Web
  • Dúvidas

A minha apresentação teve duração de, aproximadamente, 1 h 30 min. Sendo que, ao final, houve um espaço de tempo reservado para perguntas e respostas. Abaixo, seguem os slides da apresentação.