UI-Grid - Blog sobre desenvolvimento mobile e Web

UI GRID Avançado – CRUD – Angular + Json Server – Aula 2

Tags: Angular, Angular JS, Bootstrap, Componentes de Grid, Grid de Dados, Javascript, json-server, UI-Grid|

Olá pessoal, venho apresentar o segundo 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 segundo e último vídeo vou abordar a implementação de um CRUD usando Json Server. Para este CRUD vou utilizar um formulário Modal e a diretiva NgMessage para validação de formulários.

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

Tags: Angular, Angular JS, Bootstrap, Componentes de Grid, Grid de Dados, Javascript, json-server, UI-Grid|

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 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.

UI GRID Componente de Grid para AngularJS – Final

Tags: Angular, Angular JS, Bootstrap, Componente de Grid, Grid de Dados, Javascript, UI-Grid|

UI GRID - Componente de Grid para AngularJS Quem nunca precisou implantar uma grid de dados em sua aplicação e se deparou com as perguntas. Qual componente usar? Qual o melhor? Como usar? Com esta série de vídeos pretendo ajudar os desenvolvedores a encontrar e implantar a melhor solução de grid. Ao todo vou apresentar 3 componentes de Grid que possuem uma infinidade de recursos e possibilidades para deixar sua aplicação web mais profissional e amigável. Lembrando que todos os grids apresentados aqui são componentes gratuítos e desenvolvidos em Javascript. Dando continuidade a apresentação do UI Grid, componente construído para trabalhar e usar todo o potencial do framework AngularJS, neste vídeo irei apresentar as funcionalidades: validação e exportação de dados com paginação externa ativa. Eu espero que gostem do vídeo.

UI GRID Componente de Grid para AngularJS – Parte 4

Tags: Angular, Angular JS, Bootstrap, Componente de Grid, Grid de Dados, Javascript, UI-Grid|

UI GRID - Componente de Grid para AngularJS Quem nunca precisou implantar uma grid de dados em sua aplicação e se deparou com as perguntas. Qual componente usar? Qual o melhor? Como usar? Com esta série de vídeos pretendo ajudar os desenvolvedores a encontrar e implantar a melhor solução de grid. Ao todo vou apresentar 3 componentes de Grid que possuem uma infinidade de recursos e possibilidades para deixar sua aplicação web mais profissional e amigável. Lembrando que todos os grids apresentados aqui são componentes gratuítos e desenvolvidos em Javascript. Dando continuidade a apresentação do UI Grid, componente construído para trabalhar e usar todo o potencial do framework AngularJS, neste vídeo irei apresentar as funcionalidades: mover colunas, paginação externa e filtro customizado.

UI GRID Componente de Grid para AngularJS – Parte 3

Tags: Angular, Angular JS, Bootstrap, Componente de Grid, Grid de Dados, Javascript, UI-Grid|

Com esta série de vídeos pretendo ajudar os desenvolvedores a encontrar e implantar a melhor solução de grid. Ao todo vou apresentar 3 componentes de Grid que possuem uma infinidade de recursos e possibilidades para deixar sua aplicação web mais profissional e amigável. Lembrando que todos os grids apresentados aqui são componentes gratuítos e desenvolvidos em Javascript. Dando continuidade a apresentação do UI Grid, componente construído para trabalhar e usar todo o potencial do framework AngularJS, neste vídeo irei apresentar as funcionalidades: seleção de linhas, importação e exportação de dados.