Instale o Materialize no Rails em 5 minutos

 

 

O que é Materialize?

Materialize é um framework front-end incrível feito para te ajudar a criar interfaces Web responsivas. Todos os elementos dele são inspirados no Material Design (estrutura que o Google usa para criar a interface do seus projetos).

Porque utilizá-lo?

Utilizando o Materialize fica ainda mais fácil criar interfaces bonitas e responsivas com um código limpo e fácil de ser reutilizado. Então se você gostar de criar interfaces usando o Bootstrap vale a pena conhecer o Materialize.

O que vamos utilizar

Passo a Passo


Criando o Projeto

1 – Rode no console:


Instalando o Materialize

1 – Coloque no seu Gemfile:

2 – Instale rodando no console:

3 – Remova o arquivo app/assets/stylesheets/application.css

4 – Crie o arquivo app/assets/stylesheets/application.scss e coloque nele:

No arquivo app/assets/javascripts/application.js coloque:

Um exemplo de uso

1 – Crie um Controller e view rodando:

2 – Coloque app/views/pages/index.html.erb:

3 – Para ver o resultado rode no console:

4 – E visite no browser:
http://localhost:3000/page/index

Referências:

Documentação materialize:
http://materializecss.com

Documentação Material Design:
https://material.io/guidelines/

 


Link para o Gihtub: https://github.com/leonardoscorza/rails_and_materialize



12 formas de vencer o bloqueio criativo e escrever textos memoráveis (e 6 dicas extras)

Não perca nenhum conteúdo

Receba nosso resumo semanal com os novos posts, cursos, talks e vagas \o/



Gostou desse Screencast? Comenta aí em baixo para eu saber. 🙂
Lembrando toda Quinta às 20h30 tem OneBitTalk e toda Sexta às 19h00 tem um novo tutorial para você aqui.

Ficou com alguma dúvida? Posta no nosso fórum: http://forum.onebitcode.com

Obrigado pela sua presença,
Grande abraço!

Leonardo Scorza

 


Você é novo por aqui?

Primeira vez no OneBitCode? Curtiu esse conteúdo? O OneBitCode tem muito mais para você!

O OneBitCode traz conteúdos de qualidade e em português sobre programação com foco em Ruby on Rails e outras tecnologias como Angular, Ionic, React, desenvolvimento de Chatbots e etc.

Se você deseja aprender mais, de uma forma natural e dentro de uma comunidade ativa, visite nosso Facebook e nosso Twitter, veja os screencasts e talks no Youtube, alguns acontecimentos no Instagram, ouça os Podcasts e faça parte de nossa Newsletter.

Além disso, também estamos com alguns e-Books muito interessantes para quem deseja se aprimorar como programador e também como freelancer (os e-Books são gratuitos!):

Espero que curta nossos conteúdos e sempre que precisar de ajuda com os tutoriais, fala com a gente! Seja por Facebook ou e-mail, estamos aqui para você 🙂

Bem-vindo à família OneBitCode \o/

Abril 3, 2018

Deixe um comentário

Seja o Primeiro a Comentar!

avatar
  Subscribe  
Notify of
Feito com s2 por OneBitCode
%d blogueiros gostam disto: