Categorias
Eventos

Os últimos Talks de 2013

2013 foi um ano incrível, e no fechar das cortinas tive a chance de palestrar em dois grandes eventos. O WEBBR 2013 e EATI 2013 duas experiência incríveis, o primeiro eventos é um dos maiores eventos de Web do Brasil e o segundo um super evento no extremo sul do Brasil.

Na segunda feira dia 18 de abril tive a oportunidade de falar sobre performance em apps HTML5, a palestra inicialmente seria apresentada por Demian Borba que generosamente emprestou o conteúdo de sua palestra. Nela listei 20 dicas sobre performance. Tive sorte de abrir a rodada de palestras, abrir evento é sempre bom que você fica com tempo livre para conferir todas as outras palestras. No  WEBBR 2013 possuía  4 trilhas e eu fui escalado na trilha canvas, após minha palestra  tirando a palestra da Talita Pagani eu fiquei mais tempo na trilha section.

Após a minha palestra foi a vez de Talita Pagani subir no auditório. Com a palestra sobre games com HTML5, apresentação que abordou os principais assuntos sobre desenvolvimento de jogos em HTML5, na palestra a Talita falou de algumas questões que ela enfrenta no dia-a-dia. Após a palestra da Talita conferi ótimas palestras com Bruno Azevedo, Caio Gondim e Almir Filho. No WEBBR tive a oportunidade de conhecer o trabalho do Bruno e por sorte encontrar novamente no EATI e conhecer mais sobre esse grande profissional.

O EATI evento organizado pelo o Joel da Silva, aconteceu na unidade da Universidade Federal de Santa Maria de Frederico Westphalen, posso falar que foi um dos eventos que fui mais bem acolhido em 2013. A cidade de Frederico Westphalen está situada entra Santa Cataria, Rio Grande do Sul e Argentina. Para chegar lá tive que enfrentar uma verdadeira Odseia, sai na noite do dia 19 de novembro de Guarulhos para  Chapecó, fazendo escala em Florianópolis, chegando em Floripa por questões climáticas tive que ir de ônibus até Frederico Westphalen uma viagem que durou 11 horas. Chegando lá fui direto para a UFSM onde tinha um workshop no período da tarde e a noite uma palestra.

As fotos acima são do Workshop sobre desenvolvimento de Jogos em HTML5, logo após o workshop foi a vez da palestra para os Estudantes da UFSM

Posso falar que foi sofrido mas valeu a pena a recepção dos professores e alunos foi incrível. No dia seguinte a minha palestra foi a vez do momento BrazilJS, Jaydson e companhia durante todo o dia deram uma série de palestras sobre Front End. Devidamente recuperado eu acompanhei todas as palestras no segundo dia. Algumas das palestras eu tinha visto dias antes no Webbr Conf mas valeu a pena ver de novo.

2013 foi um ano incrível, aprendi bastante e conheci pessoas incríveis nas cidades onde passei, a batalha inicia novamente e que venha 2014! Um 2014 de muito sucesso para todos os leitores.

Categorias
Eventos Mobile Dev Group São Paulo

8º Encontro FEMUG SP + 8º Encontro Mobile Dev Group São Paulo

Olá pessoal venho anunciar o nosso primeiro encontro do ano, esse encontro será uma parceria com o grupo FEMUG-SP. O grupo organizado pelo Daniel Filho, para quem não conhece o grupo vai uma breve descrição:

O “Front-End Meet-Up Group” é um projeto que nasceu da necessidade de unir os desenvolvedores Front-End de São Paulo, e então tornou-se uma idéia coletiva, para que o acesso à informação seja feito em qualquer lugar que haja interesse do aprendizado.

 

O FEMUG realiza encontros periódicos sem um local fixo cada mês uma empresa fica responsável por seder o espaço para o evento, neste mês o encontro será realizado na BlackBerry. O Tema ainda não foi definido, ele é fechado dias antes do evento, para acompanhar a discussão sobre o encontro acesse a lista no seguinte link: http://bit.ly/FEMUG-SP

As conversas sobre o encontro começaram no ano passado Demian Borba, conheceu Daniel Filho no FEEC Brasil em Recife, isso mesmo em Recife nós conhecemos o grupo de São Paulo. E nesse mês será um prazer receber o FEMUG nas instalações da BlackBerry Brasil, também convidamos os integrantes do Mobile Dev Group São Paulo participarem do encontro. Quem não acompanha o nosso Dev Group no Facebook vai perguntar “Que grupo é esse?”. No final do ano passado em uma reunião realizada entre os managers do Brasil decidimos mudar o nome dos grupos de “BlackBerry Dev Group” para “Mobile Dev Group”.

