Curso gratuito de jQuery Mobile ensina a criar aplicações web para dispositivos móveis

Curso gratuito de jQuery Mobile ensina a criar aplicações web para dispositivos móveis

O curso gratuito de jQuery Mobile da Jornada do Dev ensina a desenvolver aplicações web para dispositivos móveis utilizando HTML5, CSS3, jQuery e Ajax.

A formação conta com 20 aulas e apresenta desde a instalação e configuração do framework até recursos como páginas, transições, diálogos, grids, painéis, tabelas responsivas e listas.

Apesar de o jQuery Mobile ser uma tecnologia legada para novos projetos, o curso pode ser interessante para estudantes que desejam conhecer sua arquitetura ou profissionais que precisam compreender e manter aplicações existentes desenvolvidas com o framework.

Curso gratuito de jQuery Mobile: como funciona?

O treinamento apresenta o desenvolvimento de aplicações web adaptadas para smartphones e tablets utilizando o jQuery Mobile.

A proposta do framework é utilizar tecnologias web conhecidas, principalmente HTML, CSS e JavaScript, para construir interfaces capazes de funcionar em diferentes dispositivos.

Confira as principais características da formação:

• Curso: jQuery Mobile
• Plataforma: Jornada do Dev
• Quantidade: 20 aulas
• Formato: online
• Tecnologia principal: jQuery Mobile
• HTML5: sim
• CSS3: sim
• jQuery: sim
• Ajax: sim
• Desenvolvimento responsivo: abordado
• Aplicações multipáginas: abordadas
• Tabelas responsivas: abordadas

O conteúdo segue uma sequência progressiva, começando pela preparação do framework e avançando para os principais componentes utilizados na construção das interfaces.

O que você vai aprender no curso de jQuery Mobile?

As primeiras aulas apresentam os fundamentos necessários para entender como o framework funciona.

O participante começa pela introdução e instalação do jQuery Mobile e depois conhece elementos importantes para aplicações destinadas a dispositivos móveis.

Entre os primeiros conteúdos estão:

• instalação do framework;
• Meta Tag Viewport;
• atributo data-role;
• estrutura das páginas;
• desenvolvimento multipáginas;
• páginas independentes;
• utilização de Ajax;
• transições entre páginas;
• janelas de diálogo;
• temas.

Essa base ajuda a compreender como o jQuery Mobile transforma elementos HTML em componentes de interface.

Como funciona o atributo data-role?

Uma característica importante do jQuery Mobile é a utilização de atributos personalizados no HTML.

O data-role, por exemplo, informa ao framework qual função determinado elemento deverá exercer na interface.

Uma estrutura pode ser identificada como cabeçalho, página, conteúdo, rodapé ou lista.

O framework interpreta essas informações e aplica estilos e comportamentos por meio de CSS e JavaScript.

Desenvolvimento web para dispositivos móveis

O treinamento também aborda conceitos relacionados à criação de páginas que precisam se adaptar a diferentes tamanhos de tela.

Um dos primeiros assuntos é a Meta Tag Viewport, fundamental para controlar como uma página web é exibida em dispositivos móveis.

Depois, o conteúdo avança para componentes de interface.

Barras de ferramentas e navegação

Três aulas são dedicadas às estruturas utilizadas para organizar diferentes áreas da aplicação:

• estrutura do topo;
• estrutura do rodapé;
• barra de navegação.

O aluno também aprende a trabalhar com botões e ícones, recursos importantes para estruturar a interação com a interface.

Sistema de grids

Outro tópico apresentado é o sistema de grids.

Os grids permitem organizar elementos da página em diferentes áreas e ajudam a estruturar o conteúdo apresentado ao usuário.

Curso gratuito de jQuery Mobile aborda Ajax e múltiplas páginas

O curso gratuito de jQuery Mobile também apresenta o funcionamento de aplicações com múltiplas páginas.

Uma das aulas é dedicada especificamente ao desenvolvimento multipáginas e de páginas independentes.

