Curso Gratuito Ruby On Rails: Experto en Desarrollo de Aplicaciones Web

Información gratuita

Nombre y apellidos

Email

Teléfono

Situación laboral

País

Provincia

Acepto la Política de Privacidad, el Aviso Legal y la Política de Cookies de cursosgratuitos.es

Curso 100% Bonificable si eres trabajador contratado en el régimen general y envías la documentación de matrícula (en el caso de ser estudiante, desempleado, autónomo, funcionario o jubilado puedes realizar este curso de forma parcialmente subvencionada)

Busca otros cursos gratuitos

Para qué te prepara:

Este Curso de Ruby On Rails: Experto en Desarrollo de Aplicaciones Web le prepara para tener una visión amplia del entorno web, conociendo las técnicas de desarrollo de aplicaciones con la utilización de Ruby on Rails, además de realizar un diseño web responsive con HTML5 y CSS3.

A quién va dirigido:

El Curso de Ruby On Rails: Experto en Desarrollo de Aplicaciones Web está dirigido está dirigido a todos aquellos desarrolladores y diseñadores web que deseen conocer y dominar el estándar HTML5 y CSS3. Además es interesante para aquellos que deseen especializarse en Ruby on Rails.

Titulación:

Doble Titulación Expedida por EUROINNOVA BUSINESS SCHOOL y Avalada por la Escuela Superior de Cualificaciones Profesionales

Objetivos:

- Crear e iniciar nuestra aplicación de Rails. - Conocer la sintaxis de Sass y la configuración en Rails. - Realizar trabajos en cadena con Rails. - Crear sitios web que se adaptan automáticamente a cualquier resolución para obtener así una visualización óptima, independientemente del tipo de pantalla, ya sea de ordenador, tableta o smartphone.

Salidas Laborales:

Diseño Web / Desarrollo de aplicaciones web.

Resumen:

Si trabaja en el entorno web y desea conocer los aspectos esenciales para desarrollar aplicaciones web y realizar un diseño web responsive este es su momento, con el Curso de Ruby On Rails: Experto en Desarrollo de Aplicaciones Web podrá adquirir los conocimientos necesarios para desenvolverse profesionalmente en este sector. El diseño web responsive se basa, fundamentalmente, en las media queries CSS3: aprenderemos a dominar esta técnica gracias a numerosos ejemplos. Pasaremos después a los diferentes aspectos del diseño responsive: las cuadrículas, las imágenes y la tipografía.

Metodología:

Entre el material entregado en este curso se adjunta un documento llamado Guía del Alumno dónde aparece un horario de tutorías telefónicas y una dirección de e-mail dónde podrá enviar sus consultas, dudas y ejercicios. Además recibirá los materiales didácticos que incluye el curso para poder consultarlos en cualquier momento y conservarlos una vez finalizado el mismo.La metodología a seguir es ir avanzando a lo largo del itinerario de aprendizaje online, que cuenta con una serie de temas y ejercicios. Para su evaluación, el alumno/a deberá completar todos los ejercicios propuestos en el curso. La titulación será remitida al alumno/a por correo una vez se haya comprobado que ha completado el itinerario de aprendizaje satisfactoriamente.

Temario:

PARTE 1. DESARROLLO DE APLICACIONES WEB CON RUBY ON RAILS 4

UNIDAD DIDÁCTICA 1. CONOCIENDO RUBY ON RAILS 4
  1. Objetivos del curso Desarrollo de aplicaciones web con Ruby on Rails 4
  2. Archivos base de Desarrollo de aplicaciones web con Ruby on Rails 4
  3. Qué es Rails
  4. Requisitos para Ruby on Rails 4
  5. Ambientes en Rails
  6. Instalación de la gema en Rails
  7. Rails en otras plataformas
UNIDAD DIDÁCTICA 2. NUESTRA PRIMERA APLICACIÓN CON RUBY ON RAILS 4
  1. Creando e iniciando nuestra aplicación de Rails
  2. Estructura de carpetas en Rails
  3. Arquitectura de una aplicación Rails
  4. Scaffolding con Rails
UNIDAD DIDÁCTICA 3. CONFIGURACIÓN DE RUBY ON RAILS 4
  1. Rutas de Rails y su DSL
  2. Bases de datos y otros secretos de Rails
  3. Inicializadores y configuraciones de ambiente en Rails
