14/09/2023 Subida de archivos

Omitg24 · Sep 14, 2023 · 54f467f · 54f467f
1 parent 08b0d2b
commit 54f467f
Show file tree

Hide file tree

Showing 650 changed files with 70,996 additions and 0 deletions.
diff --git a/.gitmodules b/.gitmodules
@@ -0,0 +1,3 @@
+[submodule "UO281847_SEW"]
+	path = UO281847_SEW
+	url = https://github.com/Omitg24/UO281847_SEW.git
diff --git a/1. Inicio/P0-Pautas.pdf b/1. Inicio/P0-Pautas.pdf
diff --git a/1. Inicio/P0-Recursos/css b/1. Inicio/P0-Recursos/css
@@ -0,0 +1,16 @@
+/*Especificidad: 001*/
+body {
+  font-family: Tahoma, sans-serif;
+  color: #818181;
+  background-color: #fff;
+  }
+/*Especificidad: 001*/
+h1 {
+  color: #fff;    
+  background-color:#FF5733; 
+  text-transform: uppercase;
+  padding: 2em; 
+  text-align: center;     
+  }
+
+
diff --git a/1. Inicio/P0-Recursos/enlaceCSS b/1. Inicio/P0-Recursos/enlaceCSS
@@ -0,0 +1,5 @@
+
+<!-- añadir el elemento link de enlace a la hoja de estilo dentro del <head> del documento html -->
+<link rel="stylesheet" type="text/css" href="estilo.css" />
+
+
diff --git a/1. Inicio/P0-Recursos/html b/1. Inicio/P0-Recursos/html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+
+<html lang="es">
+<head>
+    <!-- Datos que describen el documento -->
+    <meta charset="UTF-8" />
+    <title>SEW.P0</title>
+</head>
+
+<body>
+    <!-- Datos con el contenidos que aparece en el navegador -->
+    <h1>Primer sitio web</h1>
+    <p>¡Hola Mundo! Este es el primer sitio web adaptable y accesible desarrollado cumpliendo los estándares HTML5, CSS3. </p>
+</body>
+</html>
diff --git a/1. Inicio/P0-Recursos/iconos b/1. Inicio/P0-Recursos/iconos
@@ -0,0 +1,6 @@
+<!-- la carpeta de recursos gráficos "images" debe estar en el misma carpeta del archivo -->
+<!-- anadir la sección footer dentro del body despues del párrafo -->
+<footer>
+      <img src="images/HTML5.png" alt=" HTML5 Válido!" />
+      <img src="images/CSS3.png"  alt="CSS Válido!"  />
+</footer>
diff --git a/1. Inicio/P0-Recursos/images/CSS3.png b/1. Inicio/P0-Recursos/images/CSS3.png
diff --git a/1. Inicio/P0-Recursos/images/HTML5.png b/1. Inicio/P0-Recursos/images/HTML5.png
diff --git a/1. Inicio/SEW/estilo.css b/1. Inicio/SEW/estilo.css
@@ -0,0 +1,14 @@
+/*Especificidad: 001*/
+body {
+  font-family: Tahoma, sans-serif;
+  color: #818181;
+  background-color: #fff;
+  }
+/*Especificidad: 001*/
+h1 {
+  color: #fff;    
+  background-color:#FF5733; 
+  text-transform: uppercase;
+  padding: 2em; 
+  text-align: center;     
+  }
diff --git a/1. Inicio/SEW/images/CSS3.png b/1. Inicio/SEW/images/CSS3.png
diff --git a/1. Inicio/SEW/images/HTML5.png b/1. Inicio/SEW/images/HTML5.png
diff --git a/1. Inicio/SEW/index.html b/1. Inicio/SEW/index.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+
+<html lang="es">
+<head>    
+    <!-- Datos que describen el documento -->
+    <meta charset="UTF-8" />
+    <title>SEW.P0</title>
+    <link rel="stylesheet" type="text/css" href="estilo.css" />
+</head>
+
+<body>
+    <!-- Datos con el contenidos que aparece en el navegador -->
+    <h1>Primer sitio web</h1>
+    <p>¡Hola Mundo! Soy Omar Teixeira Gonzalez, y este es el primer sitio web adaptable y accesible desarrollado cumpliendo los estándares HTML5, CSS3. </p>
+    <footer>
+        <img src="images/HTML5.png" alt=" HTML5 Válido!" />
+        <img src="images/CSS3.png"  alt="CSS Válido!"  />
+  </footer>
+</body>
+</html>
diff --git a/2. HTML y CSS/HTML y CSS (sección1).pdf b/2. HTML y CSS/HTML y CSS (sección1).pdf
diff --git a/2. HTML y CSS/HTML y CSS (sección2).pdf b/2. HTML y CSS/HTML y CSS (sección2).pdf
diff --git a/2. HTML y CSS/Plantilla.css b/2. HTML y CSS/Plantilla.css
@@ -0,0 +1,4 @@
+/***********************************
+  Omar Teixeira Gonzalez - UO281847
+      Descripcion de los estilos
+***********************************/
diff --git a/2. HTML y CSS/Plantilla.html b/2. HTML y CSS/Plantilla.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+
+<html lang="es">
+<head>    
+    <!-- Datos que describen el documento -->
+    <meta charset="UTF-8" />
+	<meta name ="author" content ="Omar Teixeira González, UO281847" />
+	<meta name ="description" content =" " />
+	<meta name ="keywords" content =" " />
+	<meta name ="viewport" content ="width=device-width, initial-scale=1.0" />
+    <title> </title>
+    <link rel="stylesheet" type="text/css" href="estilo.css" />
+</head>
+
+<body>
+    <!-- Datos con el contenidos que aparece en el navegador -->
+    <h1> </h1>
+    <p> </p>
+</body>
+</html>
diff --git a/2. HTML y CSS/UO281847-practica1.docx b/2. HTML y CSS/UO281847-practica1.docx
diff --git a/2. HTML y CSS/UO281847-practica1.pdf b/2. HTML y CSS/UO281847-practica1.pdf
diff --git a/2. HTML y CSS/UO281847-practica1.zip b/2. HTML y CSS/UO281847-practica1.zip
diff --git a/2. HTML y CSS/img/achecker/aprendizaje.png b/2. HTML y CSS/img/achecker/aprendizaje.png
diff --git a/2. HTML y CSS/img/achecker/caracteristicas.png b/2. HTML y CSS/img/achecker/caracteristicas.png
diff --git a/2. HTML y CSS/img/achecker/comparaciones1.png b/2. HTML y CSS/img/achecker/comparaciones1.png
diff --git a/2. HTML y CSS/img/achecker/comparaciones2.png b/2. HTML y CSS/img/achecker/comparaciones2.png
diff --git a/2. HTML y CSS/img/achecker/comparaciones3.png b/2. HTML y CSS/img/achecker/comparaciones3.png
diff --git a/2. HTML y CSS/img/achecker/comparaciones4.png b/2. HTML y CSS/img/achecker/comparaciones4.png
diff --git a/2. HTML y CSS/img/achecker/formulario.png b/2. HTML y CSS/img/achecker/formulario.png
diff --git a/2. HTML y CSS/img/achecker/index.png b/2. HTML y CSS/img/achecker/index.png
diff --git a/2. HTML y CSS/img/achecker/referencias.png b/2. HTML y CSS/img/achecker/referencias.png
diff --git a/2. HTML y CSS/img/achecker/ventajasydesventajas.png b/2. HTML y CSS/img/achecker/ventajasydesventajas.png
diff --git a/2. HTML y CSS/img/achecker/versiones.png b/2. HTML y CSS/img/achecker/versiones.png
diff --git a/2. HTML y CSS/img/css/estilo.png b/2. HTML y CSS/img/css/estilo.png
diff --git a/2. HTML y CSS/img/css/formulario.png b/2. HTML y CSS/img/css/formulario.png
diff --git a/2. HTML y CSS/img/css/layout.png b/2. HTML y CSS/img/css/layout.png
diff --git a/2. HTML y CSS/img/css/tabla.png b/2. HTML y CSS/img/css/tabla.png
diff --git a/2. HTML y CSS/img/googlemobilefriendly/aprendizaje.png b/2. HTML y CSS/img/googlemobilefriendly/aprendizaje.png
diff --git a/2. HTML y CSS/img/googlemobilefriendly/caracteristicas.png b/2. HTML y CSS/img/googlemobilefriendly/caracteristicas.png
diff --git a/2. HTML y CSS/img/googlemobilefriendly/comparaciones.png b/2. HTML y CSS/img/googlemobilefriendly/comparaciones.png
diff --git a/2. HTML y CSS/img/googlemobilefriendly/formulario.png b/2. HTML y CSS/img/googlemobilefriendly/formulario.png
diff --git a/2. HTML y CSS/img/googlemobilefriendly/index.png b/2. HTML y CSS/img/googlemobilefriendly/index.png
diff --git a/2. HTML y CSS/img/googlemobilefriendly/referencias.png b/2. HTML y CSS/img/googlemobilefriendly/referencias.png
diff --git a/2. HTML y CSS/img/googlemobilefriendly/ventajasydesventajas.png b/2. HTML y CSS/img/googlemobilefriendly/ventajasydesventajas.png
diff --git a/2. HTML y CSS/img/googlemobilefriendly/versiones.png b/2. HTML y CSS/img/googlemobilefriendly/versiones.png
diff --git a/2. HTML y CSS/img/html/aprendizaje.png b/2. HTML y CSS/img/html/aprendizaje.png
diff --git a/2. HTML y CSS/img/html/caracteristicas.png b/2. HTML y CSS/img/html/caracteristicas.png
diff --git a/2. HTML y CSS/img/html/comparaciones.png b/2. HTML y CSS/img/html/comparaciones.png
diff --git a/2. HTML y CSS/img/html/formulario.png b/2. HTML y CSS/img/html/formulario.png
diff --git a/2. HTML y CSS/img/html/index.png b/2. HTML y CSS/img/html/index.png
diff --git a/2. HTML y CSS/img/html/referencias.png b/2. HTML y CSS/img/html/referencias.png
diff --git a/2. HTML y CSS/img/html/ventajasydesventajas.png b/2. HTML y CSS/img/html/ventajasydesventajas.png
diff --git a/2. HTML y CSS/img/html/versiones.png b/2. HTML y CSS/img/html/versiones.png
diff --git a/2. HTML y CSS/img/screenfly/aprendizaje.png b/2. HTML y CSS/img/screenfly/aprendizaje.png
diff --git a/2. HTML y CSS/img/screenfly/caracteristicas.png b/2. HTML y CSS/img/screenfly/caracteristicas.png
diff --git a/2. HTML y CSS/img/screenfly/comparaciones.png b/2. HTML y CSS/img/screenfly/comparaciones.png
diff --git a/2. HTML y CSS/img/screenfly/formulario.png b/2. HTML y CSS/img/screenfly/formulario.png
diff --git a/2. HTML y CSS/img/screenfly/index.png b/2. HTML y CSS/img/screenfly/index.png
diff --git a/2. HTML y CSS/img/screenfly/referencias.png b/2. HTML y CSS/img/screenfly/referencias.png
diff --git a/2. HTML y CSS/img/screenfly/ventajasydesventajas.png b/2. HTML y CSS/img/screenfly/ventajasydesventajas.png
diff --git a/2. HTML y CSS/img/screenfly/versiones.png b/2. HTML y CSS/img/screenfly/versiones.png
diff --git a/2. HTML y CSS/img/wave/aprendizaje.png b/2. HTML y CSS/img/wave/aprendizaje.png
diff --git a/2. HTML y CSS/img/wave/caracteristicas.png b/2. HTML y CSS/img/wave/caracteristicas.png
diff --git a/2. HTML y CSS/img/wave/comparaciones.png b/2. HTML y CSS/img/wave/comparaciones.png
diff --git a/2. HTML y CSS/img/wave/formulario.png b/2. HTML y CSS/img/wave/formulario.png
diff --git a/2. HTML y CSS/img/wave/index.png b/2. HTML y CSS/img/wave/index.png
diff --git a/2. HTML y CSS/img/wave/referencias.png b/2. HTML y CSS/img/wave/referencias.png
diff --git a/2. HTML y CSS/img/wave/ventajasydesventajas.png b/2. HTML y CSS/img/wave/ventajasydesventajas.png
diff --git a/2. HTML y CSS/img/wave/versiones.png b/2. HTML y CSS/img/wave/versiones.png
diff --git a/2. HTML y CSS/practica1/aprendizaje.html b/2. HTML y CSS/practica1/aprendizaje.html
@@ -0,0 +1,80 @@
+<!DOCTYPE HTML>
+
+<html lang="es">
+<head>    
+    <!-- Datos que describen el documento -->
+    <meta charset="UTF-8" />
+	<meta name ="author" content ="Omar Teixeira González, UO281847" />
+	<meta name ="description" content ="Documento HTML que contiene como aprender y empezar a utilizar Ember.js" />
+	<meta name ="keywords" content ="aprendizaje, cursos, learning"/>
+	<meta name ="viewport" content ="width=device-width, initial-scale=1.0" />
+    <title>El Framework Ember.js - Aprendizaje</title>
+    <link rel="shortcut icon" href="multimedia/ember_logo.png"/>
+    <link rel="stylesheet" type="text/css" href="estilo/estilo.css" />
+    <link rel="stylesheet" type="text/css" href="estilo/layout.css" />
+</head>
+
+<body>
+    <!-- Datos con el contenidos que aparece en el navegador -->    
+    <header>        
+        <h1>Aprender a utilizar Ember.js</h1>
+        <img alt="Imagen del logo de Ember Learning" src="multimedia/ember_learning.png"/>
+        <!-- Panel de navegación de la web -->
+        <nav>
+            <a title = "Acceda a la página de Inicio" accesskey="I" tabindex="1" href="index.html">Inicio</a>
+            <a title = "Acceda a la página de Características generales" accesskey="C" tabindex="2" href="caracteristicas.html">Características</a>
+            <a title = "Acceda a la página de Versiones" accesskey="V" tabindex="3" href="versiones.html">Versiones</a>
+            <a title = "Acceda a la página de Ventajas y Desventajas" accesskey="D" tabindex="4" href="ventajasydesventajas.html">Ventajas y desventajas</a>
+            <a title = "Acceda a la página de Comparaciones con otros Frameworks" accesskey="O" tabindex="5" href="comparaciones.html">Comparaciones</a>
+            <a title = "Acceda a la página de Aprendizaje" accesskey="A" tabindex="6" href="aprendizaje.html">Aprendizaje</a>
+            <a title = "Acceda al formulario de Inscripción" accesskey="F" tabindex="7" href="formulario.html">Formulario</a>
+            <a title = "Acceda a la página de Otras referencias" accesskey="R" tabindex="8" href="referencias.html">Otras referencias</a>
+        </nav>
+    </header>
+
+    <main>
+        <article>
+            <h2>Guía de aprendizaje</h2>
+            <p>Si quiere aprender a utilizar este framework, aquí encontrará varias formas y recursos que le pueden ser útiles, pero, lo primero de todo, debe de saber que a lo largo de la red encontrará muchísimas más opciones que las que se comentarán aqui.</p>
+                <section>
+                    <h3>Página web de Ember</h3>
+                    <p>Para empezar, la forma más rápida de buscar información y aprender acerca del framework, es a traves de la propia web de <a title="Acceder a la web de Ember" href="https://emberjs.com/">Ember.js</a>, donde encontrará, nada más entrar en esta un <a title="Acceder al tutorial de Ember.js" href="https://guides.emberjs.com/release/tutorial/part-1/">tutorial</a> sobre la creación de una aplicación web simple, de forma que además de aprender la parte más básica del framework, se de una introducción a conceptos como Ember-CLI, componentes, testeo automaático, etc.</p>
+                    <p>No obstante, en la web también encontrará una sección completamente dedicada a aprender, llamada <a title="Acceder a la web de aprendizaje de Ember" href="https://emberjs.com/learn/">Learning Ember.js</a>, donde se profundizará más en algunas de las herramientas ya mencionadas y se le enseñará una serie de guías que, tanto desarrolladores nuevos como antiguos, aprenderán acerca del uso de Ember.</p>
+                </section>
+
+                <section>
+                    <h3>Cursos</h3>
+                    <p>También puede aprender sobre el framework a través de diversos cursos que se encuentran en multitud de webs, entre estos encontrará una gran cantidad de cursos de pago y otros gratuitos, por ejemplo, a través de YouTube, por ejemplo, el canal <a title="Acceda al canal de SkillBakery Studio" href="https://www.youtube.com/c/Skillbakery">SkillBakery Studio</a>, el cual cuenta con una playlist de 12 videos de entre 2 y 5 minutos cada uno, que puede ser útil para aquellas personas que quieran comenzar a aprender sobre Ember.js.</p>
+                    <p>A continuación encontrará el primer vídeo (introducción) de este curso, si quiere acceder a la playlist en cuestion, presione <a title="Acceda a la playlist del curso Master Ember.js" href="https://www.youtube.com/playlist?list=PLnIJ02CcZiYBNRg_ZGMSNS5tHRgI9jvCG">aquí</a>.</p>
+                    <video controls preload="auto">
+                        <source src="multimedia/ember_introduction_by_skillbakerystudio.mp4"/>
+                    </video>
+                    <p>Sin embargo, también tiene la opción de cursos de Ember de pago, encontrará estos en webs de pago como <a title="Acceda a la web de cursos de Udemy" href="https://www.udemy.com/topic/emberjs/?persist_locale&locale=es_ES">Udemy</a>, en donde verá cursos que, sin ofertas, van desde los 39,99 € hasta los 94,99 €. No obstante, suelen estar de oferta por 14,99€, por lo que, pueden ser una opción a tener en cuenta en caso de encontrarse en este estado.</p>
+                    <p>Otro curso al que puede acceder, lo encuentra en la web de Imagina, podrá acceder a través del siguiente <a title="Acceda a la web de Imagina" href="https://imaginaformacion.com/cursos/curso-emberjs">enlace</a>.</p>
+                </section>
+
+                <section>
+                    <h3>Otros medios</h3>
+                    <p>También existe un tercer sitio donde puede aprender sobre Ember.js, es a través del propio github dedicado a ello que tiene el propio equipo, llamado Ember Learning Team, aquí encontrará al menos 75 repositorios y 33 proyectos (al momento de realizar esta entrada), acceda a través de este <a title="Acceda al github de Ember Learning Team" href="https://github.com/ember-learn">enlace</a>.</p>
+                </section>
+        </article>
+
+        <article>
+            <h2>¿Quiere aprender a usar Ember.js?</h2>
+            <p>Puede inscribirse en una serie de cursos a través del formulario que encontrará en la tabla de contenidos superior, o mediante el siguiente <a title="Acceda al formulario de Inscripción" href="formulario.html">enlace</a>.</p>
+        </article>
+    </main>
+
+    <footer>
+        <h2>Bibliografía</h2>
+        <p>
+            <a title="Acceda a la web de YouTube" href="https://www.youtube.com/c/Skillbakery">Canal de SkillBakery</a> 
+            <a title="Acceda a la web de DesarolloWeb.com" href="https://www.youtube.com/c/desarrolloweb">Canal de DesarolloWeb.com</a> 
+            <a title="Acceda a la web de IfGeekThen" href="https://ifgeekthen.nttdata.com/es/consejos-para-aprender-programar-con-ember-js">IfGeekThen</a> 
+            <a title="Acceda a la web de ElAbismoDeNull" href="https://elabismodenull.wordpress.com/2015/06/23/un-mes-aprendiendo-de-emberjs/">ElAbismodeNull</a> 
+            <a title="Acceda a la web de Udemy" href="https://www.udemy.com/topic/emberjs/?persist_locale&locale=es_ES">Udemy</a> 
+            <a title="Acceda a la web de Imagina" href="https://imaginaformacion.com/cursos/curso-emberjs">Imagina</a>
+        </p>
+    </footer>
+</body>
+</html>
diff --git a/2. HTML y CSS/practica1/caracteristicas.html b/2. HTML y CSS/practica1/caracteristicas.html
@@ -0,0 +1,77 @@
+<!DOCTYPE HTML>
+
+<html lang="es">
+<head>    
+    <!-- Datos que describen el documento -->
+    <meta charset="UTF-8" />
+	<meta name ="author" content ="Omar Teixeira González, UO281847" />
+	<meta name ="description" content ="Documento HTML que contiene las características generales y utilidades del framework Ember.js" />
+	<meta name ="keywords" content ="características, utilidades, conceptos" />
+	<meta name ="viewport" content ="width=device-width, initial-scale=1.0" />
+    <title>El Framework Ember.js - Características</title>
+    <link rel="shortcut icon" href="multimedia/ember_logo.png"/>
+    <link rel="stylesheet" type="text/css" href="estilo/estilo.css" />
+    <link rel="stylesheet" type="text/css" href="estilo/layout.css" />
+</head>
+
+<body>
+    <!-- Datos con el contenidos que aparece en el navegador -->    
+    <header>        
+        <h1>Características generales de Ember.js</h1> 
+        <img alt="Imagen de las características de Ember" src="multimedia/ember_features.png"/>
+        <!-- Panel de navegación de la web -->
+        <nav>
+            <a title = "Acceda a la página de Inicio" accesskey="I" tabindex="1" href="index.html">Inicio</a>
+            <a title = "Acceda a la página de Características generales" accesskey="C" tabindex="2" href="caracteristicas.html">Características</a>
+            <a title = "Acceda a la página de Versiones" accesskey="V" tabindex="3" href="versiones.html">Versiones</a>
+            <a title = "Acceda a la página de Ventajas y Desventajas" accesskey="D" tabindex="4" href="ventajasydesventajas.html">Ventajas y desventajas</a>
+            <a title = "Acceda a la página de Comparaciones con otros Frameworks" accesskey="O" tabindex="5" href="comparaciones.html">Comparaciones</a>
+            <a title = "Acceda a la página de Aprendizaje" accesskey="A" tabindex="6" href="aprendizaje.html">Aprendizaje</a>
+            <a title = "Acceda al formulario de Inscripción" accesskey="F" tabindex="7" href="formulario.html">Formulario</a>
+            <a title = "Acceda a la página de Otras referencias" accesskey="R" tabindex="8" href="referencias.html">Otras referencias</a>
+        </nav>
+    </header>
+
+    <main>
+        <article>
+            <h2>Utilidades</h2>
+            <p>Ember es un componente de una pila front-end completa, y cuenta con varias utilidades, entre otras:</p>            
+            <ul>
+                <li>Ember-CLI: Tiene como objetivo la ya mencionada frase: (<a title="Definición de convention over configuration" href="https://en.wikipedia.org/wiki/Convention_over_configuration">convention over configuration</a>), de cara a construir herramientas. Una utilidad de la línea de comandos basada en <a title="Para saber más sobre Broccoli" href="https://hacks.mozilla.org/2015/06/es6-in-depth-babel-and-broccoli/">broccoli</a>, y mediante el comando <em>ember new [app_name]</em> se genera una nueva aplicación Ember con el stack por defecto. Entre lo que se incluye: 
+                    <ol>
+                        <li>Una estructura de archivos y directorios.</li>
+                        <li>Un servidor de desarrollo con recarga en vivo.</li>
+                        <li>Un framework de prueba.</li>
+                        <li>Dependencias gestionadas a través de <a title="Para saber más sobre NPM" href="https://en.wikipedia.org/wiki/Npm_(software)">NPM</a>.</li>
+                        <li>Soporte de sintaxis ES6/ES7 mediante <a title="Para saber más sobre Babel" href="https://platzi.com/blog/que-es-babel/">Babel</a>.</li>
+                        <li>Gestión de activos (incluida la combinación, la minimización y el control de versiones).</li>
+                    </ol>
+                </li>
+                <li>Ember Data: Una librería de datos persistentes que proporciona gran parte de las funcionalidades de un mapeo relacional de objetos.</li>
+                <li>Ember Inspector: Es una extensión actualmente disponible para los navegadores web Mozilla Firefox y Google Chrome para depurar aplicaciones Ember. Entre las funcioness se incluyen la capacidad de ver qué plantillas, componentes y vistas se representan actualmente, ver las propiedades de cualquier objeto Ember con una interfaz de usuario que calcula los enlaces y las propiedades calculadas, y acceder a los objetos de la aplicación desde la consola, entre otros.</li>
+                <li>Fastboot: Es un <em>addon</em> creado por el equipo de Ember que otorga a los desarrolladores la habilidad de ejecutar sus aplicaciones en <a title="Para saber más sobre Node.js" href="https://es.wikipedia.org/wiki/Node.js">Node.js</a>. Esta característica permite a los usuarios finales ver HTML y CSS de inmediato, con la descarga de JavaScript en segundo plano y tomando el control una vez que se haya cargado por completo.</li>
+                <li>Liquid Fire: Proporciona soporte de animación para aplicaciones Ember, entre ellas se incluyen transiciones animadas entre rutas y entre modelos dentro de una sola ruta. Un ejemplo sería animar una transición de pantalla para que la nueva pantalla parezca deslizarse desde un borde del navegador.</li>
+            </ul>        
+        </article>  
+        <img alt="Imagen de ejemplo de Ember" src="multimedia/ember_pc.png"/> 
+        <article>
+            <h2>Conceptos Clave</h2>
+            <p>Según los desarrolladores Ember.js cuenta con 5 conceptos clave:</p>
+            <ul>
+                <li>Rutas: El estado de una aplicación está representado por una URL. Cada URL tiene un objeto de ruta correspondiente que controla lo que es visible para el usuario.</li>                
+                <li>Modelos: Cada ruta tiene un modelo asociado, que contiene los datos asociados con el estado actual de la aplicación. Cabe mencionar que la mayoría de las aplicaciones usan una biblioteca de modelos como Ember Data para manejar esto.</li>
+                <li>Plantillas: Las plantillas se utilizan para construir el HTML de la aplicación y se escriben con el lenguaje de plantillas HTMLBars, que es una variación de Handlebars y crea elementos DOM en lugar de una cadena.</li>
+                <li>Componentes: Un componente es una etiqueta HTML personalizada, el comportamiento de éste se implementa usando JavaScript y su apariencia se define usando plantillas, see pueden anidar y pueden comunicarse con sus componentes principales a través de acciones (eventos).</li>
+                <li>Servicios: Los servicios son solo objetos únicos para almacenar datos de larga duración, como sesiones de usuario. Ember también proporciona inyección de dependencia, flujo de datos unidireccional declarativo, seguimiento de propiedades y actualización automática de plantillas.</li>
+            </ul>   
+        </article>                
+    </main>
+
+    <footer>
+        <h2>Bibliografía</h2>
+        <p>
+            <a title="Acceda a la web de Wikipedia" href="https://en.wikipedia.org/wiki/Ember.js">Wikipedia</a>
+        </p>
+    </footer>
+</body>
+</html>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,5 @@

		<!-- añadir el elemento link de enlace a la hoja de estilo dentro del <head> del documento html -->
		<link rel="stylesheet" type="text/css" href="estilo.css" />