Este documento proporciona una introducción a los conceptos y tecnologías fundamentales para el desarrollo de páginas web responsive, incluyendo HTML, CSS, JavaScript, responsive web design, media queries y frameworks. Explica brevemente qué son HTML, CSS y JavaScript, así como conceptos clave como responsive web design y media queries. También cubre temas como estructuras de maquetado, sistemas de columnas, control de versiones y preprocesadores.

1. Tips desarrollar una Página
Web Responsive

2. Gerson Perez Aguilar
● CEO de Aptitud Emprendedora
● Desarrollador Front End UI
● Mentor y consultor diseño web,
desarrollo web y marketing
digital.
https://medium.com/@Gerson.Perez
HOLA!

3. ¿Cómo funciona una página
web?

5. ¿Cómo funciona una página web?

6. Estructura de una
página web

14. ¿Qué es HTML?

15. ¿Qué es HTML?
Es un lenguaje de etiquetas que nos permite modelar
información para presentar al usuario; sus siglas significan
HyperText Markup Language (lenguaje de marcas de
hipertexto).
Las etiquetas de HTML empiezan con un signo < (menor
que) y terminar con un signo > (mayor que).
<h1>Hola gente de Lab Isidro</h1>

16. ¿Qué es CSS?

17. ¿Qué es CSS?
Es lenguaje de hoja de estilo en cascada, que nos permite
agregar estilos a las etiquetas HTML; sus siglas significa
Cascading Style Sheets.
La forma usar CSS, declarando la etiqueta y entre { }.
Ejemplo:
h1 { font-size: 32px; }

18. ¿Qué es un Javascript?

19. ¿Qué es un Javascript?
Javascript es un lenguaje de programación que
no requiere de compilación ya que el lenguaje
funciona del lado del cliente, los navegadores son
los encargados de interpretar estos códigos.

22. Estructura - Estilos

23. ¿Qué es Responsive Web
Design?

24. ¿Qué Responsive Web Design?
Responsive design corresponde a una tendencia
de creación de páginas web que pueden ser
visualizadas perfectamente en todo tipo de
dispositivos,desde ordenadores de escritorio
hasta smartphones o tablets.

29. ¿Qué es HTML5?

31. ¿Qué es Media Queries?

39. Formas de maquetar una
web

40. Estructuras con Tablas

42. Estructura con Floats

44. Estructura con Display Table

45. Estructura con Flexbox

47. Sistemas de columnas

51. Frameworks para Maquetar

54. Control de versiones

56. Repositorios en la Nube

58. Ecosistemas
de Preprocesadores

59. NodeJS

61. Ruby

63. ¡Gracias por tu
atención!
https://medium.com/@Gerson.Perez/