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

Instalación del proyecto

7/17
Recursos

Aportes 21

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

o inicia sesión.

¡Emoción! 😃 Vamos a darle

<h4>INSTALACION DEL PROYECTO</h4>

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