Curso Avançado De HTML5 Grátis- 102 Aulas

Você quer aprender HTML5 e CSS3 com um curso completo, com várias vídeo aulas e que ainda ensina um pouco sobre javascript?

Então este curso avançado de HTML5 é o ideal para você.

Mas não se engane, este não é um curso avançado, porque ele é para programadores experientes, na verdade, as vídeo aulas começam no básico do HTML e com tempo você vai aprendendo tópicos mais avançados.

Alguns exemplos são:

  • SVG
  • Google Maps no site
  • Twitter Cards

Esse curso foi criado em 2015 sendo que sua última aula foi no dia 15/11/2017, ou seja ainda está atual.

Ele tem no total 102 aulas, que ao todo têm 12 horas, 23 minutos e 03 segundos de duração.

Você vai aprender muita coisa com esse curso.

Vídeo Aulas

Curso-Avançado-De-HTML5-Grátis

  1. 05:26 Triplo Olá Mundo com !DOCTYPE html. HTML5 CSS3 vídeo 01
  2. 06:21 Título, imagem e tags filhos. HTML5 e CSS3 aula 02
  3. 06:20 Cores e imagens no background. vídeo 03
  4. 05:25 Sublinhar tag. vídeo 04
  5. 08:37 Editando imagens. vídeo 05
  6. 07:21 Listas não ordenadas, ordenadas e de definição. HTML5 e CSS3 aula 06
  7. 05:37 Bookmark e mais um tipo link. HTML5 e CSS3 aula 07
  8. 07:41 Negrito, itálico e sublinhado. HTML5 e CSS3 aula 08
  9. 04:27 Alinhamento de texto. HTML5 e CSS3 aula 09
  10. 09:39 Espaçamento (padding). HTML5 e CSS3 aula 10
  11. 05:04 Iniciando um projeto html. HTML5 e CSS3 aula 11
  12. 04:59 Resetar a configuração de navegadores. HTML5 e CSS3 aula 12
  13. 11:29 Header, section e footer (rodapé). HTML5 e CSS3 aula 13
  14. 06:33 Criando um layout (básico) ao site. HTML5 e CSS3 aula 14
  15. 07:02 Editar o header (cabeçalho). HTML5 e CSS3 aula 15
  16. 09:09 Editar o header parte 2 (classes). HTML5 e CSS3 aula 16
  17. 04:57 GIF em seu site ou blog. HTML5 e CSS3 aula 17
  18. 06:40 Todas letras maiúsculas, minúsculas ou 1ª letra.. aula 18
  19. 04:19 Criar linha acima, abaixo ou no meio da palavra. aula 19
  20. 05:04 Espaçamento de texto. HTML5 e CSS3 aula 20
  21. 07:43 Elementos em cascata (div e inherit). HTML5 e CSS3 aula 21
  22. 04:29 Div, classes (class), width e height. HTML5 a CSS3 aula 22
  23. 07:44 Position (relative, absolute, fixed e static). HTML5 e CSS3 aula 23
  24. 05:36 Posicionando elementos utilizando clear e float. HTML5 a CSS3 aula 24
  25. 08:26 Menu de loja online. HTML5 e CSS3 aula 25
  26. 05:21 Tirar sublinhado de link (menu da loja). HTML5 e CSS3 aula 26
  27. 11:15 Configuração de uma aba para todas. aula 27
  28. 08:55 Espaçamento lateral entre elementos. aula 28
  29. 04:43 Input [parte 01] botão e campo de texto. aula 29
  30. 06:11 Input [parte 2] size, maxlength e CSS. aula 30
  31. 14:57 Campo de pesquisa [parte 01]. aula 31
  32. 13:49 Blocos horizontais [inserindo produtos]. aula 32
  33. 13:44 Alinhar listas em bloco [inserindo produtos]. aula 33
  34. 14:15 Inserir botão de rede social. aula 34
  35. 15:11 Carrinho de compra [parte 01]. aula 35
  36. 14:27 Seletores de atributos no CSS [input parte 03]. aula 36
  37. 06:41 O que é JavaScript [Hello Word]?. aula 37
  38. 06:24 Criando arquivo JavaScript. aula 38
  39. 02:40 Atalhos para o console do navegador. aula 39
  40. 04:45 Criar variavel em JavaScript. aula 40
  41. 08:56 Array em JavaScript aula 41
  42. 06:14 Operadores de comparação em JavaScript (if e else). aula 42
  43. 06:21 Criar banner rotativo. aula 43
  44. 04:09 Seletores avançados de tags irmãs. aula 44
  45. 06:12 Seletor de negação. aula 45
  46. 07:53 Pseudo classe. aula 46
  47. 06:03 Pseudo-elementos e conteúdo semântico. aula 47
  48. 10:30 Bordas no CSS3. , Aula 48
  49. 04:45 Interação com hover. vídeo 49
  50. 03:54 Inserir player do Youtube em seu site. , vídeo 50
  51. 06:30 Sombra em texto, . Vídeo 51
  52. 06:44 Sombra em imagens, , vídeo 52
  53. 12:25 Degradê (posição das cores) , vídeo 53
  54. 08:22 Degradê (ângulo das cores) , vídeo 54
  55. 03:26 Favicon no site ou blog , vídeo 55
  56. 07:06 Criar movimento no , vídeo 56
  57. 06:15 Velocidade da animação no : vídeo 57
  58. 04:29 Mover elementos no , vídeo 58
  59. 04:37 Translate: Mover por eixos no , vídeo 59
  60. 05:41 Girar elemento no , vídeo 60
  61. 05:26 Translate: Distorção no , vídeo 61
  62. 05:34 Alterar tamanho por escala no , vídeo 62
  63. 01:17 Site com bloco de notas com layout responsivo. , vídeo 63
  64. 08:53 Vetor (.svg) em , vídeo 64
  65. 19:33 Tabela (básico) e borda personalizada em , vídeo 65
  66. 09:18 Transparência (opacidade) no , vídeo 66
  67. 07:41 Endereço via Google Maps no site, HTML5 CSS, vídeo 67
  68. 11:19 Frame – Um cabeçalho (documento) para todo site, vídeo 68
  69. 08:51 Links em Frame , vídeo 69
  70. 04:23 tag video em HTML5, videoaula 70 do curso
  71. 01:57 Player do Facebook em seu site. , vídeo 71
  72. 06:38 Iframe em , VÍDEO 72
  73. 05:05 Download de arquivos com , VÍDEO 73
  74. 08:24 Filtros em imagens com HTML5 e CSS3 – Vídeo aula 74
  75. 08:24 Filtros em imagens com CSS3, vídeo aula 75 HTML5 e CSS3
  76. 05:31 Link em iframe no HTML5 e CSS3, vídeo 76
  77. 05:07 Pagina 404 perfeita. HTML5 e CSS3. Vídeo 77
  78. 05:23 Configurar descrição do link quando compartilhado . Video 78
  79. 05:14 Como linkar seu perfil (facebook) quando link for compartilhado. Vídeo 79
  80. 06:58 Linkar imagem quando link for compartilhado. Vídeo 80
  81. 04:02 Duas meta tags indispensáveis. . VÍDEO 81
  82. 08:15 Sobrescrito e subscrito. Vídeo 82
  83. 04:05 Palavras chave (keywords) em . Vídeo 83
  84. 04:35 Redirecionar link em . Vídeo 84
  85. 07:20 Twitter Cards, as Meta Tags do Twitter em . Vídeo 85
  86. 09:25 Letras adaptativas em . Vídeo 86
  87. 04:37 Barra de rolagem em qualquer elemento no . Vídeo 87
  88. 05:10 Áudio em . Vídeo 88
  89. 03:54 Exemplo de after e before (básico) em . Vídeo 89
  90. 04:38 Rodapé sempre em baixo com . Vídeo90
  91. 03:38 Box-sizing em . Vídeo 91
  92. 03:42 Marcadores de listas com imagens em . Vídeo 92
  93. 14:37 Valores de list style type em . Vídeo 93
  94. 04:52 Posição dos itens de uma lista em
  95. 05:38 list-style em . VÍDEO 95
  96. 05:09 Crie padrões para os seus códigos fontes em . Vídeo 96
  97. 06:14 z-index em . Vídeo 97
  98. 15:16 Imagem modal com . Vídeo 98
  99. 08:56 Álbum modal em
  100. 08:39 Breakpoint em . Vídeo 100
  101. 20:00 Gráfico com barras horizontais em . Vídeo 101
  102. 09:27 Barrinha de progresso com HTML e CSS

