O jQuery é uma biblioteca JavaScript poderosa que está quase se tornando quase “sinônimo” do próprio JavaScript.

A apresentação de slides a seguir é de uma palestra introdutória do jQuery, que destaca praticamente todos os seus recursos e que mostra algumas modificações na versão mais recente da biblioteca (1.7).

E para quem quiser se aprofundar no assunto, o último slide aponta para um livro gratuito de jQuery: jqfundamentals.com.

(Registro aqui o agradecimento ao Erko Bridee por compartilhar esse conteúdo)

Posts relacionados

• Livro: Google Android“>Livro: Google Android (0)
• Instalando sua aplicação Rails/RestfulX (e as gems) na DreamHost Installing your Rails/RestfulX app (and its gems) at Dreamhost“>Instalando sua aplicação Rails/RestfulX (e as gems) na DreamHost Installing your Rails/RestfulX app (and its gems) at Dreamhost (2)
• CRUD com o RestfulX – aplicação funcionandoCRUD with RestfulX – live application“>CRUD com o RestfulX – aplicação funcionandoCRUD with RestfulX – live application (2)
• CRUD com o RestfulX: Parte 1/2 – RetrieveCRUD with RestfulX: Part 1/2 – Retrieve“>CRUD com o RestfulX: Parte 1/2 – RetrieveCRUD with RestfulX: Part 1/2 – Retrieve (7)
• Protesto: falha em sistema da Orizon expõe dados sigilosos de pacientes“>Protesto: falha em sistema da Orizon expõe dados sigilosos de pacientes (0)
• Balsamiq Mockups: solução entre protótipos de alta e baixa fidelidade“>Balsamiq Mockups: solução entre protótipos de alta e baixa fidelidade (8)
• Erro “bad line length character” no Git“>Erro “bad line length character” no Git (1)
• Windows e Office: novidades da Microsoft“>Windows e Office: novidades da Microsoft (4)
• Firefox Plugin – visualizar trace de SWFs“>Firefox Plugin – visualizar trace de SWFs (2)

© Elvis for Elvis Fernandes, 2011. |
Permalink |
Nenhum comentário |
Adicione ao
del.icio.us


Tags: AJAX, Desenvolvimento, JavaScript, jQuery, web

Não, isso não é um anúncio da Embratel. Estou me referindo ao Curso de Mockup da e-Genial, confiram só: http://www.egenial.com.br/mockup

Todo mundo sabe que eu não tenho aptidões para design (essa arte de escolher cores, bordas, etc) não é minha praia, definitivamente. Sou um #soudev “nato” que gosta de código, mas reconheço a importância do papel de um Designer na nossa área e, também, do Arquiteto de Informação (aquele que é responsável em projetar as áreas que irão compor nossa view, além de outras coisas).

Como nem todos tem condições de dispor desses profissionais em suas equipes – ou ainda assume ‘broncas’ como freelancers  – acabam apelando para o estilo MacGyver (o faz tudo), é importantíssimo que você faça esse curso!

Esse curso não irá te ensinar a usar o Balsamiq muito menos irá te ensinar a usar o Fireworks, o que esse curso irá te auxiliar no processo de desenvolvimento de produtos desde a concepção da ideia até o lançamento.

Portanto, se você é um #soudev – ou até mesmo um empreendedor – que está cheio de  idéias legais mas não sabe como preparar o lançcamento dela na rede, aproveita esse curso e faça sua matrícula, porque vamos falar sério né?! Tá barato pra Caramba!

PS: Se vc não tem idéias legais, faça o curso também, quem sabe não aparece uma depois, heim?!?! =)

[]s

Malta, é com grande entusiasmo que, depois de uns valentes tropeções e várias  horas de contactos e discussões, estão live os registos para o Meeting riaPT Porto!!!!

Não percam! 6 de Março, no “Maus Hábitos”, às 14:00, no Porto!

Podem-se registar e ler sobre o evento e tudo o que vai constar do programa aqui!

