# data[].attributes.body
Proceso de crear la apariencia, estructura y experiencia de un sitio web.

# data[].attributes.body
Visual (diseño gráfico, tipografía)

Funcional (navegación, usabilidad)

Técnico (código, compatibilidad)

# data[].attributes.body
Apple:

-Lindo

-Funcional

-Atractivo

# data[].attributes.attachment_link.title
Aprender a diseñar mirando la web de apple

# data[].attributes.attachment_link.description
Serie de post en la que pretendo aprender a diseñar mediante webs que considero están bien diseñadas hoy toca la web de apple computers

# data[].attributes.body
Sistema informático que almacena y entrega los archivos de un sitio web

# data[].attributes.body
Almacenar y servir contenido web cuando alguien lo solicita (por navegador).

# data[].attributes.body
Compartido

VPS (Servidor Virtual Privado)

Dedicado

Cloud (en la nube)

# data[].attributes.body
Servicio que guarda los archivos de tu sitio web para que estén accesibles online.

# data[].attributes.body
El hosting utiliza los recursos del servidor para que un sitio web pueda funcionar

# data[].attributes.attachment_link.description
Empezaremos por lo sencillo que es el significado de la palabra “hosting” en español.Hosting en español quiere decir alojamiento, por ello su significad…

# data[].attributes.body
Compartido

VPS

Dedicado

En la nube (Cloud)

# data[].attributes.body
Lenguaje que estructura el contenido (títulos, párrafos, imágenes).

# data[].attributes.attachment_link.readable_text
HTML (Lenguaje de Marcas de Hipertexto, del inglés HyperText Markup Language) es el componente más básico de la Web. Define el significado y la estructura del contenido web. Además de HTML, generalmente se utilizan otras tecnologías para describir la apariencia/presentación de una página web ( CSS) o la funcionalidad/comportamiento ( JavaScript).

"Hipertexto" hace referencia a los enlaces que conectan páginas web entre sí, ya sea dentro de un único sitio web o entre sitios web. Los enlaces son un aspecto fundamental de la Web. Al subir contenido a Internet y vincularlo a las páginas creadas por otras personas, te conviertes en un participante activo en la " World Wide Web " (Red Informática Mundial).

Un elemento HTML se distingue de otro texto en un documento mediante "etiquetas", que consisten en el nombre del elemento rodeado por "<" y ">". El nombre de un elemento dentro de una etiqueta no distingue entre mayúsculas y minúsculas. Es decir, se puede escribir en mayúsculas, minúsculas o una mezcla. Por ejemplo, la etiqueta <title> se puede escribir como <Title>, <TITLE> o de cualquier otra forma.

Los siguientes artículos pueden ayudarte a obtener más información sobre HTML.

# data[].attributes.attachment_link.title
HTML: Lenguaje de etiquetas de hipertexto | MDN

# data[].attributes.attachment_link.description
HTML (Lenguaje de Marcas de Hipertexto, del inglés HyperText Markup Language) es el componente más básico de la Web. Define el significado y la estructura del contenido web. Además de HTML, generalmente se utilizan otras tecnologías para describir la apariencia/presentación de una página web (CSS) o la funcionalidad/comportamiento (JavaScript).

# data[].attributes.body
Aplica estilos (colores, fuentes, diseño visual).

# data[].attributes.attachment_link.description
Hojas de Estilo en Cascada (del inglés Cascading Style Sheets) o CSS es el lenguaje de estilos utilizado para describir la presentación de documentos HTML o XML (incluyendo varios lenguajes basados en XML como SVG, MathML o XHTML). CSS describe cómo debe ser renderizado el elemento estructurado en la pantalla, en papel, en el habla o en otros medios.

# data[].attributes.body
Añade interactividad (formularios, sliders, animaciones).

# data[].attributes.attachment_link.readable_text
JavaScript ( JS) es un lenguaje de programación ligero, interpretado, o compilado justo-a-tiempo (just-in-time) con funciones de primera clase. Si bien es más conocido como un lenguaje de scripting (secuencias de comandos) para páginas web, y es usado en muchos entornos fuera del navegador, tal como Node.js, Apache CouchDB y Adobe Acrobat JavaScript es un lenguaje de programación basada en prototipos, multiparadigma, de un solo hilo, dinámico, con soporte para programación orientada a objetos, imperativa y declarativa (por ejemplo programación funcional). Lee más en acerca de JavaScript.

