• Author / Uploaded
• Juan Alejandro Rosales Coronel

Citation preview

---

FRONTEND & RUBY ON RAILS

AGENDA INTRODUCCIÓN LAYOUTS PARTIALS ASSETS FORMS

AGENDA INTRODUCCIÓN LAYOUTS PARTIALS ASSETS FORMS

REQUESTS & RESPONSES Los controllers generan los responses. Posibilidades:

render redirect_to head

RENDER CoC class CategoriesController < ApplicationController # ... def index end #... end # # # # #

Asumiendo que en routes.rb encontramos resources :categories El controller hace render de app/views/categories/index.html.erb

REQUESTS & RESPONSES def update respond_to do |format| if @blog.update(blog_params) format.html { redirect_to @blog, notice: 'Blog was successfully updated.' } format.json { render :show, status: :ok, location: @blog } else format.html { render :edit } format.json { render json: @blog.errors, status: :unprocessable_entity } end end end

AGENDA INTRODUCCIÓN LAYOUTS PARTIALS ASSETS FORMS FRONTEND GEMS & FRAMEWORKS

LAYOUTS app/views/layouts application.html.erb

HELPERS layout helpers auto_discovery_link_tag javascript_include_tag stylesheet_link_tag image_tag video_tag audio_tag

HELPERS javascript_include_tag javascript_include_tag -> HTML script tag

genera

HELPERS javascript_include_tag Múltiples archivos

HELPERS stylesheet_link_tag

HELPERS image_tag

HELPERS video_tag

genera (por defecto /public/videos)

HELPERS video_tag

genera (por defecto /public/videos)

HELPERS audio_tag

genera (por defecto /public/audios)

YIELD yield tag





la vista

YIELD Región de contenido nombrada





YIELD content_for

The page title

Welcome developers!

The page title

Welcome developers!

AGENDA INTRODUCCIÓN LAYOUTS PARTIALS ASSETS FORMS

PARTIALS render

Busca _menu.html.erb en la ruta de la vista actual

PARTIALS render

Busca app/views/shared/_menu.html.erb

PARTIALS usar un layout

Busca _user_bar.html.erb y el layout _bar.html.erb

PARTIALS variables locales new.html.erb New category

PARTIALS variables locales _form.html.erb

Category name

PARTIALS variables locales _form.html.erb

Category name

PARTIALS colecciones index.html.erb Categories

_category.html.erb

Category Name:

PARTIALS contenido alternativo Categories

PARTIALS variables locales

AGENDA INTRODUCCIÓN LAYOUTS PARTIALS ASSETS FORMS

ASSETS Ubicaciones app/assets lib/assets vendor/assets

assets propios de la aplicación assets propios reutilizables assets de terceros

ASSETS Ubicaciones /assets /images /javascripts /stylesheets

en general se busca en /assets/*

ASSETS Asset Pipeline (Sprockets) Concatenar assets Comprimir assets Precompilar assets (Sass, CoffeeScript, ERB)

ASSETS referencia en layout

ASSETS manifiestos app/assets/javascripts/application.js // ... //= require jquery //= require jquery_ujs //= require_tree .

app/assets/stylesheets/application.css /* ... *= require_self *= require_tree . */

AGENDA INTRODUCCIÓN LAYOUTS PARTIALS ASSETS FORMS

FORMS form_tag

contenido

FORMS form_tag





Search for:



FORMS form_for

contenido

FORMS form_for

prohibited this blog from being saved:

FORMS form_for - parámetros







AGENDA INTRODUCCIÓN LAYOUTS PARTIALS ASSET PIPELINE FORMS

REFERENCIAS https://www.railstutorial.org http://guides.rubyonrails.org