Descrição do Curso

  • Sobre o que é este curso?

    Completo HTML e CSS Suite é um programa de treinamento abrangente que equipa os candidatos com os fundamentos de HTML, HTML avançado, HTML e CSS para iniciantes na Web, um discernimento detalhado de HTML5 e desenvolver sites que incluem recursos interativos de alta qualidade. Com o avanço contínuo na Internet, a necessidade de desenvolver páginas amigáveis ​​para mecanismos de busca está aumentando. Portanto, os empregadores estão buscando profissionais treinados em HTML e CSS, capazes de tornar o site acessível a um grande público.

    HTML é a linguagem de marcação personalizada usada para criar páginas da web. O navegador da Web lê arquivos HTML e os converte em páginas da Web audíveis ou visíveis. As tags HTML são usadas para interpretar o conteúdo da página e descrevem a estrutura do site. Elementos HTML ajudam na criação de documentos estruturados, contribuindo com a semântica estrutural. CSS / CSS3 é usado para descrever o formato e a aparência de um documento específico, que é escrito em uma linguagem de marcação. Esta é uma linguagem de folha de estilo usada para alterar interfaces de usuário que são escritas em XHTML e HTML. O CSS é projetado principalmente para tornar o site mais responsivo ao público, gerando assim maior engajamento do usuário.

    A suíte completa de HTML e CSS é abrangente e pode ser usada tanto por iniciantes quanto por alunos avançados. O HTML Development Suite é mais adequado para web designers, desenvolvedores de aplicativos móveis, desenvolvedores de aplicativos da web, engenheiros de software e candidatos com conhecimento técnico.

  • Quais os benefícios de aprendizagem que você obtém com o treinamento da Simplilearn?

    Aqui estão alguns dos principais benefícios de aprendizagem que vêm com este programa de treinamento:
    • Profissionais treinados serão meticulosos com os fundamentos do HTML, que inclui o entendimento de HTML e XML, criar páginas da Web, vincular uma página da Web a outra e publicar páginas HTML
    • Este programa de treinamento envolve os fundamentos de CSS / CSS3, bem como CSS e CSS3 Programming for Absolute Beginners, que inclui uso de folha de estilo, folha de estilo externa, propriedades de texto, elementos de estilo e muito mais
    • O treinamento envolve o desenvolvimento de jogos para dispositivos móveis HTML5 por exemplo - jogo educativo e desenvolvimento de jogos para dispositivos móveis HTML5 por exemplo -Veggies vs Zombies. Isso permite que os candidatos criem modestos jogos 2D para dispositivos móveis, Web e outros dispositivos.
    • A aplicação de designs a wireframes com HTML5 e CSS3 abordados aqui capacita os candidatos a aplicar princípios de design atraentes e funcionais ao wireframe
    • HTML avançado, HTML5 e CSS3 Design de Sites e Tipos de Entrada HTML5 também são abordados neste treinamento
    • O treinamento também permite que os participantes criem sites responsivos com HTML5 e CSS3.
    • Website Wireframing com HTML5 e CSS3, CSS Floating Layouts, HTML5 e CSS3 Site Design e Introdução ao SASS também são abordados neste programa de treinamento
    • Este curso abrangente é altamente recomendado para iniciantes, bem como profissionais experientes, pois envolve os fundamentos e Advanced CSS e CSS e CSS3 Crash Course.
    • No final deste programa de treinamento, os candidatos poderão adicionar vídeo HTML5 confortavelmente a qualquer site.

  • Quais são os benefícios de carreira na loja para você?

    Com o constante avanço na tecnologia e a contínua mudança nas plataformas de programação, a demanda por profissionais treinados em HTML e CSS está em constante crescimento. Aqui estão alguns dos principais benefícios de carreira que acompanham este treinamento:
    • O salário médio para desenvolvedores de HTML e CSS treinados é de US $ 89.000. Fonte: payscale.com
    • Com o constante aumento no número de sites e marketing na Internet se tornando uma norma, as empresas de TI em todo o mundo estão buscando desenvolvedores HTML competentes.
    • À medida que as organizações procuram profissionais treinados em HTML e CSS, os profissionais treinados têm uma vantagem sobre seus colegas não treinados.

  • Por que Simplilearn?

    • A Simplilearn é o maior provedor de treinamento de certificação do mundo, com mais de 500.000 profissionais treinados globalmente
    • Confiado pelas empresas da Fortune 500 como seu provedor de aprendizado para crescimento de carreira e treinamento
    • 2000+ instrutores certificados e experientes conduzem treinamentos para vários cursos em todo o mundo
    • Todos os nossos cursos são projetados e desenvolvidos sob uma estrutura de aprendizado exclusiva testada e comprovada, com comprovada taxa de aprovação de 98,6% na primeira tentativa
    • Credenciada, Aprovada e Reconhecida como uma organização de treinamento, parceiro, provedor de educação e centro de exames de renome mundial, como o Project Management Institute dos EUA, APMG, Instituto CFA, GARP, ASTQB, IIBA e outros.

Prévia do curso

    • Capítulo 0 - Introdução 03:22
      • 0.1 Introdução01:56
      • 0.2 Aqui está o que vamos criar neste curso01:26
    • Capítulo 1 - Do Wireframe ao Design 21:59
      • 1.1 De Wireframe para Design05:16
      • 1.2 Escolhendo sua paleta de cores de desenhos06:39
      • 1.3 Ferramentas para Seleção de Tipos de Letra05:18
      • 1.4 Escolhendo Imagens e Elementos de Design04:46
    • Capítulo 2 - Como o projeto está sendo executado 50:51
      • 2.1 Obtendo o design em andamento05:15
      • 2.2 Formatando Call To Action Botões Com CSS08:41
      • 2.3 efeitos de sombra adicionais para os botões03:11
      • 2.4 Finalizando a formatação do botão05:40
      • 2.5 Tratamentos tipográficos com a API de fontes do Google07:42
      • 2.6 Começando a seção de recursos Styling05:29
      • 2.7 Terminando a seção de recursos04:08
      • 2.8 Formatando a Seção Organizar04:48
      • 2.9 Envolvendo o design dos layouts05:57
    • Capítulo 3 - Inserindo e Formatando Gráficos 17:31
      • 3.1 Inserindo e Formatando Gráficos02:49
      • 3.2 Configurando os Gráficos da Seção Herói04:53
      • 3.3 Obtendo as imagens da seção de recursos inseridas03:04
      • 3.4 Colocando Organizar e Compartilhar Imagens02:52
      • 3.5 Usando um gráfico como um rótulo de botão03:53
    • Capítulo 4 - Teste entre navegadores 22:49
      • 4.1 Teste entre navegadores08:07
      • 4.2 Executando sistemas operacionais virtuais para teste09:17
      • 4.3 Fazendo pequenos ajustes para compatibilidade do navegador05:25
    • Capítulo 5 - Encerrando 00:29
      • 5.1 Encerrando00:29
    • Módulo 1 - Introdução ao Curso 02:17
      • 1.1 Introdução ao Curso02:17
    • Módulo 2 - Como criar um player de vídeo em HTML5 47:30
      • 2.1 Como construir um player de vídeo HTML 508:09
      • 2.2 Codificando o HTML08:09
      • 2.3 Atributos do Player de Vídeo07:17
      • 2.4 Modificações JavaScript08:05
      • 2.5 Trabalhando com o Adobe Flash12:32
      • 2.6 Testando seu player de vídeo03:18
    • Construindo sites responsivos com HTML5 CSS3 3:29:50
      • 1.1 Bem-vindo00:48
      • 1.2 Um olhar sobre o que vamos construir01:36
      • 1.3 Aspectos Chave do Design Responsivo02:43
      • 1.4 Determinando as Resoluções de Dispositivo para Alvo04:20
      • 1.5 Wireframing Layouts Responsivos04:59
      • 1.6 O conceito de usar vários arquivos CSS10:50
      • 1.7 Consultas de Mídia e Múltiplas Folhas de Estilo08:58
      • 1.8 Construindo Consultas de Mídia em um Único Arquivo CSS07:38
      • 1.9 Usando expressões de consulta de mídia05:05
      • 1.10 Configurando os arquivos HTML e CSS04:19
      • 1.11 Começando com o cabeçalho07:36
      • 1.12 Inserindo o menu principal do Nav06:01
      • 1.13 Inserindo o campo de busca06:56
      • 1.14 Problemas com a aplicação de flutuadores04:19
      • 1.15 Integrando a API de fontes do Google03:25
      • 1.16 Construindo a Estrutura da Seção Herói04:26
      • 1.17 Formatando a seção Herói09:04
      • 1.18 Inserir e formatar um botão de call to action09:51
      • 1.19 Construindo a Seção de Recursos, Parte Um05:46
      • 1.20 Criando a seção de recursos, parte dois04:57
      • 1.21 Inserindo a seção Organizar08:19
      • 1.22 Criando a seção Compartilhar05:16
      • 1.23 Construindo a área de Call To Action06:36
      • 1.24 Inserindo e Formatando o Rodapé03:48
      • 1.25 Toques finais para o layout de alta resolução04:07
      • 1.26 Configurando o CSS de resolução média e testando a consulta de mídia07:02
      • 1.27 Formatando o cabeçalho de média resolução04:08
      • 1.28 Como formatar a seção Herói Res médio06:09
      • 1.29 Formatando a seção de recursos02:14
      • 1.30 Formatando as seções Organizar e compartilhar05:17
      • 1.31 Construindo a seção Get e finalizando o layout Res médio02:53
      • 1.32 Configurando o CSS de baixa resolução e testando a consulta de mídia04:41
      • 1.33 Formatando o cabeçalho de baixa resolução02:53
      • 1.34 Resolvendo Problemas Causados ​​por Flutuadores04:22
      • 1.35 Formatando a Seção Herói de Baixa Resolução03:18
      • 1.36 Formatando a seção de recursos01:46
      • 1.37 Como formatar as seções Organizar e compartilhar02:59
      • 1.38 Criando a seção Get e finalizando o layout de baixa resolução03:07
      • 1.39 Desativando o zoom inteligente do dispositivo05:59
      • 1.40 Testando seus layouts responsivos04:28
      • 1.41 Configurando gráficos da tela Retina06:22
      • 1.42 Para onde ir a partir daqui00:29
    • Capítulo 0 - Introdução 03:12
      • 0.1 Introdução00:57
      • 0.2 Um olhar sobre o que bem construir02:15
    • Capítulo 1 - Vamos começar 25:33
      • 1.1 Permite começar03:25
      • 1.2 Nos Princípios básicos do HTML inicial11:18
      • 1.3 Compreendendo o que é CSS06:34
      • 1.4 Visualizando um código de fundo da página04:16
    • Capítulo 2 - Organizando seus arquivos 16:01
      • 2.1 Obtendo seus arquivos organizados06:43
      • 2.2 Criando uma página e compreendendo arquivos de índice05:41
      • 2.3 Configurando uma folha de estilos externa03:37
    • Capítulo 3 - Vamos criar um layout da Web a partir do zero 1:27:45
      • 3.1 Permite criar um layout da Web a partir do zero06:54
      • 3.2 Conectando a folha de estilo externa e teste08:14
      • 3.3 Inserir e formatar o cabeçalho do site07:36
      • 3.4 Finalizando o layout básico04:48
      • 3.5 Depurando para o Internet Explorer03:25
      • 3.6 Entendendo como funciona o layout05:49
      • 3.7 Usando Divs Para Layout de Página07:14
      • 3.8 Uma abordagem mais econômica ao layout e CSS07:50
      • 3.9 Usando Float And Clear05:54
      • 3.10 Centrando o layout09:01
      • 3.11 Aninhando Objetos de Layout07:03
      • 3.12 Espaçando o Layout09:11
      • 3,13 toques finais04:46
    • Capítulo 4 - Inserindo e Formatando Texto 1:17:29
      • 4.1 Inserindo e Formatando Texto04:16
      • 4.2 Configurando Parágrafos e Cabeçalhos04:36
      • 4.3 Ajustando o layout da parte 1 do texto07:35
      • 4.4 Ajustando o layout para a parte 2 do texto05:19
      • 4.5 Formatando cabeçalhos HTML com CSS06:48
      • 4.6 Formatando Parágrafos04:09
      • 4.7 Usando regras de classe para formatar texto05:22
      • 4.8 Mais formatação com regras de classe09:07
      • 4.9 Trabalhando com mais eficiência com CSS06:52
      • 4.10 Inserindo e formatando listas06:40
      • 4.11 Usando uma lista para criar o menu principal de navegação10:15
      • 4.12 Configurando a navegação do rodapé06:30
    • Capítulo 5 - Agora é hora de alguns gráficos 42:18
      • 5.1 Agora é hora de alguns gráficos06:28
      • 5.2 Redimensionando imagens com o editor de gráficos04:51
      • 5.3 Controlando gráficos com CSS07:06
      • 5.4 Inserindo as Imagens do FeatureBox (Lição Grátis)07:10
      • 5.5 Ajustando o layout do FeatureBox02:57
      • 5.6 Configurando os Títulos do FeatureBox06:18
      • 5.7 Illustrator, Photoshop, HTML e fluxo de trabalho CSS07:28
    • Capítulo 6 - Distribuição do site 26:21
      • 6.1 Lançamento do Site03:37
      • 6.2 Como não abrir um site07:07
      • 6.3 Lançamento 1 - Definição de hiperlinks internos04:36
      • 6.4 Roll Out 2 - Criando as páginas do site01:33
      • 6.5 Visualizando e testando o site04:03
      • 6.6 Um pensamento final no lançamento do site05:25
    • Capítulo 7 - Inserindo Elementos Adicionais da Página 1:02:46
      • 7.1 Inserindo Elementos Adicionais de Página06:58
      • 7.2 Inserindo um Slideshow Simples08:29
      • 7.3 Inserindo e Formatando Tabelas08:15
      • 7.4 Inserindo um mapa do Google07:51
      • 7.5 Formatando uma Página Depoimento do Cliente07:07
      • 7.6 Configurando uma página de contato06:44
      • 7.7 Finalizando o site11:55
      • 7.8 Organizando o arquivo CSS05:27
    • Capítulo 8 - Indo ao vivo Carregando o site concluído 25:26
      • 8.1 Carregando o site concluído03:52
      • 8.2 Carregando o site local no servidor remoto02:25
      • 8.3 Testando o site ao vivo02:04
      • 8.4 Fazendo edições e atualizando o site ao vivo06:49
      • 8.5 Testando e depurando para outros navegadores09:53
      • 8.6 Conclusão00:23
    • Seção 1 - Inicie seus motores 16:11
      • 1.1 Intodução04:31
      • O quinto Basics 1.2 HTML 511:40
    • Seção 2 - Projeto do Curso 1:47:49
      • 2.1 Ativos de Carregamento de Estrutura07:37
      • 2.2 Estágios Cenas e Camadas06:49
      • 2.3 Sprites06:20
      • 2.4 Detecção de colisão05:14
      • 2.5 Câmera Viewport06:29
      • 2.6 Os Rivais07:56
      • 2,7 A Princesa07:48
      • 2.8 Game Over12:23
      • 2.9 Opções de Nível07:52
      • 2.10 Módulo IU06:46
      • 2.11 Estados de Jogo e Geração de Perguntas07:17
      • 2.12 Botões numéricos07:23
      • 2.13 Área de Resposta03:14
      • 2.14 Verificando a resposta09:32
      • 2.15 Adicionando Som05:09
    • Seção 3 - Resumo do Curso 06:04
      • 3.1 Resumo do Curso06:04
    • Seção 1 - Inicie seus motores 16:26
      • 1.1 Introdução04:46
      • O quinto Basics 1.2 HTML 511:40
    • Seção 2 - Projeto do Curso 2:08:31
      • 2.1 Carregamento de Sprites10:04
      • 2.2 Classe de Zumbi04:12
      • 2.3 Colisão E Física06:10
      • 2.4 Acessando o loop de jogo05:20
      • 05:43
      • 2.6 módulos09:51
      • 2.7 Tocando o Sol06:52
      • 2.8 Variáveis ​​de Estado do Jogo05:00
      • 2.9 Módulo Gameplay07:26
      • 2.10 Geração Aleatória de Sol08:32
      • 2,11 plantas09:39
      • 2.12 Plantas de tiro07:18
      • 2.14 Chillis Explosivo01:46
      • 2.15 Girassóis03:40
      • 2.16 Carregando níveis de arquivos Json09:14
      • 2,17 botões da planta12:18
      • 2.18 Áudio08:46
      • 2.19 Jogo Multinível06:40
    • Seção 3 - Resumo do Curso 03:58
      • 3.1 Resumo do Curso03:58
    • 01 - Faça jogos HTML5 a partir do zero sem necessidade de codificação 3:26:14
      • 1.1 Introdução ao Curso Bem-vindo04:06
      • 1.2 Interface Geral05:39
      • 1.3 Inserir um Sprite01:54
      • 1.4 Propriedades do Sprite03:53
      • 1.5 Adicionando Movimento a um Sprite02:29
      • 1.6 Adicionando bordas03:48
      • Borda 1.7 e origem01:02
      • 1.8 Aprenda como se deslocar para um Sprite01:57
      • 1.9 Adicionando um fundo02:01
      • 1.10 Adicionando Camadas02:08
      • 1.11 Adicionando texto ao seu jogo03:17
      • 1.12 Encaixando na grade00:25
      • 1.13 Configurando o tamanho do Sprite06:10
      • 1.14 Aprendendo mais sobre eventos03:11
      • 1.15 Como girar seu Sprite00:46
      • 1.16 Como rodar seu sprite com um evento04:24
      • 1.17 Rodar para um ângulo04:14
      • 1.18 Como definir um ângulo00:43
      • 1.19 Como agitar a câmera02:47
      • 1.20 Definindo Opacidade Com Eventos01:10
      • 1.21 Configuração é visível com eventos00:47
      • 1.22 Como destruir um objeto com um evento01:41
      • 1.23 Como gerar um objeto e usar um marcador básico07:03
      • 1.24 balas parte 204:34
      • 1.25 Destruindo o projétil02:40
      • 1.26 Definindo a origem do projétil03:24
      • 1.27 Gire para o Mouseclick01:42
      • 1.28 Mova o Sprite para o Mouseclick01:26
      • 1.29 Introdução às Variáveis02:12
      • 1.30 Implementando Variáveis ​​Gire Sprite Para Mouse05:31
      • 1,31 Speed ​​Run Como implementar tudo06:23
      • 1.32 Como fixar objetos em outros objetos02:40
      • 1.33 Tornando os objetos sólidos01:05
      • 1.34 Máscaras de Colisão e Objetos Sólidos02:03
      • 1.35 Como usar o Wordwrap02:01
      • 1.36 Adicionando propriedades do carro ao seu Sprite00:48
      • 1.37 Como fazer um display de heads-up (HUD)04:13
      • Rolagem de 1,38 Paralax03:07
      • 1.39 Escondendo camadas sob demanda01:02
      • 1.40 Mais propriedades da camada02:10
      • 1.41 Como se mover para coordenadas e objetos04:33
      • 1.42 Como mover camadas03:45
      • 1.43 Como alterar a cor de fundo02:25
      • 1.44 Mudando a cor de fundo com um fundo em azulejo02:30
      • 1,45 Adicionando um efeito de holofote06:34
      • 1.46 Adicionando Caixas de Texto00:51
      • 1.47 Adicionando botões ao seu jogo01:30
      • 1.48 Mudando o texto com botões05:02
      • 1.49 Anexar recurso de texto02:12
      • 1.50 Adicionando uma variável à sua caixa de texto01:58
      • 1.51 Atualize constantemente sua caixa de texto com texto01:54
      • 1.52 Adicionando som ao seu jogo03:13
      • 1.53 Pensamentos sobre como fazer um jogo fácil08:47
      • 1.54 Pensamentos em fazer uma parte fácil do jogo 203:15
      • 1.55 Fazendo uma parte fácil do jogo 305:08
      • 1.56 Finalizando a parte fácil do jogo 403:13
      • 1.57 Recapitulando o que fizemos até agora05:27
      • 1.58 Física Simples02:22
      • 1,59 Adicionar Spawning And Collision04:30
      • 1,60 Propriedades Físicas05:17
      • 1.61 Aplicando uma força a um objeto físico03:22
      • 1.62 Aplicando uma força a um ângulo01:00
      • 1.63 Aplicando uma força a uma posição01:13
      • 1.64 Aplicando uma velocidade02:02
      • 1,65 Adicionando Torque ao Seu Objeto00:58
      • 1.66 Adicionando velocidade angular ao seu objeto01:14
      • 1.67 Aplicação de torque em direção a um ângulo01:14
      • 1.68 Aplicação de torque em direção a uma posição00:56
      • 1.69 Como Criar uma Junta Revolutiva01:37
      • 1.70 Como fazer um fundo em azulejo03:44
      • 1.71 Como fazer um fundo de rolagem01:52
    • 02 - Faça jogos HTML5 a partir do zero sem necessidade de codificação - Parte 2 6:57:05
      • 2.1 Objetivos e planejamento do projeto03:13
      • 2.2 Fazendo uma especificação de produção simples07:54
      • 2.3 Adicionando o player e controles05:21
      • 2.4 Adicionando colisões na parede02:52
      • 2.5 Ajustando os controles do player02:23
      • 2.6 Adicionando projéteis04:26
      • 2.7 Adicionando um projétil espalhado08:49
      • 2.8 Adicionando recursos de depuração ao seu jogo03:03
      • 2.9 Adicionando uma parte de viga 103:05
      • 2.10 Adicionando uma parte de viga 203:53
      • 2.11 Adicionando projéteis homing05:27
      • 2.12 Corrigindo o bug do projétil homing01:28
      • 2.13 Como fazer os inimigos se moverem em direção ao alvo03:11
      • 2.14 Adicionando a colisão inimiga de projétil03:27
      • 2.15 Adicionando Objetos Spawining02:01
      • 2.16 Adicionando a função aleatória ao temporizador01:15
      • 2.17 Adicionando um modificador de pontuação05:36
      • 2.18 Adicionando em Scores e HUD06:46
      • 2.19 Adicionando as vidas ao HUD02:43
      • 2.20 Adicionando a funcionalidade perdendo vidas02:30
      • 2.21 Adicionando o tipo de armas ao HUD06:41
      • 2.22 Adicionando Powerups ao seu jogo07:45
      • 2.23 Adicionando pontos powerups ao jogo06:52
      • 2.24 Adicionando Armas Selecione12:50
      • 2.25 Adicionando powerup de feixe08:38
      • 2.26 Adicionando Powerup Homing05:38
      • 2.27 Fazendo um menu05:34
      • 2.28 Adicionando funcionalidade aos menus05:40
      • 2.29 Configurando um game over screen04:50
      • 2.30 Adicionando alguma lógica de jogo01:48
      • 2.31 Considerações Finais do jogo antes da arte04:05
      • 2.32 Intodução ao adobe illustrator e falando sobre valores estéticos09:38
      • 2.33 Criando uma cena simples13:41
      • 2.34 Adicionando gradientes ao seu jogo07:34
      • 2.35 Redimensionando a imagem para se ajustar ao jogo05:18
      • 2.36 Adicionando neve às montanhas08:59
      • 2.37 Adicionando Shadding à montanha12:30
      • 2.38 Adicionando Nuvens11:56
      • 2.39 Adicionando algumas árvores22:14
      • 2.40 Fixando as árvores04:22
      • 2.41 Adicionando os troncos às árvores em primeiro plano04:44
      • 2.42 Adicionando o dossel às árvores em primeiro plano04:56
      • 2.43 Começando nosso personagem de abelha05:50
      • 2.44 Continuando a parte de personagem de abelha 206:36
      • 2.45 Fazendo uma parte de abelha 303:51
      • 2.46 Adicionando mais detalhes à abelha08:50
      • 2.47 Adicionando pernas à abelha - COM SOM08:38
      • 2.48 Adicionando asas à abelha04:23
      • 2.49 Completando a abelha e falando sobre design03:56
      • 2.50 Criando a vespa04:41
      • 2.51 Criando a parte 2 da vespa06:42
      • 2.52 Adicionando mais detalhes à vespa08:34
      • 2.53 Adicionando Detalhe ao Olho06:42
      • 2.54 Adicionando detalhes à boca09:50
      • 2.55 Adicionando os Braços16:48
      • 2.56 Adicionando as asas à vespa07:52
      • 2.58 Falando sobre o texto e o design07:15
      • 2.59 Criando powerups11:10
      • 2.60 Fazendo o resto do powerups parte 202:52
      • 2,61 Fazendo o projétil05:19
      • 2.62 Fazendo a parte de arma de raio 101:24
      • 2.63 Fazendo a faísca da arma de raio parte 205:49
      • 2.64 Tornando o título Tela08:01
      • 2.65 Adicionando detalhes à tela de título10:34
      • 2.66 Finalizando a tela de título05:52
    • 03 - Faça jogos HTML5 a partir do zero sem necessidade de codificação - Parte 3 4:54:22
      • 3.1 Terminando os cartões04:32
      • 3.2 Configurar o ecrã de instruções04:11
      • 3.3 Fazendo a animação das abelhas09:34
      • 3.4 Fazendo a animação da vespa08:58
      • 3.5 Fazendo a animação de faísca03:19
      • 3.6 Exportando Imagens13:01
      • 3.7 Configurar o ecrã de instruções02:34
      • 3.8 Configurando a tela do menu04:46
      • 3.9 Configurando a tela de recordes03:11
      • 3.10 Adicionando a arte à tela do jogo03:19
      • 3.11 Adicionando as imagens à tela do jogo03:39
      • 3.12 Configurando o texto no jogo01:59
      • 3.13 Tornando o fundo de rolagem17:16
      • 3.14 Corrigindo alguns problemas ilustrativos e gráficos15:27
      • 3.15 Adicionando a animação à abelha e a vespa02:21
      • 3.16 Adicionando a faísca de animação ao feixe08:37
      • 3.17 Falando sobre o projeto e adicionando efeitos sonoros05:03
      • 3.18 Fazendo o efeito sonoro do projétil04:53
      • 3.19 Tornar o projétil espalhado02:23
      • 3.20 Fazendo o projétil de direção04:35
      • 3.21 Fazendo o efeito de som do feixe05:40
      • 3.22 Fazendo o som da morte da vespa04:12
      • 3.23 Fazendo o som de abelha02:43
      • 3.24 Falando sobre a música e adicionando nossa primeira batida05:13
      • 3.25 Adicionando a linha de baixo03:34
      • 3.26 Adicionando a melodia09:20
      • 3.27 Terminando a Canção09:02
      • 3.28 Fazendo o jogo através da música01:19
      • 3.29 Adicionando a linha de baixo ao jogo através da música04:19
      • 3,30 Adicionando a melodia04:24
      • 3.31 Adicionando a melodia ao jogo através da música08:59
      • 3.32 Tornando a bateria mais interessante no jogo sobre a música.03:39
      • 3.33 Compor a música principal03:25
      • 3.34 Compor a linha de baixo05:51
      • 3.35 Escolhendo os sintetizadores12:27
      • 3.36 Comendo a pré melodia03:17
      • 3.37 Compor a melodia A08:08
      • 3.38 Compor a melodia B07:23
      • 3.39 Tornando a música um pouco mais interessante05:50
      • 3,40 Adicionando o formulário a canção05:00
      • 3,41 Adicionando uma introdução à música07:32
      • 3.42 Tornando a bateria mais interessante06:28
      • 3,43 Adicionando pratos e terminando a música09:32
      • 3.44 Misturando sua música05:17
      • 3.45 Efetuando um powerup Sound effect01:08
      • 3.46 Efetuar o segundo efeito sonoro de energização01:06
      • 3.47 Adicionando a música ao jogo04:50
      • 3.48 Corrigindo os erros de codificação de música03:55
      • 3.49 Corrigindo um problema de lógica de música02:28
      • 3.50 Adicionando efeitos sonoros parte 106:55
      • 3.51 Adicionando efeitos sonoros parte 203:51
      • 3.52 Misturando seu áudio no motor03:57
    • 04 - Faça jogos HTML5 a partir do zero sem necessidade de codificação - Parte 4 1:45:11
      • 4.1 Adicionando uma curva de dificuldade16:01
      • 4.2 Adicionando uma parte da curva de dificuldade 202:59
      • 4.3 Tornando o jogo mais divertido06:07
      • 4.4 Adicionando pontuações altas e polindo o jogo06:12
      • 4.5 Criando os ícones para o armazenamento de cromo14:50
      • 4.6 Criando o ícone 16x1602:53
      • 4.7 Fazendo os banners 1280 e 44010:50
      • 4.8 Embalando seu jogo para o armazenamento de cromo05:49
      • 4.9 Etapas finais da publicação no repositório chrome09:32
      • 4.10 Etapas finais da publicação no armazenamento chrome01:05
      • 4.11 Configurando o jogo no facebook03:28
      • 4.12 Adicionando um login no facebook04:02
      • 4.13 Publicando sua pontuação no seu facebook03:30
      • 4.14 Exportando sua página HTML 501:46
      • 4.15 Definir o URL da tela no facebook02:44
      • 4.16 Redimensionando seu ícone02:56
      • 4.17 Finalizando seu jogo no Facebook02:31
      • 4.18 Considerações finais de abelhas versus vespas07:56
    • 05 - Faça jogos HTML5 a partir do zero sem necessidade de codificação - Parte 5 44:27
      • Famílias 5.108:20
      • 5,2 Famillies parte 202:55
      • 5.3 Partículas Parte 101:08
      • 5.4 Partículas e rotação01:39
      • 5.5 Adicionando as partículas ao mouse01:05
      • 5.6 Como girar as partículas manualmente01:21
      • 5,7 Taxa de Spawn de Partículas00:56
      • 5.9 cones de spray de partículas02:38
      • 5,10 Um tiro contra spray contínuo01:15
      • 5.11 Definir valores na folha de eventos01:36
      • 5.12 Alterar a imagem01:49
      • 5.13 Particle speed e art verus technical02:31
      • 5.14 Definir o tamanho das partículas01:22
      • 5,15 Opacidade da partícula01:07
      • 5.16 Taxa de Crescimento de Partículas01:20
      • 5.17 Aleatorizador X e Y01:56
      • 5,19 Speed ​​Randomizer01:13
      • 5.19 Tamanho Randomizer01:09
      • Aleatorizador da taxa de crescimento 5.2002:05
      • 5.21 Aceleração de Partículas01:18
      • 5.22 randomizer Ângulo01:46
      • 5,23 Gravidade de Partículas02:00
      • Alavancador de Velocidade 5.2401:15
      • Alavancante de Opacidade 5.2500:43
    • Entendendo os Tipos de Entrada HTML5 12:06
      • 1.1 Introdução01:14
      • 1.2 Pesquisar01:04
      • 1.3 Email01:04
      • 1,4 URLs00:42
      • 1,5 Tel00:42
      • 1.6 Números01:44
      • 1,7 Gama00:47
      • 1.8 Data00:43
      • 1,9 mês00:39
      • 1,10 semana00:12
      • 1,11 hora00:50
      • 1.12 cor00:32
      • 1.13 Desativando a validação automática00:40
      • 1.14 Use-os hoje01:13
    • Capítulo 0 - Introdução 12:51
      • 0.1 Introdução04:03
      • 0.2 Por que usar o Photoshop pode não ser a melhor escolha03:07
      • 0.3 Usando HTML e CSS para composição rápida de wireframe02:54
      • 0.4 Um olhar sobre o que vamos construir neste curso01:23
      • 0.5 lição de bônus Como transformar qualquer página da Web em um wireframe01:24
    • Capítulo 1 - Introdução 46:27
      • 1.1 Começando04:45
      • 1.2 Construindo as Regras Estruturais de CSS Parte 107:43
      • 1.3 Construindo as Regras Estruturais de CSS Part 202:53
      • 1.4 Conectando o HTML ao CSS05:20
      • 1.5 Centralizando Elementos de Layout05:37
      • 1.6 Configurando Contêineres de Layout Interno07:19
      • 1.7 Inserindo Contêineres Internos Adicionais03:35
      • 1.8 Espaçando o Layout09:15
    • Capítulo 2 - Wireframing O cabeçalho em maior detalhe 20:26
      • 2.1 Wireframing O cabeçalho em maior detalhe04:37
      • 2.2 Construindo o contêiner de logotipo03:55
      • 2.3 Configurando o Menu Principal de Navegação05:54
      • 2.4 Criando um botão de chamada para ação06:00
    • Capítulo 3 - Construindo o Resto do Layout 40:25
      • 3.1 Construindo o resto do layout04:41
      • 3.2 Começando com o conteúdo do herói04:02
      • 3.3 Finalizando a seção Hero05:36
      • 3.4 Inserindo os Cabeçalhos de Recurso03:35
      • 3.5 Criando as caixas de recursos05:59
      • 3.6 Wireframes A Seção Organizar05:42
      • 3.7 Acelerando as coisas para a seção Share04:27
      • 3.8 Acabamento - o Wireframing06:23
    • Capítulo 4 - Toques Finais 44:58
      • 4.1 Toques Finais03:49
      • 4.2 Adicionando um espaço reservado para o logotipo com texto03:51
      • 4.3 Inserindo os Placeholders de Imagem Restantes03:23
      • 4.4 Inserindo um espaço reservado do plano de fundo05:10
      • 4.5 Adicionando Interatividade Sutil06:01
      • 4.6 Adicionando Interatividade do Botão11:43
      • 4.7 Toques Finais04:57
      • 4.8 Compartilhando o wireframe para revisão06:04
    • Capítulo 5 - Encerrando 00:21
      • 5.1 Encerrando00:21
    • {{childObj.title}}
      • {{childObj.childSection.chapter_name}}
        • {{lesson.title}}
      • {{lesson.title}}

    View More

    View Less

    Aubrey Jackson
    Aubrey Jackson

    Isso é exatamente o que eu estava procurando! Agora eu sinto que sei o que pode ser alcançado com HTML e eu definitivamente recomendo este curso para quem quer dominar HTML

    Read more Read less
    Amelia Martin
    Amelia Martin

    Este é um ótimo curso com conteúdo revisado meticulosamente. O curso aumentou minha confiança para demonstrar meu conhecimento em HTML

    Addison Thompson
    Addison Thompson

    Conteúdo de e-learning extremamente bem desenhado. Bem feito Simplilearn

    • Disclaimer
    • PMP, PMI, PMBOK, CAPM, PgMP, PfMP, ACP, PBA, RMP, SP, and OPM3 are registered marks of the Project Management Institute, Inc.