Criando um Teclado Com HTML, CSS e JavaScript

Criando um Teclado Com HTML, CSS e JavaScript

No vídeo de hoje o Léo veio trazer uma brincadeira bem legal pra vocês: ele vai desenvolver um piano utilizando HTML, CSS e JavaScript. É um projeto simples, mas que vai te mostrar como esses três elementos podem trabalhar de forma integrada para melhorar seu projeto.

Fala, pessoal. No vídeo de hoje o Léo veio trazer uma brincadeira bem legal pra vocês: ele vai desenvolver um piano utilizando HTML, CSS e JavaScript. É um projeto simples, mas que vai te mostrar como esses três elementos podem trabalhar de forma integrada para melhorar seu projeto. Vem assistir! _

  • 00:00 Vamos construir um piano!
  • 01:40 Começando a codificação
  • 05:27 Criando estrutura básica das teclas
  • 08:22 Propriedades personalizadas
  • 09:30 Aplicando estilos em propriedades personalizadas
  • 13:00 Ajustando o posicionamento das teclas
  • 20:00 Selecionando propriedades personalizadas
  • 20:55 Estilizando tecla selecionada
  • 23:52 Declarando os eventos de click
  • 26:40 Refatorando declaração de eventos
  • 27:40 Manipulando CSS pelo JS
  • 29:45 Até a próxima, pessoal!

javascript html css

What is Geek Coin

What is GeekCash, Geek Token

Best Visual Studio Code Themes of 2021

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Custom Dropdown HTML CSS JavaScript | Custom Select input HTML CSS and JavaScript

Custom Dropdown HTML CSS JavaScript | Custom Select input HTML CSS and JavaScript. Let's create a custom select dropdown in HTML.

Slideshow with HTML, CSS, and JavaScript / How to Create a Slideshow with HTML, CSS, and JavaScript

In this tutorial, we will build a Slideshow of the Social Media Icons with HTML, CSS, and JavaScript

Image slider in HTML, CSS and, JavaScript || Carousel in HTML, CSS, and, JavaScript

Create a simple and responsive image slider or carousel using HTML, CSS, and javaScript.

Calendar with HTML, CSS, and JavaScript - How to build calendar using HTML, CSS, and JavaScript

In this tutorial, we will build a Calendar with HTML, CSS, and JavaScript

Slideshow with HTML, CSS, and JavaScript / How to create Slideshow using HTML, CSS, and JavaScript

In this tutorial, you will learn about how to build a cool Slideshow using HTML, CSS, and JavaScript