Vamos ter temas muito interessantes de pessoas que trabalham na área de User Interface, Flash, Flex, PHP e Microsoft. É com honra que digo que o representante da Microsoft Portugal para o Silverlight, Luís Martins, vai fazer uma aparição e explicar-nos a ideia que a Microsoft tem para a web sobre o lema “Make Web Not War“. Teremos o já muito conhecido João Gonçalves, formador em várias instituições que forma pessoas para a plataforma Flash e também teremos pessoas que têm ligações às empresas FullSix, BlueMedia e Alert Life Science Computing.

Esperemos que seja uma boa tarde para todos e que o conhecimento seja partilhado de uma forma dinâmica e sem compromissos!

Da minha parte, e uma vez que estou cada vez mais interessado em perceber a mente do utilizador e em criar a melhor experiência possível de interacção, falarei sobre a diferença entre a fase em que criamos a nossa aplicação e a forma como os nossos utilizadores realmente a percebem. Vou tentar explorar de que forma podemos, através de pequenas técnicas, fazer com que a nossa mensagem seja sempre bem passada.

Aqui fica a agenda do evento:

14:00 Abertura Rui Silva, Mauro Martins

14:10 Zend Framework com Flash - Miguel Pinto

14:35 Web – Construir é diferente de ver! – Mauro Martins

15:00 Flex Decoupled – Build Strong from the Foundation - Vítor Monteiro

15:25 Balsamiq Mockups e Napkee: A arte de “rabiscar” - Rui Silva

15:50 Realidade Aumentada com Papervision 3D – João Crispim

16:10 Coffee Break - Networking

16:25 Make Web not War: A plataforma Microsoft - Luís Martins

16:50 Silverlight 101: Anatomia de uma Aplicação - Ricardo Castelhano

17:15 Swiz e Flex – João Fernandes

17:40 “HYPE”: Voltar à criatividade em Flash! – João Gonçalves

18:05 a anunciar

18:30 Encerramento – Prémios Rui Silva, Mauro Martins

–

Atenção que a procura tem sido bastante! O site não está live à 12 horas e os bilhetes já estão quase esgotados faltando apenas preencher 21 lugares, por isso registem-se rápido!

Mais tardar amanhã de manhã vai também sair o post no riaPT (eu vou actualizando aqui também), por isso estejam atentos que vamos lá ter mais informação.

Este está a ser um projecto que me está a dar muito gozo em criar / realizar em conjunto com o Rui Silva e, a título de curiosidade, deixo aqui o post que criei no grupo do riaPT quando coloquei na minha cabeça fazer este evento:

Pessoal, já está mais que na hora de nos tornamos “internacionais” (sair de Lisboa) e começarmos a ter coisas a sério e com alguma repetição aqui no Porto. O que não falta por cá é malta que gostava de expor as suas ideias, mostrar o seu trabalho de que tanto se orgulham e mostrarem-se à comunidade / à nação!

Coisas como o “Stand Up And Speak” são formatos muito interessantes que servem em muito para mantermos contactos com a comunidade, saber o
que se anda a fazer por aí e inovar na forma de pensar em Portugal. Penso que temos de quebrar barreiras e tornarmos isto num grupo que agiliza informação, que é pró-activo e que tenta ser um exemplo de partilha de ideias que nos faz sempre ir mais além

De início claro que não vai ser o esperado, vamos ter de suar um pouco, ouvir alguns nãos mas penso que de evento a evento uma pessoa chama outra e podemos contar, de certeza com uma maior exposição para o nosso canto e para o que de melhor se faz em desenvolvimento.

Espero que apareçam, não tenham problemas em dizer um olá, e que, principalmente, partilhem as vossas experiências e absorvam as que vos vão ser transmitidas!

Quero desde já deixar os meus agradecimentos ao João Gonçalves, João Fernandes, Paulo Moreira, a todos os speakers e à Flag por terem contribuído para este pequeno momento que vamos ter no Porto.

Qualquer assunto sobre o evento enviem um email para Mauro Martins ou Rui Silva.

Cumprimentos, Mauro.

EDIT:

- Adicionado o tema do João Crespim que falará não só de Papervision mas também de Realidade Aumentada;

- Adicionado João Fernandes, um dos responsáveis pelos eventos do riaPT em Lisboa;

Há alguns dias eu escrevi dois artigos sobre como realizar as operações de CRUD com o RestfulX – um falando sobre o retrieve e outro sobre o create, update e delete.

Quando escrevi o segundo artigo eu fiquei devendo mostrar para vocês a aplicação de exemplo funcionando. Pois aqui está: veja a aplicação rodando e faça seus testes!

Para ver o código fonte basta clicar com o botão direito na aplicação e escolher “View source”.

Posts relacionados

• CRUD com o RestfulX: Parte 1/2 – RetrieveCRUD with RestfulX: Part 1/2 – Retrieve“>CRUD com o RestfulX: Parte 1/2 – RetrieveCRUD with RestfulX: Part 1/2 – Retrieve (3)
• CRUD com o RestfulX: Parte 2/2 – Create, Update e DeleteCRUD with RestfulX: Part 2/2 – Create, Update, and Delete“>CRUD com o RestfulX: Parte 2/2 – Create, Update e DeleteCRUD with RestfulX: Part 2/2 – Create, Update, and Delete (1)
• Instalação “avançada” do RestfulX no seu projeto Rails“Advanced” installation of RestfulX into your Rails app“>Instalação “avançada” do RestfulX no seu projeto Rails“Advanced” installation of RestfulX into your Rails app (0)
• Introdução ao RestfulXIntroduction to RestfulX“>Introdução ao RestfulXIntroduction to RestfulX (0)
• Screencast: desenvolvendo uma aplicação com RestfulX em menos de 5 minutos“>Screencast: desenvolvendo uma aplicação com RestfulX em menos de 5 minutos (4)
• RestfulX – Introdução, instalação, configuração e primera aplicação em 5 minutos“>RestfulX – Introdução, instalação, configuração e primera aplicação em 5 minutos (8)
• Usando checkboxes em uma relação habtm no Rails“>Usando checkboxes em uma relação habtm no Rails (3)
• Instalando o Rails 2 no Debian“>Instalando o Rails 2 no Debian (2)
• Balsamiq Mockups: solução entre protótipos de alta e baixa fidelidade“>Balsamiq Mockups: solução entre protótipos de alta e baixa fidelidade (4)
• Erro “bad line length character” no Git“>Erro “bad line length character” no Git (1)

© Elvis for Elvis Fernandes, 2010. |
Permalink |
Nenhum comentário |
Adicione ao
del.icio.us


Tags: Desenvolvimento, exemplo, Flex, mysql, programação, Rails, restfulx, RoR, ruby on rails

Para dar início ao assunto de prototipagem com Balsamiq Mocups e Napkee, vejam o vídeo abaixo:

A prototipagem é uma técnica utilizada na durante o Levantamento de Requisitos  com a única finalidade de demonstrar o que foi entendido com relação aos requisitos levantados. O protótipo são construídos para facilitar o esclarecimento de certas pontos vitais para o sucesso de um produto. Os protótipos podem ajudar na modelagem do problema quanto da solução por meio de um experimento rápido e ilustrativo. Autores de livros de  Engenharia de Software pregam que os protótipos devem ser descartáveis, com rápida construção e não devem ser reaproveitados, da mesma forma na construção civil-se  utiliza de maquetes. Para fazer a participação você poderá utilizar:

• Desenhos à mão livre, em papel. Ideal quando você está conversando diretamente com o cliente.
• layout alfanuméricos feitos em editor de texto e planilhas eletrônicas.  Para demonstrar saídas de relatórios.
• Desenhos feitos com uma ferramenta de desenho técnico.
• Telas feitas em ferramentas exclusivamente de prototipagem, como MS Visio, Balsamiq Mockups ou até mesmo PowerPoint (mais chato!) .
• Telas desenhadas em um ambiente de desenvolvimento RAD.
• Telas desenhadas no ambiente definitivo de implementação.

