Commits

Lorenzo Gil Sánchez committed ca781fa

Traditional ajax problems

  • Participants
  • Parent commits 37e32a0

Comments (0)

Files changed (8)

File css/reveal.css

 .reveal pre {
 	display: block;
 	position: relative;
-	width: 90%;
+	width: 100%;
 	margin: 15px auto;
 
 	text-align: left;
 .reveal code {
 	font-family: monospace;
 	overflow: auto;
-	max-height: 400px;
 }
 
 .reveal table th,

File img/Sinking.png

Added
New image

File img/Technical-Debt-Bomb.jpg

Added
New image

File img/baby-crying.jpg

Added
New image

File img/dark-staircase.jpg

Added
New image

File img/technical-debt-truck.jpg

Added
New image

File img/technicaldebt.jpg

Added
New image
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
 
-    <link rel="stylesheet" href="css/reveal.min.css">
+    <link rel="stylesheet" href="css/reveal.css">
     <link rel="stylesheet" href="css/theme/default.css" id="theme">
 
     <!-- For syntax highlighting -->
         </section>
 
         <section>
-          <h2>Heads Up</h2>
-          <p>
-            reveal.js is a framework for easily creating beautiful presentations using HTML. You'll need a browser with
-                                                support for CSS 3D transforms to see it in its full glory.
-          </p>
+          <h2>Ajax tradicional</h2>
+
+          <pre><code contenteditable>
+function getData() {
+    $.ajax('data.php', {
+        data: {arg1: 'value1', arg2: 'value2'},
+        success: function (data, textStatus, jqXHR) {
+            navigator.geolocation.getCurrentPosition(
+                function (position) {
+                    var geocoder = new google.maps.Geocoder();
+                    geocoder.geocode({
+                        latLng: position
+                    }, function (results, status) {
+                        if (status === google.maps.GeocoderStatus.OK) {
+                            showResult(data, position, results);
+                        } else {
+                            showError('Error geocoding the position');
+                        }
+                    });
+                },
+                function (error) {
+                    showError('Error getting the position');
+                }
+            );
+        },
+        error: function (jqXHR, textStatus, errorThrown) {
+            showError('Error getting the data');
+        },
+    });
+}
+
+getData();
+          </code></pre>
 
           <aside class="notes">
             Oh hey, these are some notes. They'll be hidden in your presentation, but you can see them if you open the speaker notes window (hit 's' on your keyboard).
           </aside>
         </section>
 
+	<section>
+	  <section>
+	    <h2>Efecto escalera</h2>
+            <img width="400" height="600" src="img/dark-staircase.jpg" alt="Escalera oscura">
+	  </section>
+	  <section>
+	    <h2>Código espagueti</h2>
+            <img width="297" height="401" src="img/baby-crying.jpg" alt="Niño llorando">
+	  </section>
+	  <section>
+	    <h2>Deuda técnica</h2>
+            <img width="600" height="600" src="img/Technical-Debt-Bomb.jpg" alt="Bomba de la deuda técnica">
+	  </section>
+	  <section>
+	    <h2>¡Nos hundimos!</h2>
+            <img width="598" height="378" src="img/Sinking.png" alt="Canoa hundiendose">
+	  </section>
+	  <section>
+	    <h2>¿Solución?</h2>
+            <img width="308" height="243" src="img/technicaldebt.jpg" alt="Avestruz">
+	  </section>
+	</section>
+
         <!-- Example of nested vertical slides -->
                                 <section>
                                         <section>