atomaka/intro-to-vim
1
0
Fork 0
Code Releases Activity
intro-to-vim/index.html

252 lines
6.9 KiB
HTML
Raw Normal View History

Initial commit Install reveal.js presentation framework using bower: bower install reveal.js --save Setup an initial slide show with a title page and resources page to conclude. It seems like the bower_components directory does not belong in the repository, but I am not familar with practices using the tool so it can be included for now.
2014-05-13 00:10:10 -04:00
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<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/theme/solarized.css">
Layout presentation with slide rough draft
2014-05-13 01:30:56 -04:00
<style>
blockquote {
text-align: left;
}
</style>
Initial commit Install reveal.js presentation framework using bower: bower install reveal.js --save Setup an initial slide show with a title page and resources page to conclude. It seems like the bower_components directory does not belong in the repository, but I am not familar with practices using the tool so it can be included for now.
2014-05-13 00:10:10 -04:00
</head>
<body>
<div class="reveal">
<div class="slides">
<!-- Introduction Slide -->
<section>
<h1>Intro to Vim</h1>
Add basic info to intro slide
2014-05-13 02:14:31 -04:00
<small>
Andrew Tomaka / <a href="https://twitter.com/atomaka">@atomaka</a>
</small>
Initial commit Install reveal.js presentation framework using bower: bower install reveal.js --save Setup an initial slide show with a title page and resources page to conclude. It seems like the bower_components directory does not belong in the repository, but I am not familar with practices using the tool so it can be included for now.
2014-05-13 00:10:10 -04:00
</section>
Layout presentation with slide rough draft
2014-05-13 01:30:56 -04:00
<!---->
<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>
Initial proofread and edits
2014-05-13 17:53:03 -04:00
<li>flexibility and options</li>
Layout presentation with slide rough draft
2014-05-13 01:30:56 -04:00
<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>
Add mode slide
2014-05-13 17:35:37 -04:00
<h3>Vim has modes</h3>
<ul>
<li>Such as:
<ul>
<li>normal</li>
<li>insert</li>
<li>visual</li>
<li>command-line</li>
</ul>
</li>
<li>Higher complexity, but comes with incredible power</li>
</ul>
Layout presentation with slide rough draft
2014-05-13 01:30:56 -04:00
</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>
Initial proofread and edits
2014-05-13 17:53:03 -04:00
<li>d3j - delete the current and the next three lines</li>
<li>d3k - delete the current and the previous three lines</li>
Layout presentation with slide rough draft
2014-05-13 01:30:56 -04:00
</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>
Initial proofread and edits
2014-05-13 17:53:03 -04:00
<li>dit - delete inside html blocks (&lt;b&gt;test&lt;/b&gt;)
Layout presentation with slide rough draft
2014-05-13 01:30:56 -04:00
</ul>
</li>
</ul>
</section>
<!-- example stuff -->
<section>
Update for demonstration
2014-05-13 18:08:26 -04:00
<h3>Demonstration</h3>
Layout presentation with slide rough draft
2014-05-13 01:30:56 -04:00
</section>
Initial commit Install reveal.js presentation framework using bower: bower install reveal.js --save Setup an initial slide show with a title page and resources page to conclude. It seems like the bower_components directory does not belong in the repository, but I am not familar with practices using the tool so it can be included for now.
2014-05-13 00:10:10 -04:00
<!-- Resources Slide -->
<section>
<h3>Other Talks</h3>
Layout presentation with slide rough draft
2014-05-13 01:30:56 -04:00
<ul>
<li>
<a href="https://www.youtube.com/watch?v=SkdrYWhh-8s">
Write Code Faster: Expert-Level Vim
</a>
by Ben Orenstein
</li>
<li>
<a href="https://www.youtube.com/watch?v=aHm36-na4-4">
More Instantly Better Vim
</a>
by Damian Conway
</li>
<li>
<a href="https://www.youtube.com/watch?v=9jzWDr24UHQ">
Impressive Ruby Productivity With Vim and Tmux
</a>
by Chris Hunt
</li>
</ul>
</section>
<!-- Repository slide -->
<section>
Initial proofread and edits
2014-05-13 17:53:03 -04:00
<h3>Resources</h3>
Layout presentation with slide rough draft
2014-05-13 01:30:56 -04:00
<ul>
<li>
<a href="https://www.github.com/atomaka/intro-to-vim">
These slides
</a>
</li>
<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>
Initial commit Install reveal.js presentation framework using bower: bower install reveal.js --save Setup an initial slide show with a title page and resources page to conclude. It seems like the bower_components directory does not belong in the repository, but I am not familar with practices using the tool so it can be included for now.
2014-05-13 00:10:10 -04:00
</section>
Initial proofread and edits
2014-05-13 17:53:03 -04:00
<!-- Conclusion -->
<section>
<h1>Try Vim for yourself</h1>
</section>
Initial commit Install reveal.js presentation framework using bower: bower install reveal.js --save Setup an initial slide show with a title page and resources page to conclude. It seems like the bower_components directory does not belong in the repository, but I am not familar with practices using the tool so it can be included for now.
2014-05-13 00:10:10 -04:00
</div>
</div>
<script src="bower_components/reveal.js/js/reveal.min.js"></script>
<script>
Reveal.initialize({
controls: false,
progress: true,
Layout presentation with slide rough draft
2014-05-13 01:30:56 -04:00
history: true
Initial commit Install reveal.js presentation framework using bower: bower install reveal.js --save Setup an initial slide show with a title page and resources page to conclude. It seems like the bower_components directory does not belong in the repository, but I am not familar with practices using the tool so it can be included for now.
2014-05-13 00:10:10 -04:00
});
</script>
</body>
</html>
Copy permalink