UNIDAD DIDÁCTICA 4. RUBY ON RAILS 4 DESDE LA LÍNEA DE COMANDOS
  1. Iniciar el servidor y la salida de Rails
  2. Consola y base de datos en Rails
  3. Generadores y destructores en Rails
  4. Rake y tareas personalizadas
UNIDAD DIDÁCTICA 5. CONTROLADORES EN RUBY ON RAILS 4
  1. Responsabilidades y convenciones en Rails
  2. Acciones, render y redirección en Ruby
  3. Parámetros y formatos en Ruby
  4. Variables de sesión, flash y cookies
  5. Responder un HTML, XML o JSON en Ruby
  6. HTTP y códigos de error en Ruby
UNIDAD DIDÁCTICA 6. VISTAS EN RUBY ON RAILS 4
  1. ERB somos y en HTML nos convertiremos
  2. HAML y Slim
  3. Layouts y parciales en Rails
  4. ActionView y sus métodos en Rails
  5. Formularios, verbos HTML y respuestas
  6. Assets pipeline con sprokets
  7. Localización en Rails
  8. La sintaxis de Sass y la configuración en Rails
  9. Utilizando imágenes para el layout en Rails
  10. La sintaxis de CoffeeScript en Rails
  11. Ajax y Rails
  12. Librerías externas e internas en JavaScript
  13. Entendiendo Turbolinks
UNIDAD DIDÁCTICA 6. MODELOS EN RUBY ON RAILS 4
  1. Patrón de diseño Active Record y Rails
  2. Creando un modelo nuevo en Rails y sus semillas
  3. Entendiendo las migraciones en Rails
  4. Validando nuestro objeto en Rails
  5. Callbacks de nuestro modelo en Rails
  6. Tipos de relaciones en Rails
  7. Obtener objetos en Rails
UNIDAD DIDÁCTICA 7. HERRAMIENTAS ÚTILES EN RUBY ON RAILS 4
  1. Enviar correos en Rails
  2. Trabajos en cadena con Rails
  3. Debug y logs en Rails
UNIDAD DIDÁCTICA 8. PRUEBAS Y PRODUCCIÓN EN RUBY ON RAILS 4
  1. Las pruebas en Rails y su importancia
  2. Ambiente de producción en Rails
  3. Nginx o Apache y Rails
UNIDAD DIDÁCTICA 9. RECURSOS PARA RUBY ON RAILS 4 Y DESPEDIDA
  1. Despedida de Desarrollo de aplicaciones web con Ruby on Rails 4

PARTE 2. DISEÑO WEB RESPONSIVE CON HTML5 Y CSS3

UNIDAD DIDÁCTICA 1. INTRODUCCIÓN
  1. El diseño web actual
  2. Diseño web responsive
  3. Planteamientos de diseño
  4. Pasar a otra cosa
  5. Objetivos del libro
  6. Herramientas del maquetador

    7. - Objetivos

    - Mozilla Firefox

    - Google Chrome

    - Apple Safari

    - Microsoft Internet Explorer

  7. Descargar ejemplos
UNIDAD DIDÁCTICA 2. SOLUCIONES PARA LA COMPATIBILIDAD
  1. Disparidad entre navegadores
  2. Mejorar la compatibilidad
  3. Visualización inicial de los navegadores

    4. - El problema

    - El reset universal

    - El reset de Eric Meyer

    - El reset de HTML5 Doctor

  4. Normalize.css

    5. - El proyecto

    - Descargar Normalize.css

    - Instalar Normalize.css

  5. El HTML5 y html5shiv.js

    6. - Objetivo

    - Archivo de ejemplo

    - Librería html5shiv.js

  6. Media queries y respond.js

    7. - Objetivo

    - Archivo de ejemplo

    - La librería respond.js

  7. Las alternativas y Modernizr.js

    8. - Objetivo

    - Descargar Modernizr

    - Crear una página de ejemplo

    - Instale y enlace el script Modernizr

    - La activación de Modernizr

    - Utilizar las clases de Modernizr

    - Utilizar Modernizr con JavaScript

  8. Las reglas @supports

    9. - Objetivo

    - Utilizar las reglas @supports

    - Operadores

