Blog SW9

Desenvolvimento Web e Híbrido na prática.
Tome um café, concentre-se, codifique. (งツ)ว

AngularJS – Incluir e Remover Dados na Página HTML de Forma Dinâmica | SW9


AngularJS – Incluir e Remover Dados na Página HTML de Forma Dinâmica | SW9

✔ Clique em gostei ✔ Compartilhe ✔ Inscreva-se

Olá a todos.

O objetivo deste vídeo é mostrar para vocês como é simples e prático criar e remover dados em uma página html, de forma dinâmica, usando o framework AngularJS.

Para este exemplo vou utilizar o JsFiddle que vai permitir publicar o código e compartilhar o link com vocês. Caso tenham interesse em saber um pouco mais sobre o JsFiddle, eu tenho um vídeo no meu canal e o link deixarei disponível no final da descrição.

Em primeiro lugar, vou incluir as dependências externas (bibliotecas BootStrap, Font Awesome e Jquery), em seguida vou construir a página HTML mesclando BootStrap UI e Angular JS. Por último vou construir a lógica Angular JS criando o módulo e o controlador e em um passe de mágica já é possível adicionar e remover dados na página de forma dinâmica.

Espero que gostem deste vídeo. Aproveitem para curtir, compartilhar e se inscrever no canal.

Links úteis

Vídeo sobre JsFiddle: https://www.youtube.com/watch?v=18lwIIYawwE
Link do código fonte: https://jsfiddle.net/sw9brl/Lhr63oh8/

Meu Blog: http://blog.sw9.com.br
Meu GitHub: https://sw9brl.github.io/MyGitHubPage

✔ Clique em gostei ✔ Compartilhe ✔ Inscreva-se

Tópicos Relacionados

Deixe um comentário

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Paulo Eduardo
Geek desde criança, sempre me interessei por games, filmes e tecnologia. Sou graduado em engenharia da computação pela PUC Campinas. Possuo mais de 15 anos de experiência em desenvolvimento, com foco maior em desenvolvimento web, gestão de times e mais recentemente desenvolvimento mobile utilizando HTML e Javascript.

Termos como #backend, #frontend e #fullstack fazem parte do meu dia a dia.

Não deixe de acompanhar meu blog, canal youtube e meus produtos digitais.

Divirta-se e bons estudos. :-)
Paulo Eduardo on sabyoutubePaulo Eduardo on sabinstagramPaulo Eduardo on sabgithubPaulo Eduardo on sabfacebook
✌(◕‿-)✌ Tempo Limitado - Tenha acesso a nossa área de DownloadsClique Aqui - É Grátis
How to whitelist website on AdBlocker?