Desenvolvimento Front-End da Web - Dominando JavaScript [Baseado em Experiência Prática]

Com mais de 100 exemplos práticos, este curso irá ensinar várias técnicas para aprender JavaScript do zero. O caminho de aprendizado deste curso web inclui HTML, CSS, JavaScript, jQuery, HTML5, CSS3, desenvolvimento web móvel, Bootstrap, NodeJS, introdução ao Vue, prática do Vue, noções básicas do Weex...

Projetado para iniciantes sem experiência, este curso é baseado em experiência prática e irá ensinar várias técnicas para aprender JavaScript do zero. Sempre há espaço para melhorias, então junte-se ao nosso curso e aprenda junto!

O caminho de aprendizado deste curso inclui HTML, CSS, JavaScript, jQuery, HTML5, CSS3, desenvolvimento web móvel, Bootstrap, NodeJS, introdução ao Vue, prática do Vue, noções básicas do Weex...

Conteúdo do Curso:

01-Noções Básicas do JavaScript [Fundamentos]

• Introdução ao JS
• Métodos de saída no JS
• Definição de variáveis
• Regras de nomenclatura de variáveis
• Operadores básicos
• Exemplos de manipulação de strings
• Manipulação de HTML
• Manipulação de operadores
• Declarações condicionais
• Geração de números aleatórios
• Criação de um pequeno jogo

02-Tipos de Dados [Fundamentos]

• Sintaxe do CheatSheet
• Efeitos de guias
• Identificadores, palavras-chave e palavras reservadas
• Verificação de tipo com typeof
• Tipo de dados indefinido
• Tipo de dados nulo
• Tipo de dados booleano
• Tipo de dados numérico
• Tipo de dados string

03-Fluxo de Controle [Fundamentos]

• Manipulação de operadores
• Declarações if
• Declarações switch
• Laços do-while
• Laços while
• Diferenças entre os laços do-while e while
• Laços for
• Diferenças entre break e continue
• Geração rápida de tabelas

04-Funções [Fundamentos]

• Definição de função
• Parâmetros de função
• Parâmetros formais e parâmetros reais
• Valores de retorno de função
• Escopo
• Análise de escopo [interpretador JS]

05-Arrays [Fundamentos]

• Definição de array
• Operações de array
• Arrays (análise de escopo)
• Função de soma
• Arrays multidimensionais
• Cópia de arrays
• Adição e exclusão de elementos de array
• Ordenação direta por inserção
• Ordenação por bolha

06-Atributos Personalizados [Avançado]

• Palavra-chave this
• Utilizando a palavra-chave this
• Operações comuns de eventos
• Exemplo de informações de descrição de imagem
• Atributos personalizados
• Simplificando o código com atributos personalizados
• Combinando this e atributos personalizados (efeito de dobragem de amigo do chat)
• Combinando this e atributos personalizados (carrossel)
• Combinando this e atributos personalizados (troca de notícias)

07-Métodos de Array e String [Avançado]

• Método splice()
• Utilizando splice(): removendo duplicatas de um array
• Métodos join() e sort()
• Manipulação de strings
• Exemplo de indexOf
• Método substring()
• Método split()
• Utilizando métodos de array e string (pesquisando, excluindo)

08-Temporizadores [Avançado]

• Uso básico de temporizadores
• Utilizando temporizadores: carrossel
• Versão simplificada de Tom Cat
• Tipo Date
• Função de contagem regressiva
• Versão completa de Tom Cat

09-Manipulação do DOM [Avançado]

• Objeto window
• Recuperação de elemento de nó
• Tipos de nós
• Menu suspenso
• Atributos de nó
• Atributos de nó hierárquico
• Propriedade attributes
• Manipulação do DOM
• Exemplo de lista de rolagem
• Exemplo de máquina de impressão de dinheiro
• Exemplo de revisão de produto

10-Manipulação do BOM [Avançado]

• Manipulação do BOM
• Manipulação do tamanho da janela
• Manipulação do tamanho do elemento

11-Manipulação de Eventos [Avançado]

• Eventos de foco
• Objeto de evento
• Fonte do evento
• Posição do mouse
• Efeito básico de arrastar e soltar
• Bolha de evento
• Exemplo de lista de sugestões de caixa de entrada
• Exemplo de efeito de menu suspenso
• Exemplo de compartilhamento
• Exemplo de edição de tabela
• Captura de evento
• Eventos de teclado
• Comportamento padrão de evento
• Princípio de arrastar e soltar
• Compreensão aprofundada das operações de arrastar e soltar

12-Efeitos de Animação [Avançado]

• Princípios básicos de animação
• Movimento uniforme
• Efeitos de desvanecimento
• Princípios de movimento em buffer
• Uso prático de movimento em buffer
• Encapsulamento de efeitos de animação
• Encapsulamento de alterações de múltiplos valores
• Efeito de animação de carrossel
• Movimento de colisão

13-Rede Ajax [Avançado]

• Papel do Ajax
• Operações básicas do Ajax
• Lista de produtos Ajax
• Encapsulamento do Ajax
• Requisição GET
• Requisição POST
• Paginação da lista de produtos Ajax

14-JSONP e Cookie [Avançado]

• Questões de solicitação entre domínios
• Soluções para solicitações entre domínios
• Princípio do JSONP
• Operações básicas do JSONP
• Uso prático do JSONP
• Compreensão de cookies
• Tempo de expiração do cookie

O que você vai aprender:

• Implementar AJAX para atualização parcial, solicita