{"id":820,"date":"2024-05-01T10:47:23","date_gmt":"2024-05-01T13:47:23","guid":{"rendered":"https:\/\/thiagorossi.com.br\/blog\/?p=820"},"modified":"2025-11-12T16:40:42","modified_gmt":"2025-11-12T19:40:42","slug":"introducao-a-sintaxe-javascript","status":"publish","type":"post","link":"https:\/\/thiagorossi.com.br\/blog\/introducao-a-sintaxe-javascript\/","title":{"rendered":"Introdu\u00e7\u00e3o \u00e0 Sintaxe Javascript"},"content":{"rendered":"<span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">Tempo de leitura: <\/span> <span class=\"rt-time\"> 3<\/span> <span class=\"rt-label rt-postfix\">minutos<\/span><\/span>\n<p class=\"has-medium-font-size wp-block-paragraph\"><strong>Introdu\u00e7\u00e3o \u00e0 Sintaxe Javascript<\/strong>: A sintaxe do JavaScript \u00e9 o conjunto de regras que voc\u00ea deve seguir para que o interpretador (o navegador ou Node.js) entenda suas instru\u00e7\u00f5es. Dominar essa sintaxe \u00e9 crucial, pois ela define como voc\u00ea declara dados, executa opera\u00e7\u00f5es e controla o fluxo do seu programa.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Neste artigo, vamos explorar os <strong>blocos de constru\u00e7\u00e3o fundamentais<\/strong> que formam a linguagem JavaScript.<\/p>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">1. Vari\u00e1veis e Declara\u00e7\u00e3o de Dados<\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Vari\u00e1veis s\u00e3o como r\u00f3tulos que apontam para valores armazenados na mem\u00f3ria. O JavaScript moderno padronizou duas palavras-chave principais para declara\u00e7\u00e3o:<\/p>\n\n\n\n<figure class=\"wp-block-table has-medium-font-size\"><table class=\"has-fixed-layout\"><thead><tr><td><strong>Palavra-chave<\/strong><\/td><td><strong>Escopo<\/strong><\/td><td><strong>Reatribu\u00edvel?<\/strong><\/td><td><strong>Uso Recomendado<\/strong><\/td><\/tr><\/thead><tbody><tr><td><strong><code>const<\/code><\/strong><\/td><td>Bloco<\/td><td>N\u00e3o<\/td><td>Para valores que n\u00e3o mudar\u00e3o (a maioria das vezes).<\/td><\/tr><tr><td><strong><code>let<\/code><\/strong><\/td><td>Bloco<\/td><td>Sim<\/td><td>Para vari\u00e1veis que precisam ser modificadas (contadores, <em>flags<\/em>).<\/td><\/tr><tr><td><strong><code>var<\/code><\/strong><\/td><td>Fun\u00e7\u00e3o<\/td><td>Sim<\/td><td>Evitado em c\u00f3digo moderno, pois possui escopo de fun\u00e7\u00e3o, o que pode causar confus\u00e3o.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">JavaScript<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>const nomeCompleto = \"Ana Silva\"; \/\/ Constante: valor fixo\nlet contadorCliques = 0;      \/\/ Vari\u00e1vel: valor pode mudar\n\n\/\/ Boa Pr\u00e1tica: Use 'const' por padr\u00e3o. Mude para 'let' apenas se precisar reatribuir o valor.\n<\/code><\/pre>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">2. Tipos de Dados Primitivos e Estruturais<\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">O JavaScript \u00e9 fracamente tipado, mas todo valor possui um tipo. \u00c9 crucial conhecer os tipos para evitar erros de compara\u00e7\u00e3o.<\/p>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">A. Primitivos (Valores Simples e Imut\u00e1veis)<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-medium-font-size\"><strong><code>Number<\/code><\/strong>: N\u00fameros inteiros e decimais (<code>42<\/code>, <code>3.14<\/code>).<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong><code>String<\/code><\/strong>: Texto, delimitado por aspas simples ou duplas (ou <em>template literals<\/em>).<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong><code>Boolean<\/code><\/strong>: Valores l\u00f3gicos, apenas <code>true<\/code> ou <code>false<\/code>.<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong><code>null<\/code><\/strong>: Aus\u00eancia intencional de valor (atribu\u00eddo pelo desenvolvedor).<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong><code>undefined<\/code><\/strong>: Vari\u00e1vel declarada, mas sem valor atribu\u00eddo (definido pelo JS).<\/li>\n<\/ul>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">B. Estruturais (Cole\u00e7\u00f5es e Agrupamentos)<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-medium-font-size\"><strong><code>Object<\/code><\/strong>: Cole\u00e7\u00f5es de pares chave-valor. Em JS, Arrays e Fun\u00e7\u00f5es s\u00e3o subtipos de Objetos.<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong><code>Array<\/code><\/strong>: Cole\u00e7\u00f5es ordenadas de elementos, acessados por \u00edndice num\u00e9rico.<\/li>\n<\/ul>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">JavaScript<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>const idade = 25;                       \/\/ Number\nconst mensagem = \"Ol\u00e1!\";                \/\/ String\nconst estaLogado = true;                \/\/ Boolean\n\nconst pessoa = { nome: \"Jo\u00e3o\", altura: 1.80 }; \/\/ Object\nconst cores = &#91;\"vermelho\", \"verde\"];      \/\/ Array\n<\/code><\/pre>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">3. Operadores: Executando L\u00f3gica<\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Operadores s\u00e3o s\u00edmbolos que realizam opera\u00e7\u00f5es em um ou mais valores.<\/p>\n\n\n\n<figure class=\"wp-block-table has-medium-font-size\"><table class=\"has-fixed-layout\"><thead><tr><td><strong>Tipo de Operador<\/strong><\/td><td><strong>S\u00edmbolo<\/strong><\/td><td><strong>Descri\u00e7\u00e3o<\/strong><\/td><td><strong>Exemplo<\/strong><\/td><\/tr><\/thead><tbody><tr><td><strong>Aritm\u00e9tico<\/strong><\/td><td><code>+<\/code>, <code>-<\/code>, <code>*<\/code>, <code>\/<\/code>, <code>%<\/code><\/td><td>C\u00e1lculos b\u00e1sicos e M\u00f3dulo (resto da divis\u00e3o).<\/td><td><code>let resultado = 5 * 2;<\/code><\/td><\/tr><tr><td><strong>Atribui\u00e7\u00e3o<\/strong><\/td><td><code>=<\/code>, <code>+=<\/code>, <code>-=<\/code><\/td><td>Atribui um valor ou combina atribui\u00e7\u00e3o com opera\u00e7\u00e3o.<\/td><td><code>contador += 1;<\/code><\/td><\/tr><tr><td><strong>Compara\u00e7\u00e3o<\/strong><\/td><td><code>==<\/code>, <code>!=<\/code>, <code>&gt;<\/code>, <code>&lt;<\/code><\/td><td>Compara valores (retorna <code>Boolean<\/code>).<\/td><td><code>if (idade &gt; 18)<\/code><\/td><\/tr><tr><td><strong>Igualdade Estrita<\/strong><\/td><td><code>===<\/code>, <code>!==<\/code><\/td><td>Compara valor <strong>E<\/strong> tipo (altamente recomendado).<\/td><td><code>1 === \"1\"<\/code> retorna <code>false<\/code><\/td><\/tr><tr><td><strong>L\u00f3gico<\/strong><\/td><td><code>&amp;&amp;<\/code> (E), `<\/td><td><\/td><td><code>(OU),<\/code>!` (N\u00c3O)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">4. Estruturas de Controle de Fluxo<\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Essas estruturas permitem que o programa tome decis\u00f5es e repita a\u00e7\u00f5es.<\/p>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">A. Condicionais<\/h3>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Executam blocos de c\u00f3digo com base em uma condi\u00e7\u00e3o (<code>Boolean<\/code>).<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">JavaScript<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>if (nivelAcesso === \"admin\") {\n  \/\/ Executa se a condi\u00e7\u00e3o for verdadeira\n  console.log(\"Acesso total concedido.\");\n} else if (nivelAcesso === \"usuario\") {\n  \/\/ Executa se a condi\u00e7\u00e3o anterior for falsa\n  console.log(\"Acesso limitado.\");\n} else {\n  \/\/ Executa se nenhuma condi\u00e7\u00e3o for verdadeira\n  console.log(\"Acesso negado.\");\n}\n\n\/\/ O 'switch' \u00e9 \u00fatil para m\u00faltiplas condi\u00e7\u00f5es baseadas em um \u00fanico valor.\n<\/code><\/pre>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">B. La\u00e7os de Repeti\u00e7\u00e3o (Loops)<\/h3>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Repetem um bloco de c\u00f3digo at\u00e9 que uma condi\u00e7\u00e3o seja satisfeita (\u00fatil para iterar em Arrays).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">JavaScript<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/ Loop mais comum: executa 5 vezes\nfor (let i = 0; i &lt; 5; i++) {\n  console.log(\"Contagem: \" + i);\n}\n\n\/\/ while\/do-while e for...of (para arrays) s\u00e3o outras variantes.\n<\/code><\/pre>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">\u2705 Conclus\u00e3o Introdu\u00e7\u00e3o \u00e0 Sintaxe Javascript<\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">A sintaxe do JavaScript, focada em <code>const\/let<\/code>, tipos de dados flex\u00edveis e uma rica biblioteca de operadores, \u00e9 a funda\u00e7\u00e3o de todo o seu c\u00f3digo. Ao dominar esses conceitos b\u00e1sicos e entender o papel das Estruturas de Controle, voc\u00ea est\u00e1 pronto para come\u00e7ar a construir a l\u00f3gica din\u00e2mica de qualquer aplica\u00e7\u00e3o.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Toda jornada tem um in\u00edcio, e o in\u00edcio para se tornar um desenvolvedor web \u00e9 dominar as seguintes tecnologias, que voc\u00ea encontra aqui mesmo:<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><a href=\"\/category\/html\"><img loading=\"lazy\" decoding=\"async\" width=\"758\" height=\"426\" src=\"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/html.webp\" alt=\"HTML\" class=\"wp-image-600\" srcset=\"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/html.webp 758w, https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/html-300x169.webp 300w\" sizes=\"auto, (max-width: 758px) 100vw, 758px\" \/><\/a><figcaption class=\"wp-element-caption\">HTML<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><a href=\"\/category\/css\"><img loading=\"lazy\" decoding=\"async\" width=\"758\" height=\"426\" src=\"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/Capa-Artigos-Linux.webp\" alt=\"CSS\" class=\"wp-image-702\" srcset=\"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/Capa-Artigos-Linux.webp 758w, https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/Capa-Artigos-Linux-300x169.webp 300w\" sizes=\"auto, (max-width: 758px) 100vw, 758px\" \/><\/a><figcaption class=\"wp-element-caption\">CSS<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><a href=\"\/category\/javascript\"><img loading=\"lazy\" decoding=\"async\" width=\"758\" height=\"426\" src=\"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/javascript.webp\" alt=\"Javascript\" class=\"wp-image-804\" srcset=\"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/javascript.webp 758w, https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/javascript-300x169.webp 300w\" sizes=\"auto, (max-width: 758px) 100vw, 758px\" \/><\/a><figcaption class=\"wp-element-caption\">JavaScript<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">E se voc\u00ea gosta do nosso conte\u00fado, n\u00e3o deixe de contribuir adquirindo os servi\u00e7os e produtos dos nossos apoiadores e empresas que somos associados:<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/hostinger.com.br\/?REFERRALCODE=1THIAGO62\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"250\" src=\"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/03\/hostinger.png\" alt=\"Hospedagem Hostinger\" class=\"wp-image-92\"\/><\/a><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/amzn.to\/3SNDYlc\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"250\" src=\"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/08\/ofertas-amazon.webp\" alt=\"Ofertas Amazon\" class=\"wp-image-1308\"\/><\/a><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/amzn.to\/3SNKmt0\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"250\" src=\"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/08\/amazonprime.webp\" alt=\"Amazon Prime\" class=\"wp-image-1307\"\/><\/a><\/figure>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p><span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">Tempo de leitura: <\/span> <span class=\"rt-time\"> 3<\/span> <span class=\"rt-label rt-postfix\">minutos<\/span><\/span>Introdu\u00e7\u00e3o \u00e0 Sintaxe Javascript: A sintaxe do JavaScript \u00e9 o conjunto de regras que voc\u00ea&#8230;<\/p>\n","protected":false},"author":1,"featured_media":804,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"class_list":["post-820","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","wpcat-8-id"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Introdu\u00e7\u00e3o \u00e0 Sintaxe Javascript - BLOG THIAGO ROSSI<\/title>\n<meta name=\"description\" content=\"Introdu\u00e7\u00e3o \u00e0 Sintaxe Javascript: Neste artigo, vamos explorar os fundamentos da sintaxe JavaScript, desde os elementos b\u00e1sicos at\u00e9 ....\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/thiagorossi.com.br\/blog\/introducao-a-sintaxe-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Introdu\u00e7\u00e3o \u00e0 Sintaxe Javascript - BLOG THIAGO ROSSI\" \/>\n<meta property=\"og:description\" content=\"Introdu\u00e7\u00e3o \u00e0 Sintaxe Javascript: Neste artigo, vamos explorar os fundamentos da sintaxe JavaScript, desde os elementos b\u00e1sicos at\u00e9 ....\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thiagorossi.com.br\/blog\/introducao-a-sintaxe-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"BLOG THIAGO ROSSI\" \/>\n<meta property=\"article:published_time\" content=\"2024-05-01T13:47:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-12T19:40:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/javascript.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"758\" \/>\n\t<meta property=\"og:image:height\" content=\"426\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Thiago Rossi\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thiago Rossi\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/introducao-a-sintaxe-javascript\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/introducao-a-sintaxe-javascript\\\/\"},\"author\":{\"name\":\"Thiago Rossi\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#\\\/schema\\\/person\\\/5f28286948ec2afdeb2e044a2196cd87\"},\"headline\":\"Introdu\u00e7\u00e3o \u00e0 Sintaxe Javascript\",\"datePublished\":\"2024-05-01T13:47:23+00:00\",\"dateModified\":\"2025-11-12T19:40:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/introducao-a-sintaxe-javascript\\\/\"},\"wordCount\":505,\"publisher\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/introducao-a-sintaxe-javascript\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/javascript.webp\",\"articleSection\":[\"Javascript\"],\"inLanguage\":\"pt-BR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/introducao-a-sintaxe-javascript\\\/\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/introducao-a-sintaxe-javascript\\\/\",\"name\":\"Introdu\u00e7\u00e3o \u00e0 Sintaxe Javascript - BLOG THIAGO ROSSI\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/introducao-a-sintaxe-javascript\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/introducao-a-sintaxe-javascript\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/javascript.webp\",\"datePublished\":\"2024-05-01T13:47:23+00:00\",\"dateModified\":\"2025-11-12T19:40:42+00:00\",\"description\":\"Introdu\u00e7\u00e3o \u00e0 Sintaxe Javascript: Neste artigo, vamos explorar os fundamentos da sintaxe JavaScript, desde os elementos b\u00e1sicos at\u00e9 ....\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/introducao-a-sintaxe-javascript\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/introducao-a-sintaxe-javascript\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/introducao-a-sintaxe-javascript\\\/#primaryimage\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/javascript.webp\",\"contentUrl\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/javascript.webp\",\"width\":758,\"height\":426,\"caption\":\"Javascript\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/introducao-a-sintaxe-javascript\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Introdu\u00e7\u00e3o \u00e0 Sintaxe Javascript\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/\",\"name\":\"THIAGO ROSSI\",\"description\":\"Mais de 20 anos de experi\u00eancia no mercado de TI!\",\"publisher\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#organization\"},\"alternateName\":\"TR | CURSO WEB DEV\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#organization\",\"name\":\"THIAGO ROSSI\",\"alternateName\":\"TR | CURSO WEB DEV\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/new-logo.webp\",\"contentUrl\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/new-logo.webp\",\"width\":300,\"height\":300,\"caption\":\"THIAGO ROSSI\"},\"image\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/linkedin.com\\\/in\\\/thiagox86\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#\\\/schema\\\/person\\\/5f28286948ec2afdeb2e044a2196cd87\",\"name\":\"Thiago Rossi\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g\",\"caption\":\"Thiago Rossi\"},\"description\":\"Com mais de 20 anos de jornada na tecnologia, minha trajet\u00f3ria evoluiu do ensino t\u00e9cnico \u00e0 arquitetura de sistemas complexos. Hoje, foco minha expertise no desenvolvimento de solu\u00e7\u00f5es de Intelig\u00eancia Artificial nativa e an\u00e1lise de dados p\u00fablicos, utilizando o ecossistema PHP para transformar dados brutos em transpar\u00eancia e efici\u00eancia. Como autor e desenvolvedor, acredito na democratiza\u00e7\u00e3o do conhecimento. Essa vis\u00e3o resultou em uma biblioteca de mais de 530 artigos gratuitos, cobrindo desde a base do WebDev e Infraestrutura at\u00e9 os bastidores da ind\u00fastria de Jogos e IA. No universo de Game Design, sou autor do livro \\\"GDD \u2013 O Guia Definitivo\\\" e documento ativamente meus processos atrav\u00e9s de DevLogs, unindo rigor t\u00e9cnico e criatividade em projetos desenvolvidos com GDevelop 5. Meu compromisso \u00e9 conectar engenharia de ponta com as reais oportunidades do mercado de tecnologia.\",\"sameAs\":[\"https:\\\/\\\/thiagorossi.com.br\\\/blog\",\"https:\\\/\\\/instagram.com\\\/thiagorossix86\",\"https:\\\/\\\/linkedin.com\\\/in\\\/thiagox86\"],\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/author\\\/thiagorossi\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Introdu\u00e7\u00e3o \u00e0 Sintaxe Javascript - BLOG THIAGO ROSSI","description":"Introdu\u00e7\u00e3o \u00e0 Sintaxe Javascript: Neste artigo, vamos explorar os fundamentos da sintaxe JavaScript, desde os elementos b\u00e1sicos at\u00e9 ....","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/thiagorossi.com.br\/blog\/introducao-a-sintaxe-javascript\/","og_locale":"pt_BR","og_type":"article","og_title":"Introdu\u00e7\u00e3o \u00e0 Sintaxe Javascript - BLOG THIAGO ROSSI","og_description":"Introdu\u00e7\u00e3o \u00e0 Sintaxe Javascript: Neste artigo, vamos explorar os fundamentos da sintaxe JavaScript, desde os elementos b\u00e1sicos at\u00e9 ....","og_url":"https:\/\/thiagorossi.com.br\/blog\/introducao-a-sintaxe-javascript\/","og_site_name":"BLOG THIAGO ROSSI","article_published_time":"2024-05-01T13:47:23+00:00","article_modified_time":"2025-11-12T19:40:42+00:00","og_image":[{"width":758,"height":426,"url":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/javascript.webp","type":"image\/webp"}],"author":"Thiago Rossi","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Thiago Rossi","Est. tempo de leitura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/thiagorossi.com.br\/blog\/introducao-a-sintaxe-javascript\/#article","isPartOf":{"@id":"https:\/\/thiagorossi.com.br\/blog\/introducao-a-sintaxe-javascript\/"},"author":{"name":"Thiago Rossi","@id":"https:\/\/thiagorossi.com.br\/blog\/#\/schema\/person\/5f28286948ec2afdeb2e044a2196cd87"},"headline":"Introdu\u00e7\u00e3o \u00e0 Sintaxe Javascript","datePublished":"2024-05-01T13:47:23+00:00","dateModified":"2025-11-12T19:40:42+00:00","mainEntityOfPage":{"@id":"https:\/\/thiagorossi.com.br\/blog\/introducao-a-sintaxe-javascript\/"},"wordCount":505,"publisher":{"@id":"https:\/\/thiagorossi.com.br\/blog\/#organization"},"image":{"@id":"https:\/\/thiagorossi.com.br\/blog\/introducao-a-sintaxe-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/javascript.webp","articleSection":["Javascript"],"inLanguage":"pt-BR"},{"@type":"WebPage","@id":"https:\/\/thiagorossi.com.br\/blog\/introducao-a-sintaxe-javascript\/","url":"https:\/\/thiagorossi.com.br\/blog\/introducao-a-sintaxe-javascript\/","name":"Introdu\u00e7\u00e3o \u00e0 Sintaxe Javascript - BLOG THIAGO ROSSI","isPartOf":{"@id":"https:\/\/thiagorossi.com.br\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thiagorossi.com.br\/blog\/introducao-a-sintaxe-javascript\/#primaryimage"},"image":{"@id":"https:\/\/thiagorossi.com.br\/blog\/introducao-a-sintaxe-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/javascript.webp","datePublished":"2024-05-01T13:47:23+00:00","dateModified":"2025-11-12T19:40:42+00:00","description":"Introdu\u00e7\u00e3o \u00e0 Sintaxe Javascript: Neste artigo, vamos explorar os fundamentos da sintaxe JavaScript, desde os elementos b\u00e1sicos at\u00e9 ....","breadcrumb":{"@id":"https:\/\/thiagorossi.com.br\/blog\/introducao-a-sintaxe-javascript\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thiagorossi.com.br\/blog\/introducao-a-sintaxe-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/thiagorossi.com.br\/blog\/introducao-a-sintaxe-javascript\/#primaryimage","url":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/javascript.webp","contentUrl":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/javascript.webp","width":758,"height":426,"caption":"Javascript"},{"@type":"BreadcrumbList","@id":"https:\/\/thiagorossi.com.br\/blog\/introducao-a-sintaxe-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thiagorossi.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Introdu\u00e7\u00e3o \u00e0 Sintaxe Javascript"}]},{"@type":"WebSite","@id":"https:\/\/thiagorossi.com.br\/blog\/#website","url":"https:\/\/thiagorossi.com.br\/blog\/","name":"THIAGO ROSSI","description":"Mais de 20 anos de experi\u00eancia no mercado de TI!","publisher":{"@id":"https:\/\/thiagorossi.com.br\/blog\/#organization"},"alternateName":"TR | CURSO WEB DEV","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/thiagorossi.com.br\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/thiagorossi.com.br\/blog\/#organization","name":"THIAGO ROSSI","alternateName":"TR | CURSO WEB DEV","url":"https:\/\/thiagorossi.com.br\/blog\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/thiagorossi.com.br\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/new-logo.webp","contentUrl":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/new-logo.webp","width":300,"height":300,"caption":"THIAGO ROSSI"},"image":{"@id":"https:\/\/thiagorossi.com.br\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/linkedin.com\/in\/thiagox86"]},{"@type":"Person","@id":"https:\/\/thiagorossi.com.br\/blog\/#\/schema\/person\/5f28286948ec2afdeb2e044a2196cd87","name":"Thiago Rossi","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/secure.gravatar.com\/avatar\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g","caption":"Thiago Rossi"},"description":"Com mais de 20 anos de jornada na tecnologia, minha trajet\u00f3ria evoluiu do ensino t\u00e9cnico \u00e0 arquitetura de sistemas complexos. Hoje, foco minha expertise no desenvolvimento de solu\u00e7\u00f5es de Intelig\u00eancia Artificial nativa e an\u00e1lise de dados p\u00fablicos, utilizando o ecossistema PHP para transformar dados brutos em transpar\u00eancia e efici\u00eancia. Como autor e desenvolvedor, acredito na democratiza\u00e7\u00e3o do conhecimento. Essa vis\u00e3o resultou em uma biblioteca de mais de 530 artigos gratuitos, cobrindo desde a base do WebDev e Infraestrutura at\u00e9 os bastidores da ind\u00fastria de Jogos e IA. No universo de Game Design, sou autor do livro \"GDD \u2013 O Guia Definitivo\" e documento ativamente meus processos atrav\u00e9s de DevLogs, unindo rigor t\u00e9cnico e criatividade em projetos desenvolvidos com GDevelop 5. Meu compromisso \u00e9 conectar engenharia de ponta com as reais oportunidades do mercado de tecnologia.","sameAs":["https:\/\/thiagorossi.com.br\/blog","https:\/\/instagram.com\/thiagorossix86","https:\/\/linkedin.com\/in\/thiagox86"],"url":"https:\/\/thiagorossi.com.br\/blog\/author\/thiagorossi\/"}]}},"_links":{"self":[{"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/posts\/820","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/comments?post=820"}],"version-history":[{"count":1,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/posts\/820\/revisions"}],"predecessor-version":[{"id":4603,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/posts\/820\/revisions\/4603"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/media\/804"}],"wp:attachment":[{"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/media?parent=820"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/categories?post=820"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/tags?post=820"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}