Lecciones del curso

Aprende a programar con JavaScript GRATIS

Bienvenid@ a la terminal
6m
Git y Github
14m
Creando un repositorio en Github
15m
Clonando un repositorio de Github
4m
Comenzando con JS
9m
HTML5 no es sólo HTML
3m
Tu primer documento HTML5
8m
Estructura Básica de un documento HTML
4m
Agregando CSS
8m
Previsualizando nuestro trabajo en el navegador
7m
Previsualizando nuestro trabajo en el navegador
7m
Conectando css a nuestro index.html
6m
Agregando interactividad con JS
6m
Undefined
2m
Null
3m
Intro a funciones
9m
Return
8m
Iconos de fontawesome
8m
FlexBox
4m
FlexBox avanzado
7m
Selectores CSS
7m
Position: [absolute, relative, fixed]
13m
Cascada CSS
11m
Arrays
8m
Intro a estructuras de datos
4m
Objetos
7m
Nodos
5m
Manipulación de nodos
10m
Crear nodos
6m
Listeners
7m
Agregar Clases CSS con JS
11m
Sobre jQuery
2m

Instalando fuentes de íconos

Los iconos son un esencial a la hora de trabajar en la web

Hay muchos tipos de iconos y muchas maneras de utilizarlos, pero la más utilizada es como fuente, y una de las más populares que existen es Fontawesome. Fontawesome tiene una historia muy interesante, igual de interesante que sus iconos en los cuales puedes encontrar referencia a cualquier cosa que te imagines, son geniales, ahora tienen también una versión pro, que e permite modificarlos o tener variantes de los básicos.

La mejor forma de instalar una fuente es con su cdn

Una red de distribución de contenidos (CDN, content delivery network en inglés) es una red superpuesta de computadoras que contienen copias de datos, colocados en varios puntos de una red con el fin de maximizar el ancho de banda para el acceso a los datos de clientes por la red. Un cliente accede a una copia de la información cerca del cliente, esto es que recibiras el archivo muy rápido.

Vamos a construir una portada de nuevo pero esta vez vamos a colocar los elementos de forma avanzada con Flexbox y hasta vamos a crear un overlay.

<img width="300px" src="https://upload.wikimedia.org/wikipedia/commons/f/f9/NCDN_-_CDN.png" alt="funciones">

Happy Coding! ❤

Recursos extra