Essa mudança visa abrir os grupos para desenvolvedores de outras plataformas, com o foco no enriquecimento do conhecimento entre os desenvolvedores independente da plataforma, atualmente temos muitas tecnologias convergentes em várias plataformas, por exemplo, AIR, Unity e Phone Gap. O Apoio da BlackBerry aos grupos continua com o mesmo foco os desenvolvedores.

E agora chega de “Blá Blá Blá” vamos ao que interessa o encontro será nesta Quarta-feira, 15 de Janeiro de 2014 às 20:00h no Escritório da BlackBerry Brasil:

Centro Empresarial Nações Unidas, Torre norte – 35º andar
Av. das Nações Unidas, 12901 – Itaim Bibi
São Paulo

Interessado em participar do evento por favor se inscrever no seguinte link: http://www.eventick.com.br/femug-sp-8

E até lá pessoal.

 

 

 

Categorias
HTML5 Mobile Dev Group São Paulo Tutoriais

Use o Input type apropriado para cada tipo de dado

Com o HTML5 foram introduzidos os novos inputs types isso representou um ganho enorme para os usuários mobile que utilizam formulários em seu app e site, utilizar o input type correto é muito importante para experiência do usuário. Nesse tutorial vou listar os principais inputs type para você utilizar em sua aplicação.

date

Este campo é preparado para receber uma data, será exibido para o usuário um calendário para cadastrar a informação. O resultado da utilização do input é o seguinte:

<input type=”date” id=”data”>

time

Este campo campo é utilizado para realizar cadastro de hora. Da mesma forma do date ele irá habilitar um interface adaptada para cadastro da informação.

<input type=”time” id=”hora”>

month

Campo é similar ao date mas resgata apenas a entrada de mês e ano sem o time zone.

<input type="month" name="mes" id="mes">

number

Input para cadastro específico de números, para o usuário mobile ele exibe apenas o teclado numérico como a imagem a seguir:

<input type="number" name="num" id="num">

range

Cria um elemento slide para receber um valor dentro de um intervalo especificado pelas propriedades min e max.

<input type=”range” name=”media” id=”media” min="0" max="100">

color

Permite ao usuário selecionar uma cor específica retornando um valor hexadecimal.

<input name="cor" id="cor" type="color" >

url

Este elemento cria uma validação para url em invoca um teclado específico para o cadastro da info.

<input name="mail" id="mail" type="email">

email

Assim como o type url esse item realiza uma validação esperando uma info com @. Caso o usuário tente cadastrar uma informação inválida teremos o seguinte alerta:

<input name="mail" id="mail" type="email">

tel

Input Similar ao number com apenas números, mas com o teclado semelhante ao discador:

<input name="phone" id="phone" type="tel">

search

Neste campo é adicionado um “x” no canto esquerdo quando é adicionado algum conteúdo, o “x” tem a função de limpar o conteúdo. Como o nome sugere este Input é utilizado em campos de busca.

<input type="search" id="busca">

Esse itens além de ter o suporte no Blackberry 10 também tem suporte nas maiorias dos browsers e muito coisa nova esta vindo por ai. Além de novos inputs temos novas propriedades que será o tema do próximo post sobre input.

O código dos exemplos confere aqui :

https://github.com/fellyph/Tutorial-bbUI/tree/master/tutorial-input/www

Categorias
Mobile Dev Group São Paulo

Já está disponível o novo WebWorks SDK 2.0 Beta baseado no Apache Cordova

A BlackBerry trabalhou pesado para essa grande novidade, o WebWorks 2.0, essa nova foi totalmente construída em cima do Apache Cordova. Que vem cheia da novidades

Apache Cordova

Resumindo essa grande novidade o WebWorks agora é uma distribuição do Cordova com uma série de adaptações com foco na melhoria da experiência dos desenvolvedores. WebWorks automaticamente inclui todas as APIs do Apache Cordova, bem como as funcionalidades já existentes no WebWorks(que já foram implementadas como plugin do Cordova e estão disponíveis aqui). Claro que isso também já foi incluído com a nova interface de linha de comando baseada no “Cordova command line” mas com algumas melhorias do BlackBerry 10.

O novo WebWorks SDK

Com essa nova versão do SDK, contém o novo instalador e uma nova ferramenta gráfica, este recurso irá reduzir bastante o tempo de desenvolvimento. A ferramenta gráfica foi desenvolvida pelo Tech Center da UFAL.

A nova ferramenta ajuda na administração dos seus projetos, setando informações básicas no seu config.xml, além de uma ferramenta de build/sign/deploy de sua aplicação para o device ou simulador. Este é o primeiro passo para um novo patamar em ferramentas de desenvolvimento para WebWorks.

Compatibilidade