Acesse o Curso

Depoimentos

Veja agora, o que as pessoas estão achando desse curso:

OBS: essas aulas não são muito famosas, por isso existem poucos comentários.

Curso-Avançado-De-HTML5-Grátis-Depoimento-1 Curso-Avançado-De-HTML5-Grátis-Depoimento-2 Curso-Avançado-De-HTML5-Grátis-Depoimento-3

Que tal nos ajudar?

Compartilhe esse artigo e se inscreva no canal Em busca do código.

Melhor Curso Online Gratuito De Javascript – 87 Aulas

Você está a procura do melhor curso online gratuito de javascript? Então provavelmente você o encontrou.

Depois de uma longa procura pelo youtube, eu consegui encontrar esse curso com muito conteúdo, porque a grande maioria dos outros cursos sobre essa linguagem não passavam de 10 aulas.

E por isso na minha opinião esse é o melhor javascript na língua portuguesa disponível no youtube.

Nesse curso o professor João Ribeiro ensina várias tags do javascript.

Além disso, o curso é muito bem feito, tendo no total 9 horas 18 minutos e 53 segundos, divididos em 87 vídeo aulas.

Se você se interessa por essa linguagem, assista esse curso, pois ele vai ser uma ótima fonte para o seu aprendizado, mas após ele não pare de estudar.

