Blog Rodrigo Mourão

Tabelas Bootstrap

Estamos chegamos ao fim da saga de recursos básicos do Bootstrap, e para não deixar saudade vamos relembrar um pouco sobre o que já falamos: Principais funcionalidades (layout, component, Content e Utilities); Container e Grids; Tipografia com Bootstrap; Tratando Imagens; E hoje vamos falar sobre as tabelas, seus principais tipos, como ficam visualmente e um pouco sobre responsividade, que assim como nas outras ferramentas, aqui também não poderia faltar. Tabelas (básico/introdução) Já com uma estrutura de tabela a ser trabalhada, estamos prontos para começar Continue lendo→

Tipografia com Bootstrap

Dando sequência à série de ferramentas do Bootstrap, depois de falar dos containers e grids no último texto, vamos partir agora para a tipografia. Com a tipografia muito pode ser feito, e um forte estímulo para seu uso provém de seu estreito link entre o design gráfico e o objetivo em se dar uma ordem estrutural para uma web page. No texto de hoje vamos focar em alguns elementos tipográficos de uma aplicação web, os quais servirão como base para algumas análises e exemplos das Continue lendo→

Container e Grids

O assunto de hoje vai dar continuidade na série das ferramentas do Bootstrap. Já falamos um pouco de layout, components, content e utilities. Hoje o foco será nos containers e grids, funcionalidades que são uma das principais fontes das facilidades proporcionadas pelo framework. Também já mencionamos os grids em artigos anteriores, hoje vamos aprofundar um pouco mais no tema. O que é o Container Antes de darmos início ao assunto vamos compreender o que é o container, que na verdade é o elemento de Continue lendo→

Funcionalidades do Bootstrap: Layout, Component, Content e Utilities

Vamos agora falar um pouco mais de como funciona o Bootstrap, e para isto vamos detalhar e comentar sobre suas principais funcionalidades, quais sejam: layout, components, Content e Utilities. Layout Começando pelo layout. Trata-se de um dos principais e mais populares aspectos do framework, é utilizado para criar componentes gráficos de uma aplicação web. Para tal, é utilizado um editor de texto, um navegador web e toda estrutura de arquivos do Bootstrap. Os sistemas de grid são uma das principais funcionalidades do layout, e Continue lendo→

Já se decidiu pelo Bootstrap?

Mais um texto sobre a série Bootstra! E para começar, que tal refrescar a memória? Lembremos: o Bootstrap é uma plataforma gratuita que oferece uma vasta rede de ferramentas e conteúdos. Além de tudo, os usuários do framework também podem carregar códigos CSS, JavaScript e imagens remotamente, a partir de seus servidores. E por último, mas não menos importante, o Bootstrap utiliza a rede mundial de entregas de conteúdo MaxCDN’s, que permite um serviço bem confiável e robusto com uma boa qualidade, mesmo com eventos Continue lendo→

A evolução do Bootstrap

Para acompanhar as de exigência de mercado, principalmente do de programação web, o Bootstrap teve desde seu início que ter uma constante evolução. As atualizações são fundamentais pois visam a correção de bugs, melhoria das funcionalidades já existentes e adição de outras novas, num esforço para manter o Bootstrap alinhado com as demandas do mercado web. Hoje vamos abordar como ocorreu essa evolução do framework ao longo do tempo, incluindo como foco as principais mudanças que ocorreram nas versões 2.0 e 3.0. Bootstrap Releases desde Continue lendo→

O que é Bootstrap mesmo ?

Nos primeiros artigos da série introduzimos os principais conceitos de Bootstrap e falamos um pouco sobre sua história. Relembrando, o Bootstrap nada mais é do que um framework, baseado em CSS, Javascript e HTML, que tem como objetivo agilizar e simplificar o processo de desenvolvimento, principalmente em trabalhos front-end. Vamos hoje aprofundar um pouco mais no assunto, vamos aprender a diferenciar CSS, Javascript e HTML e também esclarecer o papel crucial do CSS na ferramenta Bootstrap. Definindo: CSS puro, Html e Javascript Apesar de vermos Continue lendo→

Delphi Community Edition, Seja Bem Vindo

Sim, você não leu errado meu caro, saio a Delphi Community Edition. Um dos grandes clamores da comunidade era por uma versão community. Já existe a versão Starter do Delphi mas com muitas limitações. Hoje é um dia especial, oficialmente é lançada a versão community do Delphi, com muito mais recursos e de encontro a necessidade da comunidade. Claro, os criados por vó continuarão a reclamar mas eles reclamam de tudo mesmo. Mas você não, você saberá comemorar essa conquista que é de toda a Continue lendo→

