# data[].attributes.attachment_link.readable_text
La vida era tranquila, lo más parecido a una sociedad solar-punk; era la utopía perfecta. No existían barreras, los países de antaño ya no existían, la humanidad se unió bajo un único símbolo: el progreso. Sin embargo, los tiempos difíciles crean personas humildes; las personas humildes, tiempos sencillos; y los tiempos sencillos, personas egoístas. La humanidad entró en decadencia, los recursos se agotaron y la civilización se encontraba en el mismo punto de partida al de la crisis en la tierra.

EXPLORA LA DECADENCIA

# data[].attributes.attachment_link.description
Un universo narrativo en construcción. Somos una multiplataforma de investigación que documenta los proyectos transmedia realizados en Colombia

# data[].attributes.attachment_link.description
Combining automated deployment, instant hosting & collaborative editing, Glitch gets you straight to coding so you can build full-stack web apps, fast

# data[].attributes.attachment_link.description
Combining automated deployment, instant hosting & collaborative editing, Glitch gets you straight to coding so you can build full-stack web apps, fast

# data[].attributes.attachment_link.description
Combining automated deployment, instant hosting & collaborative editing, Glitch gets you straight to coding so you can build full-stack web apps, fast

# data[].attributes.attachment_link.description
Combining automated deployment, instant hosting & collaborative editing, Glitch gets you straight to coding so you can build full-stack web apps, fast

# data[].attributes.attachment_link.provider_name
iFrame Generator | Create iframe code to embed in any website

# data[].attributes.attachment_link.description
iFrame Generator creates the HTML code for your iframe tags. Just set a link URL, iframe size, scrolling and border.

# data[].attributes.attachment_link.description
Combining automated deployment, instant hosting & collaborative editing, Glitch gets you straight to coding so you can build full-stack web apps, fast

# data[].attributes.attachment_link.description
Combining automated deployment, instant hosting & collaborative editing, Glitch gets you straight to coding so you can build full-stack web apps, fast

# data[].attributes.attachment_link.description
Simple, powerful, free tools to create and use millions of apps.

# data[].attributes.attachment_link.description
Combining automated deployment, instant hosting & collaborative editing, Glitch gets you straight to coding so you can build full-stack web apps, fast

# data[].attributes.attachment_link.readable_text
JavaScript is the world's most popular programming language.

JavaScript is the programming language of the Web.

JavaScript is easy to learn.

This tutorial will teach you JavaScript from basic to advanced.

Start learning JavaScript now "

Examples in Each Chapter

With our "Try it Yourself" editor, you can edit the source code and view the result.

Use the Menu

We recommend reading this tutorial, in the sequence listed in the menu.

If you have a large screen, the menu will always be present on the left.

If you have a small screen, open the menu by clicking the top menu sign ☰.

Learn by Examples

Examples are better than 1000 words. Examples are often easier to understand than text explanations.

This tutorial supplements all explanations with clarifying "Try it Yourself" examples.

If you try all the examples, you will learn a lot about JavaScript, in a very short time!

JavaScript Examples "

Why Study JavaScript?

JavaScript is one of the 3 languages all web developers must learn:

1. HTML to define the content of web pages

2. CSS to specify the layout of web pages

3. JavaScript to program the behavior of web pages

This tutorial covers every version of JavaScript:

The Original JavaScript ES1 ES2 ES3 (1997-1999)

The First Main Revision ES5 (2009)

The Second Revision ES6 (2015)

All Yearly Additions (2016, 2017, 2018, 2019, 2020)

Learning Speed

In this tutorial, the learning speed is your choice.

Everything is up to you.

If you are struggling, take a break, or re-read the material.

Always make sure you understand all the "Try-it-Yourself" examples.

The only way to become a clever programmer is to: Practice. Practice. Practice. Code. Code. Code !

Commonly Asked Questions

How do I get JavaScript?

Where can I download JavaScript?

Is JavaScript Free?

You don't have to get or download JavaScript.

JavaScript is already running in your browser on your computer, on your tablet, and on your smart-phone.

JavaScript is free to use for everyone.

My Learning

Track your progress with the free "My Learning" program here at W3Schools.

Log in to your account, and start earning points!

This is an optional feature. You can study W3Schools without using My Learning.

JavaScript References

W3Schools maintains a complete JavaScript reference, including all HTML and browser objects.

