Introducción a la Programación
Bienvenido a la programación, en esta lección veremos los básicos de HTML Y CSS que son necesarios para desarrollar proyectos Frontend, los cuales se utilizan para la creación de una página web con los elementos que cada uno requiera este tipo de desarrollo son todas aquellas las tecnologías de diseño y desarrollo web que corren en el navegador y que se encargan de la interactividad con los usuarios. A lo largo de esta lección desarrollaremos el maquetado de una página con elemntos que iremos revisando a través de las sesiones.
14
lecciones253 min.
de aprendizajeTemario
-
Introducción
En esta lección podrás aprender las herramientas necesarias para comenzar a realizar páginas web con HTML Y CSS
-
¿Qué es un programa y cómo funciona?
Introducéte al mundo de la programación descubriendo lo que son los programas y su funcionamiento.
-
Lenguajes de programación y sus diferencias
Conocerás los distintos lenguajes de programación y sus características
-
Elementos del lenguaje de programación
Variables, condicionales, funciones y bucles, herramientas básicas que debes conocer para el desarrollo HTML
-
Algoritmos
Podrás aprender sobre el uso de los algoritmos en la programación y el cómo nos ayudan a la resolución de problemas.
-
Setup de entorno de desarrollo
Comenzaremos a preparar el entorno para desarrollar nuestro sitio web con HTML
-
HTML 5 y sus Elementos
Conocerás los elementos principales de HTML 5 para comenzar a programar.
-
¿Qué es un navegador web y cómo funciona?
Conocerás que es un navegador web, su función y como es que se albergan dentro del internet.
-
Maquetación de página con HTML
Crearemos desde cero nuestra primera maqueta con HTML 5 y las herramientas vistas.
-
CSS 3
CSS, una herramienta que nos ayudará a darle estilo a nuestra página y en esta sección te daremos la introducción a ella.
-
Acercamiento a CSS para estilar el sitio web
Comenzarás a darle estilo a la página creada mediante HTML en las sesiones anteriores
-
Estilos 1: Selectores por clases en CSS
Por medio de las distintas herramientas seguiremos recreando el modelo de página para hacer nuestro propio código.
-
Estilos 2: Selectores por clases en CSS y pseudoclases
Seguiremos estilizando nuestra página por medio de clases en CSS 3
-
Estilos 3: Botones, iconos, imágenes y tipografía
Terminaremos el ejercicio de la creación de página web con HTML Y CSS enseñando nuevas herramientas como el estilo en botones y agregar iconos.