Cursos Relacionados:

Vídeo Aulas

Melhor-Curso-Online-Gratuito-De-Javascript-Destacado

Abaixo está a duração e o nome de cada vídeo aula desse curso:

  1. 5:13 Introdução à linguagem JavaScript
  2. 4:41 Preparação do ambiente de trabalho para o JavaScript
  3. 4:42 Exercicio simples para exemplificar uso do JavaScript
  4. 9:35 Como inserir JavaScript em HTML
  5. 7:16 Como escrever instruções em JavaScript
  6. 6:01 Adicionar comentários ao código JavaScript
  7. 2:12 Breve referência à versão da linguagem
  8. 10:54 Regras sobre a sintax do Javascript e algumas boas práticas
  9. 7:48 Conceito de DOM Document Object Model e exemplo prático
  10. 9:28 Variáveis Definição de variáveis locais e variáveis globais
  11. 9:18 Data Types em JavaScript e breve referência a conversão de variáveisCast
  12. 7:04 Expressões matemáticas e operadores
  13. 3:17 Precedência dos operadores e uso dos parêntisis
  14. 7:44 Definição de variáveis String, diferenças e operações com strings
  15. 11:02 Criação de arrays numéricos
  16. 4:26 Criação de arrays de strings
  17. 3:39 Usando a possibilidade de criar arrays com diferentes tipos de valores
  18. 6:30 Criação de uma função em JavaScript
  19. 4:06 Definição e utilização de funções com parâmetros
  20. 9:39 Funções que retornam valores
  21. 7:31 Criação de objetos
  22. 8:43 Criar métodos para os objetos
  23. 7:13 Criando objetos rapidamente com a técnica de object initializers
  24. 5:41 Declaração If
  25. 6:11 Operadores de comparação
  26. 5:27 Operadores condicionais
  27. 3:58 If Else
  28. 5:54 If Else If Else
  29. 3:17 Condição ternária
  30. 4:55 Simplificação da instrução If Else
  31. 6:34 Utilizando a estrutura Switch
  32. 5:09 Ciclo For
  33. 8:47 Ciclo For com Break e Continue
  34. 4:15 Usando ciclos dentro de ciclos
  35. 4:11 Ciclo While
  36. 8:37 Ciclo do while, utilização de Break e Continue
  37. 5:15 Ciclo For in
  38. 6:12 Controlando erros de código com a estrutura Try Catch
  39. 5:38 Popup boxes Alert e Confirm Como usar o resultado de Confirm
  40. 6:33 Popup boxes Prompt e introdução de dados
  41. 4:51 Utilizando a instrução Throw em Try Catch
  42. 7:37 Introdução aos eventos em JavaScript
  43. 5:43 Adicionar eventos a elementos HTML através de JavaScript
  44. 8:45 Preparação do ambiente de testes para estudar os eventos
  45. 8:17 Eventos onclick, onbdlclick, onmouseover e onmouseout
  46. 3:57 Eventos onmousedown e onmouseup
  47. 5:32 Eventos onload e onunload
  48. 11:27 Eventos onresize, onselect, onfocus e onblur
  49. 9:48 Eventos onchange, onkeypress, onkeydown e onkeyup
  50. 5:53 Utilização do parâmetro Target nas funções relacionadas com eventos
  51. 5:26 JavaScript e o DOM getElementById e getElemensByTagName
  52. 4:52 getElementsByName
  53. 5:47 document links array de hiperligações do DOM
  54. 6:12 document URL, document title e document images Alterando o src das imagens
  55. 5:44 Exemplo de JavaScript para manipular uma Table
  56. 4:50 Propriedades do objeto Array Construct e Length
  57. 9:05 Adicionando métodos originais ao Array através da propriedade Prototype
  58. 5:04 Concatenando Arrays com o método Concat
  59. 3:47 Encontrar o indice de um elemento de um Array com IndexOf
  60. 4:32 Mais sobre indexOf e lastIndexOf Método Join e uso do parâmetro Separator
  61. 6:14 Ordenando arrays alfanuméricos e numéricos com o método Reverse e Sort
  62. 6:21 Métodos Pop, Push e Shift
  63. 7:40 Métodos Unshift, Slice e Splice
  64. 9:11 Date criação de objetos relacionados com datas e alguns dos métodos associados
  65. 2:44 Date Alterando dados da data usando os métodos Set
  66. 13:41 Calculando a idade de um indivíduo recorrendo a Date em JavaScript
  67. 9:21 Referência aos mecanismos internos do JavaScript para operar com Date
  68. 5:30 Funções do objeto Math Abs e arredondamentos com Ceil e Floor
  69. 4:30 Arredondar com Round e determinar valores com Max e Min Valor de Pi
  70. 9:39 Criando valores aleatório com Math Random Criação de função para criar valores aleatórios
  71. 7:39 Strings Length, CharAt, CharCodeAt e Concat
  72. 5:08 Strings indexOf, lastIndexOf e replace
  73. 7:03 Strings Search, Slice, Split, Substring, toLowerCase e toUpperCase
  74. 5:36 Métodos HTML Wrapper que permitem formatar as Strings
  75. 4:19 Utilização de isNaN para verificar se uma variável é numérica
  76. 5:13 Propriedades globais Undefined e Infinity
  77. 5:37 Funções globais isFinite, Escape e Unscape
  78. 3:11 Função global Eval
  79. 4:04 Casting de valores com as funções globais Number e String
  80. 7:31 Objeto Window Inner e Outer Width e Height, ScreenX e ScreenY
  81. 6:24 Window frames, abertura de janela e verificação do seu estado
  82. 7:20 Abertura de janelas com mais especificações e argumentos
  83. 7:15 Criando janelas, definindo top e left, moveBy e moveTo e Focus
  84. 7:39 ScrollBy e ScrollTo
  85. 4:56 Sistema de impressão de janelas web com JavaScript
  86. 7:35 SetInterval e ClearInterval para execução de funções de x em x tempo
  87. 5:47 SetTimeout e ClearTimeout Execução de funções após x tempo

