Embelleciendo nuestra aplicación

34/36

Lectura

Objetivo

En esta clase vamos a tomar las vistas y usando convenciones de clases de estilo, helpers de vistas y algunas refactorizaciones de modelo, mejoraremos y embelleceremos toda nuestra aplicación, obteniendo un producto final como está en la imagen abajo, para esta clase usaremos Bootstrap como framework de componentes gráficos, sin embargo, no es objetivo de la clase hacer un tutorial de Bootstrap o abordarlo con profundidad, sino más bien establecer una conexión entre Rails y este framework.

...

Regístrate o inicia sesión para leer el resto del contenido.

Aportes 10

Preguntas 2

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Regístrate o inicia sesión para participar.

Fue necesario hacer algo de refactorizacion en el codigo, porque algunos estilos no estaban trabajando correctamente, y parte del codigo perdia la identacion, pero finalmente lo hice funcionar. 👌

 

<h3>Home</h3>

 
 

<h3>Show Activity</h3>

 
 

<h3>Category list</h3>

Estan caidas algunas imagenes y en la siguiente clase tambien

Tengo un problema que los efectos no ocurren

Para este tipo de casos es mejor dejar el codigo en snipets de Github.

¡Excelente! Creo que este curso va a animar a muchos que están dando sus primeros pasos con Rails.

¡Muy chévere!

De echo, este curso está siendo un suplicio. De principio a fin, inconsistencia, explicaciones tibias, cambios de versiones, enrevesamiento innecesario…

De hecho, empecé el curso con Rails 7, y tuve que hacer un monton de cambios para conseguir llevarlo a cabo…

Ahora empecé de nuevo el curso montandome una máquina virtual con rails 6, ubuntu 20 (porque con la version que tengo yo instalada en el PC no podía instalar mongodb, lo cual es un requisito para la continuacion de este curso… un desastre), y aún así, me encuentro cientos de problemas a cada paso… Muy insatisfecho con este curso! Y muy poca información de Rails en Platzi!

esta lleno de errores el código, o al menos al ser copiado y pegado da errores a cascoporro como decimos aquí

Para importar Bootstrap, solamente agregue la siguiente linea en el archivo application.scss

 @import 'bootstrap/scss/bootstrap';