Curso Materialize CSS

Diseño web

Framework CSS con el que aplicar fácilmente las guías de estilo de Material Design

Básico Corto (hasta 8 horas) Precio en promoción 65€ 49€

Si te dedicas al desarrollo de sitios web, seguramente hayas oído hablar de Material Design: las guías de diseño de interfaces para sitios web y aplicaciones, creadas por Google. Material Design nos ayuda a todos los desarrolladores, ya sean diseñadores, maquetadores o programadores, a crear interfaces con una cuidada estética y un lenguaje visual consistente.

Materialize CSS es un framework CSS que se basa en el lenguaje visual de Google y permite de una manera cómoda diseñar sitios y aplicaciones web, con una cuidada estética. Ofrece, a cualquiera que conozca HTML y CSS básico, la posibilidad de llevar sus interfaces de sitios y aplicaciones web al siguiente nivel. Con el Curso de Materialize CSS podrás aprender a aplicar todos los componentes y utilidades de CSS y JavaScript ofrecidas por el framework para las construcción de interfaces de usuario.

Por qué Materialize CSS

Material Design no es más que una guía sobre cómo deben de presentarse las interfaces, y lograr así que se vean bonitas, consistentes y usables. Sin embargo, las guías creadas por Google no entran en el terreno de la implementación. Así pues, para aplicar Material Design tienes dos alternativas: 1) Realizar todo desde cero, o 2) apoyarte en algún framework o librería que te ofrezca las interfaces ya desarrolladas, para que solamente tengas que aplicar los estilos y funcionalidades para cada elemento.

Obviamente, si eres un buen maquetador con conocimientos avanzados y tienes todo el tiempo del mundo, puedes desarrollar desde cero tus bibliotecas de estilos y funcionalidad para aplicar Material, pero es mucho más sencillo y productivo acudir a un framework CSS como Materialize CSS.

Objetivos del curso de Materialize CSS

El objetivo de este curso es ofrecerte un conocimiento profundo de un framework CSS avanzado como es Materialize CSS, de modo que puedas aplicar todo su valor y conseguir desarrollar sitios estéticamente cuidados y consistentes, en un menor espacio de tiempo.

    - Aprende a estructurar correctamente documentos HTML5 con etiquetas y atributos semánticos.

    - Crea increíbles temas e interfaces de gran calidad para sitios y aplicaciones web.

    - Conoce las utilidades widgets y componentes disponibles en Materialize CSS.

Requisitos

Para el acceso a este curso es suficiente con tener un conocimiento básico de los lenguajes usados en la web para expresar el contenido y aplicar el estilo.

HTML básico.

CSS básico.

Aunque Materialize CSS también te ofrece componentes que incorporan funcionalidad mediante Javascript, no necesitas conocer este lenguaje para poder usarlos correctamente.

Temario

Este es el resumen de contenidos que se impartirá a lo largo de las clases del curso.

La primera clase es gratuita y durará aproximadamente una hora.

El resto de clases, para el grupo reducido de los estudiantes del curso, se impartirán en sesiones de dos horas cada una.

Clase 1 Introducción a Materialize CSS

Características.

Hola Mundo.

Componentes CSS.

Componentes JS.

Clase 2 Desarrollando un sitio web con Materialize CSS I

Definiendo la identidad visual del sitio.

Definiendo las secciones del sitio.

Definiendo las partes comunes.

Interactuado y modificando comportamientos por defecto del Framework.

Clase 3 Desarrollando un sitio web con Materialize CSS II

Maquetación y Responsive del sitio.

Trabajando con el Grid de Materialize.

Multimedia responsive.

Integrando estilos y componentes propios en Materialize.

Clase 4 Desarrollando un sitio web con Materialize CSS III

Integrando Componentes CSS al sitio.

Integrando Componentes JS al sitio.

Integrando Elementos de Formulario al sitio.

Optimizando el sitio web con PHP.

Modificación de los estilos base de Materialize CSS vía sus archivos de Sass

CONTENIDO

Introducción a Materialize CSS

Qué es Materialize CSS

Gratis !
Jonathan MirCha

Primeros pasos y estilos del framework

Gratis !
Jonathan MirCha

Componentes de Materialize CSS

Gratis !
Jonathan MirCha

Componentes Materialize de Javascript

Gratis !
Jonathan MirCha

Elementos de formulario Material Design

Gratis !
Jonathan MirCha

Preguntas finales sobre Materialize

Gratis !
Jonathan MirCha

Desarrollando un sitio web con Materialize CSS

CONTENIDO

Introducción a Materialize CSS

Qué es Materialize CSS

Gratis !
Jonathan MirCha

Primeros pasos y estilos del framework

Gratis !
Jonathan MirCha

Componentes de Materialize CSS

Gratis !
Jonathan MirCha

Componentes Materialize de Javascript

Gratis !
Jonathan MirCha

Elementos de formulario Material Design

Gratis !
Jonathan MirCha

Preguntas finales sobre Materialize

Gratis !
Jonathan MirCha

Desarrollando un sitio web con Materialize CSS