Add platicas and talks assets

author: Carlos Sosa <gnusosa@gnusosa.net> 2020-03-19 15:09:32 -0700
committer: Carlos Sosa <gnusosa@gnusosa.net> 2020-03-19 15:09:32 -0700
commit: 1213016d5e1d535237b28935ae1a859abb6bf307 (patch)
tree: 78054752a2891400344c6c5b388084c6a525844f /platicas/taller-vim-1/index.html
parent: adb1a4da84fdd5c12a0ed48736d1bbca69a943fa (diff)
1 files changed, 812 insertions, 0 deletions
diff --git a/platicas/taller-vim-1/index.html b/platicas/taller-vim-1/index.html
new file mode 100644
index 0000000..e7ebd43
--- /dev/null
+++ b/platicas/taller-vim-1/index.html
@@ -0,0 +1,812 @@
+<!DOCTYPE html>
+<head> 
+  <title>Usando Vim</title> 
+  <meta charset="utf-8" >
+  <meta name="author" content="Carlos Ivan Sosa" />
+  <meta name="author" content="gnusosa" />
+  <link rel="stylesheet" type="text/css" media="screen, projection, print" 
+   href="slidy.css" /> 
+  <link rel="stylesheet" type="text/css" media="screen, projection, print"
+ href="w3c-black.css" />
+  <script src="slidy.js" charset="utf-8" type="text/javascript"></script> 
+</head>
+<body>
+<div class="background"> 
+<img class="head-icon" alt="head-icon"
+src="img/chibibonsa.jpg" /> 
+<h3 class="head-logo-fallback">Usando Vim</h3>
+</div> 
+<div class="background dos"> 
+<img class="head-icon" alt="vim-fuego"
+src="img/vim-fire.gif" /> 
+<h3 class="head-logo-fallback">Usando Vim</h3>
+</div> 
+<div class="slide cover"> 
+<br />            
+<h1>Usando Vim</h1> 
+<img src="img/vim-editor_logo.png" 
+alt="vim editor logo" class="vimlogo" /> 
+<p><a href="http://gnusosa.net">Carlos Sosa</a><br /> 
+<a href="mailto:gnusosa@gnusosa.net">gnusosa@gnusosa.net</a></p> 
+</div> 
+<div class="slide"> 
+  <h1>Índice</h1> 
+  <br /> 
+  <div>
+  <div class="head-logo-fallback"><img src="img/bonsai.jpg" alt="bonsai" /></div>
+  <ul class='incremental'>
+  <!-- topic 1 starts cullapsed -->
+  <li>Introducción 
+    <ul class='incremental'>
+        <li>¿Qué es Vim? </li>
+        <li>Vim no es.</li>
+        <li>Historia.</li>
+        <li>Vim ne Vi</li>
+        <li>¿Cómo se usa? (¿Con que se come?)</li>
+        <li>Modular = Modos</li>
+    </ul>
+  </li>
+  </ul> 
+  </div>
+</div> 
+ <div class="slide"> 
+  <h1>Índice</h1> 
+  <br /> 
+  <div>
+ <div class="head-logo-fallback"><img src="img/monje.jpg" alt="monje" /></div>
+  <ul class='incremental'>
+  <!-- topic 1 starts cullapsed -->
+  <li>Filosofía
+    <ul class='incremental'>
+	 <li>Una pizca de KISS.</li>
+	 <li>Virtudes del Programador.</li>
+	 <li>Se trata de editar, no de escribir. </li>
+	 <li>Los siete hábitos para editar texto efectivamente.</li>
+    </ul>
+  </li>
+  </ul>
+  </div>
+</div> 
+ <div class="slide"> 
+  <h1>Índice</h1> 
+  <br /> 
+  <div>
+ <div class="head-logo-fallback"><img src="img/zen2.gif" alt="zen2" /></div>
+  <ul class='incremental'>
+  <!-- topic 1 starts cullapsed -->
+  <li>Zen de Vim 
+    <ul class='incremental'>
+	 <li>Controla tú energía. (linea de comandos)</li>
+     <li>No gastes tú energía moviéndote. (modo de comandos)</li>
+     <li>No corras por los campos, sáltalos. (modo de comandos avanzado)</li>
+     <li>Reduce, Recicla, Reusa.  (modo visual)</li>
+     <li>Solo escribe lo esencial. (modo inserción)</li>
+     <li>El que se repite, pierde. (dot y macros)</li>
+     <li>Hasta el texto más correcto, tiene formato. (Editar código)</li>
+    </ul>
+  </li>
+  </ul>
+  </div>
+</div> 
+ <div class="slide"> 
+  <h1>Índice</h1> 
+  <br /> 
+  <div>
+ <div class="head-logo-fallback"><img src="img/iching.png" alt="img/iching.png" /></div>
+  <ul class='incremental'>
+  <!-- topic 1 starts cullapsed -->
+  <li>Siete hábitos para editar texto efectivamente
+    <ul class='incremental'>
+	 <li>Muévete rápido.</li>
+     <li>No lo escribas dos veces.</li>
+     <li>Corregir.</li>
+     <li>Es raro cuando un archivo es solitario.</li>
+     <li>La unión hace la fuerza.</li>
+     <li>Todo texto es estructurado.</li>
+     <li>La práctica hace al maestro.</li>
+    </ul>
+  </li>
+  </ul>
+  </div>
+</div> 
+<div class="slide cover"> 
+ <br />            
+ <h1>OH HAI!</h1> 
+<div style="text-align: center;">
+ <img src="img/me.jpg" alt="Me" /> 
+</div>
+ <p>Uso Vim todos los días.<br /> 
+ No puedo vivir sin Vim. KTHX. BAI</p> 
+</div> 
+<div class="slide cover"> 
+ <br />            
+ <h1>Trabajo</h1> 
+<div style="text-align: center;">
+ <img src="img/screen.jpg" alt="Escritorio" /> 
+</div>
+ <p>La vida es sufrimiento.</p>
+</div> 
+<div class="slide cover"> 
+ <br />            
+ <h1>I &lt; Graficas</h1> 
+<div style="text-align: center;">
+ <img src="img/grafica.jpg" 
+  alt="grafica" /> 
+</div>
+ <p>LO QUE HAGO AHORA<br /> 
+ Super aburrido comparado a Facebook.</p> 
+</div> 
+<div class="slide cover"> 
+ <br />            
+ <h1>I &lt; Graficas</h1> 
+<div style="text-align: center;">
+ <img src="img/grafica2.jpg" 
+  alt="grafica" /> 
+</div>
+ <p>LO QUE HAGO AHORA<br /> 
+ Super aburrido comparado a Facebook.</p> 
+</div> 
+<div class="slide dos"> 
+  <h1>Introducción</h1> 
+  <br /> 
+  <div>
+  <!--<div class="head-logo-fallback"><object type="image/svg+xml" data="img/abuela.svg" width="401px" height="500.115px"></div>-->
+  <div class="head-logo-fallback"><img src="img/vim-screenshot1.png" alt="vim-screenshot" /></div>
+  <h3>¿Qué es? </h3>
+  <ul class='incremental'>
+  <!-- topic 1 starts cullapsed -->
+  <li>Vim es un editor de texto modular.<br /> Un clon más del famoso editor vi.<br /><br /> Principales funcionalidades:   
+    <ul class='incremental'>
+	<li>Corrector ortográfico integrado.</li>
+	<li>Autocompletado de texto.</li>
+	<li>Órdenes deshacer y rehacer.</li>
+	<li>Navegación por pestañas.</li>
+	<li>Ventanas múltiples. Área de edición horizontal o vertical.</li>
+	<li>Resaltado de sintaxis o de etiquetas.</li>
+	<li>Lenguaje de scripting para programar extensiones.</li>
+    </ul>
+  </li>
+  </ul>
+  </div>
+</div>
+<div class="slide dos"> 
+  <h1>Introducción</h1> 
+  <br /> 
+  <div>
+  <!--<div class="head-logo-fallback"><object type="image/svg+xml" data="img/abuela.svg" width="401px" height="500.115px"></div>-->
+  <div class="head-logo-fallback"><img src="img/vim-screenshot1.png" alt="vim-screen" /></div>
+  <h3>Vim no es:</h3>
+  <ul class='incremental'>
+  <!-- topic 1 starts cullapsed -->
+  <li>Vim es un editor de texto, NO es un IDE. 
+    <ul class='incremental'>
+	<li>No es gráfico. Lo siento, terminal o gvim.</li>
+	<li>No es un formateador de texto.</li>
+	<li>No es un WYSIWYG.</li>
+	<li>No es para todos.</li>
+	<li>Vim script es para usarse con texto.</li>
+	<li>No es Emacs.</li>
+    </ul>
+  </li>
+  </ul>
+  </div>
+</div>
+<div class="slide cover"> 
+ <br />            
+ <h1>PERO...</h1> 
+<div style="text-align: center;">
+<p>Puede ser usado para todo lo anterior.</p>
+</div>
+ <p>El Vim script language permite la creación de plugins.<br /> 
+ De tal manera, que solo utilices lo necesario.</p> 
+</div> 
+<div class="slide dos"> 
+  <h1>Introducción</h1> 
+  <br /> 
+  <div>
+  <div class="head-logo-fallback"><img src="img/Bram_Moo.jpg" alt="BramMoo-vim" /></div>
+  <h3>Historia</h3>
+  <ul class='incremental'>
+  <!-- topic 1 starts cullapsed -->
+  <li>Bram Moolenaar, presentó la primera versión en 1991. 
+    <ul class='incremental'>
+	<li>Vim fue escrito primero para la Amiga.</li>
+	<li>Vim existe desde la época de USENET.</li>
+	<li>Vim comenzó con una comunidad fuerte.</li>
+	<li>Vim surgió por que Vi en ese tiempo era de fuente licencia/cerrada.</li>
+    </ul>
+  </li>
+  </ul>
+  </div>
+</div>
+<div class="slide dos"> 
+  <h1>Introducción</h1> 
+  <br /> 
+  <div>
+  <div class="head-logo-fallback"><img src="img/Bill_joy.jpg" alt="Billjoy-vi" /></div>
+  <h3>Historia</h3>
+  <ul class='incremental'>
+  <!-- topic 1 starts cullapsed -->
+  <li>Bill Joy, escribió Vi uniendo ed y ex.
+    <ul class='incremental'>
+	<li>Aprendió a leer cuando sólo tenía 3 años.</li>
+	<li>Es uno de alumnos prodigios de UC Berkeley.</li>
+	<li>Fue el principal diseñador del Unix de Berkeley (BSD).</li>
+	<li>Escribió las bases de los sistemas BSD's.</li>
+	<li>Fue parte de los inicios de SunOS, ahora Solaris.</li>
+	<li>Es uno de los pilares de Sun Microsystems.</li>
+    </ul>
+  </li>
+  </ul>
+  </div>
+</div>
+<div class="slide cover"> 
+ <br />            
+ <!--<h1>Vim ne Vi</h1> -->
+<div style="text-align: center;">
+<p><strong>Vim ne Vi</strong></p>
+  <p> ne eq "not equal"<br />
+     eq === "equal"</p>     
+</div>
+</div>
+<div class="slide dos"> 
+  <h1>Introducción</h1> 
+  <br /> 
+  <div>
+  <h3>¿Cómo se usa? </h3>
+  <ul class='incremental'>
+  <!-- topic 1 starts cullapsed -->
+  <li>¿Con que se come?
+    <ul class='incremental'>
+	<li>Vim es modular.</li>
+	<li>Dependiendo el modo, es la interpretación.</li>
+	<li>Cada tecla es un comando o acción.</li>
+	<li>Vim no se equivoca, nosotros nos equivocamos.</li>
+	<li>Vim maneja texto, no archivos.</li>
+    </ul>
+  </li>
+  </ul>
+  </div>
+</div>
+<div class="slide"> 
+  <h1>Filosofía</h1> 
+  <br /> 
+  <div>
+  <h3>Una pizca de Unix.</h3>
+  <ul class='incremental'>
+  <!-- topic 1 starts cullapsed -->
+  <li><strong>K</strong>eep <strong>I</strong>t <strong>S</strong>imple <strong>S</strong>tupid
+    <ul class='incremental'>
+	<li>En Unix todo es un archivo de texto.</li>
+	<li>El minimalismo es bello.</li>
+	<li>Escribe programas para manejar solo texto.</li>
+	<li>Escoja portabilidad sobre eficiencia.</li>
+	<li>Guarda todo archivo en texto.</li>
+    </ul>
+  </li>
+  </ul>
+  </div>
+</div>
+<div class="slide"> 
+  <h1>Filosofía</h1> 
+  <br /> 
+  <div>
+  <h3>Virtudes del Programador.</h3>
+  <ul class='incremental'>
+  <!-- topic 1 starts cullapsed -->
+  <li>1. Pereza
+    <ul class='incremental'>
+	<li>Automatizar procesos repetitivos.</li>
+	<li>Enfocarse en problemas más complejos e interesantes.</li>
+	<li>Que la maquina trabaje por ti, ¡ella es la computadora!</li>
+	<li>Computadora = Computo.</li>
+    </ul>
+  </li>
+  </ul>
+  </div>
+</div>                              
+<div class="slide"> 
+  <h1>Filosofía</h1> 
+  <br /> 
+  <div>
+  <h3>Virtudes del Programador.</h3>
+  <ul class='incremental'>
+  <!-- topic 1 starts cullapsed -->
+  <li>2. Impaciencia
+    <ul class='incremental'>
+	<li>Resolver un problema lo más pronto posible.</li>
+	<li>No dejar un trabajo para después.</li>
+	<li>Resolver ahora, para relajarse mañana. :D </li>
+    </ul>
+  </li>
+  </ul>
+  </div>
+</div>                              
+<div class="slide"> 
+  <h1>Filosofía</h1> 
+  <br /> 
+  <div>
+  <h3>Virtudes del Programador.</h3>
+  <ul class='incremental'>
+  <!-- topic 1 starts cullapsed -->
+  <li>3. Orgullo
+    <ul class='incremental'>
+	<li>El tratar de realizar una buena implementación.</li>
+	<li>Código bien escrito con pocas lineas, siempre es aclamado.</li>
+	<li>Buen código tiene consecuencias: Respeto, oportunidades y futuro.</li>
+    </ul>
+  </li>
+  </ul>
+  </div>
+</div>                              
+<div class="slide"> 
+  <h1>Filosofía</h1> 
+  <br /> 
+  <div>
+  <h3>Se trata de editar, no de escribir.</h3>
+  <ul class='incremental'>
+  <!-- topic 1 starts cullapsed -->
+  <li>No escribir, es bueno. (Pereza) </li>
+  <li>El uso del modo inserción, es del diablo. (Pereza)</li>
+  </ul>
+  </div>
+</div>                              
+<div class="slide dos"> 
+  <h1>Zen de Vim</h1> 
+  <br /> 
+  <div>
+  <h3>Controla tú energía. </h3>
+  <ul class='incremental'>
+  <!-- topic 1 starts cullapsed -->
+  <li>Linea de comandos. Presiona  la tecla ' : ' 
+    <ul class='incremental'>
+	<li><code>:e archivo</code> - <strong>e</strong>ditar archivo (abrir)</li>
+	<li><code>:q</code> - <strong>q</strong>uit - cerrar </li>
+	<li><code>:w</code> - <strong>w</strong>rite - escribir. (guardar)</li>
+	<li><code>:r</code> - <strong>r</strong>ead - leer. (insertar un texto)</li>
+	<li><code>!date</code> - Corre una aplicación externa a Vim por sh.</li>
+    </ul>
+  </li>
+  </ul>
+  </div>
+</div>                              
+<div class="slide dos"> 
+  <h1>Zen de Vim</h1> 
+  <br /> 
+<div style="text-align: center;">
+  <h3>No gastes tú energía moviéndote.</h3>
+  <ul class='incremental'>
+  <!-- topic 1 starts cullapsed -->
+  <li>Modo de comandos. 
+    <ul class='incremental'>
+	<li>Usa <code>h,j,k,l</code>.</li>
+	<li><code>izquierda,abajo,arriba,derecha</code>.</li>
+    </ul>
+  </li>
+  </ul>
+  </div>
+</div>                              
+<div class="slide dos"> 
+  <h1>Zen de Vim</h1> 
+  <br /> 
+<div style="text-align: center;">
+  <h3>No gastes tú energía moviéndote.</h3>
+  <div class='incremental'>
+  <table> 
+  <tr>
+  <th class="vi_key">fx</th>
+  <td class="vi_explanation"><code><strong>f</strong>orward</code> - Mueve el cursor al siguiente caracter que sea <code>x</code></td>
+  </tr>
+  <tr>
+  <th class="vi_key">tx</th>
+  <td class="vi_explanation">La misma acción que la anterior, pero el cursor se mueve al siguiente caracter despues de <code>x</code></td>
+  </tr>
+  <tr>
+  <th class="vi_key">Fx</th>
+  <td class="vi_explanation">Acción inversa a <code>fx</code>.</td>
+  </tr>            
+  <tr>
+  <th class="vi_key">w</th>
+  <td class="vi_explanation">Mueve el cursor hacia adelante de palabra en palabra.</td>
+  </tr>
+  <tr>
+  <th class="vi_key">b</th>
+  <td class="vi_explanation">Acción inversa de <code>w</code>.</td>
+  </tr>
+  <tr>
+  <th class="vi_key">0</th>
+  <td class="vi_explanation">Mueve el cursor al inicio de la linea actual.</td>
+  </tr>
+  <tr>
+  <th class="vi_key">^</th>
+  <td class="vi_explanation">Mueve el cursor al primer caracter de la actual linea.</td>
+  </tr>
+  <tr>
+  <th class="vi_key">$</th>
+  <td class="vi_explanation">Mueve el cursor al ultimo caracter de la linea.</td>
+  </tr>
+  </table> 
+  </div>
+  </div>
+</div>                              
+<div class="slide dos"> 
+  <h1>Zen de Vim</h1> 
+  <br /> 
+<div style="text-align: center;">
+  <h3>No corras por los campos, sáltalos.</h3>
+  <div class='incremental'>
+  <!-- topic 1 starts cullapsed -->
+	<table>
+	<tr>
+	<th class="vi_key">)</th>
+	<td class="vi_explanation">Mueve el cursor a la siguiente oración.</td>
+	</tr>
+	<tr>
+	<th class="vi_key">(</th>
+	<td class="vi_explanation">Acción inversa de <code>)</code>.</td>
+	</tr>
+<tbody><tr>
+	<th class="vi_key">&lt;C-F&gt;</th>
+	<td class="vi_explanation">Mueve el cursor una ventana entera hacia adelante.</td>
+</tr>
+<tr>
+	<th class="vi_key">&lt;C-B&gt;</th>
+	<td class="vi_explanation">Acción inversa de <code>C-F</code>.</td>
+</tr>
+<tr>
+	<th class="vi_key">gg</th>
+	<td class="vi_explanation">Mueve el cursor al inicio del archivo.</td>
+</tr>
+<tr>
+	<th class="vi_key">G</th>
+	<td class="vi_explanation">Mueve el cursor al final del archivo.</td>
+</tr>
+<tr>
+	<th class="vi_key"><em>num</em>G</th>
+	<td class="vi_explanation">Mueve el cursor a la linea <em>num</em>.</td>
+</tr>
+	</table>
+  </div>
+  </div>
+</div>                              
+<div class="slide dos"> 
+  <h1>Zen de Vim</h1> 
+  <br /> 
+<div style="text-align: center;">
+  <h3>No corras por los campos, sáltalos.</h3>
+  <div class='incremental'>
+  <!-- topic 1 starts cullapsed -->
+	<table>
+	<tr>
+	<th class="vi_key">H</th>
+	<td class="vi_explanation">Mueve el cursor al tope de la ventana.</td>
+	</tr>
+	<tr>
+	<th class="vi_key">M</th>
+	<td class="vi_explanation">Mueve el cursor a la mitad de la ventana.</td>
+	</tr>
+	<tr>
+	<th class="vi_key">L</th>
+	<td class="vi_explanation">Acción inversa de <code>H</code>.</td>
+	</tr>
+	<tr>
+	<th class="vi_key">*</th>
+	<td class="vi_explanation">Lee la palabra de bajo del cursor y busca hacia adelante la palabra seleccionada.</td>
+	</tr>
+	<tr>
+	<th class="vi_key">#</th>
+	<td class="vi_explanation">Acción inversa de <code>*</code>.</td>
+	</tr>
+	<tr>
+	<th class="vi_key">/<em>palabra</em></th>
+	<td class="vi_explanation">Empezando del cursor busca hacia adelante la palabra despues de <code>'/'</code>.</td>
+	</tr>
+	<tr>
+	<th class="vi_key">?<em>palabra</em></th>
+	<td class="vi_explanation">Acción inversa a <code>'/'</code>.</td>
+	</tr>
+	</table>
+  </div>
+  </div>
+</div>                              
+<div class="slide dos"> 
+  <h1>Zen de Vim</h1> 
+  <br /> 
+<div style="text-align: center;">
+  <h3>No corras por los campos, sáltalos.</h3>
+  <div class='incremental'>
+  <!-- topic 1 starts cullapsed -->
+	<table>
+<tr>
+	<th class="vi_key">ma</th>
+	<td class="vi_explanation">Crea una marca en la navegación del archivo, donde 'a' es la marca.</td>
+</tr>
+<tr>
+	<th class="vi_key">`a</th>
+	<td class="vi_explanation">Mueve el cursor a la marca 'a' en el archivo.</td>
+</tr>
+<tr>
+	<th class="vi_key">`.</th>
+	<td class="vi_explanation">Ir a la ultima modificación hecha.</td>
+</tr>
+	</table>
+  </div>
+  </div>
+</div>                             
+<div class="slide dos"> 
+  <h1>Zen de Vim</h1> 
+<div style="text-align: center;">
+  <h3>Reduce, Recicla, Reusa.</h3>
+  <div class='incremental'>
+  <!-- topic 1 starts cullapsed -->
+	<table>
+	<tbody>
+<tr>
+	<th class="vi_key">v</th>
+	<td class="vi_explanation">Subraya por caracteres.</td>
+</tr>
+<tr>
+	<th class="vi_key">V</th>
+	<td class="vi_explanation">Subraya por lineas.</td>
+</tr>
+<tr>
+	<th class="vi_key">&lt;C-V&gt;</th>
+	<td class="vi_explanation">Subraya por bloques de lineas.</td>
+</tr>
+ <tr>
+	<th class="vi_key">d{acción}</th>
+	<td class="vi_explanation"><strong>d</strong>elete. Borra(corta) el texto subrayado y lo manda al clipboard.</td>
+</tr>
+ <tr>
+	<th class="vi_key">dd</th>
+	<td class="vi_explanation">Borra(corta) la linea entera y la manda al clipboard.</td>
+</tr>
+<tr>
+	<th class="vi_key">y</th>
+	<td class="vi_explanation"><strong>y</strong>ank. Copy(copiar). Acción similar a <code>d</code>, pero este nomas copia al clipboard.</td>
+</tr>
+<tr>
+	<th class="vi_key">c</th>
+	<td class="vi_explanation"><strong>c</strong>ut. Acción similar a <code>d</code>, pero este te manda a modo insertar.</td>
+</tr> 
+<tr>
+	<th class="vi_key">p</th>
+	<td class="vi_explanation"><strong>p</strong>aste. Pegar. Pega lo que hay en clipboard.</td>
+</tr>
+	</tbody>
+	</table>
+  </div>
+  </div>
+</div>                              
+<div class="slide dos"> 
+  <h1>Zen de Vim</h1> 
+  <br /> 
+<div style="text-align: center;">
+  <h3>Solo escribe lo esencial.</h3>
+  <div class='incremental'>
+  <!-- topic 1 starts cullapsed -->
+	<table>
+	 <tr>
+		<th class="vi_key">i</th>
+		<td class="vi_explanation">Inserta texto antes de el caracter debajo del cursor.</td>
+	</tr>
+	<tr>
+		<th class="vi_key">I</th>
+		<td class="vi_explanation">Inserta texto al inicio de la linea.</td>
+	</tr>
+	<tr>
+		<th class="vi_key">a</th>
+		<td class="vi_explanation">Acción inversa de <code>i</code>.</td>
+	</tr>
+	<tr>
+		<th class="vi_key">A</th>
+		<td class="vi_explanation">Acción inversa de <code>I</code>.</td>
+	</tr>
+	<tr>
+		<th class="vi_key">o</th>
+		<td class="vi_explanation">Crea una nueva linea debajo de la linea actual,<br /> y empieza modo insertar.</td>
+	</tr>
+	<tr>
+		<th class="vi_key">O</th>
+		<td class="vi_explanation">Acción inversa que <code>o</code>.</td>
+	</tr>
+	</table>
+  </div>
+  </div>
+</div>                             
+<div class="slide dos"> 
+  <h1>Zen de Vim</h1> 
+  <br /> 
+<div style="text-align: center;">
+  <h3>El que se repite, pierde.</h3>
+  <div class='incremental'>
+  <!-- topic 1 starts cullapsed -->
+	<table>
+<tr>
+	<th class="vi_key">q<em>registro</em></th>
+	<td class="vi_explanation">Empieza a grabar un macro con el nombre de registro.</td>
+</tr>
+<tr>
+	<th class="vi_key">q</th>
+	<td class="vi_explanation">Termina la grabación del macro.</td>
+</tr>
+<tr>
+	<th class="vi_key">@<em>registro</em></th>
+	<td class="vi_explanation">Activa el macro registro.</td>
+</tr>
+<tr>
+	<th class="vi_key"><code>.</code></th>
+	<td class="vi_explanation"><strong>Dot</strong>. Repite la ultima acción.</td>
+</tr>
+	</table>
+  </div>
+  </div>
+</div>                             
+<div class="slide dos"> 
+  <h1>Zen de Vim</h1> 
+  <br /> 
+<div style="text-align: center;">
+  <h3>Hasta el más limpio tiene formato.</h3>
+  <div class='incremental'>
+  <!-- topic 1 starts cullapsed -->
+	<table>
+<tr>
+	<th class="vi_key">]p</th>
+	<td class="vi_explanation">Pre-formatea el texto que se va a pegar.</td>
+</tr>
+<tr>
+	<th class="vi_key">%</th>
+	<td class="vi_explanation">Si el cursor se coloca en <strong>{,[,(</strong>, busca al siguiente del mismo.</td>
+</tr>
+<tr>
+	<th class="vi_key">&gt;&gt;</th>
+	<td class="vi_explanation">Le da formato a bloques de texto.</td>
+</tr>
+<tr>
+	<th class="vi_key">&lt;&lt;</th>
+	<td class="vi_explanation">Acción inversa de <strong>&lt;&lt;</strong>.</td>
+</tr>
+	</table>
+  </div>
+  </div>
+</div>                             
+<div class="slide"> 
+  <h1>Siete hábitos para editar<br /> texto efectivamente.</h1> 
+  <br /> 
+  <div>
+  <h3>Muévete rápido.</h3>
+  <ul class='incremental'>
+  <!-- topic 1 starts cullapsed -->
+  <li>Navegar por el texto es el habito más común.<br /> 
+  Aprende a navegar, moverte y saltar, sin presionar tantas teclas.
+  <ul class='incremental'>
+	<li>Usa <strong><code>/patrón</code></strong> para buscar una palabra clave.</li>
+	<li>Usa <strong><code>%</code></strong> para moverte entre bloques lógica.</li>
+	<li>Para variables y palabras que se repitan, usa <strong><code>*</code></strong>.</li>
+	<li>Usa <strong><code>ngg</code></strong> donde <strong>n</strong> es el numero de linea.</li>
+    </ul>
+  </li>
+  </ul>
+  </div>
+</div>                              
+
+<div class="slide cover"> 
+ <br />            
+ <h1>No lo escribas dos veces.</h1> 
+ <p>Tres simples pasos:</p>
+<div style="text-align: center;">
+  <ul>
+  <li>1. Mientras editas un archivo, dedícale tiempo a notar cuantas veces repites los mismos movimientos.</li>
+  <li>2. Busca un comando, una forma o un plugin para el editor que remedie esa repetición.</li>
+  <li>3. Practica utilizando ese comando hasta que lo hagas por inercia propia.</li>
+  </ul>
+</div>
+</div> 
+<div class="slide"> 
+  <h1>Siete hábitos para editar<br /> texto efectivamente.</h1> 
+  <div>
+  <h3>No lo escribas dos veces.</h3>
+  <ul class='incremental'>
+  <!-- topic 1 starts cullapsed -->
+  <li>Escribir dos veces lo mismo, es como reinventar la rueda.<br /> 
+  <ul class='incremental'>
+	<li>Usa <strong><code>:s</code></strong> para substituir una palabra clave en todo el archivo.</li>
+	<li>Usa <strong><code>.</code></strong> para insertar una palabra que acabas de escribir.</li>
+	<li>Para variables y palabras que se repitan, usa <strong><code>C-N</code></strong>.</li>
+	<li>Para directorios y archivos, usa <strong><code>C-X + C-F</code></strong>.</li>
+    </ul>
+  </li>
+  </ul>
+  </div>
+</div>                              
+<div class="slide"> 
+  <h1>Siete hábitos para editar<br /> texto efectivamente.</h1> 
+  <div>
+  <h3>Corregir.</h3>
+  <ul class='incremental'>
+  <!-- topic 1 starts cullapsed -->
+  <li>Si una palabra errónea se repite, debe ser corregida.<br /> 
+  <ul class='incremental'>
+	<li>Usa <strong><code>:abbr Lunix Linux</code></strong> para corregir una palabra clave en todo el archivo.</li>
+    </ul>
+  </li>
+  </ul>
+  </div>
+</div>                              
+<div class="slide"> 
+  <h1>Siete hábitos para editar<br /> texto efectivamente.</h1> 
+  <div>
+  <h3>Es raro cuando un archivo es solitario.</h3>
+  <ul class='incremental'>
+  <!-- topic 1 starts cullapsed -->
+  <li>Todo archivo tiene otros archivos en común.<br /> 
+  Edita con varias ventanas y alcanzaras tus metas.
+  <ul class='incremental'>
+	<li>Usa <strong><code>C-w + s</code></strong> para dividir la ventana horizontalmente.</li>
+	<li>Usa <strong><code>C-w + v</code></strong> para dividir la ventana verticalmente.</li>
+    </ul>
+  </li>
+  </ul>
+  </div>
+</div>                              
+<div class="slide"> 
+  <h1>Siete hábitos para editar<br /> texto efectivamente.</h1> 
+  <div>
+  <h3>La unión hace la fuerza.</h3>
+  <ul class='incremental'>
+  <!-- topic 1 starts cullapsed -->
+  <li>Vim se maneja con la filosofía Unix,<br /> 
+  utiliza ese flujo de texto.
+  <ul class='incremental'>
+	<li>Usa <strong><code>:r archivo</code></strong> para insertar un texto entero al archivo.</li>
+	<li>Usa <strong><code>:r ! grep 192.168.1.102 log</code></strong> para insertar texto de un flujo de texto externo.</li>
+    </ul>
+  </li>
+  </ul>
+  </div>
+</div>                              
+<div class="slide"> 
+  <h1>Siete hábitos para editar<br /> texto efectivamente.</h1> 
+  <div>
+  <h3>Todo texto es estructurado.</h3>
+  <ul class='incremental'>
+  <!-- topic 1 starts cullapsed -->
+  <li>En la programación y en los textos formales,<br /> 
+  el orden y el formato hablan más por el texto que el contenido. 
+  <ul class='incremental'>
+	<li>Para formatear un texto a default, usa <strong><code>=G</code></strong>.</li>
+	<li>Para estructurar texto, utiliza <strong><code>>></code></strong>.</li>
+	<li>Para regresar a un bloque, utiliza <strong><code>&lt;&lt;</code></strong>.</li>
+    </ul>
+  </li>
+  </ul>
+  </div>
+</div>                              
+<div class="slide"> 
+  <h1>Siete hábitos para editar<br /> texto efectivamente.</h1> 
+  <div class='incremental'>
+  <h3>La practica hace al maestro.</h3>
+  <!--<ul class='incremental'>-->
+  <!-- topic 1 starts cullapsed -->
+  <p>Mas que practicar, se trata de analizar.
+  Cada vez que analizas tus movimientos y cuanto inviertes escribiendo,
+  más te puedes acercar a un punto cero.</p>
+  <p>Todo editor de texto, o IDE profesional, tiene un margen de aprendizaje.</p>
+  <p>Como en cualquier practica del Zen, primero se piensa y luego se actúa.</p>
+  <!--</ul>-->
+  </div>
+</div>                              
+<div class="slide cover"> 
+ <br />            
+ <h1>Usando Vim</h1> 
+<div style="text-align: center;">
+<p>Gracias por su tiempo.<br /> No usen Emacs.<br />No, no es cierto usen lo que quieran.<br /> Nomas nano, no. Por favor.</p>
+<strong>Carlos Ivan Sosa</strong> <p>gnusosa</p>
+<p><a href="http://github.com/gnusosa">Cuenta de github</a></p>
+<p><a href="http://log.gnusosa.net">log.gnusosa.net</a></p>
+<p>¡Googlealo apá!</p>
+</div>
+</div> 
+</body>
+</html>
+
author	Carlos Sosa <gnusosa@gnusosa.net>	2020-03-19 15:09:32 -0700
committer	Carlos Sosa <gnusosa@gnusosa.net>	2020-03-19 15:09:32 -0700
commit	1213016d5e1d535237b28935ae1a859abb6bf307 (patch)
tree	78054752a2891400344c6c5b388084c6a525844f /platicas/taller-vim-1/index.html
parent	adb1a4da84fdd5c12a0ed48736d1bbca69a943fa (diff)