Layout presentation with slide rough draft
This commit is contained in:
parent
f3d18656b2
commit
b8e1bab1f1
1 changed files with 206 additions and 35 deletions
241
index.html
241
index.html
|
|
@ -5,6 +5,11 @@
|
||||||
<title>Intro to Vim</title>
|
<title>Intro to Vim</title>
|
||||||
<link rel="stylesheet" href="bower_components/reveal.js/css/reveal.min.css">
|
<link rel="stylesheet" href="bower_components/reveal.js/css/reveal.min.css">
|
||||||
<link rel="stylesheet" href="bower_components/reveal.js/css/theme/solarized.css">
|
<link rel="stylesheet" href="bower_components/reveal.js/css/theme/solarized.css">
|
||||||
|
<style>
|
||||||
|
blockquote {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="reveal">
|
<div class="reveal">
|
||||||
|
|
@ -14,43 +19,210 @@
|
||||||
<h1>Intro to Vim</h1>
|
<h1>Intro to Vim</h1>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
<!---->
|
||||||
|
<section>
|
||||||
|
<h3>Why I use Vim</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Desired a more seamless environment</li>
|
||||||
|
<li>Might as well be Vim
|
||||||
|
<ul>
|
||||||
|
<li>"nerd cred"</li>
|
||||||
|
<li>server administration</li>
|
||||||
|
<li>options: terminal or gui</li>
|
||||||
|
<li>RSI prevention</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li><strong>BUT...</strong>It might not be for you</li>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- learning curve -->
|
||||||
|
<section>
|
||||||
|
<h3>Everyone's first Vim session</h3>
|
||||||
|
<blockquote>
|
||||||
|
^C^C^X^X^X^XquitqQ!qdammit[esc]qwerty
|
||||||
|
uiopasdfghjkl;:xwhat
|
||||||
|
</blockquote>
|
||||||
|
<a href="http://bash.org/7795779">Bash.org</a>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<h3>But how can we avoid this</h3>
|
||||||
|
<ul>
|
||||||
|
<li>vimtutor - command line tutorial</li>
|
||||||
|
<li><a href="http://vim-adventures.com/">VIM Adventures</a></li>
|
||||||
|
<li>
|
||||||
|
<a href="http://www.viemu.com/vi-vim-cheat-sheet.gif">
|
||||||
|
This Cheat Sheet
|
||||||
|
</a> - or
|
||||||
|
<a href="http://www.terminally-incoherent.com/blog/wp-content/uploads/2009/03/vimcheatsheet.pdf">
|
||||||
|
many
|
||||||
|
</a>
|
||||||
|
<a href="http://www2.cs.uidaho.edu/~rinker/ed03.pdf">others</a>.
|
||||||
|
</li>
|
||||||
|
<li>Focus on five commands a week</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<h3>You will probably still struggle</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Copy and paste</li>
|
||||||
|
<li>Not using the mouse</li>
|
||||||
|
<li>Getting to the end of the line</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- modes -->
|
||||||
|
<section>
|
||||||
|
<h3>Vim is a modal editor</h3>
|
||||||
|
<p>WORK IN PROGRESS</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- movement -->
|
||||||
|
<section>
|
||||||
|
<h3>You can move around</h3>
|
||||||
|
<ul>
|
||||||
|
<li>The bare minimum
|
||||||
|
<ul>
|
||||||
|
<li>h, j, k, l</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>Do not use the arrow keys</li>
|
||||||
|
<li>get around the screen faster
|
||||||
|
<ul>
|
||||||
|
<li>H, M, L, gg, G, :50</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- actions -->
|
||||||
|
<section>
|
||||||
|
<h3>And do things</h3>
|
||||||
|
<ul>
|
||||||
|
<li>i - insert</li>
|
||||||
|
<li>d - delete</li>
|
||||||
|
<li>y - yank, p - paste
|
||||||
|
<ul>
|
||||||
|
<li>Copy and paste - sort of</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>c - change
|
||||||
|
<ul>
|
||||||
|
<li>like selecting text and typing over it</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- objects -->
|
||||||
|
<section>
|
||||||
|
<h3>On objects</h3>
|
||||||
|
<ul>
|
||||||
|
<li>obvious
|
||||||
|
<ul>
|
||||||
|
<li>w - word, line</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>logical
|
||||||
|
<ul>
|
||||||
|
<li>p - paragraph, s - sentence</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>useful
|
||||||
|
<ul>
|
||||||
|
<li>blocks of all sorts (t - html, various symbols)</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- modified -->
|
||||||
|
<section>
|
||||||
|
<h3>That can be modified</h3>
|
||||||
|
<ul>
|
||||||
|
<li>i - inside</li>
|
||||||
|
<li>a - around</li>
|
||||||
|
<li>t - (un)till</li>
|
||||||
|
<li>f - find</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- combined -->
|
||||||
|
<section>
|
||||||
|
<h3>And finally combined into a language</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Basic things
|
||||||
|
<ul>
|
||||||
|
<li>3j - down three lines</li>
|
||||||
|
<li>d3j - delete the next three liens</li>
|
||||||
|
<li>d3k - delete hte previous three lines</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>And more advanced ones
|
||||||
|
<ul>
|
||||||
|
<li>c$ - change until the end of the line</li>
|
||||||
|
<li>das - delete around sentence</li>
|
||||||
|
<li>ci" - change inside quotes</li>
|
||||||
|
<li>dit - delete inside html blocks (<b>test</b>)
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- example stuff -->
|
||||||
|
<section>
|
||||||
|
<h3>Example stuff TBD</h3>
|
||||||
|
<ul>
|
||||||
|
<li>sample github repo (basic config)</li>
|
||||||
|
<li>have clone; launch with -u</li>
|
||||||
|
<li>show some editing? (find video of someone much better</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
<!-- Resources Slide -->
|
<!-- Resources Slide -->
|
||||||
<section>
|
<section>
|
||||||
<h1>Resources</h1>
|
|
||||||
<h3>Other Talks</h3>
|
<h3>Other Talks</h3>
|
||||||
<p>
|
<ul>
|
||||||
<ul>
|
<li>
|
||||||
<li>
|
<a href="https://www.youtube.com/watch?v=SkdrYWhh-8s">
|
||||||
<a href="https://www.youtube.com/watch?v=SkdrYWhh-8s">
|
Write Code Faster: Expert-Level Vim
|
||||||
Write Code Faster: Expert-Level Vim
|
</a>
|
||||||
</a>
|
by Ben Orenstein
|
||||||
by Ben Orenstein
|
</li>
|
||||||
</li>
|
<li>
|
||||||
<li>
|
<a href="https://www.youtube.com/watch?v=aHm36-na4-4">
|
||||||
<a href="https://www.youtube.com/watch?v=aHm36-na4-4">
|
More Instantly Better Vim
|
||||||
More Instantly Better Vim
|
</a>
|
||||||
</a>
|
by Damian Conway
|
||||||
by Damian Conway
|
</li>
|
||||||
</li>
|
<li>
|
||||||
<li>
|
<a href="https://www.youtube.com/watch?v=9jzWDr24UHQ">
|
||||||
<a href="https://www.youtube.com/watch?v=9jzWDr24UHQ">
|
Impressive Ruby Productivity With Vim and Tmux
|
||||||
Impressive Ruby Productivity With Vim and Tmux
|
</a>
|
||||||
</a>
|
by Chris Hunt
|
||||||
by Chris Hunt
|
</li>
|
||||||
</li>
|
</ul>
|
||||||
</ul>
|
</section>
|
||||||
</p>
|
|
||||||
<h3>Repository</h3>
|
<!-- Repository slide -->
|
||||||
<p>
|
<section>
|
||||||
<ul>
|
<h3>Other</h3>
|
||||||
<li>
|
<ul>
|
||||||
<a href="https://www.github.com/atomaka/intro-to-vim">
|
<li>
|
||||||
www.github.com/atomaka/intro-to-vim
|
<a href="https://www.github.com/atomaka/intro-to-vim">
|
||||||
</a>
|
These slides
|
||||||
</li>
|
</a>
|
||||||
</ul>
|
</li>
|
||||||
</p>
|
<li>
|
||||||
|
<a href="https://github.com/atomaka/dotfiles/blob/master/.vimrc">
|
||||||
|
My vimrc
|
||||||
|
</a>
|
||||||
|
<ul>
|
||||||
|
<li>(but I recommend starting with a blank)</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -59,8 +231,7 @@
|
||||||
Reveal.initialize({
|
Reveal.initialize({
|
||||||
controls: false,
|
controls: false,
|
||||||
progress: true,
|
progress: true,
|
||||||
history: true,
|
history: true
|
||||||
transition: 'linear'
|
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue