Return to Video

Customize the Portfolio - JavaScript Basics

  • 0:01 - 0:06
    Vamos agora mostrar a você uma
    ferramenta bem legal para o currículo.
  • 0:06 - 0:07
    Se quiser mostrar um
    mapa na parte inferior,
  • 0:07 - 0:08
    é bem fácil.
  • 0:08 - 0:10
    Vamos rolar para baixo
    e dar uma olhada.
  • 0:10 - 0:13
    Vemos esse mapa fantástico,
    Where I've Lived and Worked.
  • 0:13 - 0:17
    Aqui, vemos marcadores em todos
    os locais que James já trabalhou.
  • 0:17 - 0:19
    É bem fácil adicionar isso
    ao seu currículo.
  • 0:19 - 0:23
    Vou abrir as ferramentas do desenvolvedor
    de novo no painel
  • 0:23 - 0:26
    Sources. Adicionei esta linha ao
    meu resumeBuilder.js.
  • 0:26 - 0:30
    Adicionei mapdiv.appendgoogleMap.
  • 0:30 - 0:34
    Dentro de helpers, temos algumas funções
    configuradas que facilitam muito
  • 0:34 - 0:38
    a adição de um mapa que insira marcadores
    automaticamente nos locais
  • 0:38 - 0:40
    onde você trabalhou e morou.
  • 0:40 - 0:42
    Adicione ao seu código e veja o que acontece.
  • 0:42 - 0:47
    As funções em helper.js usam os JSONS
    criados no resumeBuilder.js.
  • 0:47 - 0:50
    Ele itera nos locais, executa as
    pesquisas do Google em todos
  • 0:50 - 0:54
    esses locais e usa os resultados
    para colocar marcadores no mapa.
  • 0:54 - 0:56
    É bem interessante
    e vai ser um teste na seção
  • 0:56 - 0:59
    de problemas práticos após esta aula,
    onde será possível
  • 0:59 - 1:02
    desmembrar o código
    e ver como ele funciona.
  • 1:02 - 1:05
    Mas, além do Google Map,
    você tem toneladas de opções
  • 1:05 - 1:08
    para tornar seu currículo mais
    interessante e interativo.
  • 1:08 - 1:13
    Para iniciantes, experimente editar o CSS
    do currículo da forma que quiser.
  • 1:13 - 1:18
    Se você não conhece CSS, confira
    o curso de HTML e CSS.
  • 1:18 - 1:19
    Está nas notas do instrutor.
  • 1:20 - 1:23
    Ou você pode usar uma biblioteca,
    como D3, para adicionar um gráfico que
  • 1:23 - 1:25
    ajude as pessoas a visualizar suas habilidades.
  • 1:26 - 1:27
    Eu gosto desse pacote.
  • 1:27 - 1:31
    Vale a pena brincar com a D3
    para ver gráficos bem legais e
  • 1:31 - 1:34
    visualizações que você pode adicionar
    facilmente ao seu currículo.
  • 1:35 - 1:37
    Enquanto estiver lá, verifique
    os links das notas do instrutor
  • 1:37 - 1:39
    para outros currículos interessantes que encontramos online.
  • 1:39 - 1:42
    Inspire-se e tente
    personalizar o seu.
Tytuł:
Customize the Portfolio - JavaScript Basics
Opis:

more » « less
Video Language:
English
Team:
Udacity
Projekt:
ud804 - Javascript Basics
Duration:
01:44

Portuguese, Brazilian subtitles

Revisions Compare revisions