Curso : Ruby On Rails: Experto en Desarrollo de Aplicaciones Web
Tiempo de estudio:340 horas
Realización:Cursos online
Coste: 840 €> 420 €
PARTE 1. DESARROLLO DE APLICACIONES WEB CON RUBY ON RAILS 4
UNIDAD DIDÁCTICA 1. CONOCIENDO RUBY ON RAILS 4
- Objetivos del curso Desarrollo de aplicaciones web con Ruby on Rails 4
- Archivos base de Desarrollo de aplicaciones web con Ruby on Rails 4
- Qué es Rails
- Requisitos para Ruby on Rails 4
- Ambientes en Rails
- Instalación de la gema en Rails
- Rails en otras plataformas
UNIDAD DIDÁCTICA 2. NUESTRA PRIMERA APLICACIÓN CON RUBY ON RAILS 4
- Creando e iniciando nuestra aplicación de Rails
- Estructura de carpetas en Rails
- Arquitectura de una aplicación Rails
- Scaffolding con Rails
UNIDAD DIDÁCTICA 3. CONFIGURACIÓN DE RUBY ON RAILS 4
- Rutas de Rails y su DSL
- Bases de datos y otros secretos de Rails
- Inicializadores y configuraciones de ambiente en Rails
UNIDAD DIDÁCTICA 4. RUBY ON RAILS 4 DESDE LA LÍNEA DE COMANDOS
- Iniciar el servidor y la salida de Rails
- Consola y base de datos en Rails
- Generadores y destructores en Rails
- Rake y tareas personalizadas
UNIDAD DIDÁCTICA 5. CONTROLADORES EN RUBY ON RAILS 4
- Responsabilidades y convenciones en Rails
- Acciones, render y redirección en Ruby
- Parámetros y formatos en Ruby
- Variables de sesión, flash y cookies
- Responder un HTML, XML o JSON en Ruby
- HTTP y códigos de error en Ruby
UNIDAD DIDÁCTICA 6. VISTAS EN RUBY ON RAILS 4
- ERB somos y en HTML nos convertiremos
- HAML y Slim
- Layouts y parciales en Rails
- ActionView y sus métodos en Rails
- Formularios, verbos HTML y respuestas
- Assets pipeline con sprokets
- Localización en Rails
- La sintaxis de Sass y la configuración en Rails
- Utilizando imágenes para el layout en Rails
- La sintaxis de CoffeeScript en Rails
- Ajax y Rails
- Librerías externas e internas en JavaScript
- Entendiendo Turbolinks
UNIDAD DIDÁCTICA 6. MODELOS EN RUBY ON RAILS 4
- Patrón de diseño Active Record y Rails
- Creando un modelo nuevo en Rails y sus semillas
- Entendiendo las migraciones en Rails
- Validando nuestro objeto en Rails
- Callbacks de nuestro modelo en Rails
- Tipos de relaciones en Rails
- Obtener objetos en Rails
UNIDAD DIDÁCTICA 7. HERRAMIENTAS ÚTILES EN RUBY ON RAILS 4
- Enviar correos en Rails
- Trabajos en cadena con Rails
- Debug y logs en Rails
UNIDAD DIDÁCTICA 8. PRUEBAS Y PRODUCCIÓN EN RUBY ON RAILS 4
- Las pruebas en Rails y su importancia
- Ambiente de producción en Rails
- Nginx o Apache y Rails
UNIDAD DIDÁCTICA 9. RECURSOS PARA RUBY ON RAILS 4 Y DESPEDIDA
- 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
- El diseño web actual
- Diseño web responsive
- Planteamientos de diseño
- Pasar a otra cosa
- Objetivos del libro
- Herramientas del maquetador
- Descargar ejemplos
- Objetivos
- Mozilla Firefox
- Google Chrome
- Apple Safari
- Microsoft Internet Explorer
UNIDAD DIDÁCTICA 2. SOLUCIONES PARA LA COMPATIBILIDAD
- Disparidad entre navegadores
- Mejorar la compatibilidad
- Visualización inicial de los navegadores
- Normalize.css
- El HTML5 y html5shiv.js
- Media queries y respond.js
- Las alternativas y Modernizr.js
- Las reglas @supports
- El problema
- El reset universal
- El reset de Eric Meyer
- El reset de HTML5 Doctor
- El proyecto
- Descargar Normalize.css
- Instalar Normalize.css
- Objetivo
- Archivo de ejemplo
- Librería html5shiv.js
- Objetivo
- Archivo de ejemplo
- La librería respond.js
- 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
- Objetivo
- Utilizar las reglas @supports
- Operadores
UNIDAD DIDÁCTICA 3. EL DISEÑO CLÁSICO
- Diseñadores y maquetadores
- Modelos de cajas
- Los márgenes de los elementos
- Visualización de los elementos
- Visualización en flujo normal
- Posicionamiento absoluto
- Posicionamiento fijo
- Posicionamiento relativo
- Utilizar el diseño en posición relativa y absoluta
- Visualización de cajas flotantes
- 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
- Objetivo
- La propiedad display
- Diseño simple con una tabla
- Ancho en pantalla de la tabla
- Elementos anónimos
- Otros elementos para las tablas
- Diseño de las filas
- Establecer el ancho de las celdas
- Diseño con una tabla más estructurada
- Otras propiedades de diseño
- Alineación vertical
- Conclusión
- Párrafos en las celdas
- Listas en tablas
- Anchos fijos
- Anchos en porcentaje
- Propiedad table-layout
- Propiedad border-collapse
- Propiedad border-spacing
- Propiedad empty-cells
- Propiedad caption-side
UNIDAD DIDÁCTICA 5. CUADRÍCULAS DE DISEÑO
- Objetivo
- Estructura de las cuadrículas para la web
- Cuadrículas fijas
- La cuadrícula fija 960gs
- Cuadrícula fija notjustagrid
- Cuadrícula fluida Gridiculous
- 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
- 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
- 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
- Objetivo
- Orígenes
- Uso de media queries
- Sintaxis de las media queries
- Características a prueba
- Dónde ubicar las media queries
- Tamaño de las pantallas de los móviles
- El concepto viewport
- Un ejemplo muy sencillo
- Cuadrícula responsive
- Ejemplos de sitios con media queries
- Esquema
- Código HTML y CSS
- 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
UNIDAD DIDÁCTICA 7. EL DISEÑO RESPONSIVE
- El diseño responsive
- Cuadrículas responsive
- Cuadrícula responsive Simple Grid
- -Utilizar Simple Grid
- Cuadrícula responsive Columnal
- Uso de imágenes
- Imágenes fluidas
- Script Response.js
- Script picturefill.js
- Script responsive-images.js
- Propuestas para el futuro
- Tipografía responsive
- Tablas responsives
- Descargar e instalar Simple Grid
- Filas
- Esquema
- Primera fila
- Segunda fila
- Tercera fila
- Utilizar la cuadrícula fluida y responsive
- Código completo
- 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
- 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
- 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
- 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
- Utilizar JavaScript
- Descarga la demo
- Código de la página
- Utilizar la página
- Grupos de trabajo: RICG y W3C
- Grupos de trabajo: Apple y W3C
- 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
- Objetivo
- Zurb
- La solución de Geoff Yuen
- La solución de Chris Coyier
- Otras soluciones
UNIDAD DIDÁCTICA 8. FRAMEWORKS DE CSS
- Utilizar los frameworks de CSS
- Frameworks de CSS
- UIkit
- Kube
- Pure
- 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
- 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
- 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
- Objetivos
- Multicolumna
- Cajas flexibles
- Otros módulos del W3C
- 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
- 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
- Recorrido
- Cuadrículas
- Plantilla de página
- Distribución
- Regiones