Imagem do Curso gratuito Site dinâmico com Jquery

Curso online gratuitoSite dinâmico com Jquery

Duração do curso online: 1 horas e 17 minutos

4.86

EstrelaEstrelaEstrelaEstrelaEstrela

(35)

Construa um site dinâmico com jQuery e CSS: menu interativo, áreas de conteúdo, slides e formulário de pedidos. Curso online gratuito para evoluir no front-end.

Neste curso gratuito, aprenda sobre

  • Introdução e Estrutura do Site Dinâmico
  • Conteúdo, Rodapé e Formulário de Pedido
  • Integração de Arquivos e Estilização Básica
  • Personalização Avançada, Sombras e Finalização do Layout

Descrição do curso

Criar interfaces modernas vai muito além de páginas estáticas. Neste curso online gratuito de Programação Front-End, você aprende a desenvolver um site dinâmico com jQuery, colocando em prática os recursos que fazem a diferença em projetos reais: interação no menu, organização inteligente do layout, inserção e troca de conteúdos sem complicação e ajustes visuais com CSS para entregar um resultado com cara de produto pronto.

A proposta é guiá-lo na construção de um site temático de pizzaria, ótimo para treinar um fluxo completo de criação. Você começa estruturando a base do projeto, entendendo como separar e organizar arquivos (HTML, CSS e JavaScript) para manter o código limpo e fácil de manter. Em seguida, evolui para componentes interativos, trabalhando com áreas de conteúdo que se atualizam conforme a navegação, o que melhora a experiência do usuário e torna o site mais envolvente.

Ao longo do curso, o foco também está em como dar acabamento profissional: estilização detalhada do menu, controle de espaçamentos e alinhamentos, personalização de estados de hover, uso correto de imagem de fundo e aplicação de sombras para destacar elementos. Você ainda constrói e configura um formulário de pedido, entendendo o papel de cada campo e como tratar aspectos visuais importantes, como comportamento de foco e padronização de campos. Tudo isso reforça boas práticas comuns no dia a dia de quem cria interfaces.

Além das aulas, você encontrará exercícios que ajudam a fixar conceitos e a evitar erros típicos, como caminhos incorretos de arquivos, detalhes de formatação no CSS e ajustes finos de layout. No final, você terá um projeto completo para usar como referência no seu portfólio e mais segurança para criar páginas dinâmicas com jQuery, unindo estrutura, interação e estilo em um único fluxo de desenvolvimento.

Conteúdo do curso

  • Aula em vídeo: Site com Jquery - Aula 01 - Criando um Site de Pizzaria Dinâmico 04m
  • Exercício: Quais são os principais recursos abordados no curso desenvolvido com J Carry?
  • Aula em vídeo: Site com Jquery - Aula 02 - Criando a estrutura do site 05m
  • Exercício: _Qual é a pasta que deve ser criada dentro da pasta "site" para armazenar os arquivos de javascript?
  • Aula em vídeo: Site com Jquery - Aula 03 - Criando o menu e áreas de conteúdo 05m
  • Exercício: _Qual é a finalidade da área de conteúdo dentro da estrutura do menu criada pelo autor?
  • Aula em vídeo: Site com Jquery - Aula 04 - Inserindo conteúdo nas áreas 05m
  • Exercício: _Qual é o objetivo do autor ao criar uma div para a área de pizzaria?
  • Aula em vídeo: Site com Jquery - Aula 05 - Criando áreas de rodapé e slides 05m
  • Exercício: _Qual é a função do acordeon no menu do site dinâmico com Jquery?
  • Aula em vídeo: Site com Jquery - Aula 06 - Criando o formulário de Pedido 05m
  • Exercício: _Qual é a função do campo "txt e mail" no formulário criado pelo assistente?
  • Aula em vídeo: Site com Jquery - Aula 07 - Ligando arquivos js e css 05m
  • Exercício: _O que é necessário fazer antes de começar a mexer com o CSE?
  • Aula em vídeo: Site com Jquery - Aula 08 - Estilizando com css 05m
  • Exercício: _Qual foi o erro que ocorreu durante a formatação do documento no trecho do vídeo apresentado?
  • Aula em vídeo: Site com Jquery - Aula 09 - Personalizando o menu 04m
  • Exercício: _Qual é o objetivo de utilizar o parâmetro "margin" na lista ordenada do menu?
  • Aula em vídeo: Site com Jquery - Aula 10 - Personalizando o menu 04m
  • Exercício: _Qual é o comando utilizado para definir a cor de fundo quando o mouse passa sobre um link no site dinâmico com Jquery com Hugo Vasconcelos?
  • Aula em vídeo: Site com Jquery - Aula 11 - Inserindo imagem de fundo 05m
  • Exercício: Qual foi o erro ao tentar inserir a imagem no CSS inicialmente?
  • Aula em vídeo: Site com Jquery - Aula 12 - Efeitos de sombras 05m
  • Exercício: _Qual propriedade foi utilizada para adicionar sombra no vídeo?
  • Aula em vídeo: Site com Jquery - Aula 13 - Efeitos de sombras 04m
  • Exercício: _Qual é a tonalidade de fundo da área de formulário descrita no vídeo?
  • Aula em vídeo: Site com Jquery - Aula 14 - Configurando o formulário 05m
  • Exercício: Qual propriedade CSS é utilizada para ocultar a linha de contorno de um campo de entrada ao receber foco?
  • Aula em vídeo: Site com Jquery - Aula 15 - Finalizando a estilização 05m
  • Exercício: Qual técnica de formatação resolve problemas de alinhamento e centralização em formulários HTML?

Este curso gratuito inclui:

1 horas e 17 minutos de curso online em vídeo

Certificado digital de conclusão de curso ( Gratuito )

Exercícios para treinar seus conhecimentos

100% gratuito, do conteúdo ao certificado

Pronto para começar?Baixe o app e comece hoje mesmo.

Instale o app agora

para ter acesso ao curso
Ícone representando cursos de tecnologia e negócios

+ de 5.000 cursos gratuitos

Programação, Inglês, Marketing Digital e muito mais! Aprenda o que quiser, gratuitamente.

Ícone de calendário com alvo representando planejamento de estudos

Plano de estudos com IA

A Inteligência Artificial do nosso aplicativo pode criar um cronograma de estudos para o curso que você escolher.

Ícone de profissional representando carreira e negócios

Do zero ao Sucesso profissional

Melhore seu currículo com nosso Certificado gratuito e depois utilize nossa Inteligência Artificial para buscar seu emprego dos sonhos.

Você também pode utilizar o QR Code ou os Links abaixo

QR Code - Baixar Cursa - Cursos Online

Mais cursos gratuitos em Programação Front-End

Ebook + Áudiobooks gratuitos! Aprenda ouvindo ou lendo!

Baixe o Aplicativo agora para ter acesso a + de 5000 cursos gratuitos, exercícios, certificado e muito conteúdo sem pagar nada!

  • Cursos online 100% gratuitos do início ao fim

    Milhares de cursos online em vídeo, ebooks e áudiobooks.

  • Mais de 60 mil exercícios gratuitos

    Para testar seus conhecimentos no decorrer dos cursos online

  • Certificado Digital gratuito válido em todo o Brasil

    Gerado diretamente na galeria de fotos do seu celular e enviado ao seu e-mail

Aplicativo Cursa na tela de ebook, na tela de curso em vídeo e na tela de exercícios do curso, mais o certificado de conclusão de curso