Esta sección está dedicada al lenguaje JavaScript en sí, y no a las partes que son específicas de las páginas web u otros entornos host. Para información acerca de APIs específicas para páginas Web, consulta APIs Web y DOM.

El estándar para JavaScript es ECMAScript (ECMA-262) y la especificación de la API para la Internacionalización de ECMAScript (ECMA-402). La documentación en MDN está basada enteramente en las últimas versiones preliminares de ECMA-262 y ECMA-402. Y en algunos casos donde algunas propuestas para nuevas funciones para ECMAScript ya hayan sido implementadas en los navegadores, la documentación y algunos artículos de MDN pueden hacer uso de algunas de estas funciones.

No confundas JavaScript con el lenguaje de programación Java. Ambos "Java" y "JavaScript" son marcas o marcas registradas de Oracle en los Estados Unidos y otros países. Sin embargo, los dos lenguajes de programación tienen sintaxis, semántica y usos muy diferentes.

¿Quieres transformarte en un desarrollador web front-end?
Hemos reunido un curso que incluye toda la información esencial que necesitas para trabajar hacia tu objetivo.
Empieza aquí

Aprende a programar en JavaScript con guías y tutoriales.

Dirígete a nuestro tema del Area de Aprendizaje JavaScript si quieres aprender JavaScript pero no tienes experiencia previa de JavaScript o programación. Los módulos completos disponibles allí son los siguientes:

Primeros pasos en JavaScript

Responde algunas preguntas fundamentales tales como "¿qué es JavaScript?", "¿cómo se ve?", y "¿qué puede hacer?", junto con la discusión de características clave de JavaScript, como variables, cadenas, números y arreglos.

Bloques de construcción JavaScript

Continúa nuestra cobertura de las características fundamentales clave de JavaScript, dirigiendo nuestra atención a los tipos de bloques de código que se encuentran comúnmente, tales como declaraciones condicionales, bucles, funciones y eventos.

Introducción a objetos JavaScript

Es importante comprender la naturaleza de la orientación a objetos en JavaScript si deseas ir más allá con tu conocimiento del lenguaje y la escritura de código más eficiente, por lo tanto, hemos proporcionado este módulo para ayudarte.

JavaScript asíncrono

Analiza el JavaScript asíncrono, por qué es importante y cómo se puede usar para manejar eficazmente las potenciales operaciones de bloqueo, tales como recuperar recursos de un servidor.

API web del lado del cliente

Explora qué son las APIs y cómo usar algunas de las APIs más comunes que encontrarás a menudo en tu trabajo de desarrollo.

Guía de JavaScript

Una guía mucho más detallada del lenguaje JavaScript, dirigida a aquellos con experiencia previa en programación, ya sea en JavaScript u otro lenguaje.

Comprendiendo los frameworks JavaScript de lado del cliente

Los frameworks de JavaScript son una parte esencial del desarrollo web front-end moderno, ya que proporcionan a los desarrolladores herramientas probadas y comprobadas para crear aplicaciones web interactivas y escalables. Este módulo te brinda algunos conocimientos básicos sobre cómo funcionan los frameworks del lado del cliente y cómo encajan en tu conjunto de herramientas, antes de pasar a la serie de tutoriales que cubren algunos de los más populares en la actualidad.

Una reintroducción a JavaScript

Una descripción general para aquellos que piensan que saben JavaScript.

Estructuras de datos en JavaScript

Descripción general de las estructuras de datos disponibles en JavaScript.

Comparaciones de igualdad y similaridad

JavaScript proporciona tres diferentes operadores de comparación de valores: igualdad estricta usando ===, igualdad abstracta usando == y el método .

Cierres (clousures)

Un cierre es la combinación de una función y un entorno léxico dentro del cual se declaró esa función.

Herencia y la cadena de prototipos

Explicación de la herencia basada en prototipos ampliamente incomprendida y subestimada.

Modo estricto

El modo estricto define que no puedes usar ninguna variable antes de iniciarla. Es una variable restringida de ECMAScript 5, para un rendimiento más rápido y una depuración más fácil.

Arreglos tipados en JavaScript

Los arreglos tipados en JavaScript proveen un mecanismo para acceder a datos binarios sin formato.

Gestión de la Memoria

Ciclo de vida de la memoria y recolección de basura en JavaScript.

Modelo de Concurrencia y Bucle de Eventos

JavaScript tiene un modelo de concurrencia basado en un "bucle de eventos".

Herramientas útiles para escribir y depurar tu código JavaScript.

Herramientas para Desarrolladores de Firefox

Consola Web, Generador de Perfiles de JavaScript, Depurador y más.

Consola de Javascript

Una consola de JavaScript te permite probar rápidamente fragmentos de código JavaScript.

Aprende JavaScript

Un excelente recurso para aspirantes a desarrollador web - Aprende JavaScript en un entorno interactivo, con lecciones cortas y pruebas interactivas, guiado por una evaluación automatizada. Las primeras 40 lecciones son gratis y el curso completo está disponible por un pequeño pago único.

TogetherJS

Colaboración fácil. Al agregar TogetherJS a tu sitio web, ¡tus usuarios pueden ayudarse mutuamente en un sitio web en tiempo real!

Stack Overflow

Preguntas en Stack Overflow etiquetadas con "JavaScript".

Edita JavaScript, CSS, HTML y obtén resultados en vivo. Usa recursos externos y colabora con tu equipo en línea.

Plunker es una comunidad en línea para crear, colaborar y compartir sus ideas de desarrollo web. Edita sus archivos JavaScript, CSS, HTML y obtén resultados en vivo y estructuras de archivos.

JSBin es una herramienta de depuración de desarrollo web colaborativo de código abierto.

Codepen es otra herramienta colaborativa de desarrollo web usada como un espacio para mostrar resultados en vivo.

StackBlitz

StackBlitz es otra herramienta de depuración/visualización en línea, que puede alojar e implementar aplicaciones full-stack usando React, Angular, etc.

# data[].attributes.attachment_link.description
JavaScript (JS) es un lenguaje de programación ligero, interpretado, o compilado justo-a-tiempo (just-in-time) con funciones de primera clase. Si bien es más conocido como un lenguaje de scripting (secuencias de comandos) para páginas web, y es usado en muchos entornos fuera del navegador, tal como Node.js, Apache CouchDB y Adobe Acrobat JavaScript es un lenguaje de programación basada en prototipos, multiparadigma, de un solo hilo, dinámico, con soporte para programación orientada a objetos, imperativa y declarativa (por ejemplo programación funcional).

# data[].attributes.body
-Bootstrap

-Tailwind

-Python

# data[].attributes.attachment_link.title
Introducción a las tecnologías web - 1 - Curso Desarrollo Web

# data[].attributes.body
Se trata de la parte visible del sitio, lo que ve y usa el usuario

# data[].attributes.attachment_link.title
Tendencias de frontend en 2024: qué le permitirá retener a sus clientes

# data[].attributes.attachment_link.description
Descubra las tendencias frontend de 2024 para retener clientes. Mejore su desarrollo web con estrategias de vanguardia para una experiencia de usuario perfecta.

# data[].attributes.body
Botones, menús, formularios, animaciones, colores.

# data[].attributes.body
Parte oculta que gestiona datos, lógica y comunicación con servidores.

# data[].attributes.attachment_link.title
Qué es Frontend y Backend: diferencias y características - Platzi

# data[].attributes.attachment_link.description
Frontend es la parte de un sitio web que interactúa con los usuarios, por eso decimos que está del lado del cliente. Backend es la parte que se conecta con

# data[].attributes.headline
Herramientas de un desarrollador Back-end

# data[].attributes.subject
Herramientas de un desarrollador Back-end

# data[].attributes.body
Lenguajes: Python, PHP, Node.js

Bases de datos: MySQL, MongoDB

# data[].attributes.attachment_link.title
Cómo ser DESARROLLADOR BACKEND en 2023 - Roadmap completo

# data[].attributes.body
-Log-In

-Almacenamiento de datos

-Envíos de formulario

# data[].attributes.body
Técnica que adapta el diseño web a distintos dispositivos (PC, móvil, tablet).

# data[].attributes.body
Es importante porque se adapta a diferentes tamaños de pantalla, lo que mejora la experiencia de usuario. Esto es especialmente importante porque cada vez más personas acceden a los sitios web desde dispositivos móviles.

# data[].attributes.body
Media queries

Flexbox / Grid

Layouts líquidos

# data[].attributes.attachment_link.title
DOMINA el Responsive Design CSS |  ¡3 + 1 Técnicas Modernas!