Fundamentos de Front end: HTML, CSS y Javascript

Name: Fundamentos de Front end: HTML, CSS y Javascript
Rating: 4.2 (66 reviews)

El curso ideal para iniciarse en la creación de sitios web de manera lógica y sencilla

Created byChristopher Díaz

Last updated 9/2018

Spanish

What you'll learn

Comprender ¿qué es? y ¿qué implica hacer un sitio web? hoy en día
Crear un sitio web con HTML5, CSS3 y Javascript
Publicar un sitio web en un servidor y configurar un dominio para acceder él
Aplicar las mejores prácticas SEO (posicionamiento en buscadores) y UX (experiencia de usuario) para ofrecer un sitio web competitivo
Determinar el camino a seguir y continuar con el aprendizaje de esta actividad de manera autónoma

Coding Exercises

This course includes our updated coding exercises so you can practice your skills as you learn.

Course content

2 sections • 23 lectures • 2h 23m total length

¿Qué es el diseño web?2:03
Esta es la primera clase del Curso Esencial de Diseño Web y en ella aprenderemos qué es el diseño web.
Frontend y Backend4:02
En esta clase aprenderemos qué es el frontend y el backend y qué tecnologías los conforman.
Sitios y Aplicaciones Web4:16
En esta clase aprenderemos qué es un sitio y una aplicación web, así como los diferentes tipos de aplicaciones web que existen.
Herramientas4:35
En esta clase conoceremos las herramientas necesarias para poder crear un sitio web.
Evaluación de la sección Introducción al Diseño Web

Definición de HTML3:26
En esta nueva sección vamos aprender todo sobre HTML5 y particularmente en esta clase conoceremos más a detalle qué es esta tecnología.
Etiquetas4:18
En esta clase conoceremos a fondo que son las etiquetas de HTML.
Atributos de etiquetas3:43
En esta clase conoceremos qué son los atributos de una etiqueta.
Jerarquía de etiquetas2:28
En esta clase conoceremos cómo se estructuran las etiquetas en jerarquías.
Evaluación de los conocimientos básicos sobre HTML
Mi primer página web8:25
En esta clase crearemos nuestra primer página web y usaremos las etiquetas básicas que debe tener un documento HTML.
Proyecto del curso3:08
En esta clase vamos a revisar en qué consiste el proyecto que estaremos desarrollando durante el curso.
Metadatos parte I7:57
En esta clase vamos a explicar qué son los metadatos y cómo se aplican en HTML.
Las etiquetas que veremos en este clase son:
meta
title
Metadatos parte II8:28
En esta clase vamos a explicar las etiquetas para los metadatos de relación y presentación.
Las etiquetas que veremos en este clase son:

style
link
Metadatos parte III9:15
En esta clase vamos a explicar las etiquetas para los metadatos de relación y comportamiento.
Las etiquetas que veremos en este clase son:

script
Crear un archivo HTML con metadatos de presentación
Comentarios4:19
En esta clase vamos a hablar de una etiqueta especial para generar comentarios en HTML.
Rutas parte I10:04
En esta clase vamos a hablar sobre las rutas relativas y el porqué es importante entenderlas
Rutas parte II6:18
En esta clase vamos a hablar sobre las rutas absolutas y el porqué es importante entenderlas.
Secciones parte I2:51
En esta clase vamos a hablar sobre cómo dividir una página en diferentes secciones y presentaremos las etiquetas de sección: header, footer, nav, aside, section, article, h1, h2, h3, h4, h5, h6, address y body.
Secciones parte II8:05
En esta clase vamos a realizar un ejemplo para comprender mejor las etiquetas de sección.
Agrupación de contenido13:14
En esta clase vamos a hablar sobre las etiquetas que nos permiten agrupar contenido.
Semántica de texto parte I7:20
En esta clase vamos a hablar sobre las etiquetas que nos permiten dar una semántica al texto, particularmente vamos a conocer a la etiqueta <a> que permite crear vínculos y por ende navegar entre páginas web.
Semántica de texto parte II11:53
En esta clase seguiremos aprendiendo de la etiqueta ancla y de la navegación local y externa. También conoceremos qué son los protocolos y cómo se usan en una ancla.
Semántica de texto parte III9:06
En esta clase vamos a continuar con las etiquetas de semántica de texto: strong, br, span, u y i
Contenido embebido parte I4:05
En esta clase vamos a comenzar a hablar sobre las etiquetas de contenido embebido, en especial vamos a comenzar con la etiqueta que nos permite embeber imágenes.

Requirements

Conocimientos básicos para usar una computadora
Ser un usuario activo de internet
Estar familiarizado con conceptos como: página web, link, video, adjuntar archivos, Facebook, Google, navegadores, botones, formularios, conocimiento de algún software de edición de texto como Word

Description

En la actualidad existe una gran cantidad de tecnologías, herramientas y cursos para crear sitios web, debido al incremento del uso de Internet y a la complejidad cada vez más alta que los sitios web requieren; sin embargo, entre tantas opciones, dar el primer paso para empezar en esta gran actividad que es el Diseño Web puede ser abrumador si no tenemos la guía correcta.

El enfoque de este curso es conocer los fundamentos del diseño web y aprender a crear sitios web de manera sencilla usando tecnologías como HTML5, CSS3 y Javascript, que son invariablemente los pilares de la construcción de cualquier sitio web, sumando a lo anterior la aplicación de las mejores prácticas que un sitio web necesita.

El curso también aborda los conceptos básicos de UX (experiencia de usuario) y SEO (posicionamiento en buscadores) que son fundamentales para asegurar un sitio web bien posicionado e ideal para ofrecer a nuestros usuarios una navegación adecuada según sus necesidades.

Este es un pre-lanzamiento.

Who this course is for:

Diseñadores que desean aprender a crear sitios web para demandar un mejor salario en sus trabajos
Estudiantes de informática o carreras a fin que desean profundizar en el diseño web y desean dedicarse a este rubro
Profesionistas que quieren aprender sobre el diseño web y cómo funciona para conseguir un trabajo creando sitios web