Vídeo tutorial: Aprender JavaScript e jQuery.

Seja bem-vindo ao curso definitivo de JavaScript e jQuery.

Neste vídeo é explicado o que é JavaScript e o que ele nos traz.

Neste vídeo, você aprenderá qual editor usaremos e o instalaremos juntos.

Neste vídeo é demonstrado como usar cliques com JavaScript e como funcionam as variáveis.

A instrução If. If (traduzido como se) é frequentemente utilizado na programação. Por exemplo, quando se deseja executar algo apenas se uma determinada condição for atendida.

Neste vídeo fala-se sobre arrays (campos) em JavaScript. Eles nos permitem armazenar várias informações em uma única variável.

Neste vídeo, você aprenderá a conhecer os loops (laços) For. Estes nos permitem executar um código específico várias vezes consecutivas.

Funções são uma espécie de miniprograma que podemos usar novamente a qualquer momento depois de criá-lo. Por exemplo, ao pressionar o botão "Home" no seu celular, uma função é chamada que o leva de volta ao seu Home Screen. Portanto, as funções tornam o trabalho muito mais fácil.

Aqui é mostrado o resultado do desafio (um quiz) e também é criada a base HTML.

Aqui será programado o CSS (a aparência) do Quiz.

Aqui é onde o JavaScript do nosso quiz é programado e explicado.

Tu já viste como as funções com um parâmetro funcionam. Agora vamos ver as funções com vários parâmetros. Vários parâmetros são úteis quando se quer usar uma função com várias variáveis diferentes. Na matemática, por exemplo, na adição de vários valores.

Há variáveis globais e locais. Resumindo brevemente: Variáveis globais são aquelas que são declaradas fora das funções, e variáveis locais são aquelas declaradas dentro das funções. Aqui vamos analisar mais detalhadamente como isso funciona.

Em linguagens de programação, existe a possibilidade de configurar funções de modo a terem um valor de retorno. Até agora, só tivemos funções que simplesmente executavam algo, porém não retornavam nada com o qual pudéssemos trabalhar. É por isso que agora vamos olhar para o RETURN.

Neste artigo, vamos abordar operadores matemáticos e operadores de atribuição. Os operadores matemáticos são coisas bastante simples como adição, subtração, etc., enquanto os operadores de atribuição oferecem a possibilidade de realizar operações simples de forma fácil, como, por exemplo, aumentar em 5. Como ambos são importantes na programação, esses dois temas serão abordados aqui.

Existem três (ou quatro) tipos diferentes de loops na programação: o loop Do-While, o While e o loop For. O loop For já conhecemos. Agora vamos nos concentrar no loop Do-While (controlado pelo pé) e no loop While (controlado pela cabeça).

Neste artigo trata-se de uma alternativa às condições "if". Trata-se de Switch (interruptor) e Case (caso). Ou seja, temos praticamente um interruptor que muda entre os diferentes casos e permanece no caso que está ativo.

Já tratamos de arrays, mas não fomos a fundo. Há muito mais a saber sobre arrays. A propriedade mais importante de um array JavaScript é o número de elementos (length). No entanto, o array ainda tem outras propriedades como, por exemplo, o índice, que nos fornece informações sobre a posição 0 do array.

Objetos são um conceito extremamente importante e interessante em muitas linguagens de programação. Em princípio, tudo pode ser descrito como um tipo de objeto. Vamos considerar um objeto que frequentemente vemos nas ruas: um CARRO. Um carro tem certas propriedades/características e pode realizar certas ações.

Vamos ver como podemos criar objetos em JavaScript. Para isso, criamos uma função construtora e duas instâncias do nosso objeto em nossa tag head. Dentro da função construtora, que tem o mesmo nome que o nosso objeto, informamos ao programa que os parâmetros passados para a função construtora ao criar uma instância do objeto devem ser os valores do objeto.

Como base para as funções de objetos, começamos com o código do último tutorial no qual criamos variáveis que são geradas em cada instância do nosso objeto.

Neste tutorial, você aprenderá sobre o objeto Math. Este objeto é baseado na classe Math e vem com muitas propriedades e funções interessantes.

Neste vídeo, fala-se do objeto Date ou da classe Date. Trata-se de objetos que podem ser usados para integrar o tempo em um programa. Não necessariamente se refere à hora ou à data, mas também pode ser um intervalo de tempo. Um objeto Date contém o tempo decorrido desde a data e hora de referência de 1970-01-01 00:00:00. Existem várias maneiras de passar parâmetros para o construtor Date.

Neste vídeo, aprenderás como construir um relógio interativo com JavaScript.