UNIDAD DIDÁCTICA 3. EL DISEÑO CLÁSICO
  1. Diseñadores y maquetadores
  2. Modelos de cajas
  3. Los márgenes de los elementos
  4. Visualización de los elementos
  5. Visualización en flujo normal
  6. Posicionamiento absoluto
  7. Posicionamiento fijo
  8. Posicionamiento relativo
  9. Utilizar el diseño en posición relativa y absoluta
  10. Visualización de cajas flotantes

    11. - Posicionamiento flotante

    - Colocar las cajas al lado

    - Prohibir la flotación

    - Ejemplo con cuatro cajas

    - Diseño simplista

    - Conclusión sobre diseñar con elementos flotantes

UNIDAD DIDÁCTICA 4. DISEÑAR CON TABLAS
  1. Objetivo
  2. La propiedad display
  3. Diseño simple con una tabla
  4. Ancho en pantalla de la tabla
  5. Elementos anónimos
  6. Otros elementos para las tablas

    7. - Párrafos en las celdas

    - Listas en tablas

  7. Diseño de las filas
  8. Establecer el ancho de las celdas

    9. - Anchos fijos

    - Anchos en porcentaje

  9. Diseño con una tabla más estructurada
  10. Otras propiedades de diseño

    11. - Propiedad table-layout

    - Propiedad border-collapse

    - Propiedad border-spacing

    - Propiedad empty-cells

    - Propiedad caption-side

  11. Alineación vertical
  12. Conclusión
UNIDAD DIDÁCTICA 5. CUADRÍCULAS DE DISEÑO
  1. Objetivo
  2. Estructura de las cuadrículas para la web
  3. Cuadrículas fijas
  4. La cuadrícula fija 960gs

    5. - Cuadrícula

    - Archivos CSS

    - Página de ejemplo

    - Enlaces a las hojas de estilo

    - Estilos personales

    - Contenedor del diseño

    - Bloques en 12 columnas

    - Bloques en las columnas de la cuadrícula

    - Prohibir los bloques flotantes adyacentes

    - Bloques con desplazamiento

    - Bloques centrados

    - Código completo de la página

  5. Cuadrícula fija notjustagrid

    6. - El framework

    - Cuadrícula

    - Página de ejemplo

    - Archivos CSS

    - Enlaces a las hojas de estilo

    - Estilos personales

    - Contenedor del diseño

    - Sistema de clases

    - Bloque para todo el ancho

    - Tres bloques en un tercio de la cuadrícula

    - Dos bloques en 3/5 y 2/5 de la cuadrícula

    - Un solo bloque en 2/3 de la cuadrícula

    - Código completo de la página

  6. Cuadrícula fluida Gridiculous

    7. - Cuadrículas fluidas

    - Cuadrícula Gridiculous

    - Página de ejemplo

    - Descargar la cuadrícula

    - Instalar la cuadrícula

    - Estilos personales

    - Contenedor

    - Filas

    - Tres bloques con la misma anchura

    - Dos bloques con anchos distintos

    - Bloque desplazado

    - Visualización de la cuadrícula fluida

UNIDAD DIDÁCTICA 6. MEDIA QUERIES
  1. Objetivo
  2. Orígenes
  3. Uso de media queries
  4. Sintaxis de las media queries
  5. Características a prueba
  6. Dónde ubicar las media queries
  7. Tamaño de las pantallas de los móviles
  8. El concepto viewport
  9. Un ejemplo muy sencillo

    10. - Esquema

    - Código HTML y CSS

  10. Cuadrícula responsive

    11. - Cuadrícula

    - Descargar e instalar la cuadrícula

    - Crear una página sencilla de 12 columnas

    - Vínculo a los estilos y a los scripts

    - Estructura del diseño

    - Reglas CSS

  11. Ejemplos de sitios con media queries
