{"id":816,"date":"2024-05-01T10:00:07","date_gmt":"2024-05-01T13:00:07","guid":{"rendered":"https:\/\/thiagorossi.com.br\/blog\/?p=816"},"modified":"2025-11-12T15:44:18","modified_gmt":"2025-11-12T18:44:18","slug":"introducao-ao-javascript","status":"publish","type":"post","link":"https:\/\/thiagorossi.com.br\/blog\/introducao-ao-javascript\/","title":{"rendered":"Introdu\u00e7\u00e3o ao 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\"> 4<\/span> <span class=\"rt-label rt-postfix\">minutos<\/span><\/span>\n<p class=\"has-medium-font-size wp-block-paragraph\"><strong>Introdu\u00e7\u00e3o ao Javascript<\/strong>: Se o HTML fornece a estrutura e o CSS o estilo, o <strong>JavaScript (JS)<\/strong> \u00e9 o motor que injeta vida e interatividade em qualquer p\u00e1gina web. Originalmente concebida para funcionar apenas nos navegadores, o JS se expandiu para se tornar uma linguagem <em>full-stack<\/em>, essencial para o desenvolvimento moderno.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Neste artigo, faremos uma imers\u00e3o nos fundamentos do JavaScript, entendendo por que ele se tornou a linguagem mais ub\u00edqua da tecnologia.<\/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. O Que \u00c9 e Onde o JavaScript Vive?<\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">JavaScript \u00e9 uma <strong>linguagem de programa\u00e7\u00e3o interpretada<\/strong> (o c\u00f3digo \u00e9 lido e executado na hora) e de <strong>alto n\u00edvel<\/strong>. Seu principal diferencial \u00e9 a execu\u00e7\u00e3o no lado do cliente (<em>client-side<\/em>), ou seja, <strong>diretamente no navegador<\/strong> do usu\u00e1rio.<\/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\">O Ecossistema JavaScript<\/h3>\n\n\n\n<figure class=\"wp-block-table has-medium-font-size\"><table class=\"has-fixed-layout\"><thead><tr><td><strong>Ambiente<\/strong><\/td><td><strong>Uso Principal<\/strong><\/td><td><strong>Ferramenta Chave<\/strong><\/td><\/tr><\/thead><tbody><tr><td><strong>Navegador (<em>Client-Side<\/em>)<\/strong><\/td><td>Criar interfaces interativas, manipular o DOM (estrutura HTML), lidar com eventos (cliques, <em>scroll<\/em>).<\/td><td>API do Browser (Web APIs)<\/td><\/tr><tr><td><strong>Servidor (<em>Server-Side<\/em>)<\/strong><\/td><td>Construir APIs, gerenciar bancos de dados, criar l\u00f3gica de <em>backend<\/em>.<\/td><td><strong>Node.js<\/strong><\/td><\/tr><tr><td><strong>Mobile e Desktop<\/strong><\/td><td>Desenvolvimento de aplicativos nativos ou h\u00edbridos.<\/td><td><strong>React Native, Electron<\/strong><\/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\">2. Caracter\u00edsticas Fundamentais do JavaScript<\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">O JS possui um conjunto de caracter\u00edsticas que definem sua flexibilidade e popularidade:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-medium-font-size\"><strong>Interpretada e Just-in-Time (JIT):<\/strong> Embora o JS seja tradicionalmente interpretado, motores modernos (V8 do Chrome) usam compila\u00e7\u00e3o JIT para otimizar o desempenho.<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Fracamente Tipada e Din\u00e2mica:<\/strong> Voc\u00ea n\u00e3o precisa declarar o tipo de uma vari\u00e1vel (<code>let x = 10;<\/code>). O tipo \u00e9 determinado em tempo de execu\u00e7\u00e3o.<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Baseada em Prot\u00f3tipos:<\/strong> Em vez de classes tradicionais (como em Java ou C#), objetos em JS herdam propriedades e m\u00e9todos de outros objetos.<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Multi-Paradigma:<\/strong> Suporta Programa\u00e7\u00e3o Orientada a Objetos (POO), Programa\u00e7\u00e3o Funcional (FP) e Programa\u00e7\u00e3o Imperativa.<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Ass\u00edncrona:<\/strong> Capacidade de executar tarefas demoradas (como buscar dados de uma API) sem bloquear a execu\u00e7\u00e3o do restante do c\u00f3digo (usando <em>Callbacks<\/em>, <em>Promises<\/em> e <em>Async\/Await<\/em>).<\/li>\n<\/ul>\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. Os Blocos de Constru\u00e7\u00e3o da Sintaxe<\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">A sintaxe do JavaScript segue o padr\u00e3o <strong>ECMAScript (ES)<\/strong>, que \u00e9 o padr\u00e3o oficial da linguagem.<\/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. Vari\u00e1veis e Declara\u00e7\u00f5es<\/h3>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Use <code>let<\/code> para vari\u00e1veis que podem ser reatribu\u00eddas e <code>const<\/code> para valores fixos (constantes). Evite usar <code>var<\/code> em c\u00f3digos modernos.<\/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>let contador = 0; \/\/ Vari\u00e1vel que pode mudar\nconst PI = 3.14159; \/\/ Valor constante\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. Tipos de Dados Primitivos<\/h3>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">O JS define sete tipos primitivos (que representam valores \u00fanicos e imut\u00e1veis):<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-medium-font-size\"><strong><code>Number<\/code><\/strong>: Inteiros e decimais (ex: <code>10<\/code>, <code>3.14<\/code>).<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong><code>String<\/code><\/strong>: Texto (ex: <code>\"Ol\u00e1 mundo\"<\/code>).<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong><code>Boolean<\/code><\/strong>: L\u00f3gico (apenas <code>true<\/code> ou <code>false<\/code>).<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong><code>null<\/code><\/strong>: Representa a aus\u00eancia intencional de valor.<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong><code>undefined<\/code><\/strong>: Indica que a vari\u00e1vel foi declarada, mas n\u00e3o recebeu um valor.<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong><code>Symbol<\/code><\/strong> e <strong><code>BigInt<\/code><\/strong> (mais avan\u00e7ados).<\/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\">C. Fun\u00e7\u00f5es<\/h3>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Fun\u00e7\u00f5es s\u00e3o blocos de c\u00f3digo reutiliz\u00e1veis, essenciais para estruturar a l\u00f3gica do seu programa.<\/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>\/\/ Exemplo de fun\u00e7\u00e3o tradicional\nfunction somar(a, b) {\n  return a + b;\n}\n\n\/\/ Exemplo de Arrow Function (Sintaxe moderna e concisa)\nconst multiplicar = (a, b) =&gt; a * b;\n\nconsole.log(multiplicar(5, 2)); \/\/ Sa\u00edda: 10\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\">D. Manipula\u00e7\u00e3o do DOM<\/h3>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">A principal fun\u00e7\u00e3o do JS no navegador \u00e9 interagir com a estrutura da p\u00e1gina (o <strong>DOM &#8211; Document Object Model<\/strong>).<\/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>\/\/ 1. Seleciona o primeiro elemento com a classe 'titulo'\nconst titulo = document.querySelector(\".titulo\");\n\n\/\/ 2. Altera o texto do elemento\ntitulo.textContent = \"Conte\u00fado Din\u00e2mico com JS\";\n\n\/\/ 3. Adiciona um comportamento de evento (clique)\ntitulo.addEventListener(\"click\", () =&gt; {\n  console.log(\"T\u00edtulo clicado!\");\n});\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 ao Javascript<\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">O JavaScript \u00e9 a espinha dorsal de qualquer aplica\u00e7\u00e3o web moderna. Sua <strong>versatilidade<\/strong> (do <em>client-side<\/em> ao <em>server-side<\/em>) e sua <strong>comunidade massiva<\/strong> o tornam uma linguagem indispens\u00e1vel. Dominar o JS significa dominar a interatividade, a l\u00f3gica e o dinamismo da <em>web<\/em>.<\/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\"> 4<\/span> <span class=\"rt-label rt-postfix\">minutos<\/span><\/span>Introdu\u00e7\u00e3o ao Javascript: Se o HTML fornece a estrutura e o CSS o estilo, o&#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-816","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 ao Javascript - BLOG THIAGO ROSSI<\/title>\n<meta name=\"description\" content=\"Introdu\u00e7\u00e3o ao Javascript: JavaScript \u00e9 uma das linguagens de programa\u00e7\u00e3o mais populares do mundo. Acredito que seja uma \u00f3tima linguagem ...\" \/>\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-ao-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 ao Javascript - BLOG THIAGO ROSSI\" \/>\n<meta property=\"og:description\" content=\"Introdu\u00e7\u00e3o ao Javascript: JavaScript \u00e9 uma das linguagens de programa\u00e7\u00e3o mais populares do mundo. Acredito que seja uma \u00f3tima linguagem ...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thiagorossi.com.br\/blog\/introducao-ao-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"BLOG THIAGO ROSSI\" \/>\n<meta property=\"article:published_time\" content=\"2024-05-01T13:00:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-12T18:44:18+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=\"5 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-ao-javascript\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/introducao-ao-javascript\\\/\"},\"author\":{\"name\":\"Thiago Rossi\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#\\\/schema\\\/person\\\/5f28286948ec2afdeb2e044a2196cd87\"},\"headline\":\"Introdu\u00e7\u00e3o ao Javascript\",\"datePublished\":\"2024-05-01T13:00:07+00:00\",\"dateModified\":\"2025-11-12T18:44:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/introducao-ao-javascript\\\/\"},\"wordCount\":573,\"publisher\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/introducao-ao-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-ao-javascript\\\/\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/introducao-ao-javascript\\\/\",\"name\":\"Introdu\u00e7\u00e3o ao Javascript - BLOG THIAGO ROSSI\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/introducao-ao-javascript\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/introducao-ao-javascript\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/javascript.webp\",\"datePublished\":\"2024-05-01T13:00:07+00:00\",\"dateModified\":\"2025-11-12T18:44:18+00:00\",\"description\":\"Introdu\u00e7\u00e3o ao Javascript: JavaScript \u00e9 uma das linguagens de programa\u00e7\u00e3o mais populares do mundo. Acredito que seja uma \u00f3tima linguagem ...\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/introducao-ao-javascript\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/introducao-ao-javascript\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/introducao-ao-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-ao-javascript\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Introdu\u00e7\u00e3o ao 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 ao Javascript - BLOG THIAGO ROSSI","description":"Introdu\u00e7\u00e3o ao Javascript: JavaScript \u00e9 uma das linguagens de programa\u00e7\u00e3o mais populares do mundo. Acredito que seja uma \u00f3tima linguagem ...","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-ao-javascript\/","og_locale":"pt_BR","og_type":"article","og_title":"Introdu\u00e7\u00e3o ao Javascript - BLOG THIAGO ROSSI","og_description":"Introdu\u00e7\u00e3o ao Javascript: JavaScript \u00e9 uma das linguagens de programa\u00e7\u00e3o mais populares do mundo. Acredito que seja uma \u00f3tima linguagem ...","og_url":"https:\/\/thiagorossi.com.br\/blog\/introducao-ao-javascript\/","og_site_name":"BLOG THIAGO ROSSI","article_published_time":"2024-05-01T13:00:07+00:00","article_modified_time":"2025-11-12T18:44:18+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":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/thiagorossi.com.br\/blog\/introducao-ao-javascript\/#article","isPartOf":{"@id":"https:\/\/thiagorossi.com.br\/blog\/introducao-ao-javascript\/"},"author":{"name":"Thiago Rossi","@id":"https:\/\/thiagorossi.com.br\/blog\/#\/schema\/person\/5f28286948ec2afdeb2e044a2196cd87"},"headline":"Introdu\u00e7\u00e3o ao Javascript","datePublished":"2024-05-01T13:00:07+00:00","dateModified":"2025-11-12T18:44:18+00:00","mainEntityOfPage":{"@id":"https:\/\/thiagorossi.com.br\/blog\/introducao-ao-javascript\/"},"wordCount":573,"publisher":{"@id":"https:\/\/thiagorossi.com.br\/blog\/#organization"},"image":{"@id":"https:\/\/thiagorossi.com.br\/blog\/introducao-ao-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-ao-javascript\/","url":"https:\/\/thiagorossi.com.br\/blog\/introducao-ao-javascript\/","name":"Introdu\u00e7\u00e3o ao Javascript - BLOG THIAGO ROSSI","isPartOf":{"@id":"https:\/\/thiagorossi.com.br\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thiagorossi.com.br\/blog\/introducao-ao-javascript\/#primaryimage"},"image":{"@id":"https:\/\/thiagorossi.com.br\/blog\/introducao-ao-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/javascript.webp","datePublished":"2024-05-01T13:00:07+00:00","dateModified":"2025-11-12T18:44:18+00:00","description":"Introdu\u00e7\u00e3o ao Javascript: JavaScript \u00e9 uma das linguagens de programa\u00e7\u00e3o mais populares do mundo. Acredito que seja uma \u00f3tima linguagem ...","breadcrumb":{"@id":"https:\/\/thiagorossi.com.br\/blog\/introducao-ao-javascript\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thiagorossi.com.br\/blog\/introducao-ao-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/thiagorossi.com.br\/blog\/introducao-ao-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-ao-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thiagorossi.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Introdu\u00e7\u00e3o ao 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\/816","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=816"}],"version-history":[{"count":1,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/posts\/816\/revisions"}],"predecessor-version":[{"id":4599,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/posts\/816\/revisions\/4599"}],"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=816"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/categories?post=816"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/tags?post=816"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}