Neste vídeo, o assunto é herança e polimorfismo. Dois conceitos da programação orientada a objetos.

Neste artigo, discutiremos a questão: O que é jQuery? jQuery é uma biblioteca JavaScript que nos permite criar sites ainda mais legais.

Aqui você aprenderá como processar cliques de forma ainda mais simples com jQuery.

Neste tutorial, você aprenderá como mudar a aparência de um site com jQuery. Para isto, podemos facilmente sobrescrever por exemplo, um atributo de um campo. Neste exemplo, podemos alterar o link do iframe (ou seja, o src/source) ao passarmos o mouse sobre o quadrado. Poderíamos facilmente modificar o código e aumentar o quadrado, substituindo os atributos de Altura e Largura quando passamos o mouse sobre ele. Em geral, agora é possível utilizar este método para alterar a aparência do site sem dificuldade.

Uma das funcionalidades legais do jQuery é desaparecer com um elemento. Neste exemplo, desaparecemos com um botão assim que clicamos em outro botão. Para isso, utilizamos a função FadeOut (função de desaparecimento). Para mostrar novamente o elemento, usamos a função FadeIn.

Neste vídeo, vamos nos concentrar na animação em jQuery. Isso envolve algo que se move. Portanto, garantimos que um elemento em nosso site se mova/mude. Para isso, existe uma função no jQuery. Ela se chama animate() e espera três parâmetros.

Vamos ver o que é o jQuery UI.

O acordeão é um widget que nos permite, como em um acordeão, ver apenas partes específicas do todo. Isso é particularmente útil quando se deseja transmitir muitas informações que, como um grande texto, seriam muito confusas.

Neste tutorial, trata-se de Sortables no jQuery UI. Isso envolve elementos ordenáveis. Tu conheces isso, se utilizares websites de produtividade como Wunderlist ou Trello. A capacidade de tornar elementos ordenáveis é uma funcionalidade extremamente legal, que podes utilizar em diversas aplicações diferentes.

Às vezes acontece de se querer tornar o tamanho de um elemento ajustável pelo usuário. É aí que os redimensionáveis entram em jogo. Eles permitem exatamente isso. Você verá um pequeno triângulo no canto inferior direito do elemento, que pode ser clicado e, em seguida, você pode ampliá-lo ou reduzi-lo enquanto mantém pressionado o cursor do mouse.

No jQuery UI, é muito fácil construir um elemento que se pode arrastar para lá e para cá com a ajuda de Draggables. Vamos ver como fazer isso aqui.

As barras de progresso são uma ótima ferramenta para comunicar ao usuário quão longe ele está em um determinado processo. No processo de compra de uma loja online, por exemplo, ou em uma pesquisa, ajuda o usuário a saber em que ponto está ao realizar as etapas.

Neste tutorial, gostaria de abordar brevemente os efeitos no jQuery UI. Na verdade, existem efeitos bastante legais que permitem tornar o seu site ainda mais bonito e, além disso, surpreender completamente os seus usuários.

Neste vídeo, você vê o resultado do desafio. Uma página de perguntas frequentes.

Aqui vamos implementar a página de FAQ.

Neste vídeo será apresentado o jogo cerebral, que será programado neste capítulo.

Primeiro, vamos nos preocupar com a estrutura e a aparência do jogo.

Agora vamos cuidar de algumas funcionalidades do jogo.

O jogador já pode realizar as primeiras ações no jogo, agora vamos nos certificar de que o jogo possa ser reiniciado e encerrado corretamente.

Agora é só uma questão de incorporar o temporizador no jogo para calcular a pontuação corretamente e para limitar o tempo do jogo. Além disso, faremos mais alguns passos pequenos para finalizar o jogo.

Aqui é apresentado o aplicativo do capítulo. Trata-se de um aplicativo/site de lista de tarefas.

Agora vamos criar a base e ver como podemos criar e editar o tema correspondente com jQuery Mobile.

Porque seguimos uma abordagem de POO, precisamos criar a arquitetura correspondente. Por isso, cuidamos disso aqui.

Neste vídeo, adicionaremos as páginas e nos concentraremos na página onde criamos tarefas.

Similar to the page for creating an account, the editing page must also be filled in and receive the corresponding functionality.

Agora podemos nos concentrar na arquitetura e criar a estrutura de dados.

Uma vez que temos a nossa estrutura de dados, podemos facilmente chamá-la na nossa interface do utilizador.

Ao programar, foram necessários alguns passos no "fluxo de explicação" que agora podemos corrigir. Além disso, cuidaremos do armazenamento permanente de dados e completaremos o aplicativo.