El desarrollo web es un término que se refiere la creación de páginas, sitios y aplicaciones web, éste tiene formas diferentes según la complejidad de un proyecto: desde la creación de páginas web con gestores de contenido como Wordpress o Wix, o la creación de páginas web con solamente HTML y CSS, hasta la implementación de frameworks de javascript, que permiten crear páginas más rápidas y con un diseño reactivo y basado en componentes.
Se le conoce como Diseño Web Responsivo o Adaptativo (responsive web design - RWD) a un conjunto de prácticas que permiten a las páginas web alterar su diseño y apariencia para adaptarse a diferentes anchos de pantalla, resoluciones o dispositivos, desde ordenadores de escritorio a tablets y móviles.
“una web para todos“
9 basic principles of responsive web design
La regla-at @keyframes permite crear la estructura de una animación a partir de la definición de los diferentes estados de ésta, de esta forma se puede tener un control más específico sobre los pasos intermedios de la secuencia de animación que se obtiene al dejar que el navegador maneje todo automáticamente.
CSS significa Hojas de estilo en cascada (Cascading Style Sheets) y es un lenguaje de diseño que nos permite modificar los estilos de nuestra página de una forma flexible y genérica.
CSS se creó para cubrir la necesidad de definir un mecanismo que permitiera aplicar diferentes estilos a los documentos. Este lenguaje se impulsó con el crecimiento del lenguaje HTML.
El Layout es la forma en la que está distribuido el contenido de una página web, este contenido puede estar distribuido en diferentes secciones de una página para un mejor entendimiento de la información que se presenta, visualmente se pueden agrupar o separar según se desee, sin embargo, desde HTML también se puede distribuir el contenido con etiquetas semánticas, que permiten al navegador identificar el tipo de contenido que tiene una página web.
Todos los elementos de HTML son representados como “cajas“ regulares en un navegador web, estas cajas permiten modelar y configurar la estructura de nuestra página ya que encapsulan el defino dentreo de cada etiqueta.
Bootstrap es una biblioteca multiplataforma o conjunto de herramientas de código abierto para diseño de sitios y aplicaciones web.
Bootstrap consiste de una colección de varios elementos web personalizables y funciones completamente empaquetados en una sola herramienta.
Se creó en el 2011 como solución interna para solucionar las inconsistencias en el desarrollo dentro del equipo de ingeniería de Twitter. Básicamente, no se había establecido ninguna convención sobre las formas en las que los ingenieros de Twitter elegían cómo desarrollar la plataforma.
La versión actual (Julio 2020) es bootstrap v4.5.0 y se encuentra en desarrollo la versión bootstrap v5.0
Algunas propiedades de css que se pueden utilizar para agregar estilos más avanzados son
Aqui encontrará diferentes plataformas donde podrá encontrar recusos gratuitos para su página web
JavaScript permite modificar el DOM (Modelo de Objetos del Documento HTML) de muchas formas, desde agregar y eliminar elementos al documento, modificar los atributos de elementos existentes (incluyendo las clases y estilos del mismo) y agregar funciones que reaccionan ante eventos del usuario.
! Cada elemento del DOM se conoce como Nodo, entre los cuales se distinguen los nodos de elemento (div, p, h1, etc…) y los nodos de texto (directamente el texto)