YouTube

Got a YouTube account?

New: enable viewer-created translations and captions on your YouTube channel!

Portuguese, Brazilian subtitles

← Mixing replace() and append() - JavaScript Basics

Get Embed Code
6 Languages

Showing Revision 12 created 06/20/2016 by Udacity Robot.

  1. Como sabemos, o HTML define
    o conteúdo de uma página.
  2. Agora que sabemos como substituir texto,
  3. podemos substituir os espaços
    reservados no HTML por dados reais.
  4. Depois disso, precisamos anexar strings HTML
    para começar a criar nosso currículo.
  5. Vamos ver dentro de helper.js,
    que graças à mágica dos computadores,
  6. temos aqui deste
    lado da tela.
  7. Ele contém alguns dados auxiliares que
    serão aproveitados pelo seu projeto.
  8. Como helper.js é mostrado antes
    de resumebuilder.js,
  9. que você não pode ver,
  10. mas está aqui
    na parte inferior da tela,
  11. ele será carregado primeiro, e teremos acesso
    a todos os dados de helper.js,
  12. quando começarmos a escrever resumebuilder.js.
  13. Podemos ver algumas variáveis de string aqui,
  14. como HTMLmobile,
    HTMLemail e HTMLtwitter.
  15. Cada uma delas tem um espaço
    reservado %data%.
  16. Aqui e aqui.
  17. E cada uma delas substituirá %data%
    pelos nossos dados reais.
  18. Como elas vão substituir %data%?
  19. Da mesma forma que substituímos "awesome" por "fun",
    usando o método replace.
  20. Vamos ver.
  21. Digamos que eu quisesse que meu nome corretamente
    formatado aparecesse na página.
  22. Nesse caso, primeiro preciso criar
  23. uma nova variável
    que armazene HTML com meus dados.
  24. Vou salvar uma variável chamada formattedName,
    defini-la como igual a
  25. HTMLheaderName.replace, %data% e passar
  26. uma variável armazenando meu nome.
  27. Em seguida, vou fixar
    formattedName no cabeçalho.
  28. Aqui está.
    Meu nome formatado.
  29. Muito legal.