Curso

Javascript completo com Keven Jesus

5.05

(66)

3h49m

Professor

Keven Jesus

Instrutor de cursos online, entusiasta em Front-End e Marketing Digital, especialista em interfaces dashboard e apaixonado por Bootstrap.

Ver sobre

Faça o login ou Cadastre-se para acessar ao curso.

Não se preocupe, é gratuito!

Compartilhar

Avaliar curso

Ir para certificados

Reportar um problema

Conteúdo do curso

  • 1. Curso grátis de Javascript | Bem vindo

    O curso de Javascript com jQuery vem com objetivo de desvendar os princípios da linguagem para iniciantes.

    Vamos aprender passo-a-passo como trabalhar com javascript, conhecendo recursos iniciantes e ir progredindo conforme as aulas, tudo é 100% prático.

    As aulas não são maçantes, o professor é bem descontraído.

    Sejam bem vindos e boas aulas..

    Curta minha página no Facebook
    https://www.facebook.com/kevenjesustreinamentos/

    curso de javascript
    curso de jquery
    curso grátis
    javascript
    jquery

  • 2. Curso grátis de Javascript | O que é DOM?

    Documentação oficial:
    https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model

    O DOM é uma API independente de linguagem que facilita a manipulação da estrutura de um documento e seus elementos de páginas HTML, XML, XHTML ou páginas JavaScript. Ajuda também na customização dos elementos de modo completo, possibilitando aos programas e scripts acessarem e atualizarem dinamicamente o conteúdo e o estilo de um documento.

    Curta minha página no Facebook
    https://www.facebook.com/kevenjesustreinamentos/

    curso de javascript
    curso de jquery
    curso grátis
    javascript
    jquery
    DOM API

  • 3. Curso grátis de Javascript | DOM | getElementById

    Documentação oficial
    https://developer.mozilla.org/pt-BR/docs/Web/API/Document/getElementById

    getElementById retorna o elemento especificado, ID deve ser único e não pode se repetir no html.

    Curta minha página no Facebook
    https://www.facebook.com/kevenjesustreinamentos/

    curso javascript
    curso jquery
    jquery
    javascript
    curso grátis
    getElementById

  • 4. Curso grátis de Javascript | DOM | getElementsByClassName

    Documentação oficial
    https://developer.mozilla.org/pt-BR/docs/Web/API/Document/getElementsByClassName

    getElementsByClassName é um recurso do DOM API que retorna um array das classes especificadas

    Curta minha página no Facebook
    https://www.facebook.com/kevenjesustreinamentos/

    curso de javascript
    curso de jquery
    curso grátis
    javascript
    jquery
    getElementByClassName

  • 5. Curso grátis de Javascript | DOM | getElementsByTagName

    Documentação oficial
    https://developer.mozilla.org/pt-BR/docs/Web/API/Document/getElementsByTagName

    getElementsByTagName é um recurso do DOM API que retorna um array das tags especificadas

    Curta minha página no Facebook
    https://www.facebook.com/kevenjesustreinamentos/

  • 6. Curso grátis de Javascript | DOM | querySelector

    Documentação oficial
    https://developer.mozilla.org/pt-BR/docs/Web/API/Document/querySelector

    Retorna o primeiro elemento dentro do documento de acordo com o seletor informado.

    Curta minha página no Facebook
    https://www.facebook.com/kevenjesustreinamentos/

    curso javascript
    curso jquery
    curso grátis
    jquery
    javascript
    querySelector

  • 7. Curso grátis de Javascript | DOM | querySelectorAll

    Documentação oficial
    https://developer.mozilla.org/pt-BR/docs/Web/API/Document/querySelectorAll

    Retorna uma lista de elementos presentes no documento de acordo com o seletor escolhido.

    Curta minha página no Facebook
    https://www.facebook.com/kevenjesustreinamentos/

    curso javascript
    curso jquery
    curso grátis
    javascript
    jquery
    querySelectorAll

  • 8. Curso grátis de Javascript | DOM | createElement

    Documentação oficial
    https://developer.mozilla.org/pt-BR/docs/Web/API/Document/createElement

    Curta minha página no Facebook
    https://www.facebook.com/kevenjesustreinamentos/

    curso javascript
    curso jquery
    curso grátis
    jquery
    javascript
    createElement

  • 9. Curso grátis de Javascript | DOM | appendChild

    Documentação oficial
    https://developer.mozilla.org/pt-BR/docs/Web/API/Node/appendChild

    Adicionar um elemento dentro do elemento pai citado no DOM.

    curso javascript
    curso jquery
    curso grátis
    javascript
    jquery
    appendChild

  • 10. Curso grátis de Javascript | DOM | removeChild

    Documentação oficial
    https://developer.mozilla.org/pt-BR/docs/Web/API/Node/removeChild

    Remove um nó filho do DOM.

    Curta minha página no Facebook
    https://www.facebook.com/kevenjesustreinamentos/

    curso javascript
    curso jQuery
    curso grátis
    jQuery
    javascript
    removechild

  • 11. Curso grátis de Javascript | DOM | parentNode

    Documentação oficial
    https://developer.mozilla.org/pt-BR/docs/Web/API/Node/parentNode

    parentNode é uma propriedade DOM que retorna o elemento pai do elemento em questão.

    Curta minha página no Facebook
    https://www.facebook.com/kevenjesustreinamentos/

  • 12. Curso grátis de Javascript | Tipos de dados

    Documentação oficial
    https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Data_structures

    Todas as linguagens de programação têm sua própria estrutura de dados embutida, mas essa estrutura frequetemente difere uma da outra

    Curta minha página no Facebook
    https://www.facebook.com/kevenjesustreinamentos/

    curso javascript
    curso jQuery
    curso grátis
    javascript
    jQuery
    tipos de dados

  • 13. Curso grátis de Javascript | Váriaveis

    Documentação oficial
    https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Guide/Values,_variables,_and_literals

    Variáveis servem exclusivamente para armazenar valores, no javascript existe alguns tipos de javascript e os trabalhos de escopo.

    curso javascript
    curso jQuery
    curso grátis
    javascript
    jquery
    variáveis

  • 14. Curso grátis de Javascript | Objetos

    Curso grátis de Javascript | Objetos

    Documentação oficial
    https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Object

    Em JavaScript, um objeto é uma entidade independente, com propriedades e tipos. Por exemplo um carro, ele tem propriedades e tipos como cor, ano, modelo,marca, etc. Da mesma forma, objetos em JavaScript podem ter propriedades, que definem suas características.

    curso javascript
    curso jQuery
    curso grátis
    javascript
    jquery
    objetos

  • 15. Curso grátis de Javascript | Arrays

    Curso grátis de Javascript | Arrays

    Documentação oficial
    https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Array

    Um array ou vetor é uma coleção de dados. Arrays são usados para armazenar múltiplos valores de vários tipos, string, objetos, etc.

    curso javascript
    curso jquery
    curso grátis
    javascript
    jquery
    arrays

  • 16. Curso grátis de Javascript | Operadores matemáticos

    Curso grátis de Javascript | Operadores matemáticos

    Documentação oficial
    https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Guide/Expressions_and_Operators

    O JavaScript possui os tipos de operadores a seguir. Esta seção descreve os operadores e contém informações sobre precedência de operadores.

    curso javascript
    curso jquery
    curso grátis
    javascript
    jquery
    expressões e operadores
    operadores matematicos

  • 17. Curso grátis de Javascript | Condicionais

    Curso grátis de Javascript | Condicionais

    Documentação oficial
    https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Statements/if...else

    A condicional if é uma estrutura condicional que executa a afirmação, dentro do bloco, se determinada condição for verdadeira. Se for falsa, executa as afirmações dentro de else.

    curso javascript
    curso jquery
    curso grátis
    javascript
    jquery
    if
    else
    switch

  • 18. Curso grátis Javascript | for, forEach, map e while

    Curso grátis Javascript | for, forEach, map e while

    Documentação oficial
    For: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for
    forEach: https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach
    Map: https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Array/map
    While: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/while

    Você pode pensar em um laço de repetição como um jogo onde você manda o seu personagem andar X passos em uma direção e Y passos em outra

    Curso grátis
    curso javascript
    curso jquery
    javascript
    jquery
    for
    foreach
    map
    while
    loop

  • 19. Curso grátis de Javascript | Funções

    Curso grátis de Javascript | Funções

    Documentação oficial
    https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Guide/Fun%C3%A7%C3%B5es

    Funções são blocos de construção fundamentais em JavaScript. Uma função é um procedimento de JavaScript - um conjunto de instruções que executa uma tarefa ou calcula um valor. Para usar uma função, você deve defini-la em algum lugar no escopo do qual você quiser chamá-la.

    curso javascript
    curso jquery
    curso grátis
    javascript
    jquery
    functions
    funções

  • 20. Curso grátis de Javascript | Eventos | onload

    Curso grátis de Javascript | Eventos | onload

    Documentação oficial

    Eventos são procedimentos executados em consequência a uma ação. Por exemplo, quando o usuário clica em um botão, é disparado um evento deste elemento chamado “click”.

    curso javascript
    curso jquery
    curso gratis
    javascript
    jquery
    eventos
    onload

Faça seu cadastro no Getmotos para vender sua moto Faça seu cadastro no Getmotos para vender sua moto

Conteúdo do curso

0h03m

1. Curso grátis de Javascript | Bem vindo

O curso de Javascript com jQuery vem com objetivo de desvendar os princípios da linguagem para iniciantes.

Vamos aprender passo-a-passo como trabalhar com javascript, conhecendo recursos iniciantes e ir progredindo conforme as aulas, tudo é 100% prático.

As aulas não são maçantes, o professor é bem descontraído.

Sejam bem vindos e boas aulas..

Curta minha página no Facebook
https://www.facebook.com/kevenjesustreinamentos/

curso de javascript
curso de jquery
curso grátis
javascript
jquery

0h02m

2. Curso grátis de Javascript | O que é DOM?

Documentação oficial:
https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model

O DOM é uma API independente de linguagem que facilita a manipulação da estrutura de um documento e seus elementos de páginas HTML, XML, XHTML ou páginas JavaScript. Ajuda também na customização dos elementos de modo completo, possibilitando aos programas e scripts acessarem e atualizarem dinamicamente o conteúdo e o estilo de um documento.

Curta minha página no Facebook
https://www.facebook.com/kevenjesustreinamentos/

curso de javascript
curso de jquery
curso grátis
javascript
jquery
DOM API

