O que é e como começar com JavaScript? \| TreinaWeb Promoção no ar Matricule-se agora e garanta **54% de desconto** Termina em Tempo restante da oferta: 20 Horas 01 Min 34 Seg Tempo restante da oferta: 20 01 34 [Assinar →](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26) [ ](https://www.treinaweb.com.br) Explorar [ Quanto custa? ](#assinatura) [ FAQ ](https://www.treinaweb.com.br#faq) [Matricule-se](#assinatura) [ Entrar ](https://www.treinaweb.com.br/login) [ Início ](https://www.treinaweb.com.br) [ Artigos ](https://www.treinaweb.com.br/blog) O que é e como começar com JavaScript? [ Javascript ](https://www.treinaweb.com.br/blog/categoria/javascript) # O que é e como começar com JavaScript? Quer iniciar seus estudos em JavaScript e não sabe por onde começar? Veja o que preparamos pra você. [ Marylene Guedes ](https://www.treinaweb.com.br/blog/autor/marylene-guedes) 9 anos atrás ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2018/04/24103343/comecar-com-javascript1.png) Se você deseja se tornar um desenvolvedor web para poder desenvolver páginas completas, com layouts elegantes e conteúdo dinâmico, você precisa conhecer o JavaScript. [ ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2023/10/E-BOOK-GRATUITO-COMECANDO-JS.png) ](https://www.treinaweb.com.br/ebook/guia-javascript) O JavaScript é a terceira etapa para construirmos um site profissional. No post anterior conhecemos as duas primeiras etapas: [o HTML e o CSS](https://www.treinaweb.com.br/blog/como-comecar-com-html-e-css/ "o HTML e o CSS"), e nesse artigo vamos conhecer sobre como deixar o conteúdo de nossas páginas mais interativo utilizando o JavaScript. ## O que é JavaScript? Antes de começarmos a abordar o que vem a ser o JavaScript, é muito importante ressaltar que JavaScript não tem nada a ver com Java. Quando essa linguagem foi lançada, ela tinha o nome oficial de LiveScript, criada pela Netscape. Como nessa época o Java estava conquistando cada vez mais o mercado, a Netscape quis aproveitar a popularidade do recém-lançado Java, através de um acordo com a Sun, mudando então seu nome para JavaScript. Essa mudança ainda causa confusão dando a impressão de que a linguagem foi baseada em Java, mas não… foi tudo uma estratégia de marketing. Agora sim, podemos conhecer o que realmente vem a ser o JavaScript. O JavaScript é uma linguagem de programação interpretada, sendo a principal linguagem cliente-servidor em navegadores web. Ela é responsável pelo dinamismo de uma página, ou seja, promover a interação com o usuário, sendo executados do lado do cliente. É uma linguagem script com orientação a objetos dinâmica e com tipagem fraca. Existem três camadas básicas no desenvolvimento web: o HTML e o CSS (como vimos no post anterior) e por fim a terceira camada que é o JavaScript, que como vimos acima, fica com a parte de comportamento da página. ## Quem usa JavaScript? Várias empresas e sites conhecidos utilizam JavaScript na parte de front-end, desde aplicações mais simples como as mais complexas. Temos como exemplo a Google, Youtube, Facebook, Ebay, Yahoo, Twitter, Linkedin, dentre muitos outros. Quase toda aplicação Web tem a necessidade de usar JavaScript. E, hoje em dia, o JavaScript não se limita apenas à web, ele tem sua vertente server-side, mobile etc. ## Sintaxe do JavaScript A sintaxe do JavaScript é muito simples. Você pode utilizar o JavaScript dentro do seu código HTML. Para criarmos o nosso clássico “Hello World”, é só colocamos a escrita dentro de um “alert”. Com o alert nosso texto aparecerá dentro de uma janela de alerta. ```html alert('Hello World!'); ``` Realizar uma estrutura de condição no JavaScript também é simples: ```html var curso = 'javascript'; if (curso === 'javascript') { alert('Oba! Então inicie agora mesmo seus estudos em JavaScript.'); } else { alert('Ah! Parece que JavaScript não é sua linguagem favorita...'); } ``` No JavaScript você também pode definir suas próprias funções. Vamos então escrever uma função que recebe dois números e realiza a operação de multiplicação: ```javascript function multiplicacao(num1,num2) { var resultado = num1 * num2; return resultado; } ``` ## Mercado de trabalho Como pudemos ver o JavaScript é uma das etapas do desenvolvimento web. Com isso, é obrigatório um desenvolvedor conhecer essa linguagem. Existem várias bibliotecas para se trabalhar com JavaScript, por isso é importante ter conhecimento de algumas delas, pois é muito comum elas serem requisitos para o preenchimento de vagas JavaScript. Além da adequação ao mercado de trabalho, conhecer essas bibliotecas garante um aumento de produtividade e facilidade em tarefas comuns do dia a dia. Sendo assim, como todos os sites possuem algum tipo de interação utilizando o JavaScript, dificilmente você ficará fora do mercado. ## Como aprender JavaScript? Aqui no TreinaWeb temos toda uma trilha voltada para o JavaScript. Para você começar nessa linguagem, recomendamos o curso “JavaScript Básico”. Com ele, você aprenderá desde os conceitos básicos, fazendo com que você entenda toda a estrutura da linguagem. Aliando a teoria com a prática, você também irá desenvolver programas que irão interagir com os elementos de uma página web. [ ![React Native - Fundamentos](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/react-native.svg) Curso React Native - Fundamentos Conhecer o curso ](https://www.treinaweb.com.br/curso/react-native-fundamentos) ## Conheça nossa metodologia Nosso ambiente de aprendizagem é 100% online. Nossa metodologia de ensino é baseada em vídeo aulas, apostilas, exercícios aula-a-aula e exemplos completos. Você estuda no seu tempo e ao final pode baixar o seu certificado digital ou solicitar o certificado impresso. Na parte escrita, fornecemos um material totalmente atualizado e completo para que você possa usufruir do conteúdo, utilizando-se de textos e imagens. Já as vídeo-aulas são bem explicativas e práticas, abordando todo o conteúdo passo-a-passo, para que você entenda tudo da melhor maneira possível. Além disso, você encontrará exercícios para poder fixar, praticar e aplicar todo o conteúdo aprendido. São exercícios que são propostos em cada aula do curso. Eles podem variar entre alguns formatos, como por exemplo questões de escolha única, questões de múltipla escolha e complemento de trechos de código. Se ainda assim você tiver alguma dúvida, você poderá pedir ajuda aos nossos professores através de tickets de atendimento. Funciona como um canal direto entre você e o professor, onde você poderá realizar perguntas que serão respondidas muito brevemente! Além disso, ainda pelo sistema suporte, você também poderá consultar todas as perguntas que já foram respondidas a outros alunos! =) ## Quais conhecimentos preciso ter para iniciar este curso? O curso é recomendado para você iniciar seus estudos na linguagem JavaScript, no entanto, é interessante saber as bases necessárias para aprender qualquer linguagem de programação: “Lógica de Programação” e “Lógica de Programação Orientada a Objetos”. Também ministramos esses cursos: [ ![Swift - Criação de aplicações móveis para IOS Básico](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/swift.svg) Curso Swift - Criação de aplicações móveis para IOS Básico Conhecer o curso ](https://www.treinaweb.com.br/curso/desenvolvimento-de-aplicacoes-ios-com-swift-basico) [ ![Wordpress - Criação de lojas virtuais com WooCommerce](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/woocommerce.svg) Curso Wordpress - Criação de lojas virtuais com WooCommerce Conhecer o curso ](https://www.treinaweb.com.br/curso/wordpress-criacao-de-lojas-virtuais-com-woocommerce) ## Gostou do que viu? Se entusiasmou com o JavaScript? Gostaria de conhecê-lo com mais detalhes? Sim, você pode dar uma espiadinha. Acesse o curso de JavaScript e veja algumas aulas de exemplo. :) [ ![Nuxt - Fundamentos](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/nuxt.svg) Curso Nuxt - Fundamentos Conhecer o curso ](https://www.treinaweb.com.br/curso/nuxt-fundamentos) Bons estudos! Autor ![Marylene Guedes](//secure.gravatar.com/avatar/5b0ba52b3705f298802db58782656bbc?d=mm) ## Marylene Guedes Responsável pelo sucesso do cliente na TreinaWeb. Graduada em Gestão de Tecnologia da Informação pela FATEC Guaratinguetá, além de estudante de UX/UI. [Todos os artigos](https://www.treinaweb.com.br/blog/autor/marylene-guedes) ## Continue estudando Transforme leitura em prática com os cursos e formações da TreinaWeb. [Ver cursos](https://www.treinaweb.com.br/cursos) Continue lendo ## Artigos relacionados - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2018/03/01133925/javascript-400x280.png) [ Javascript ](https://www.treinaweb.com.br/blog/categoria/javascript) 9 anos atrás ## [ O que se pode fazer com JavaScript hoje em dia? ](https://www.treinaweb.com.br/blog/o-que-se-pode-fazer-com-javascript-hoje-em-dia) Conheça as várias áreas onde podemos trabalhar com JavaScript além do navegador. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2022/07/o-que-preciso-conhecer-antes-de-iniciar-os-estudos-em-uma-linguagem-de-programacao-400x280.png) [ Carreira ](https://www.treinaweb.com.br/blog/categoria/carreira) 4 anos atrás ## [ O que preciso conhecer antes de iniciar estudos em uma linguagem de programação? ](https://www.treinaweb.com.br/blog/o-que-preciso-conhecer-antes-de-iniciar-estudos-em-uma-linguagem-de-programacao) Essa é uma pergunta muito comum para quem deseja iniciar na área de programação. Por mais que desejamos já começar com uma linguagem e ver tudo acontecendo na tela, é necessário construir uma base antes. Por isso, existem alguns passos importantes antes mesmo de escolher uma linguagem de programação para estudar e é isso que veremos neste artigo. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2023/04/contexto-execucao-JS-400x280.png) [ Javascript ](https://www.treinaweb.com.br/blog/categoria/javascript) 4 anos atrás ## [ Contexto de execução JavaScript ](https://www.treinaweb.com.br/blog/contexto-de-execucao-javascript) Contexto de execução JavaScript é um conceito abstrato que contém informações sobre o ambiente no qual o código atual está sendo executado Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/05/GUIA-LINGUAGEM-JAVASCRIPT-400x280.png) [ Desenvolvimento Front-end ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-front-end) 6 anos atrás ## [ Guia da Linguagem JavaScript ](https://www.treinaweb.com.br/blog/guia-da-linguagem-javascript) Neste Guia da Linguagem Javascript vamos abordar aspectos fundamentais, como: tipos de dados, variáveis, objetos, arrays e muito mais. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/01/EXECUTAR-PRIMEIRO-CÓDIGO-JAVASCRIPT-400x280.png) [ Javascript ](https://www.treinaweb.com.br/blog/categoria/javascript) 6 anos atrás ## [ Como executar seu primeiro código JavaScript ](https://www.treinaweb.com.br/blog/como-executar-seu-primeiro-codigo-javascript) Vamos aprender e executar nosso primeiro código em JavaScript, entendendo sobre a utilização do console do navegador e ferramentas on-line. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/07/17154530/IMPACTO-ANSIEDADE-400x280.png) [ Estudos ](https://www.treinaweb.com.br/blog/categoria/estudos) 7 anos atrás ## [ O impacto da ansiedade no processo de aprendizagem dos profissionais da área de TI ](https://www.treinaweb.com.br/blog/o-impacto-da-ansiedade-no-processo-de-aprendizagem-dos-profissionais-da-area-de-ti) Confira nesse artigo os impactos que a ansiedade pode causar em seus estudos. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2016/10/yarn-um-novo-gerenciador-de-dependencias-para-javascript-400x280.jpg) [ Javascript ](https://www.treinaweb.com.br/blog/categoria/javascript) 10 anos atrás ## [ Yarn: Um novo gerenciador de dependências para JavaScript ](https://www.treinaweb.com.br/blog/yarn-um-novo-gerenciador-de-dependencias-para-javascript) Yarn nasceu para ser uma opção rápida e segura de se gerenciar dependências em JavaScript. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/09/o_que_e_firebase-400x280.png) [ Javascript ](https://www.treinaweb.com.br/blog/categoria/javascript) 6 anos atrás ## [ O que é Firebase? ](https://www.treinaweb.com.br/blog/o-que-e-firebase) Veja neste artigo o que é Firebase. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/10/11111424/react-flutter-400x280.png) [ Desenvolvimento Mobile ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-mobile) 7 anos atrás ## [ React Native ou Flutter: por qual começar? ](https://www.treinaweb.com.br/blog/react-native-ou-flutter-por-qual-comecar) Confira nesse artigo um pouco mais sobre essas duas tecnologias mobile e veja pontos que podem te ajudar a decidir por qual delas começar seus estudos. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2018/12/16065017/front-back-ou-fullstack-400x280.png) [ Carreira ](https://www.treinaweb.com.br/blog/categoria/carreira) 8 anos atrás ## [ Devo começar como Front-End, Back-End ou Full Stack? ](https://www.treinaweb.com.br/blog/devo-comecar-como-front-end-back-end-ou-full-stack) Devo começar minha carreira como desenvolvedor Front-End, Back-End ou FullStack? Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2018/09/01114033/11-400x280.png) [ Javascript ](https://www.treinaweb.com.br/blog/categoria/javascript) 8 anos atrás ## [ Gerando sons com a Web Audio API do JavaScript ](https://www.treinaweb.com.br/blog/gerando-sons-com-a-web-audio-api-do-javascript) Veja como podemos gerar sons com JavaScript usando a Web Audio API. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2018/02/06152024/js-engine-400x280.png) [ Desenvolvimento de Jogos ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-de-jogos) 9 anos atrás ## [ JavaScript Game Engines ](https://www.treinaweb.com.br/blog/javascript-game-engines) Conheça as principais Game Engines para JavaScript. Ler artigo ## Um ano de acesso total para você viver de programação. Todos os cursos e formações da TreinaWeb numa única assinatura, com professores que atuam no mercado, suporte direto e certificados. Do primeiro `console.log` ao mercado de trabalho. - **1 ano** de acesso a **todos os cursos** - Cursos novos **toda semana** - Suporte **direto com professores** - Plano de carreira **personalizado** - **Certificados digitais** inclusos - **Aplicativos** para Android e iOS, com **acesso offline** **Garantia incondicional de satisfação** Teste por 7 dias e, se não fizer sentido para você, devolvemos seu dinheiro. ### Acesso completo a todos os cursos e dezenas de Formações. 12 meses Economize R$ 840,00 54% OFF de 12x R$ 129,00 por apenas 12x R$ 59,00 sem juros no cartão de crédito ou R$ 599,00 à vista Oferta termina em **20h 01min 34s** - Acesso imediato e ilimitado durante 1 ano. - Plano de carreira personalizado. - Suporte direto com professores. - E muito mais! [Matricule-se agora](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26) [ ](https://www.treinaweb.com.br) Escola online de programação, tecnologia e IA. - [ ](https://www.facebook.com/TreinaWeb/) - [ ](https://www.instagram.com/treinaweb/) - [ ](https://www.youtube.com/user/TreinaWeb) - [ ](https://twitter.com/treinaweb) - [ ](https://www.linkedin.com/company/treinaweb) - [ ](https://github.com/treinaweb) ## Inscreva-se em nossa newsletter Receba lançamentos, promoções e novidades. Seu nome Seu WhatsApp Seu melhor e-mail Inscrever-se ## Cursos - [ Base para Devs ](https://www.treinaweb.com.br/categoria/base-para-devs) - [ Front-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-front-end) - [ Back-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-back-end) - [ Mobile ](https://www.treinaweb.com.br/categoria/desenvolvimento-mobile) - [ Bancos de Dados ](https://www.treinaweb.com.br/categoria/bancos-de-dados) - [ Cloud ](https://www.treinaweb.com.br/categoria/cloud-computing) - [ IA ](https://www.treinaweb.com.br/categoria/ia) - [ E mais ](https://www.treinaweb.com.br/categoria/e-mais) - [ Ver todos os cursos ](https://www.treinaweb.com.br/cursos) ## Conteúdo - [ Formações ](https://www.treinaweb.com.br/formacoes) - [ Projetos práticos ](https://www.treinaweb.com.br/projetos-praticos) - [ Direto ao ponto ](https://www.treinaweb.com.br/direto-ao-ponto) - [ Planos ](https://www.treinaweb.com.br#assinatura) - [ Depoimentos ](https://www.treinaweb.com.br#depoimentos) - [ Comunidade ](https://www.treinaweb.com.br#comunidade) - [ Corpo docente ](https://www.treinaweb.com.br#docente) ## A empresa - [ Sobre a TreinaWeb ](https://www.treinaweb.com.br#sobre) - [ Perguntas frequentes ](https://www.treinaweb.com.br#faq) - [ Vantagens de estudar na TreinaWeb ](https://www.treinaweb.com.br/vantagens-de-estudar-na-treinaweb) - [ Cursos para empresas ](https://www.treinaweb.com.br/empresas) - [ Sugira um novo curso ](https://www.treinaweb.com.br/sugerir-curso) - [ Trabalhe conosco ](https://www.treinaweb.com.br/trabalhe-conosco) - [ Artigos ](https://www.treinaweb.com.br/blog) - [ Desenvolvedores e agentes ](https://www.treinaweb.com.br/developers) - [ Contato ](https://www.treinaweb.com.br/contato) - [ Política de privacidade ](https://www.treinaweb.com.br/politica-de-privacidade) - [ Termos de uso ](https://www.treinaweb.com.br/termos-de-uso) ## Baixe nosso aplicativo [ Disponível na **App Store** ](https://apps.apple.com/us/app/treinaweb/id1322729447) [ Disponível no **Google Play** ](https://play.google.com/store/apps/details?id=br.com.treinaweb.mobile) Av. Paulista, 1765, Conj 71 e 72 · Bela Vista · São Paulo · SP · 01311-200 © 2004 – 2026 TreinaWeb Tecnologia LTDA · CNPJ 06.156.637/0001-58