UNIDAD DIDÁCTICA 7. EL DISEÑO RESPONSIVE
  1. El diseño responsive
  2. Cuadrículas responsive
  3. Cuadrícula responsive Simple Grid
  4. -Utilizar Simple Grid

    5. - Descargar e instalar Simple Grid

    - Filas

    - Esquema

    - Primera fila

    - Segunda fila

    - Tercera fila

    - Utilizar la cuadrícula fluida y responsive

    - Código completo

  5. Cuadrícula responsive Columnal

    6. - Utilizar Columnal

    - Descargar e instalar Columnal

    - Esquema

    - Contenedor y filas

    - Primera fila

    - Segunda fila

    - La tercera fila y el desplazamiento

    - La cuarta fila y bloques anidados

    - Utilizar la cuadrícula fluida y responsive

    - Código completo del diseño

    - Imágenes responsives

    - Código completo para el diseño con una imagen responsive

  6. Uso de imágenes
  7. Imágenes fluidas

    8. - Objetivo

    - Diseño fijo

    - Diseño fluido

    - Ancho fluido de otros elementos

    - Anchos de imágenes fluidas

    - Abrir y cambiar el tamaño de la página

    - Código completo de la página

  8. Script Response.js

    9. - Utilizar JavaScript

    - Descargar el JavaScript

    - Enlaces a los JavaScript

    - Preparar imágenes

    - Código de la página

    - Funcionamiento del script

    - Optimizar las leyendas

    - Código completo de la página

  9. Script picturefill.js

    10. - Utilizar JavaScript

    - Descargar el JavaScript

    - Enlaces a los JavaScript

    - Preparar imágenes

    - Código de la página

    - Visualización de la imagen responsive

    - Código para las pantallas de alta definición (Retina)

    - Código completo de la página

  10. Script responsive-images.js

    11. - Utilizar JavaScript

    - Descarga la demo

    - Código de la página

    - Utilizar la página

  11. Propuestas para el futuro

    12. - Grupos de trabajo: RICG y W3C

    - Grupos de trabajo: Apple y W3C

  12. Tipografía responsive

    13. - Objetivo

    - Unidades utilizadas

    - Unidad em y cascada

    - Unidad rem y la cascada

    - Tipografía responsive y unidad rem

    - Tipografía responsive y fuentes

    - Unidades relacionadas con el viewport

  13. Tablas responsives

    14. - Objetivo

    - Zurb

    - La solución de Geoff Yuen

    - La solución de Chris Coyier

    - Otras soluciones

UNIDAD DIDÁCTICA 8. FRAMEWORKS DE CSS
  1. Utilizar los frameworks de CSS
  2. Frameworks de CSS
  3. UIkit

    4. - Utilizar UIkit

    - Descargar el framework

    - Descargar jQuery

    - Instalar el framework

    - Crear una cuadrícula fluida

    - Utilizar la cuadrícula fluida

    - Utilizar la cuadrícula responsive de UIkit

    - Crear una barra de navegación

    - Crear una tabla con formato

  4. Kube

    5. - Utilizar Kube

    - Descargar el framework

    - Instalar el framework

    - Crear una cuadrícula fluida y responsive

    - Utilizar la cuadrícula fluida y responsive

    - Insertar un formulario

    - Insertar botones

  5. Pure

    6. - Utilizar Pure

    - Descargar el framework

    - Enlazar el framework

    - Utilizar la cuadrícula fluida responsive

    - Insertar una tabla

    - Insertar una barra de menú con un menú desplegable

UNIDAD DIDÁCTICA 9. EL FUTURO DEL DISEÑO
  1. Objetivos
  2. Multicolumna

    3. - Preceptos de uso

    - Configuración de columnas

    - Configuración de las calles

    - Configuración de saltos de columna

    - Distribución en varias columnas

    - Un generador de multicolumnas

    - Columnas y diseño responsive

  3. Cajas flexibles

    4. - Ubicación de los elementos de diseño

    - Módulo de las cajas flexibles

    - Cajas flexibles

    - Orientación y dirección de las cajas

    - Desbordamiento de las cajas

    - Orientación de las cajas

    - Alineación horizontal de las cajas

    - Alineación vertical de las cajas

    - Excepciones en la alineación vertical

    - Excepciones en la alineación horizontal

    - Propiedades de la flexibilidad

    - Propiedad flex-grow

    - Propiedades flex-shrink y flex-basis

    - Constructores en línea

    - Ejemplo de diseño flexible

  4. Otros módulos del W3C

    5. - Recorrido

    - Cuadrículas

    - Plantilla de página

    - Distribución

    - Regiones