The reference contains examples for all properties, methods and events, and is continuously updated according to the latest web standards.

Complete JavaScript Reference "

JavaScript Quiz Test

Test your JavaScript skills at W3Schools!
Start JavaScript Quiz!
Kickstart your career

Get certified by completing the course

# data[].attributes.attachment_link.description
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

# data[].attributes.attachment_link.description
Combining automated deployment, instant hosting & collaborative editing, Glitch gets you straight to coding so you can build full-stack web apps, fast

# data[].attributes.attachment_link.readable_text
CSS is the language we use to style an HTML document.

CSS describes how HTML elements should be displayed.

This tutorial will teach you CSS from basic to advanced.

Start learning CSS now "

Examples in Each Chapter

This CSS tutorial contains hundreds of CSS examples.

With our online editor, you can edit the CSS, and click on a button to view the result.

CSS Example

body {
background-color: lightblue;
}

Try it Yourself "
Click on the "Try it Yourself" button to see how it works.
CSS Examples

Learn from over 300 examples! With our editor, you can edit the CSS, and click on a button to view the result.
Go to CSS Examples!
Use the Menu

We recommend reading this tutorial, in the sequence listed in the menu.

If you have a large screen, the menu will always be present on the left.

If you have a small screen, open the menu by clicking the top menu sign ☰.

CSS Templates

We have created some responsive W3.CSS templates for you to use.

You are free to modify, save, share, and use them in all your projects.
Free CSS Templates!
CSS Exercises

CSS Quiz

Test your CSS skills with a quiz.
Start CSS Quiz!
My Learning

Track your progress with the free "My Learning" program here at W3Schools.

Log in to your account, and start earning points!

This is an optional feature. You can study W3Schools without using My Learning.

CSS References

At W3Schools you will find complete CSS references of all properties and selectors with syntax, examples, browser support, and more.

Kickstart your career

Get certified by completing the course

# data[].attributes.attachment_link.description
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

# data[].attributes.attachment_link.description
Simple, powerful, free tools to create and use millions of apps.

# data[].attributes.attachment_link.description
Combining automated deployment, instant hosting & collaborative editing, Glitch gets you straight to coding so you can build full-stack web apps, fast

# data[].attributes.attachment_link.description
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

# data[].attributes.attachment_link.description
Combining automated deployment, instant hosting & collaborative editing, Glitch gets you straight to coding so you can build full-stack web apps, fast

# data[].attributes.attachment_link.title
Narrativa Multimedia Sesión 8 2023-II -Nelson Vera

# data[].attributes.attachment_link.title
Guía de estilos, Wireframes y Mockups en clase Narrativa Multimedia

# data[].attributes.headline
Propuesta de diseño Asi que te hackearon...

# data[].attributes.subject
Propuesta de diseño Asi que te hackearon...

# data[].attributes.attachment_link.title
Guía de estilos y Wireframes en clase Narrativa Multimedia

# data[].attributes.body
https://www.canva.com/design/DAFtIP2e3YQ/sUC7amunM0EoKEFQs391MQ/view?utm_content=DAFtIP2e3YQ&utm_campaign=designshare&utm_medium=link&utm_source=publishsharelink

# data[].attributes.headline
451MOV arquitectura: Solo quedarán las máquinas (Trello)

# data[].attributes.subject
451MOV arquitectura: Solo quedarán las máquinas (Trello)

# data[].attributes.attachment_link.description
Organize anything, together. Trello is a collaboration tool that organizes your projects into boards. In one glance, know what’s being worked on, who’s working on what, and where something is in a process.

# data[].attributes.attachment_link.title
Sign up | Miro | Online Whiteboard for Visual Collaboration

# data[].attributes.attachment_link.description
Scalable, secure, cross-device and enterprise-ready team collaboration whiteboard for distributed teams. Join 30M+ users from around the world

# data[].attributes.body
Sintiendo a Mateo | Trello

# data[].attributes.attachment_link.readable_text
Your browser was unable to load all of Trello's resources. They may have been blocked by your firewall, proxy or browser configuration.
Press Ctrl+F5 or Ctrl+Shift+R to have your browser try again and if that doesn't work, check out our troubleshooting guide .

# data[].attributes.attachment_link.description
Organize anything, together. Trello is a collaboration tool that organizes your projects into boards. In one glance, know what's being worked on, who's working on what, and where something is in a process.