Aplicações em WebWorks antigas e as que utilizam a nova versão SDK irão funcionar em todas as versões do BlackBerry 10. Isto permite uma flexibilidade para o desenvolvedor migrar quando quiser para o novo SDK 2.0. Vale lembrar que o novo SDK baseado no Apache Cordova será o foco para o novos devices da BlackBerry.

Uma das vantagens de se trabalhar com o Apache Cordova que ela permite uma fácil adaptação de sua aplicação para outras plataformas, como Cordova prove múltiplas camadas em comum com outras plataformas desenvolver soluções multi plataformas será muito simples.

Além disso, muitas das top soluções enterprise do mercado, com IBM e SAP, estão adotando o Apache Cordova. Assim suas aplicações WebWorks tornarão muito mais acessíveis para essa plataforma.

Migração

Se você quer migrar suas aplicações neste momento, você pode conferir a documentação aqui.

Documentação e Exemplos

A BlackBerry quer garantir que você tenha todas as ferramentas que você precisa para trabalhar com a mais nova versão do SDK, por isso já está disponível toda a documentação atualizada aqui, exemplos e API Reference(Incluindo conteúdo para APIs do núcleo Apache Cordova). O site do Developer BlackBerry foi bifurcado para garantir conteúdo para as duas versões.

Os exemplos do GitHub também foram atualizados e você confere aqui

Essa foi uma grande novidade para os desenvolvedores de aplicações em HTML5, isso abre novos horizontes para a plataforma e atrai cada vez mais novos desenvolvedores. Realmente foi um trabalho árduo que está apenas começando.

Mais posts sobre o assunto em breve.

Categorias
Eventos WordPress

Programação do 2º Wordtalks DRC

Dia 10 de novembro acontece o segundo Wordtalks é um encontro voltado para debater temas relacionados a desenvolvimento web e WordPress. Por ser um evento com a grade organizada por alunos tem o objetivo de apresentar e debater projetos ou técnicas que os alunos utilizam em seu dia-a-dia.

Cada palestrante tem 20 min para apresentar sua proposta e 10 min para debate. Além das apresentações dos alunos, cada encontro terá a participação de um convidado. O encontro começa as 10h e seu término é as 13h. Duas horas de muita informação e o melhor de tudo isso que você não paga nada.

No segundo encontro o nosso convidado será:

Leonardo Lima

Front-end Developer no portal UOL e responsável pelo projeto de reestruturação do portal UOL mobile. Atua como desenvolvedor web desde 2002, é preocupado com performance, padronização de projetos e reutilização de código. Curioso por novas tecnologias e ferramentas, estudante de Ciência da Computação no Mackenzie.

Leonardo  levará o seguinte tema para o encontro : Pré-processadores de CSS: SASS, LESS e Grid Frameworks.

Além do convidado teremos mais 3 palestras, a programação do encontro ficará da seguinte forma :

10h – Abertura

10:20 – Criando widgets em 20 min.
Palestrante: Fellyph Cintra.
Resumo da apresentação: Apresentação estilo “se vira nos 20”. Em 20 minutos mostrarei os Passos básicos para criar uma widget.

10:50 – Hospedando um site em WordPress
Palestrante: Luis Felipe Veiga Correa
Resumo da apresentação: Pontos importantes para considerar ao contratar um plano de hospedagem para um site em WordPress e as diferenças entre os tipos de servidores.
Site: www.dev2web.com.br

11:30 – SEO para WordPress
Palestrante: Rodrigo Simoni
Resumo da apresentação: O WordPress é um ótimo CMS para trabalhar com SEO. Porém, há uma série de técnicas de SEO On Page, além de alguns plugins que são essenciais e obrigatórios para que seu site possa ganhar visibilidade e conseguir bons posicionamentos nas Serps do Google. Sitemap, Robots, URL amigáveis, canonical tags, conteúdo relevante, long tails e outras técnicas e ferramentas que farão toda a diferença.

Site: www.brandweb.com.br

12:10 – Pré-processadores de CSS: SASS, LESS e Grid Frameworks.
Palestrante: Leonardo Lima
Resumo da apresentação: Cansado de reescrever o mesmo código de css a cada elemento novo de seu layout? De ter que mudar os padrões de tipografia e cores em diversas linhas do seu css? Então conheça e entenda mais sobre Pré-processadores de css, o que são, quais existem, como instalar e o principal: como usar!

Site: http://llaraujo.com/

Para participar do encontro basta fazer o cadastro no link : https://www.fellyph.com.br/blog/eventos/inscricao-para-o-segundo-wordtalks/.

O encontro ocorre no auditório da DRC que fica no seguinte endereço :

Rua Joaquim Floriano, 733 – 10º Andar
São Paulo, 04534-012


Exibir mapa ampliado