Introdução à programação em JavaScript
A course by Javier Usobiaga FerrerWeb designer
A course by Javier Usobiaga Ferrer, Web designer
Inicie-se na linguagem de programação essencial para a criação de sites interativos
O JavaScript é considerado a "terceira parte da web" e a linguagem de programação projetada para adicionar uma camada interativa a qualquer página da web. Juntamente com HTML e CSS, eles formam as três linguagens de programação mais importantes.
Este curso é uma introdução ao JavaScript, a partir do básico - sintaxe e variáveis - e progressivamente você expandirá o conhecimento - condicional, arrays, loops, events - usando um jogo Memory que você irá melhorar gradualmente Pela mão de Javier Usobiaga, web designer e fundador do estúdio Swwweet com mais de 10 anos de experiência.
Se esta é a sua primeira abordagem ao web design, é recomendável que você faça o curso, também de Javier Usobiaga, de Introdução ao Desenvolvimento Web Responsivo com HTML e CSS .
O que você aprenderá neste curso online?
25 aulas & 14 downloads
O que é JavaScript para?
3 minutos, 16 segundos
Configurações do editor
4 minutos, 22 segundos
Incorporando JS ao nosso site
6 minutos, 42 segundos
Elementos e sintaxe
10 minutos, 36 segundos
Variáveis, numerais, literais
7 minutos, 27 segundos
Operadores, funções
10 minutos, 19 segundos
O que está incluído neste curso?
Você começará conhecendo Javier, seu trabalho e suas influências no mundo do web design e desenvolvimento.
Você entenderá o que é JavaScript, para que funciona e por que é uma das linguagens básicas de programação da Web, além de HTML e CSS. Você aprenderá a configurar seu editor de código para trabalhar com mais conforto e, em seguida, verá como incorporar JavaScript em um site.
Suas primeiras interações com JavaScript envolverão variáveis, funções, eventos e loops , que você aprenderá a escrever junto com outras funções JavaScript complementares básicas.
A partir daqui, você começará a projetar seu jogo da memória, começando com o array , ou lista de valores, que representa o baralho de cartas que compõe o jogo.
Você adicionará eventos e chance à distribuição de cartões para introduzir dificuldades no jogo.
O seguinte será adicionar o primeiro elemento de interatividade ao seu jogo de memória: marque o par de cartas selecionado como errado ou correto. Aos poucos, você estará criando funções que resolvem uma parte específica do script, como sucesso, erro, entre outras, e também, gerenciando feedback para esses sucessos e erros.
Após o aumento da dificuldade, você adicionará um cronômetro, níveis de jogo, efeitos sonoros e novos detalhes à interface do jogo.
Por fim, você analisará as diferentes bibliotecas e recursos que complementam JavaScript, como jQuery, React e Vue.
What is this course's project?
Você fará uma melhoria - novas regras, correções, efeitos - no jogo da memória que você criará ao longo do curso.
Projetos de alunos do curso
Who is this online course for?
Para quem tem interesse em web design e quem tem conhecimentos básicos de HTML e CSS.
Requirements and materials
Você precisará de conhecimentos básicos de HTML e CSS, além de um computador e um editor de código.
Avaliações
- há 11 dias
Hola es un optimo Curso per aprender JS e lo recomiendo a todas las personas que quieran aprender a programar sea per front-end que al Back-end. javier sei Grande!
- j3_87PLUShá 1 mês
Es un curso muy práctico, comprensible y demasiado flexible a la hora de estudiar. Domestika hace al estudiante una experiencia única en aprender de una manera muy lúdica e intuitiva. Recomiendo este curso un 100%
- há 4 meses
muy buen curso, aun que siento que hace falta un poco mas de explicacion en varios temas
- há 6 meses
Excelente curso, muy bien explicado con ejemplos concisos de los temas que se estan desarrollando
- há 6 meses
Great course and very detailed!
Ele também gosta muito de sua faceta como professor de Web Design em renomados workshops e escolas como Elisava, IDEP.
A Usobiaga entende a web como um todo, não só o quão bonita ela pode ser na tela do computador, mas também sua usabilidade em diferentes dispositivos e circunstâncias.
Em suas palavras "Eu acho que tão importante quanto a estética é a rapidez com que carrega ou o quão bem ele responde, e eu acho que na nossa indústria frequentemente esquecemos disso."
Conteúdo
- U1
Introdução
- Apresentação
- Influências
- U2
Começando com JavaScript
- O que é JavaScript para?
- Configurações do editor
- Incorporando JS ao nosso site
- Elementos e sintaxe
- U3
Primeiras interações
- Variáveis, numerais, literais
- Operadores, funções
- Ouvintes de eventos
- Alterar conteúdo do DOM
- Condicional e Booleano
- U4
Um baralho de cartas
- Operações de matriz
- Loops
- Eventos de loop
- Os objetos em JavaScript. Chance ou Math.random ()
- U5
Um jogo de memória
- Interação básica
- Comunicação entre funções
- Organização de arquivos
- Gerenciando o feedback
- U6
Subir de nível
- Cronômetro e contador
- Níveis de jogo
- Efeitos sonoros
- Completando a interface
- U7
Livrarias e recursos
- Bibliotecas JavaScript
- Recursos
- PF
Projeto final
- Introdução ao JavaScript
O que esperar de um curso da Domestika
Aprenda no seu ritmo
Aproveite para aprender desde casa, sem um horário fixo e no seu ritmo. É você quem define sua disponibilidade.
Aprenda com os melhores profissionais
Aprenda métodos e técnicas fundamentais com os melhores profissionais do setor criativo.
Conheça os maiores especialistas
Cada professor compartilha seus conhecimentos com entusiasmo e explicações claras, oferecendo uma perspectiva profissional em cada aula.
Certificates
PLUSIf you're a Plus member, get a certificado personalizado signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Sente-se na primeira fila
Com vídeos da melhor qualidade, você não perderá nenhum detalhe! Graças ao acesso ilimitado, você pode assistir às aulas todas as vezes que precisar para aperfeiçoar sua técnica.
Compartilhe conhecimentos e ideias
Pergunte, peça opiniões e ofereça soluções. Compartilhe sua experiência de aprendizagem com outros alunos da comunidade tão criativos como você.
Conecte-se a uma comunidade criativa global
Esta comunidade acolhe milhões de pessoas do mundo todo, curiosas e apaixonadas por descobrir e expressar sua criatividade.
Assista a cursos produzidos de maneira profissional
A Domestika seleciona cuidadosamente seus professores e produz cada curso internamente para garantir uma experiência de aprendizagem online excelente.
Perguntas frequentes
O curso é voltado para quem tem conhecimentos básicos de programação e HTML/CSS, mas não exige ser expert. É ideal para quem já tem uma base e quer se aprofundar em interatividade e lógica com JavaScript.
Você só precisa de um computador com internet e um editor de código gratuito como VSCode, Brackets ou Atom. Também é recomendado ter noções básicas de HTML e CSS para aproveitar melhor o conteúdo.
Você vai aprender a manipular o DOM, lidar com eventos, usar variáveis, funções, condicionais, arrays e objetos, além de criar um jogo de memória completo com níveis, cronômetro, animações e efeitos visuais em JavaScript.
O curso foca no desenvolvimento de aplicações web interativas usando JavaScript, com ênfase prática na criação de um jogo de memória digital, aplicando lógica, estruturas de dados e técnicas modernas de programação.
Sim, você vai criar um jogo de memória totalmente funcional, implementando lógica de níveis, cronômetro, eventos, arrays multidimensionais, animações e reinício da partida usando JavaScript puro.
São recomendados editores gratuitos como VSCode, Brackets ou Atom. Você aprenderá a instalar extensões como Prettier ou Bracket Colorizer e configurar opções de formatação e linting para melhorar a legibilidade e qualidade do código.
Você poderá criar jogos web interativos, aplicações modulares, interfaces dinâmicas e experimentar animações, efeitos visuais e lógica avançada usando JavaScript e HTML/CSS.