No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Curso de Materialize

Curso de Materialize

Diego De Granda

Diego De Granda

Desarrollo de checkboxes en el formulario

15/17
Recursos

Aportes 10

Preguntas 2

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

  • Materialize sugiere la siguiente estructura para los inputs tipo
    checkbox:
    <label class=鈥渃ol s12 m4鈥>
    <input type=鈥渃heckbox鈥>
    <span>Pol铆tica</span>
    </label>

  • Sirven para dar dise帽o especial a los botones:
    waves-effect waves-light

Reto: 1) Enlazar todas las p谩ginas, 2) Crear las otras p谩ginas 3) En la pantalla de registro hab铆a opci贸n de poner imagen.

Lo 煤nico que no me gusta de materializecss es c贸mo maneja el componente autocomplete... La forma en que devuelve el objeto y las keys lo veo medio engorroso

El desarrollo Front-end se puede agilizar sustancialmente utilizando el framework materialize la cual se podria definir como la herramienta que se gu铆a por las l铆neas de dise帽o de Material Design de Google

"Entre las cosas que te ofrece Materialize encuentras todo tipo de interfaces, como colores, transiciones, tipograf铆as, botones, navegadores, cabeceras, base de datos de iconos, elementos de formulario, tarjetas, tooltips, acordeones, men煤s desplegables, botones flotantes, migas de pan, men煤s con pesta帽as, sistemas de paginaci贸n, listas, as铆 como un sistema de rejilla y mucho m谩s. Por supuesto, todos los componentes y las utilidades de layout son responsive y a se adaptan a todo tipo de pantallas, grandes y peque帽as. Por todo, este framework de dise帽o web es un aut茅ntico regalo para el desarrollador."
Tomado de:
https://desarrolloweb.com/articulos/materialize-framework-css.html

Para eliminar el mismo texto en VSCode que se repite varias veces, seleccionas el texto y presionas Control + D las veces necesarias. Esto seleccionar谩 el texto que se repite y luego borras una sola vez.

Hay un fallo en la parte de separar nombre apellidos y correo contrase帽a en rows distintas, si te das cuenta cuando haces la pantalla del movil hay un padding entre los dos rows todos esto fields tendrian que haber ido al mismo row de esa forma no habr铆a el padding

Quedo muy bien la parte de registro.

Perfecto! Ahora a hacer los retos para terminar el proyecto y de paso practico y continuo con el cierre del curso!

Me hizo falta en el curso la parte del toggler para el men煤

Durante la clase se aplic贸 la clase center-align al button pero este permaneci贸 en la parte izquierda, para lograr centrarlo mi soluci贸n fu茅 la siguiente:

<div class="section">
                <div class="row">
                  <div class="col s12">
                    <div class="center-align">
                      <button class="btn waves-effect waves-light">Enviar
                          <i class="material-icons right">send</i>
                      </button>
                    </div>
                  </div>
                </div>
              </div>