¡Emoción! 😃 Vamos a darle
Introducción a Materialize
Frameworks ¿Qué son?
¿Qué es Material Design y Materialize?
La lógica detrás del Grid system
Documentación y características de Materialize
Componentes de Materialize
Desarrollo del sitio
Presentación del proyecto
Instalación del proyecto
Elaboración del header
Estilos al header
Construcción del main homepage
Finalizando cards en el homepage
Terminando el index.html y estilos en el mainpage
Desarrollo de la página de artículo
Desarrollo del formulario de registro
Desarrollo de checkboxes en el formulario
Despliege del proyecto
Despliegue del proyecto en Firebase
Conclusiones
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Aportes 21
Preguntas 0
¡Emoción! 😃 Vamos a darle
Crear archivo index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Aviation News</title>
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
</body>
</html>
Vamos a empezar!
Ahí vamos!
¡Genial el proyecto! Yo lo voy a hacer con PUG y SASS para ir practicando un poco 😁
Todo listo para empezar a maquetar
Es hora de empezar…¡
Llevo aprox 1 año programando con SASS vamos a volver al css puro a ver que tal nos va. 😃
LET’S GO!
¡Que ganas!
Nunca pares de aprender 💪🏻
listo, comenzamos
Target
A practicar
Continuemos 😎
Comenzando ❤️
Solo me falta aprender de Materialise para saber de los 4 frameworks de Css.
Genial, vamos 💪
A practicando 😃
Excelente vamos a darle!!
En la web de Materialize, en la sección Getting Started, en CDN copiamos el código de CSS justo después de nuestro Título y la parte de JS justo antes de que termine el Body
En la sección HTML Setup copiamos el código de las fuentes de Google y lo pegamos en nuestro código justo antes de la parte de CSS que pegamos.
Finalmente con la etiqueta <link> llamamos a nuestro archivo CSS creado
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.