0h06m

3. Curso grátis de Javascript | DOM | getElementById

Documentação oficial
https://developer.mozilla.org/pt-BR/docs/Web/API/Document/getElementById

getElementById retorna o elemento especificado, ID deve ser único e não pode se repetir no html.

Curta minha página no Facebook
https://www.facebook.com/kevenjesustreinamentos/

curso javascript
curso jquery
jquery
javascript
curso grátis
getElementById

0h04m

4. Curso grátis de Javascript | DOM | getElementsByClassName

Documentação oficial
https://developer.mozilla.org/pt-BR/docs/Web/API/Document/getElementsByClassName

getElementsByClassName é um recurso do DOM API que retorna um array das classes especificadas

Curta minha página no Facebook
https://www.facebook.com/kevenjesustreinamentos/

curso de javascript
curso de jquery
curso grátis
javascript
jquery
getElementByClassName

0h02m

5. Curso grátis de Javascript | DOM | getElementsByTagName

Documentação oficial
https://developer.mozilla.org/pt-BR/docs/Web/API/Document/getElementsByTagName

getElementsByTagName é um recurso do DOM API que retorna um array das tags especificadas

Curta minha página no Facebook
https://www.facebook.com/kevenjesustreinamentos/

0h04m

6. Curso grátis de Javascript | DOM | querySelector

Documentação oficial
https://developer.mozilla.org/pt-BR/docs/Web/API/Document/querySelector

Retorna o primeiro elemento dentro do documento de acordo com o seletor informado.

Curta minha página no Facebook
https://www.facebook.com/kevenjesustreinamentos/

curso javascript
curso jquery
curso grátis
jquery
javascript
querySelector

0h05m

7. Curso grátis de Javascript | DOM | querySelectorAll

Documentação oficial
https://developer.mozilla.org/pt-BR/docs/Web/API/Document/querySelectorAll

Retorna uma lista de elementos presentes no documento de acordo com o seletor escolhido.

Curta minha página no Facebook
https://www.facebook.com/kevenjesustreinamentos/

curso javascript
curso jquery
curso grátis
javascript
jquery
querySelectorAll

0h03m

8. Curso grátis de Javascript | DOM | createElement

Documentação oficial
https://developer.mozilla.org/pt-BR/docs/Web/API/Document/createElement

Curta minha página no Facebook
https://www.facebook.com/kevenjesustreinamentos/

curso javascript
curso jquery
curso grátis
jquery
javascript
createElement

0h04m

9. Curso grátis de Javascript | DOM | appendChild

Documentação oficial
https://developer.mozilla.org/pt-BR/docs/Web/API/Node/appendChild

Adicionar um elemento dentro do elemento pai citado no DOM.

curso javascript
curso jquery
curso grátis
javascript
jquery
appendChild

