JavaScript para Iniciantes

O JavaScript é uma das linguagens de programação mais populares para desenvolvimento web. Ele é utilizado para criar interatividade e dinamismo nas páginas da web.

[{"selector":"#anim-637e875d-acc9-4bb6-80be-2e671bad3e5b [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-72202c59-0ef6-4740-bf0b-7bd676d7571e","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1749158c-0cd6-4bc0-b394-7d3c11a6faa3","keyframes":{"transform":["translate3d(0px, -191.13607%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-79d6b69c-0813-4616-b7d8-631991f55aee","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0cbbce15-a1c1-472a-80be-8228f60ee356","keyframes":{"transform":["translate3d(0px, 176.88261%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Variáveis em JavaScript

[{"selector":"#anim-027ab85b-bf4b-47bb-a7f0-665dcf02fe90 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(-62.44873024089035%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-1d75ce7e-84cd-4311-8651-575e8017e9e3","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-213c858f-06c9-4f84-819f-0d947dd7d9d5","keyframes":{"transform":["translate3d(114.46540%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7373e773-e869-4fb1-922b-bd8ab327ac43","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8980ced4-ccad-4101-ad5e-1cf6c9f96d0b","keyframes":{"transform":["translate3d(-114.60318%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0ea08e27-cf10-41ef-a00f-27ca07914241","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-78133c67-d589-4989-9e4a-3e89e508447c","keyframes":{"transform":["translate3d(114.46540%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Operadores em JavaScript

[{"selector":"#anim-f8f5e737-5a29-419b-a1c4-fa2ec528d62e [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-5b1e678d-9d7e-4bf4-89ea-10fed8a7e53a","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-64378dc8-5c56-49b5-bfc0-1f5c84b049ee","keyframes":{"transform":["translate3d(0px, -158.74027%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-64258595-23a1-4a0a-918f-febf1bba6413","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c06a9417-9f95-4135-a3f3-794aa02bba0e","keyframes":{"transform":["translate3d(0px, 134.68527%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9d20096e-d64b-4f3c-b721-ca3fd5d5ff42","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0739efba-f0b1-4099-b76b-e70f0c72e351","keyframes":{"transform":["translate3d(-115.97444%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Condicionais em JavaScript

[{"selector":"#anim-e2f4b5da-48ad-4fa0-963d-711d7d336e45 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(31.249999886225726%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-82cc2c66-ed13-448d-9acd-dae5878662a1","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5810b69d-0f1c-433c-9b40-8d566aa8f3d7","keyframes":{"transform":["translate3d(113.35403%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2912a773-db2c-4422-9590-ee36433a50c5","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4162da74-134a-4629-bce8-3a4321500259","keyframes":{"transform":["translate3d(-115.01598%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cd206030-8dd2-478b-a35e-28bfb3d94afe","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4a8fdeda-64bb-4c98-9119-7fe66b8fae01","keyframes":{"transform":["translate3d(118.32797%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-eb05a567-1518-42f8-8ce8-ea432f2b2bb6","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2668f3a0-4e37-4a6f-84d7-43c300567299","keyframes":{"transform":["translate3d(-113.73802%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Repetição em JavaScript

[{"selector":"#anim-8af75de8-d3b9-4619-b4a6-c04695aec51b [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(14.392977369825196%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-fde3a523-45e5-410f-8879-fe9083c6530c","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0d6b3883-7240-422a-bce9-f797bdb14378","keyframes":{"transform":["translate3d(0px, -161.0582%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bfb11bc7-92da-404f-b2dd-611bebcf4c1e","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-63929b9c-67e5-4cfe-bd16-6978f7a2b59c","keyframes":{"transform":["translate3d(0px, 181.78625%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bf792212-7928-457b-a10c-78467209f74b","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ea64911c-586a-435f-9a40-c045728e3362","keyframes":{"transform":["translate3d(-113.19018%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Com o JavaScript você adiciona o dinamismo aos seus sites e atrai muito mais usuários!

[{"selector":"#anim-77e6f4df-3026-4647-b585-c2c425aff587 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(-31.246337776828504%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-097e7705-8896-4550-83ec-72233e53ed73","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-62aced79-560e-470f-84d7-f9f96e8c1ccc","keyframes":{"transform":["translate3d(115.97445%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b0be6b9f-57d4-4971-b5f2-ecb435205d13","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e21c3ecb-0201-412d-8cc0-4c8eab0e88d7","keyframes":{"transform":["translate3d(-115.65495%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Aprenda mais sobre JavaScript

[{"selector":"#anim-889c26a5-ee30-492c-b681-12d618e9aea7","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d2002e14-3c00-42f7-b2ef-c3ad4d92507f","keyframes":{"transform":["translate3d(-113.58024%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4da92771-0791-48f7-b058-5eee04634e5e","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4feb3986-2061-4102-a3c7-6aeedf1e7f2a","keyframes":{"transform":["translate3d(118.32797%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0940f73f-9efb-4da0-a11e-e56ffddeddf4 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Leia mais

JavaScript para Iniciantes

Conheça o básico da linguagem web mais usada.

O JavaScript é uma das linguagens de programação mais populares para desenvolvimento web. Ele é utilizado para criar interatividade e dinamismo nas páginas da web.

Variáveis em JavaScript

Uma variável é uma maneira de armazenar um valor para uso posterior em um programa. Para declarar uma variável em JavaScript, você pode usar as palavras-chave "var", "let" ou "const".

Operadores em JavaScript

Os operadores aritméticos mais comuns em JavaScript são a adição (+), subtração (-), multiplicação (*), divisão (/) e módulo (%). Há também operadores de comparação (==, !=, ===, !==, <, >, <=, >=) e operadores lógicos (&&, ||, !).

Condicionais em JavaScript

As estruturas condicionais são usadas para tomar decisões em um programa.

São elas: if, else e else if

Repetição em JavaScript

As estruturas de repetição são usadas para repetir um bloco de código várias vezes. São elas: for, while, foreach e do-while.

Com o JavaScript você adiciona o dinamismo aos seus sites e atrai muito mais usuários!

Crie sites dinâmicos!

Aprenda mais sobre JavaScript

Confira o artigo completo clicando logo abaixo!