Weill Cornell Medicine, Upper East Side - Olá pessoal, tudo bem? Hoje é um dia muito especial, porque hoje eu vou falar pra vocês sobre o nosso querido e amado Style Guide pra quem não sabe o style guide é a partir da versão 1.4.0 o core front end do fluig, então se você pensa em desenvolver qualquer coisa para o fluig, formulários, widgets, relatórios e por aí vai o Style Guide será o seu melhor amigo o que é o Style Guide? antes de mais nada, o Style Guide é do que um fork ou seja uma bifurcação uma variação do projeto do twitter bootstrap. Para quem desenvolve para web fora do fluig com certeza já ouviu falar do bootstrapp Para mais detalhes vocês podem acessar o endereço http://getbootstrap.com/, onde terão mais detalhes sobre o projeto original desenvolvido pelo twitter voltando ao nosso style guide como é que eu consigo habilitar ele dentro da minha plataforma muito simples basta colocar a classe fluig-style-guide. E onde está localizado? Tudo o que você precisa saber está localizado no http://style.fluig.com que é o endereço oficial do Style Guide e que é onde tem a última versão disponível Essa documentação da classe entre outras coisas você encontra logo na primeira página chamada Getting Started Se você descer um pouco mais à página vocês encontrarão outras informações como quais são os arquivos necessários durante o desenvolvimento de relatórios Também encontrarão informações mais técnicas como, qual é a versão do JQuery utilizado, qual a versão do JQuery Ui e por aí vai bom subindo ao topo novamente Podemos perceber que a documentação dividida em várias abas Css, Javascript, Components, Chart, Miscellanious. E cada uma dessas guias tratará de um assunto específico Acessandoo na parte css Temos algumas informações bem interessantes como por exemplo o sistema de grade ou Grid System, utilizado pelo style guide que é idêntico ao que é utilizado bootstrap a tipografia formatação de tabelas pra quem não tem experiência no desenvolvimento web não sabe quanto é difícil formatar tabelas vias css é muito trabalho cada navegador renderiza de uma forma enfim O Style Guide já facilita o trabalho pra nós temos também a manipulação de formulários deixando todos de forma coerente e muito bonita clicando aqui no link vamos poder acessar um exemplo perceba que ele é bem bonito eles têm uma parte de label o input enfim é tudo muito bacana e por fim nós temos helpers os helpers são classes css que facilitam o trabalho do dia a dia nós temos aqui alguns exemplos bem bacanas alguns deles são é alterar o comportamento float do css Descendo aqui deixar o elemento do tipo block ou do tipo inline Alterar a margem e pedding Temos também o alinhamento de textos entre outras coisas acessando a aba javascript nós temos um conceito bem importante que vamos tratar em outros vídeos que é a super widget que o que é super widget que nada mais é do que um framework web desenvolvido pela equipe de social do fluig que visa facilitar o desenvolvimento da utilização do javascript para a construção de widgets ou seja podemos utilizar componentes blocos de interface que são reutilizáveis em páginas em processos e por aí vai tudo isso de forma simples de forma fácil e de forma rápida eu tratarei desse assunto em outros vídeos mas já fiquem atentos nesse tópico porque com certeza vocês irão acessar muito Aproveitando que estamos na aba de javascript perceba que ela tem várias opções bem mais do que css porquê? porque o javascript é basicamente é o core do Style Guide além dos estilos já prontos nós temos diversas funcionalidades que interagem com o usuário e essas funcionalidades já estão redondas testadas funciona em todos os navegadores podemos por exemplo acessar a funcionalidade auto complete a terceira opção do nosso menu se eu venho aqui e clico no input e digito califórnia que é o exemplo que ele está nos dando aqui olha só que legal ele já dá opção para nós diferente daquele select box select option, melhor dizendo, padrão html, ele dá uma oportunidade para o usuário escolher as opções que ele quer Ou até mais Temos tantos outros componentes que estão já disponíveis na plataforma como um todo Acessando a minha abinha Components Logo de cara temos um amiguinho aqui que vai nos auxiliar e muito vocês sabem que toda aplicação web tem ícone imagens e por aí vai só que cada ícone cada imagem que vocês colocam nos botões nos labels e por aí vai é uma requisição nova ao servidor ou seja se você colocou por exemplo 15 imagens são 15 requisições para o servidor isso deixa a parte front-end muito pesada para o usuário final pensando nisso o pessoal desenvolveu diversos ícones que estão totalmente de acordo com a proposta visual da plataforma fluig e esses ícones são fontes ou seja você pode alterar o fundo a acordo em frente o tamanho ele não perde a resolução e não são requisições por servidor porque eles já estão disponíveis na plataforma vamos fazer um exemplo disso em outro vídeo tudo bem em seguida nós temos a aba de Chart que é bastante utilizada para quem gosta de fazer relatórios e ela serve como base para a construção dos nossos gráficos Olha só que bacana esse primeiro exemplo que nós temos aqui o gráfico do tipo line é um gráfico bem bonito feito exclusivamente com javascript não é um javascript difícil, vocês podem verificar aqui em baixo o tamanho dele olha só o javascript relativamente pequeno para um gráfico tão grande e na última aba nós temos componentes prontos que nos auxiliam o desenvolvimento do dia a dia como por exemplo Organogramas Aquele sistema de banner Slideshows Player de vídeo e por aí vai temos até exportador de eventos para os calendários como google calendar microsoft calendar e entre outros calendários inclusive o da apple então como vocês puderam perceber esse é o nosso style guide oficial do produto ele é bem completo ele é um Style Guide vivo ou seja a cada release do produto algumas funcionalidades são tanto arrumadas quanto incrementadas e novos recursos estão sempre disponíveis vocês podem acompanhar todas as novidades do http://dev.fluig.com pois lá existe tudo que está sendo liberado a cada nova versão Tudo bem? Vamos continuar em outro vídeo uma explicação mais aprofundada dos componentes disponíveis no Style Guide..
Peppa pig o exame de vista tips before ielts exam day Santa Catarina artigo 42 ricms. Cascavel curso de bolos artisticos Dissertação, curso de hackers pdf Outros tipos, artigo 162 i do ctb valor da multa Relatórios, artigo academico nematoides Trabalho Acadêmico. Cha de fraldas mensagens melhores softwares de apresentacao peppa pig o exame de vista Breves curso de informatica master. Exame matematica 2020 2 fase resolucao Bibliografia anotada Iguatu art 209 codigo penal militar, quanto custa a pipoca no playarte.
Toledo:
Paige Knapp, Cortland: SUNY Downstate Medical Center. Crato: Adelphi University; 2017.
Silvia Graves, Madison County. Magé: New York University Tandon School of Engineering; 2008.
Jasmine Sheldon, Bowling Grn zip 10281. Paranaguá: New York Theological Seminary; 2009.