Wat is er mis met

PowerPoint

BINARY

PROPRIETARY

MIX of

MARKUP and

CONTENT

Reveal.js

The HTML Presentation Framework

Slides in HTML

<section>
    <section>
        <h2>Slide 1</h2>
        <p>Hier volgt de tekst</p>
    </section>
    <section>
        <h2>Slide 2</h2>
        <p>Hier volgt de tekst</p>
    </section>
    <section>
        <h2>Slide 3</h2>
        <ul>
            <li>Punt 1</li>
            <li>Punt 2</li>
            <li>Punt 3</li>
        </ul>
    </section>
    <section>
        <h2>Animaties</h2>
        <ul>
            <li class="fragment" data-fragment-index="0">De simpele</li>
            <li class="fragment" data-fragment-index="1">animaties met bullets</li>
            <li class="fragment" data-fragment-index="2">werken al out-of-the-box</li>
        </ul>
    </section>
</section>

Slides in Markdown

## Slide 1
Hier volgt de tekst
 --
## Slide 2
Hier volgt de tekst
 --
## Slide 3
* Punt 1
* Punt 2
* Punt 3
 --
## Animaties
* Punt 1<!-- .element: class="fragment" -->
* Punt 2<!-- .element: class="fragment" -->
* Punt 3<!-- .element: class="fragment" -->

Opmaak in CSS

body {
    background-image: url('../../img/waaier.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right bottom;
}

Titel1

Titel2

Titel3

# Titel1
## Titel2
### Titel3

Bullet points

• Punt 1
• Punt 2

Of genummerd

Bullet points

* Punt 1
* Punt 2

Of genummerd

1. Punt 1
1. Punt 2
1. Al het bovenstaande

auteur            | geboren | overleden | land
------------------|:-------:|:---------:|-----
Eliette Abécassis | 1969    | -         | Frankrijk
Edmond About      | 1828    | 1885      | Frankrijk
Paul Adam         | 1862    | 1920      | Frankrijk
Gustave Aimard    | 1818    | 1863      | Frankrijk

• De simpele
• animaties met bullets
• werken al out-of-the-box

* De simpele<!-- .element: class="fragment" -->
* animaties met bullets<!-- .element: class="fragment" -->
* werken al out-of-the-box<!-- .element: class="fragment" -->

class Program
{
    public static void Main(string[] args)
    {
        Console.WriteLine("Some output");
    }
}

'''cs
class Program
{
    public static void Main(string[] args)
    {
        Console.WriteLine("Some output");
    }
}
'''

CREATE PROCEDURE [dbo].[GetStudentGrades]
            @StudentID int
            AS
            SELECT EnrollmentID, Grade, CourseID, StudentID FROM dbo.StudentGrade
            WHERE StudentID = @StudentID

GO

'''sql
CREATE PROCEDURE [dbo].[GetStudentGrades]
            @StudentID int
            AS
            SELECT EnrollmentID, Grade, CourseID, StudentID FROM dbo.StudentGrade
            WHERE StudentID = @StudentID

GO
'''

git commit -am 'my first commit'

'''bash
git commit -am 'my first commit'
'''

![plaatje](img/1446389_58576922.jpg)

<!-- .slide: data-background="img/background.jpg" -->

Live twitter feed →

D3.js

.NET Fiddle

YouTube

Hoe werkt de

Viewer

Navigeren

Druk op spatie om naar het volgende scherm te gaan.

Navigeren

Druk op shift + spatie om naar het vorige scherm te gaan.

Navigeren

Gebruik de ↑ en de ↓ om binnen het huidige onderwerp te navigeren.

Navigeren

Gebruik de ← en → om naar het vorige of volgende onderwerp te gaan.

Presenteren

Druk op 'f' voor full screen (F11 in Internet Explorer).

Overzicht

Druk op 'o' of 'ESC' voor een overzicht.

Pauze

Druk op '.' of 'b' om het scherm op zwart te zetten.

Presentatiemodus

Druk op 's' om de presentatiemodus te activeren (werkt niet in Internet Explorer).

PDF

• Klik hier voor de juiste CSS om te printen
• CTRL+P (of CMD+P op de Mac)
• Bestemming > Wijzigen > Opslaan als pdf
• Werkt momenteel alleen/vooral in Google Chrome

Voordelen

en ook nadelen??

Voordelen

Versiebeheer

$ git log --oneline
19dc6fe labs toegevoegd
afdaebe labs, concurrency, hoofdonderwerpen
c68dc5f wijziging in pages blijkbaar
61f98d8 Pages document toegevoegd
f1d7996 Onderwerpen documentje van Apple Pages toegevoegd
2d011b4 casing aangepast zodat plaatjes ook op linux werken
f49e0a8 wat notes later verschijnen
b3a135c ietsje betere VS highlighting
0288405 linq2xml
74e4692 pre-generate views en cf vs df
c653e3a proxies e.d.
b6b1020 loading en tracking
51e2f8b original en current values
0591177 annotations en fluent
51f79d5 stored procuderes and functions
d110383 initial commit

Slides as Code

 # Entity Framework
-Getting Started
+### Getting Started
 ---
 # Agenda
 1. Introduction
@@ -73,7 +78,7 @@ Getting Started
 1. Performance Considerations
 1. LinqToXml
 ---
-Introducing
+### Introducing
 # Entity Framework
 --
 ## Entity Data Model
@@ -118,7 +123,7 @@ http://msdn.microsoft.com/en-us/data/jj590134
 ## Code First
 ![image](01-Introduction/development-workflows-05.png)

Branching & Merging

Windows

OS X

Nadelen

• Editor + browser

• Er bestaat een online editor: http://slid.es
• Maar die moet je natuurlijk niet gebruiken.

Samenvattend

Reveal.js

• Kan meer dan PowerPoint
• Werkt voor ons in 90% van de situaties
• De overige 10% moeten we
  • Extra moeite voor doen
  • Op een andere manier invullen
  • Niet meer doen
• HTML5 is leuk!