Return to Video

02-10 Taking Html Apart

  • 0:00 - 0:04
    Agora que sabemos como HTML funciona,
  • 0:04 - 0:09
    queremos separar essas tags das palavras que serão exibidas na tela.
  • 0:09 - 0:15
    Quebrar em palavras assim é uma tarefa muito comum na vida real.
  • 0:15 - 0:22
    Por exemplo, o Latin antigo era frequentemente escrito sem espaços.
  • 0:22 - 0:26
    Essa sequência de letras -- "SENTATUSPOPULUSQUERMANUS" --
  • 0:26 - 0:30
    está inscrita no arco de Titus, que eu desenhei aqui como uma coluna,
  • 0:30 - 0:33
    mas que posso fazer? Arcos parecem estar acima da minha capacidade.
  • 0:33 - 0:37
    Eu sei. Agora parece um arco. Essas legendas nunca mentem.
  • 0:37 - 0:41
    Inscrições romanas como esta eram escritas sem espaços,
  • 0:41 - 0:46
    e é preciso algum domínio da língua para saber como separar isso.
  • 0:46 - 0:52
    "Senado e o Povo de Roma". Essa inscrição foi feita bastante tempo atrás.
  • 0:52 - 0:57
    De modo semelhante, em muitas línguas escritas asiáticas, não se incluem espaços explicitamente,
  • 0:57 - 1:00
    nem sinais de pontuação entre os vários caracteres, ou ideogramas.
  • 1:00 - 1:04
    Neste exemplo em Japonês, e minha escrita à mão não é lá muito boa,
  • 1:04 - 1:08
    -- tenha dó -- é necessário algum domínio da língua para separar
  • 1:08 - 1:14
    "ano" de "yama" -- "esta montanha".
  • 1:14 - 1:18
    Finalmente, mesmo que você não tenha familiaridade com linguagens asiáticas ou o antigo Latin,
  • 1:18 - 1:21
    talvez já tenha visto o mesmo tipo de coisa em uma versão mais moderna,
  • 1:21 - 1:23
    em uma mensagem de texto.
  • 1:23 - 1:28
    Algum tipo de conhecimento do domínio é necessário para seprar isso em "I love you",
  • 1:28 - 1:31
    mesmo que não haja espaços aqui.
  • 1:31 - 1:36
    Queremos fazer o mesmo com HTML, para separá-lo em palavras,
  • 1:36 - 1:40
    como "Wollstonecraft" e "wrote", que aparecem na tela,
  • 1:40 - 1:46
    ou este caractrese especial
  • 1:46 - 1:48
    essa palavra aqui no meio, que nos diz que tag é,
  • 1:48 - 1:51
    a este >.
  • 1:51 - 1:56
    Mais uma vez, para que este fragmento de HTML, queremos separá-lo nesta primeira palavra,
  • 1:56 - 2:02
    o início da tag, outra palavra, o fim da tag,
  • 2:02 - 2:04
    e então outra palavra.
  • 2:04 - 2:07
    Vamos precisar fazer isso para escrever nosso web browser.
  • 2:07 - 2:11
    Para interpretar HTML e JavaScript, vamos ter que quebrar essas sentenças
  • 2:11 - 2:15
    em suas palavras componentes, para entender o que significa.
  • 2:15 - 2:21
    Este processo é chamado -- Análise Léxica.
  • 2:21 - 2:26
    Léxico aqui tem a mesma raiz de "lexicon", como um dicionário.
  • 2:26 - 2:29
    Isso significa seprar alguma coisa em palavras.
  • 2:29 - 2:36
    Você vai gostar de saber que vamos usar expressões regulares para resolver esse problema.
  • 2:36 - 2:39
    Escrevi aqui mais uma dessas decomposições.
  • 2:39 - 2:45
    Eu posso ter separado um trecho HTML nessas palavras,
  • 2:45 - 2:51
    mas dessa vez você vai me ajudar, resolvendo o problema inverso.
  • 2:51 - 2:58
    Então, neste teste de múltipla escolha, quero que você marque cada um destes fragmentos HTML
  • 2:58 -
    que poderia ser decomposto nesta sequência de 5 elementos.
Cím:
02-10 Taking Html Apart
Leírás:

02-10 Separando HTML

more » « less
Video Language:
English
Team:
Udacity
Projekt:
CS262 - Programming Languages
Duration:
03:05
Lucilia Figueiredo edited Portuguese, Brazilian subtitles for 02-10 Taking Html Apart
Lucilia Figueiredo hozzáadott egy fordítást

Portuguese, Brazilian subtitles

Felülvizsgálatok Compare revisions