O Balsamiq Mockpus é uma ferramenta voltada para fazer prototipação. De certa forma, o Balsamiq já é uma ferramenta bastante conhecida pela comunidade Flex, RIA. O Napkee é uma ferramenta que possibilita que você exporte os arquivos BMML gerados pelo Balsamiq Mockups e gere HTML/CSS/JS e Adobe Flex 3 ou como diz o próprio slogan do produto “Make your mockups come alive!” O Balsamiq Mockups possui um estilo de visualização “lúdico”, que deixa claro que a interface apresentada é apenas um protótipo ou mockups (maquetes).

Telas Balsamiq Mockups

No Napkee é possível importar os aquivos bmml gerados pelo Balsamiq. O Napkee fornecesse a a possibilidade de exportar para HTML/JS/CSS. A figura abaixo demonstra o preview em HTML do protótipo construído no Balsamiq.

Telas Napkee em HTML

E a figura abaixo demonstra o preview em Adobe Flex 3 do protótipo construído no Balsamiq.

Telas Napkee em Flex

Vídeo oficial Napkee:

Outros post’s  sobre o assunto:

• Balsamiq Mockups – Uma ferramenta simples e poderosa
• Balsamiq Mockups: solução entre protótipos de alta e baixa fidelidade
• Balsamiq Mockups: ferramenta para fazer protótipos de telas

Para dar início ao assunto de prototipagem com Balsamiq Mocups e Napkee, vejam o vídeo abaixo:

A prototipagem é uma técnica utilizada na durante o Levantamento de Requisitos  com a única finalidade de demonstrar o que foi entendido com relação aos requisitos levantados. O protótipo são construídos para facilitar o esclarecimento de certas pontos vitais para o sucesso de um produto. Os protótipos podem ajudar na modelagem do problema quanto da solução por meio de um experimento rápido e ilustrativo.

Autores de livros de  Engenharia de Software pregam que os protótipos devem ser descartáveis, com rápida construção e não devem ser reaproveitados, da mesma forma na construção civil-se  utiliza de maquetes.

Para fazer a participação você poderá utilizar:

• Desenhos à mão livre, em papel. Ideal quando você está conversando diretamente com o cliente.
• layout alfanuméricos feitos em editor de texto e planilhas eletrônicas.  Para demonstrar saídas de relatórios.
• Desenhos feitos com uma ferramenta de desenho técnico.
• Telas feitas em ferramentas exclusivamente de prototipagem, como MS Visio, Balsamiq Mockups ou até mesmo PowerPoint (mais chato!) .
• Telas desenhadas em um ambiente de desenvolvimento RAD.
• Telas desenhadas no ambiente definitivo de implementação.

O Balsamiq Mockpus é uma ferramenta voltada para fazer prototipação. De certa forma, o Balsamiq já é uma ferramenta bastante conhecida pela comunidade Flex, RIA.

O Napkee é uma ferramenta que possibilita que você exporte os arquivos BMML gerados pelo Balsamiq Mockups e gere HTML/CSS/JS e Adobe Flex 3 ou como diz o próprio slogan do produto “Make your mockups come alive!”

O Balsamiq Mockups possui um estilo de visualização “lúdico”, que deixa claro que a interface apresentada é apenas um protótipo ou mockups (maquetes).

Telas Balsamiq Mockups

No Napkee é possível importar os aquivos bmml gerados pelo Balsamiq. O Napkee fornecesse a a possibilidade de exportar para HTML/JS/CSS. A figura abaixo demonstra o preview em HTML do protótipo construído no Balsamiq.

Telas Napkee em HTML

E a figura abaixo demonstra o preview em Adobe Flex 3 do protótipo construído no Balsamiq.

Telas Napkee em Flex

Vídeo oficial Balsamiq Mockups

Vídeo oficial Napkee:

Outros post’s  sobre o assunto:

• Balsamiq Mockups – Uma ferramenta simples e poderosa
• Balsamiq Mockups: solução entre protótipos de alta e baixa fidelidade
• Balsamiq Mockups: ferramenta para fazer protótipos de telas