Projetos em JavaScript e JQuery

Aprenda JavaScript e JQuery Construindo Dez Projetos

Avaliação: 4.4 de 5899 avaliações

9 horas totais

51 palestras

Todos os níveis

Aprenda JavaScript e JQuery Construindo Dez Projetos

JavaScript é uma linguagem amplamente utilizada em projetos de desenvolvimento web. Por outro lado, o JQuery ganhou imensa popularidade desde o seu lançamento. Essas duas tecnologias são essenciais para qualquer desenvolvedor web. Para ajudá-lo a dominá-las na prática, criamos um curso de elite onde você criará projetos reais usando JavaScript e JQuery e aprenderá como usá-los de forma eficaz no mundo real. O curso inclui os seguintes projetos:

CH1: Quiz Simples em JavaScript

Descrição: Comece com um quiz de JavaScript de múltipla escolha em uma página. Este projeto abrange os fundamentos do HTML5, CSS e JavaScript, incluindo manipuladores de eventos, variáveis, 'for loops' e arrays. Recursos/Tecnologias: HTML5, CSS3, JavaScript, Variáveis e Arrays, Loops, Design Responsivo

CH2: Slider de Conteúdo em jQuery

Descrição: Construa um aplicativo limpo que permita clicar em um botão 'próximo' para desvanecer o próximo slide e um botão 'anterior' para ir na direção reversa. Use os métodos de animação fadeIn() e fadeOut(). Recursos/Tecnologias: HTML5, CSS3, JavaScript, Listas, Seletores jQuery, métodos como addClass() e removeClass(), e métodos de animação como fadeIn() e fadeOut()

CH3: Mecanismo de Busca do YouTube

Descrição: Use a API de Dados do YouTube v3 para construir um mecanismo de busca de vídeos. Implemente o 'FancyBox' para que o vídeo seja aberto em seu site em vez de ser redirecionado para o YouTube. Recursos/Tecnologias: HTML5, CSS3, JavaScript, API de Dados do YouTube v3, requisição jQuery $.get(), inserção de HTML via método html()

CH4: Acordeão de Perguntas Frequentes

Descrição: Construa um acordeão de conteúdo, adequado para uma seção de perguntas frequentes ou outros contextos. Use o método slideToggle() e outros. Recursos/Tecnologias: HTML5, CSS3, JavaScript, jQuery, Listas, Seletores jQuery, métodos de slide jQuery

CH5: Shoutbox PHP Ajax

Descrição: Implemente várias tecnologias para construir um módulo de shoutbox/chat. Conecte-se a um banco de dados MySQL backend via PHP e faça requisições para inserir dados nas tabelas corretas. Recursos/Tecnologias: HTML5, CSS3, JavaScript, jQuery, AJAX, PHP, MySQL, PHPMyAdmin

CH6: Thumbslider Estilo Apple

Descrição: Construa um slider de imagens semelhante aos do site e aplicativos da Apple. Use navegação em miniatura e rolagem automática. Recursos/Tecnologias: HTML5, CSS3, JavaScript, jQuery, Método animate() personalizado

CH7: Crie um Plugin jQuery

Descrição: Crie um plugin jQuery simples, prepare-o e faça o upload para o registro de plugins do jQuery.com. Aprenda a usar o Git e o Github.com. Recursos/Tecnologias: HTML5, CSS3, JavaScript, jQuery, Convenções de plugins jQuery, Git, Github, Utilitário de linha de comando

CH8: Galeria de Portfólio em jQuery

Descrição: Construa uma galeria de imagens com recursos como categorização, efeito lightbox e efeito de sobreposição. Recursos/Tecnologias: HTML5, CSS3, JavaScript, jQuery, Plugin Lightbox2

CH9: Aplicativo Móvel em jQuery

Descrição: Construa um aplicativo baseado em dispositivos móveis usando HTML5 e o framework jQuery Mobile. Aprenda a criar modelos de várias páginas com o jQuery Mobile. Construa um aplicativo de rastreamento de milhas com a capacidade de inserir, atualizar e excluir milhas e datas de corrida ou caminhada usando o localStorage para armazenamento de dados. Recursos/Tecnologias: HTML5, CSS3, JavaScript, jQuery, jQuery Mobile, API localStorage

CH10: Jogo da Velha

Descrição: Construa um jogo básico da velha com regras e condicionais para evitar clicar no mesmo quadrado duas vezes. Recursos/Tecnologias: HTML5, CSS3, jQuery, JavaScript, Condicionais O que você aprenderá: - Dominar JavaScript para projetos web - Aprender o uso do JQuery - Usar JavaScript e jQuery em projetos profissionais - Projetar projetos web de forma mais eficaz e elegante