Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Curso Bootstrap 4: Criando uma landing page responsiva - Como criar dinamicamente os cards lendo de uma base de dados

Boa tarde.

Foi dito no curso Bootstrap 4: Criando uma landing page responsiva que há como fazer os cards dinamicamente através de javascript e que há um curso específico para isso.

Qual é este curso?

1 resposta
solução!

Fala ai Henrique, tudo bem? Acredito que seja utilizando a Fetch API:

https://blog.matheuscastiglioni.com.br/realizando-requisicoes-ajax-com-fetch-api/

Depois de obter os dados da API você percorre eles com um map, monta as tr's e td's e por fim pode fazer um join, algo do tipo:

`
    <table>
        <thead>
            <tr>
                <th>Nome</th>
            </tr>
        </thead>
        <tbody>
            ${lista.map(item => `
                <tr>
                    <td>${item.nome}</td>
                </tr>
            `).join('')}
        </tbody>
    </table>    
`

Obs: Talvez tenha algum erro de sintaxe porque acabei de escrever, mas, a ideia é mais ou menos essa.

Espero ter ajudado.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software