Stela JS

Stela ADS JavaScript

Programação Web em JavaScript

Bem-vindos à programação em JavaScript

A linguagem que faz a página reagir, do primeiro console.log ao projeto completo.

O HTML dá a estrutura, o CSS dá o estilo e o JavaScript dá vida. Aqui a gente ensina a página a pensar, responder ao clique e conversar com quem está do outro lado da tela, até chegar aos frameworks que o mercado usa.

Começar pelo curso interativo Ver a ementa
JavaScript
bem-vindos.js 
1// ADS · 2º semestre · 70h2const turma = "filhotes";3let energia = Infinity;45console.log(6  `Bem-vindos, ${turma}!`7);
P1 · raio-x da linguagem

Afinal, o que é esse tal de JavaScript?

É a única linguagem que todo navegador entende de nascença. Ela roda dentro da página, no computador de quem visita, e transforma um documento parado em algo que responde.

  1. HTMLMonta a estrutura: títulos, botões, formulários.
  2. CSSDá cor, forma e lugar para cada coisa.
  3. JavaScriptEscuta o que acontece, como um click, e decide o que fazer.
  4. NavegadorAtualiza a página na hora, sem precisar recarregar.
C1 · presença 98,9%

dos sites usam JavaScript

Praticamente toda página que você abre tem JavaScript trabalhando no navegador.

Fonte: W3Techs, outubro de 2026.

C2 · origem

Nasceu em 10 dias

Em 1995, Brendan Eich criou o primeiro protótipo na Netscape em cerca de dez dias. Ainda bem que deu tempo de melhorar.

C3 · nome

Java e JavaScript? Nada a ver

Ela já se chamou Mocha e LiveScript. O "Java" no nome foi jogada de marketing da época. São linguagens diferentes.

C4 · em todo lugar

Do navegador ao ESP32

Roda no navegador, no servidor com Node.js, em aplicativos de celular e até em microcontroladores como o ESP32.

C5 · padrão

O nome oficial é ECMAScript

A linguagem segue um padrão chamado ECMAScript, que ganha uma versão nova todo ano. O ES2015 trouxe let, const e as arrow functions.

C6 · bug famoso

typeof null responde "object"

É um erro da primeira versão, de 1995. Nunca foi corrigido porque consertar quebraria metade da internet. Todo programador tropeça nele um dia.

Curso Análise e Desenvolvimento de Sistemas Faculdade de Tecnologia e Inovação Senac DF
Semestre 2º semestre ADS, matutino e noturno
Carga horária 70 horas 60h presenciais e 10h EAD
Professora Maristela Oliveira ou só Stela
E1 · ementa

Da primeira variável aos frameworks

A ementa oficial, palavra por palavra. Cabe muita coisa num semestre, e cada peça encaixa na anterior.

Fundamentos do JavaScript, tipos de dados e operadores da linguagem JavaScript. Funções, estrutura de decisão e de repetição. Arrays e objetos. Manipulação de eventos. Estudo de frameworks de front-end e back-end.

JavaScript Tipos de dados e operadores Funções Estruturas de decisão e repetição Arrays e objetos Manipulação de eventos Frameworks front-end e back-end
objetivos.md

Aonde a gente quer chegar

Capacitar os alunos com as habilidades técnicas e profissionais para aplicar os fundamentos da linguagem JavaScript, estruturas de controle, funções, arrays, objetos e manipulação de eventos, bem como conhecer frameworks de front-end e back-end, no desenvolvimento de soluções para a web no cenário profissional de tecnologia da informação.

  • Compreender os fundamentos da linguagem JavaScript, seus tipos de dados e operadores.
  • Aplicar estruturas de decisão e repetição na construção de scripts JavaScript.
  • Manipular arrays, objetos e eventos em páginas web.
  • Conhecer frameworks de front-end e back-end utilizados no desenvolvimento web com JavaScript.
U1–U5 · conteúdo programático

Cinco unidades, do console ao framework

Cada unidade liga um componente novo na placa. As quatro primeiras têm módulos no curso interativo.

Unidade 1módulo 1

Fundamentos da linguagem

Onde a página começa a pensar.

  • Introdução ao JavaScript e seu papel no desenvolvimento web
  • Sintaxe básica, variáveis e tipos de dados
  • Operadores aritméticos, relacionais e lógicos
  • Inserção de scripts em páginas HTML
Unidade 2módulos 2 e 3

Decisão e repetição

O código escolhe caminhos, repete sem cansar e fica legível para quem vem depois.

  • Estruturas condicionais (if, else, switch)
  • Estruturas de repetição (for, while, do-while)
  • Boas práticas de organização e legibilidade do código
Unidade 3módulo 4

Funções

Um bloco com nome próprio, que só trabalha quando é chamado.

  • Declaração e invocação de funções
  • Parâmetros, argumentos e retorno de valores
  • Funções anônimas e arrow functions
  • Escopo de variáveis
Unidade 4módulos 5 a 7

Arrays, objetos e eventos

Listas, fichas e cliques: a página começa a conversar com o usuário.

  • Arrays: criação, métodos e manipulação de dados
  • Objetos: propriedades, métodos e notação JSON
  • Manipulação do DOM (Document Object Model)
  • Tratamento de eventos (cliques, formulários, teclado)
