Ruby on Rails 7 Hotwire Docker TailwindCSS

Name: Ruby on Rails 7 Hotwire Docker TailwindCSS
Rating: 4.6 (35 reviews)

Crea una aplicación de Ruby on Rails 7 utilizando Hotwire, Docker, TailwindCSS, PostgreSQL y Sendgrid.

Highest Rated

Created byJorge Ortiz

Last updated 9/2023

Spanish

What you'll learn

Crear aplicaciones con Ruby on Rails utilizando WSL y Docker.
Implementar actualizaciones en tiempo real con Hotwire.
Implementar eventos con Stimulus JS.
Remplazar componentes sin necesidad de recargar la aplicación utilizando Turbo-Frames.
Instalar TailwiundCSS en Ruby on Rails 7.
Configurar Sendgrid para enviar correos desde la aplicación.
Implementar scopes, validaciones, enum y más métodos en Ruby on Rails.
Crear apliaciones Ruby on Rails con Docker.
Levantar contenedores de PostgreSQL y Redis.
Utilzar Action Text y Active Storage en la aplicación.

Course content

20 sections • 121 lectures • 15h 12m total length

Survey Rails App preview.15:06
En este video podrás ver el preview de la aplicación que realizarás en este curso.

Course resources.0:21
WSL installation for Windows.2:35
En este video aprenderás a instalar WSL en tu ordenador windows.
Docker Installation.2:25
En este video aprenderás como instalar Docker en WSL.
VS Code Extensions.0:18
Create Rails App with Docker.10:03
En esta lección crearás una aplicación de Ruby on Rails utilizando Docker.
TailwindCSS.4:26
En este video se instalará TailwindCSS en la aplicación de Ruby on Rails.
Font Awesome.4:04
En este video instalaremos Font Awesome en nuestra aplicación utilizando import maps.

Intro1:04
Este es un preview sobre lo que se desarrollará en esta sección.
Custom Colors TailwindCSS.15:15
En este video añadiremos colores personalizados por nosotros dentro de la aplicación de Ruby on Rails.
Footer.5:16
En este video se diseñará el footer de la aplicación.
Main.8:35
Se añadirá la imágen de la aplicación así como textos y botones.
Companies section.3:49
Se añadirá una pequeña sección con diferentes imagenes de compañías para el landing_page.
All sections left.9:57
Se complementará el resto del landing_page con diferentes secciones, textos e imagenes ui.

Preview.0:38
Este es un preview sobre lo que se desarrollará en esta sección.
Installing devise.5:06
En este video, se instalará devise dentro de la aplicación para la autenticación de usuarios.
Sign in font-end.11:11
Se realizará el font-end del view de Sign in.
Sign up font-end.4:44
Se realizará el font-end del view de Sign up.
Authentication functionality.6:47
Se desarrollará la parte del back-end para la autenticación de los usuarios.

Preview.1:06
Este es un preview sobre lo que se desarrollará en esta sección.
Section model.8:12
En este video se creará el modelo para Section con sus atributos y explicación del modelo.
Welcome partial.6:36
En este video se diseñará el partial de welcome para cuando no hay ninguna evaluación en la aplicación.
Creating modal.9:23
En este video se creará el modal que se utilizará para crear objetos dentro de la aplicación.
Modal font-end.9:36
Se implementará el font-end para el modal desarrollado.
C for evaluations.8:38
En este video se implementará la funcionalidad de crear evaluaciones dentro de la aplicación.
Render with Turbo-Stream.15:58
Cada objeto creado dentro de la aplicación deberá mostrarse sin recargar la página, para ello se utilizará Turbo Stream.
Index for evaluations.14:11
Se diseñará el index con los objetos ya creados dentro de la aplicación para evaluations.
R for evaluations.9:33
En este video se implementará la funcionalidad de leer o mostrar evaluaciones dentro de la aplicación.
U for evaluations.7:19
En este video se implementará la funcionalidad de actualizar evaluaciones dentro de la aplicación.
D for evaluations.2:51
En este video se implementará la funcionalidad de borrar evaluaciones dentro de la aplicación.