Acessar o Melhor Curso Online Gratuito De Javascript

O curso inteiro está disponibilizado na playlist abaixo:

Depoimentos

Abaixo estão alguns dos depoimentos dos alunos desse curso.

Depoimento-1-Melhor-Curso-Online-Gratuito-De-Javascript

Depoimento-3-Melhor-Curso-Online-Gratuito-De-Javascript

Depoimento-2-Melhor-Curso-Online-Gratuito-De-Javascript

Ajude a divulgar esse curso, compartilhe essa página com seus amigos e também se inscreva no canal do João Ribeiro.

Curso Rápido De Javascript – 7 Aulas

Curso rápido de javascript oferecido pelo canal WPMasters, com 7 vídeo aulas.

Curso iniciado em novembro de 2013, tendo uma duração total de 1 hora 18 minutos e 03 segundos.

O javascript é uma linguagem de programação utilizada especialmente para se colocar efeitos e funcionalidades mais desenvolvidas na sua página web.

Ou segundo a wikipedia:

JavaScript é uma linguagem de programação interpretada. Foi originalmente implementada como parte dos navegadores web para que scripts pudessem ser executados do lado do cliente e interagissem com o usuário sem a necessidade deste script passar pelo servidor, controlando o navegador, realizando comunicação assíncrona e alterando o conteúdo do documento exibido.

Sendo criada por Brendan Eich, o javascript é uma das linguagens mais usadas atualmente em sites e aplicativos online.

OBS: Para fazer esse curso é necessário que você tenha ao menos um conhecimento básico de HTML.

Caso você não tenha, não se preocupe, você pode fazer algum desses cursos:

Vídeo Aulas

Curso-Rápido-De-Javascript

  1. 10:59 (Introdução)
  2. 11:55 (Eventos)
  3. 10:58 (Variáveis e Constantes)
  4. 10:28 (Condições e Operadores)
  5. 10:32 (Switch e Else If)
  6. 11:58 (Loops – For e While)
  7. 11:13 (Estruturas, Declarações e Funções)

Acessar Aulas

Para assistir as aulas, basta utilizar o player abaixo.

Depoimentos

Agora abaixo estão o que algumas pessoas que fizeram ou estão fazendo o curso comentaram sobre ele.

Depoimento-1-Curso-Rápido-de-Javascript

Depoimento-2-Curso-Rápido-de-Javascript

Depoimento-3-Curso-Rápido-de-Javascript

Gostou do curso? Então compartilhe essa página em suas redes sociais e nos ajude a divulgar esse curso a mais pessoas.