Unidade 5seminários

Frameworks de front-end e back-end

O mapa do mercado: React na tela, Node.js no servidor.

  • Panorama dos frameworks e bibliotecas JavaScript do mercado
  • Introdução a frameworks de front-end (ex.: React)
  • Introdução a frameworks de back-end (ex.: Node.js)
  • Boas práticas na escolha de frameworks para projetos web
A1–A18 · aulas

Dezoito encontros, uma trilha

Cada aula tem a sua página, com os conceitos, a atividade e o que entregar.

  1. Conhecendo a disciplina

    A01
    Apresentação vivencial abrir a aula →

  2. Como os sites executam comandos?

    A02
    Situação-problema abrir a aula →

  3. Variáveis e tipos de dados: guardando informações

    A03
    Laboratório de práticas abrir a aula →

  4. Desenvolvendo uma calculadora inteligente

    A04
    Aprendizagem baseada em problemas abrir a aula →

  5. Como um sistema toma decisões?

    A05
    Situação-problema abrir a aula →

  6. Repetindo tarefas automaticamente

    A06
    Aprendizagem em ação abrir a aula →

  7. Cadastro de Alunos, parte I: organizando o código com funções

    A07
    Projeto abrir a aula →

  8. Arrow functions, escopo e avaliação prática do 1º bimestre

    A08
    Amostra de trabalho abrir a aula →

  9. Avaliação do 1º bimestre

    A09
    Avaliação abrir a aula →

  10. Como organizar grandes volumes de dados? Arrays

    A10
    Situação-problema abrir a aula →

  11. Cadastro de Alunos, parte II: objetos e JSON

    A11
    Projeto

  12. Conhecendo o DOM

    A12
    Laboratório de práticas

  13. Tornando páginas interativas: eventos

    A13
    Projeto

  14. Frameworks JavaScript: seminários relâmpago

    A14
    Pesquisa e seminário

  15. React, Node.js e publicação no GitHub Pages

    A15
    Laboratório de práticas

  16. Projeto final: ajustes orientados

    A16
    Projeto

  17. Projeto final: ajustes e ensaio da apresentação

    A17
    Projeto

  18. Apresentação final dos projetos e devolutiva

    A18
    Exposição prática

  19. Recuperação final da disciplina

    RF
    Recuperação final
M1 · metodologia

Do console ao projeto integrador

Explicação curta, laboratório longo. Os scripts começam no console do navegador (o F12 vai virar seu melhor amigo) e crescem até virar páginas interativas, com estudos de caso de DOM e eventos.

Ao longo do semestre, cada um constrói uma aplicação web funcional no projeto integrador, usando um framework de front-end e/ou back-end. E tem seminário relâmpago para comparar os frameworks do mercado.

Curto-circuito? Abre o console, confere a trilha e tenta de novo.

ferramentas
Navegador e console (F12) Editor de código NetAcad JavaScript Essentials 1 React Node.js IA para codificar e depurar
A1 · avaliação

Como a nota é montada

Sem surpresa: dez pontos por bimestre, e cada parte tem o seu peso.

1º bimestre

10 pontos

  • Prova objetiva6,0
  • Atividade avaliativa prática4,0
2º bimestre

10 pontos

  • Atividade avaliativa prática7,0
  • Avaliação Integrada2,0
  • Participação na Jornada Interdisciplinar1,0

Para ser aprovado: média final de 6,0 e pelo menos 75% de frequência.

J1 · conectores

Atividades e materiais

Tudo o que a gente usa na disciplina, num lugar só.

prog-web-js/curso

Curso interativo de JavaScript

Oito módulos com explicação direta, editor de código ao vivo e quiz. Acompanha o NetAcad, e o seu progresso fica salvo.

JavaScriptcomece por aqui curso/tutoriais

Tutoriais

Passo a passo para construir do zero, começando por uma calculadora simples.

JavaScriptpasso a passo curso/exercicios

Exercícios

Variáveis, operadores lógicos, else if e repetição, para praticar no console.

JavaScriptprática curso/exercicios/modelos

Modelos

Arquivos prontos para começar um exercício sem perder tempo com o esqueleto do HTML.

HTMLpara copiar curso/quiz

Quiz de revisão do 1º bimestre

20 questões sobre os módulos 1, 2 e 3, com explicação em cada resposta.

JavaScriptrevisão
T1 · prazos

Próximas entregas

Prazo bom é prazo que a gente vê de longe.

Nenhuma entrega com data marcada por enquanto. Quando tiver, ela aparece aqui primeiro.

B1 · bibliografia

Para ir além da aula

Todos disponíveis como e-book na biblioteca.

Básica
  1. JavaScript: o guia definitivoFLANAGAN, David. 6. ed. São Paulo: O'Reilly Media, 2012.
  2. JavaScript: guia do programadorSILVA, Maurício Samy. São Paulo: Novatec Editora, 2020.
  3. Estruturas de dados e algoritmos com JavaScriptGRONER, Loiane. São Paulo: Novatec Editora, 2021.
Complementar
  1. Padrões JavaScriptSTEFANOV, Stoyan. São Paulo: Novatec Editora, 2020.
  2. Use a cabeça!: programação JavaScriptFREEMAN, Eric; ROBSON, Elisabeth. São Paulo: Alta Books, 2014.