Blog SW9

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

UI GRID Avançado – Paginação Externa – Ordenação Externa – Filtro Externo – Aula 1


UI GRID Avançado – Paginação Externa – Ordenação Externa – Filtro Externo

Olá pessoal, venho apresentar o primeiro vídeo sobre UI Grid Avançado, cuja a proposta é mostrar um exemplo completo da utilização do Ui Grid.

Na primeira série que criei e que está disponível no canal e blog, procurei apresentar a maioria das funcionalidades e me limitei a não apresentar um exemplo real integrando a grid com o backend.

Agora, atendendo a pedidos, preparei dois vídeos que vão justamente abordar a integração com o backend.

Para backend vou utilizar o Json Server – Fake rest API que permite utilizarmos uma API Rest construida em Javascript de forma simples e rápida.

Lembrando que o Json Server, é uma Fake Rest API e recomendo sua utilização apenas para efeito de testes, prototipação e treinamento.

Neste primeiro vídeo vou abordar a paginação externa.

Neste modelo de paginação, ao inves de trazermos todos os dados do backend de uma única vez e paginar do lado do cliente, trazemos apenas o conteúdo da página que desejamos.

Esta característica melhora a performance da paginação, principalmente quando trabalhamos com um banco de dados grande ou quando o volume de dados que queremos retornar na grid é muito grande.

Além da paginação externa, vou abordar a implementação da ordenação externa e do filtro externo de forma que trabalhem em sincronismo com a paginação externa.

Espero que gostem do vídeo e da abordagem que fiz. Se gostaram, por favor curtam o vídeo, compartilhem e se inscrevam no canal e no meu blog.

Espero vocês no próximo e último video sobre UI GRID Avançado, onde vou abordar a implementação de um CRUD utilizando modal dialog.

Links de interesse:

Código Fonte: http://blog.sw9.com.br/acesso-area-de-downloads/

Meu Blog: http://blog.sw9.com.br

Meu GitHub: https://sw9brl.github.io/MyGitHubPage

Json Server: https://github.com/typicode/json-server

UIGrid: http://ui-grid.info/

Playlist sobre UI GRID: https://www.youtube.com/playlist?list=PLtluGZbI5ESi_xXlBfX4gl2sMmuK2pCrT

Vídeo sobre Json Server: https://www.youtube.com/watch?v=nqExK134co4

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?