# data[].attributes.attachment_link.title
CARD SORTING + SITE MAP NARRATIVA MULTIMEDIA 2023 II

# data[].attributes.body
Nana, Luna, Hae, Andy

# data[].attributes.attachment_link.title
CARD SORTING + SITE MAP NARRATIVA MULTIMEDIA 2023 II

# data[].attributes.headline
Sylvanor - Logline, storyline y sinopsis 

# data[].attributes.subject
Sylvanor - Logline, storyline y sinopsis 

# data[].attributes.body
Logline 1: Un hada encuentra un objeto místico que podría cambiar para siempre el destino de su mundo, atrayendo la atención de un príncipe demonio rival que intentará robarle el talismán, enamorándose en el proceso.

Logline 2: Un ratón hará todo en su poder para cambiar las leyes y poder estar con su amigo sireno, enfrentándose a intrigas y manipulación... ¿Se perderá a sí mismo en el proceso?

Storyline 1: En un mundo mágico, el descubrimiento de un objeto místico entrelazará las vidas de un hada y el príncipe de los demonios. Lo que comienza como un engaño para robar el talismán resultará (o no) en una tragedia amorosa. El jugador deberá escoger el destino del mundo, perdonando o no al príncipe.

Storyline 2: En un mundo mágico, el descubrimiento de un objeto místico dará a un ratón el poder para cambiar las leyes y poder estar junto a su amigo sireno. Tendrá que enfrentarse al turbulento mundo de la realeza. El jugador decidirá si al final sucumbe a la ambición de poder o si logra recordar que la amistad es su prioridad.

Sinopsis 1: Un hada forma parte de una brigada de búsqueda que lleva años tratando de hallar el talismán místico de la paz. Cuando lo encuentra, decide mantenerlo en secreto porque sabe que su hallazgo podría cambiar el curso de la historia. El príncipe de los demonios, que ve el talismán como un arma con la que subyugar a las demás razas, se entera del hecho gracias a uno de sus espías y decide contactarla y pretender que se está enamorado. Para cuando el hada descubre su engaño, los falsos sentimientos del príncipe han pasado a ser verdaderos, pero ya es demasiado tarde. Herida, el hada le entrega el talismán y desaparece de su vida. El príncipe regresa a su vida solitaria habiendo cambiado su cosmovisión bélica y queriendo reinar en paz. El jugador decidirá el destino del objeto y de la historia de amor entre ambos.

Sinopsis 2: Un ratón creció junto a su amigo sireno. Nadie puede saber que se llevan bien, pues sus razas mantienen una rivalidad milenaria. Un día escucha una pelea entre el príncipe de los demonios y un hada en el bosque. Así se entera de que un valioso talismán de poder ha sido hallado y decide utilizar esta información para acercarse a su reina y escalar en la sociedad, buscando cambiar la legislación para poder estar junto a su amigo. Para su sorpresa, pocos días después de concederle el liderazgo de la corte, la reina lo traiciona revelando su naturaleza separatista y orquesta una conspiración que lleva a las sirenas a atacar a su pueblo. Su amigo muere en el ataque. Derrotado y solo, el ratón ha perdido su sentido. El jugador decidirá si decae y se rinde ante el estatus quo o si la memoria de su amigo lo impulsa a catapultar una revolución social.

# data[].attributes.body
https://instagram.com/issac451mov?utm_source=qr&igshid=MzNlNGNkZWQ4Mg%3D%3D

# data[].attributes.body
Grupo 4

# data[].attributes.attachment_link.description
Check out this Whiteboard designed by Camila Gómez Hoyos.

# data[].attributes.headline
Actividad Narrativa por Whatsapp - Grupo 4

# data[].attributes.subject
Actividad Narrativa por Whatsapp - Grupo 4

# data[].attributes.body
https://www.canva.com/design/DAFsaXGb040/JYzMRD9XmNXVX7Nk33SXrA/view?utm_content=DAFsaXGb040&utm_campaign=designshare&utm_medium=link&utm_source=publishsharelink

# data[].attributes.attachment_link.title
Red and White Minimalist Moodboard Photo Collage

# data[].attributes.attachment_link.title
Narrativa Multimedia II Sesión 2 -- Nelson Vera 

# data[].attributes.attachment_link.title
Narrativa Multimedia Sesión 1 - Presentación del curso

# data[].attributes.attachment_link.title
Canvas de Gamificación - Narrativa Multimedia