0h01m

10. Curso grátis de Javascript | DOM | removeChild

Documentação oficial
https://developer.mozilla.org/pt-BR/docs/Web/API/Node/removeChild

Remove um nó filho do DOM.

Curta minha página no Facebook
https://www.facebook.com/kevenjesustreinamentos/

curso javascript
curso jQuery
curso grátis
jQuery
javascript
removechild

0h02m

11. Curso grátis de Javascript | DOM | parentNode

Documentação oficial
https://developer.mozilla.org/pt-BR/docs/Web/API/Node/parentNode

parentNode é uma propriedade DOM que retorna o elemento pai do elemento em questão.

Curta minha página no Facebook
https://www.facebook.com/kevenjesustreinamentos/

0h03m

12. Curso grátis de Javascript | Tipos de dados

Documentação oficial
https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Data_structures

Todas as linguagens de programação têm sua própria estrutura de dados embutida, mas essa estrutura frequetemente difere uma da outra

Curta minha página no Facebook
https://www.facebook.com/kevenjesustreinamentos/

curso javascript
curso jQuery
curso grátis
javascript
jQuery
tipos de dados

0h09m

13. Curso grátis de Javascript | Váriaveis

Documentação oficial
https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Guide/Values,_variables,_and_literals

Variáveis servem exclusivamente para armazenar valores, no javascript existe alguns tipos de javascript e os trabalhos de escopo.

curso javascript
curso jQuery
curso grátis
javascript
jquery
variáveis

0h07m

14. Curso grátis de Javascript | Objetos

Curso grátis de Javascript | Objetos

Documentação oficial
https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Object

Em JavaScript, um objeto é uma entidade independente, com propriedades e tipos. Por exemplo um carro, ele tem propriedades e tipos como cor, ano, modelo,marca, etc. Da mesma forma, objetos em JavaScript podem ter propriedades, que definem suas características.

curso javascript
curso jQuery
curso grátis
javascript
jquery
objetos

0h07m

15. Curso grátis de Javascript | Arrays

Curso grátis de Javascript | Arrays

Documentação oficial
https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Array

Um array ou vetor é uma coleção de dados. Arrays são usados para armazenar múltiplos valores de vários tipos, string, objetos, etc.

curso javascript
curso jquery
curso grátis
javascript
jquery
arrays

0h04m

16. Curso grátis de Javascript | Operadores matemáticos

Curso grátis de Javascript | Operadores matemáticos

Documentação oficial
https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Guide/Expressions_and_Operators

O JavaScript possui os tipos de operadores a seguir. Esta seção descreve os operadores e contém informações sobre precedência de operadores.

curso javascript
curso jquery
curso grátis
javascript
jquery
expressões e operadores
operadores matematicos

0h08m

17. Curso grátis de Javascript | Condicionais

Curso grátis de Javascript | Condicionais

Documentação oficial
https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Statements/if...else

A condicional if é uma estrutura condicional que executa a afirmação, dentro do bloco, se determinada condição for verdadeira. Se for falsa, executa as afirmações dentro de else.

curso javascript
curso jquery
curso grátis
javascript
jquery
if
else
switch

0h20m

18. Curso grátis Javascript | for, forEach, map e while

Curso grátis Javascript | for, forEach, map e while

Documentação oficial
For: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for
forEach: https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach
Map: https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Array/map
While: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/while

Você pode pensar em um laço de repetição como um jogo onde você manda o seu personagem andar X passos em uma direção e Y passos em outra

Curso grátis
curso javascript
curso jquery
javascript
jquery
for
foreach
map
while
loop

0h17m

19. Curso grátis de Javascript | Funções

Curso grátis de Javascript | Funções

Documentação oficial
https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Guide/Fun%C3%A7%C3%B5es

Funções são blocos de construção fundamentais em JavaScript. Uma função é um procedimento de JavaScript - um conjunto de instruções que executa uma tarefa ou calcula um valor. Para usar uma função, você deve defini-la em algum lugar no escopo do qual você quiser chamá-la.

curso javascript
curso jquery
curso grátis
javascript
jquery
functions
funções

0h05m

20. Curso grátis de Javascript | Eventos | onload

Curso grátis de Javascript | Eventos | onload

Documentação oficial

Eventos são procedimentos executados em consequência a uma ação. Por exemplo, quando o usuário clica em um botão, é disparado um evento deste elemento chamado “click”.

curso javascript
curso jquery
curso gratis
javascript
jquery
eventos
onload