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

 


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 também JavaScript.
Além disso, aqui sempre levamos à você conteúdos valiosos sobre a carreira de programação, dicas sobre currículos, portfólios, perfil profissional, soft skills, enfim, tudo o que você precisa saber para continuar evoluindo como Programador(a)!

Fique por dentro de todos os conteúdos o/

 

Nossas redes sociais:

📹 • https://youtube.com/Onebitcode [Live todas as terças-feiras às 19h)
💻 • https://linkedin.com/company/onebitcode
🙂 • https://facebook.com/onebitcode
 📱  • https://instagram.com/one_bit_code
🐦 • https://twitter.com/onebitcode

 

Nossos cursos:

🥇 • Programador Full Stack Javascript em 8 Semanas
💎 • Curso Completo de Ruby
 ⚙  • Minicurso: API Rails 5 Completo
🐞 • Minicurso de Testes para Ruby on Rails com RSpec

 

Espero que curta nossos conteúdos e sempre que precisar de ajuda, fala com a gente!
E
stamos aqui para você 🙂

Bem-vindo à família OneBitCode o/

0 0 vote
Article Rating
janeiro 17, 2020
Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
Feito com s2 por OneBitCode
0
Would love your thoughts, please comment.x
()
x
%d blogueiros gostam disto: