DesignPatterns.html

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <title>Design Patterns</title>
    <meta name="description" content="A framework for easily creating beautiful presentations using HTML">
    <meta name="author" content="Gaspard POINTEAU">

    <link rel="stylesheet" href="css/reveal.css">
    <link rel="stylesheet" href="css/theme/white.css">

    <!-- Theme used for syntax highlighting of code -->
    <link rel="stylesheet" href="lib/css/zenburn.css">

    <!-- Printing and PDF exports -->
    <script>
        var link = document.createElement('link');
        link.rel = 'stylesheet';
        link.type = 'text/css';
        link.href = window.location.search.match(/print-pdf/gi) ? 'css/print/pdf.css' : 'css/print/paper.css';
        document.getElementsByTagName('head')[0].appendChild(link);

    </script>
</head>
<body>
<div class="reveal">
    <div class="slides">
        <section>
            <h1>Design Patterns</h1>
            <p>
                <small>Gaspard POINTEAU<br><a href="http://twitter.com/Gaspard_PO">@Gaspard_PO</a></small>
            </p>
        </section>

        <section>
            <h2>Null Object</h2>
            <section>
                <img src="images/patterns/nullEmpty.jpg" alt="rouleau de PQ vide vs pas de rouleau" width="700">
                <p>éviter les Nulls Pointers Exceptions<br>
                    ex : EmptyList
                </p>
            </section>
            <section>
                <img src="images/patterns/Null_Object.png" alt="null object pattern UML diagram" width="700">
            </section>
        </section>

        <section>
            <h2>Composite Pattern</h2>
            <section>
                <img src="images/patterns/composite.png" alt="composite tree" width="500">
            </section>
            <section>
                <img src="images/patterns/composite-uml.png" alt="composite tree" width="700">
            </section>
        </section>
    </div>
</div>


<script src="lib/js/head.min.js"></script>
<script src="js/reveal.js"></script>

<script>
    // More info about config & dependencies:
    // - https://github.com/hakimel/reveal.js#configuration
    // - https://github.com/hakimel/reveal.js#dependencies
    Reveal.initialize({
        dependencies: [
            {src: 'plugin/markdown/marked.js'},
            {src: 'plugin/markdown/markdown.js'},
            {src: 'plugin/notes/notes.js', async: true},
            {
                src: 'plugin/highlight/highlight.js', async: true, callback: function () {
                    hljs.initHighlightingOnLoad();
                }
            }
        ]
    });

</script>
</body>
</html>