Welcome.5:18
Se desarrollará el partial de welcome para cada uno de los capítulos dentro de la aplicación.
C for chapters.9:36
En este video se implementará la funcionalidad de crear capítulos dentro de la aplicación.
R for chapters.2:26
En este video se implementará la funcionalidad de leer o mostrar capítulos dentro de la aplicación.
U - D for chapters.4:20
En este video se implementará la funcionalidad de actualizar y borrar capítulos dentro de la aplicación.
Scopes for sections.4:50
En este video se implementarán scopes para diferencias evaluaciones y capítulos dentro del modelo de Section.

MVC for questions.4:05
Desarrollar el MVC para Question con cada uno de los atributos necesarios para la aplicación.
C for questions part 01.10:44
En este video se implementará la funcionalidad de crear las preguntas dentro de la aplicación, parte 01.
C for questions part 02.10:47
En este video se implementará la funcionalidad de crear las preguntas dentro de la aplicación, parte 02.
Form and Stimulus JS font-end.11:44
Añadir Stimulus al formulario para reiniciarlo una vez que se haya guardado la pregunta y añadir estilo al componente.
Questions' section and scroll.6:19
Añadir una sección para mostrar cada una de las preguntas y añadir un scroll en la sección.
Turbo-frame for edit question.7:55
Añadir un Turbo Frame para poder editar cada una de las preguntas en la misma página.
Edit form font-end.6:42
Crear y diseñar el formulario para la edición de cada pregunta.
U for questions.9:17
En este video se implementará la funcionalidad de actualizar las preguntas dentro de la aplicación.
D for questions.8:38
En este video se implementará la funcionalidad de borrar las preguntas dentro de la aplicación.

Requirements

Se desea básico conocimiento del framework Ruby on Rails.
Si no tienes conocimiento en Ruby on Rails, no te preocupes, todo se explicará durante el curso.
Conocimiento en HTML, CSS y Javascript

Description

En este curso vas a desarrollar una encuesta utilizando el framework Ruby on Rails. Cada una de las caracterísiticas implementadas en el curso hacen uso de diferentes tecnologías como Docker, TailwindCSS, PostgreSQL, Hotwire, Stimulus JS, Turbo-Frames y Sendgrid.

The Survey Rails App es una aplicación que posee evaluaciones y capítulos, donde dichos objetos pueden ser agregados en encuestas. Cada evaluación tiene sus propias preguntas y respuestas, y cada capítulo le es posible añadir contenido con imagenes. Las encuestas son compartidas vía email sin la necesidad de registrarse en la plataforma a traves de tokens.

Los usuarios pertenecientes a dichas encuestas, podrán ver el progreso de los participantes dentro de la aplicación. Cada participante podrá contestar su encuesta desde su ordenador, donde podrá ver el progreso de la encuesta mediante una barra de progreso. Una vez que los participantes proporcionen un click al botón de submit en cada una de las evaluaciones. A finalizar, el permiso será bloqueado a cada participante una vez que terminen de contestar la encuesta, sin la posibilidad de contestarla nuevamente.

Finalmente, el usuario que creo la encuesta, podrá descargar los resultados en formato CSV obteniendo la siguiente información:

Encuesta.
Evaluación.
Pregunta.
Respuesta.
Token

Además, vas a implementar varios métodos y funcionalidades que Ruby on Rails ofrece como scopes, enum, validaciones, actualizaciones en tiempo real sin recargar la página, tokens y autenticación con usuarios.

Adelante! Y conoce más acerca de este increíble framework.

Who this course is for:

Todo público que deseé crear aplicaciones en Ruby on Rails, Hotwire, Docker y TailwindCSS.

Ruby on Rails 7 Hotwire Docker TailwindCSS

What you'll learn

Explore related topics

Course content

Survey Rails App preview.1 lecture • 15min

Project Set-Up.7 lectures • 24min

Landing page.6 lectures • 44min

User Authentication with Devise.5 lectures • 28min

Sendgrid.3 lectures • 10min

Root path wth user registered.3 lectures • 20min

Evaluations.11 lectures • 1hr 33min

Chapters.5 lectures • 27min

Questions.9 lectures • 1hr 16min

Action Text and Body for chapters.3 lectures • 27min

Requirements

Description

Who this course is for: