website with custom carousel

Site-With-Custom-Carousel

Primeiro site que eu já construí (minha terceira e última mudança de carreira). Comecei nos modelos HTML e CSS que acabei reworte 90% deles.

A página inicial é simples (demorei um pouco para minha primeira construção; garantir o estilo, a posição e o recurso certos consome tempo; ótima experiência de aprendizado). A caixa de pesquisa não está funcionando totalmente. Ele age mais como um suspensão por enquanto.

A página de detalhes tem o carrossel dinâmico que eu construí. O número de cartões no carrossel pode ser alterado pela atualização do TeamData. A largura mudará com o tamanho da janela e as setas esquerda/direita aparecerão quando o carrossel puder deslizar na direção correspondente.

Como chegar à página da web com carrossel personalizado:

1. Vá diretamente para o detector.html ou de index.html ...
2. Digite "ux d" na caixa de pesquisa
3. Clique em "UX Designer" na lista suspensa
4. Meu carrossel personalizado está logo abaixo do cabeçalho

PRÓXIMOS PASSOS:

• Seção de carrossel separada do main.js e crie um carousel.js. (feito)
• Mapa inicial de carreira inicial (feito)
• Livre -se de títulos repetidos na lista de pesquisa (FEZ)
• Adicione "X" na caixa de pesquisa (feito)
• Limitando o resultado da lista de pesquisa na parte inferior da janela e adicione a barra de rolagem (concluída)
• Refine o mapa da carreira para que o ponto do lado esquerdo apareça (feito; reestruturado para usar 3 colunas em vez de 2)
• Palavra embrulhando os títulos no mapa do caminho (baixo)
• Descubra como o SVG funciona e mude sua cor diferente de preto (feito)
• Refrace HTML para que todas
• Lista de dados em um arquivo separado; Lista de pesquisa de origem da fonte SMAE em vez de criar uma lista diferente (concluída)
• revisitar o código da caixa de pesquisa e CSS para que possa ser mais um componente (em andamento 70%)
• converter tudo para react.js para componente

Obrigado por visitar.

Tecnologia:

JavaScript simples, HTML, CSS