Nunca mais tenha que rodar scripts para atualizar seu banco de dados

Imagine um cenário onde você simplesmente instala seu sistema no cliente e escolhe qual banco quer usar e toda a base é gerada automaticamente. Pense que você acabou de fechar com uma grande empresa que usa banco Oracle por exemplo e sem alterar uma linha de código sequer você colocar seu sistema para rodar no Oracle. Seria um sonho você trocar de banco de dados assim como troca de roupa e seu sistema nem sequer ficar sabendo que algo mudou. Tudo isso parece mentira não Continue lendo→

Introdução – O que é Bootstrap?

Assim como como o termo “Googling” se tornou praticamente um novo verbo, o mesmo aconteceu com a ferramenta que vamos conhecer nessa nova série de artigos: O Bootstrap. “Bootstraping” é uma metáfora para inicialização. E com esta ideia de originar algo novo, nasceu o Bootstrap, com intuito de ser um framework focado em front-end. As principais linguagens que podem ser trabalhadas com Bootstrap são: Css, Html e JavaScript. Existe hoje uma grande demanda para desenvolvedores e web-designers com conhecimentos em Bootstrap. Daí ser cada vez Continue lendo→

JQuery e suas variações (JQueryUI, JQueryMobile)

Esse é o último texto sobre frameworks JavaScript. Vamos falar sobre JQuery e suas princiapais variantes: JQuertUI e JQueryMobile. Pra começar, JjQuery é uma biblioteca multiplataforma desenhada para o client-side de páginas HTML. Pontos importantes são: É open-source e gratuita. É também uma das biblitoecas mais populares de JavaScript. O que é JQUery? Como funciona? O foco do JQuery é tornar o processo de scripting mais fácil para os web-developers. As tarefas básicas do javaScript como criar elementos DOM, animações e lógica de tratamento de Continue lendo→

MeteorJS, uma das mais poderosas Framework Javascript

Meteor, parece nome de míssil de cruzeiro, mas é a nova framework que vamos apresentar aqui no blog. Esse é mais um sistema open-source e que é bastante usado em todo o mundo. Vamos apresentá-lo e estudar brevemente suas principais funcionalidades. Como tudo começou: Meteor Também conhecida como MeteorJS, essa plataforma é gratuita, open-source e focada na prototipagem rápida de sistemas cross-platform. Interessantemente, ela foi toda escrita em NodeJS, que também é uma plataforma JavaScript muita famosa. É integrada com MongoDB e utiliza o protocolo Continue lendo→

Conheça um pouco mais sobre o AngularJS

Hoje começamos os artigos da série dedicados às frameworks JavaScript. A primeira framework que vamos trabalhar é o AngularJS, um dos mais populares nos últimos anos e também um dos mais estudados. Além dele, os próximos posts irão cobrir outras Frameworks importantes. A sequência será a seguinte: 1. AngularJS 2. NodeJS 3. Meteor 4. ReactJS 5. JQuery e suas variações Vamos então direto ao ponto. Vamos conhecer o AngularJS! Aspectos básicos do AngularJS Essa ferramenta é conhecida como uma das principais frameworks para páginas Webdinâmicas. Continue lendo→

Frameworks JavaScript, ame-as e as odeie!

No post de hoje vamos falar sobre as principais Frameworks JavaScript. São três grandes concorrentes que convivem num mercado dinâmico e que tem mudado bastante no decorrer dos anos. Na primeira seção vamos falar sobre os ciclos de vida desses ambientes e assim verificar como esse mercado tem sido extremamente dinâmico nos últimos anos. Na segunda seção vamos falar sobre as três principais opções do mercado. Os ciclos de vida das Frameworks JavaScript Um artigo bem legal publicado no StackOverflow conclui que as JavaScript UI trabalham Continue lendo→

Objetos em JavaScript

Um dos aspectos mais importantes para entender e saber trabalhar com JavaScript é a utilização de objetos. Esse é o assunto desse último post focado em pontos práticos sobre a linguagem JS. Fechando essa série de posts, uma nova série focada nas principais IDEs será iniciada. O que são objetos em JavaScript O termo objetos vem da nomeclatura do paradigma de orientação a objetos. Nesse que é atualmente o principal paradigma de programação das linguagens alto nível, tem-se dois grandes conceitos de abstração que Continue lendo→