O treinamento também explica o Ajax dentro do framework e mostra como desabilitá-lo quando necessário.

Essa combinação ajuda a entender a arquitetura utilizada por aplicações construídas com jQuery Mobile.

Componentes, painéis e tabelas responsivas

A segunda metade do curso avança para diferentes componentes de interface.

O participante aprende, por exemplo, a implementar recursos de mostrar e esconder conteúdo, incluindo o efeito Accordion.

Também existe uma aula dedicada ao Widget Panel, utilizado para apresentar painéis na interface.

Tabelas responsivas

Um dos conteúdos de maior duração da formação é dedicado às tabelas responsivas.

Tabelas podem ser desafiadoras em smartphones devido ao espaço horizontal reduzido.

Por isso, entender estratégias para apresentar dados tabulares em telas menores pode ser útil para aplicações administrativas, sistemas internos e projetos web responsivos.

Curso possui três aulas sobre listas

As listas também recebem atenção especial no treinamento.

O conteúdo foi dividido em três aulas:

• Trabalhando com Listas – Parte I;
• Trabalhando com Listas – Parte II;
• Trabalhando com Listas – Parte III.

Listas são componentes bastante utilizados em interfaces móveis para apresentar menus, registros, opções e diferentes conjuntos de informações.

O curso mostra como trabalhar com esses componentes utilizando os recursos oferecidos pelo framework.

jQuery Mobile ainda vale a pena aprender?

Aqui existe um ponto importante para quem está pensando em fazer o curso.

O jQuery Mobile não deve ser tratado como uma tecnologia moderna recomendada para iniciar novos projetos. O framework pertence a uma geração anterior do desenvolvimento web mobile.

Isso não significa que estudar seu funcionamento seja inútil.

O conhecimento pode ser interessante principalmente para:

• manutenção de sistemas legados;
• profissionais que encontraram jQuery Mobile em projetos existentes;
• estudo da evolução do desenvolvimento web mobile;
• compreensão de aplicações antigas;
• estudantes interessados em HTML, CSS, JavaScript e jQuery;
• migração de sistemas legados para tecnologias mais recentes.

Para quem pretende construir novas aplicações profissionais, é recomendável complementar os estudos posteriormente com tecnologias atuais de desenvolvimento web responsivo e mobile.

Conhecimento ainda pode ser útil em sistemas legados

Empresas nem sempre substituem sistemas assim que determinada tecnologia deixa de ser popular.

Aplicações internas podem permanecer funcionando durante muitos anos.

Nesse cenário, encontrar código baseado em jQuery e jQuery Mobile ainda é possível, e compreender a estrutura do framework pode facilitar atividades de manutenção, correção ou modernização.

Para quem o curso pode ser interessante?

A formação pode ser aproveitada principalmente por pessoas que já possuem algum interesse em desenvolvimento web.

Entre os possíveis públicos estão:

• estudantes de programação;
• desenvolvedores web;
• profissionais de manutenção de sistemas;
• desenvolvedores front-end;
• profissionais que trabalham com aplicações legadas;
• estudantes de HTML e CSS;
• pessoas aprendendo JavaScript e jQuery.

Quem já possui conhecimentos básicos de HTML, CSS e JavaScript tende a compreender mais facilmente os conceitos apresentados.

Também é importante enxergar o treinamento dentro de seu contexto: ele pode servir para aprender o framework e compreender projetos existentes, mas não deve ser a única formação de quem pretende ingressar atualmente no desenvolvimento mobile.

Link de inscrição ⬇️

O curso gratuito de jQuery Mobile está disponível online na plataforma Jornada do Dev:

Formato: online
Quantidade: 20 aulas
Tecnologias: HTML5, CSS3, jQuery e Ajax
Framework: jQuery Mobile
Nível: não informado
Acesso: consulte as condições diretamente na plataforma

Acesse o curso para conferir as aulas e aprender como aplicações web para dispositivos móveis podem ser estruturadas utilizando jQuery Mobile.

Compartilhe! Gostou do conteúdo?

Compartilhe com seus amigos e colegas!