Sintaxe Básica do 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-120796af-5f5f-4749-8de1-227b8d044ee2 [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-62d586c4-7ba7-46b4-ad06-be8a5e0c28af","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-19219053-aff2-496b-a0db-71008fe3246f","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-e40ce09c-f0ed-4cfa-94f5-6fc98138c9b8","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-da143b15-5ea7-456c-9a50-558acee31757","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-b05aeafb-bcdb-4c1f-b9fc-efdad77257c8 [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-ebf00f03-67b7-400c-b779-57afc711b020","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4577d3b8-bd38-498a-be65-52e2ce823d95","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-70ca86a4-a124-4bbe-ab35-f961ca10cb07","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-02b57162-ca64-4fad-adf8-c06ea8809e7a","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-1688db29-74e3-4834-95cb-9ab029ca41a0","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c9678cc6-a531-4c7d-a5f5-a50cc041c6b1","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-5eaa9228-60d1-4c16-966d-1f80f142b103 [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-d111820b-d217-4cdc-b32c-c5e307a732e6","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5f4e2199-2911-442a-8006-d1e531a622e4","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-2e2f5395-16c9-4510-8eb1-f0b110123513","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4fd610d9-c6cb-4b5a-a230-fae1e8abf50e","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-39a1ec40-6ffa-49d6-8d92-85212f2e2594","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-24b38963-e907-4fe3-9d45-2c5b8cb0b02b","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-15c3b781-284b-4631-9c7e-27feccd1ccb4 [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-b9f16156-19de-49eb-8e2b-aa00a85c5932","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3c448fae-2dac-43f4-9844-726753af09e9","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-e6d95097-d4f8-4554-b363-93d42f68e372","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fea42c51-dd26-4588-a32d-19dfce393c7a","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-3a85b30c-376a-49a6-86b5-6d587af98ee5","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3afc283c-2ada-4a01-994b-9ef1f2180cae","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-660064d4-a395-479f-855b-e54f9380b7ab","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-57840c24-9e37-494d-a125-2c6d908faeba","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-c1322984-7529-45ee-adae-5d446d3e70db [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-9a618a56-331e-40d6-a6c8-c2997b5c5062","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2a2c15fc-dea5-49f5-a2b2-a6ef3d63be89","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-0f4b9646-0ffe-4c91-86ca-0fe14c2de8b1","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-da5a3735-d839-4085-a7ac-07cbed3af9ec","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-f3daf5d8-d62d-4e6d-8997-568259e52054","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-510878b2-78ef-418f-b5ce-917d28d25fd3","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-91a83164-a61a-4f7c-8eb6-eec5b28bfdfc [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-a248f72f-8c8b-44e9-994c-a3457c6289a5","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-20d17fad-4aaa-437f-bb6f-9690c12651a4","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-7950ed66-6659-4dcb-afda-fb330a13a1d4","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f7d50a03-8b9b-43c9-ae9d-63057318428a","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-33eb83b7-6fd0-4178-9b64-69c68311560e","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-230b5f8b-1b77-4e31-9646-a755d5294bea","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-5e6c85ae-6a06-4691-8d47-2e3585c0cdec","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c60e613d-a5b6-46db-b3ea-3c04423b1c1a","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-5ba29145-2308-4cb3-94ec-a48bf5087520 [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

Sintaxe Básica do 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!