|
| 1 | +<!doctype html> |
| 2 | +<html> |
| 3 | + <head> |
| 4 | + <meta charset="utf-8"> |
| 5 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> |
| 6 | + |
| 7 | + <title>Object Oriented Programming - Coders School</title> |
| 8 | + |
| 9 | + <meta name="description" content="OOP"> |
| 10 | + <meta name="author" content="Mateusz Adamski & Łukasz Ziobroń"> |
| 11 | + |
| 12 | + <link rel="stylesheet" href="../../css/reset.css"> |
| 13 | + <link rel="stylesheet" href="../../css/reveal.css"> |
| 14 | + <link rel="stylesheet" href="../../css/theme/coders.css" id="theme"> |
| 15 | + |
| 16 | + <!-- Theme used for syntax highlighting of code --> |
| 17 | + <link rel="stylesheet" href="../../lib/css/monokai.css"> |
| 18 | + |
| 19 | + <!-- Printing and PDF exports --> |
| 20 | + <script> |
| 21 | + var link = document.createElement( 'link' ); |
| 22 | + link.rel = 'stylesheet'; |
| 23 | + link.type = 'text/css'; |
| 24 | + link.href = window.location.search.match( /print-pdf/gi ) ? '../../css/print/pdf.css' : '../css/print/paper.css'; |
| 25 | + document.getElementsByTagName( 'head' )[0].appendChild( link ); |
| 26 | + </script> |
| 27 | + </head> |
| 28 | + <body> |
| 29 | + <div class="reveal"> |
| 30 | + <div class="slides"> |
| 31 | + <section> |
| 32 | + <section data-background="#111111"> |
| 33 | + |
| 34 | + <h1>OOP #3</h1> |
| 35 | + <h2>Object-Oriented Programming #3</h2> |
| 36 | + <a href="https://coders.school"> |
| 37 | + <img width="500" data-src="../coders_school_logo.png" alt="Coders School" class="plain"> |
| 38 | + </a> |
| 39 | + <h3>Mateusz Adamski</h3> |
| 40 | + <h3>Łukasz Ziobroń</h3> |
| 41 | + |
| 42 | + </section> |
| 43 | + <section data-markdown> |
| 44 | + <textarea data-template> |
| 45 | + |
| 46 | + ## Agenda |
| 47 | + |
| 48 | + 1. <!-- .element: class="fragment fade-in-then-semi-out" --> dziedziczenie |
| 49 | + 2. <!-- .element: class="fragment fade-in-then-semi-out" --> wielodziedziczenie |
| 50 | + 3. <!-- .element: class="fragment fade-in-then-semi-out" --> funkcje wirtualne |
| 51 | + 4. <!-- .element: class="fragment fade-in-then-semi-out" --> funkcje czysto wirtualne |
| 52 | + 5. <!-- .element: class="fragment fade-in-then-semi-out" --> klasy abstrakcyjne |
| 53 | + 6. <!-- .element: class="fragment fade-in-then-semi-out" --> interfejsy |
| 54 | + 7. <!-- .element: class="fragment fade-in" --> przykładowe rozwiązania zadań z OOP#1 |
| 55 | + 7. <!-- .element: class="fragment fade-in" --> polimorfizm |
| 56 | + 8. <!-- .element: class="fragment fade-in" --> pola i metody statyczne |
| 57 | + |
| 58 | + </textarea> |
| 59 | + </section> |
| 60 | + <section data-markdown> |
| 61 | + <textarea data-template> |
| 62 | + |
| 63 | + ## Zadania |
| 64 | + |
| 65 | + Repo GH `coders-school/object-oriented-programming` |
| 66 | + |
| 67 | + [https://github.com/coders-school/object-oriented-programming/tree/master/module2](https://github.com/coders-school/object-oriented-programming/tree/master/module2) |
| 68 | + |
| 69 | + </textarea> |
| 70 | + </section> |
| 71 | + <section data-markdown> |
| 72 | + <textarea data-template> |
| 73 | + |
| 74 | + ## Powtórka obiektowości |
| 75 | + |
| 76 | + * <!-- .element: class="fragment fade-in" --> Co oznacza słowo <code>virtual</code>? |
| 77 | + * <!-- .element: class="fragment fade-in" --> Co oznacza słowo <code>override</code>? |
| 78 | + * <!-- .element: class="fragment fade-in" --> Co to jest dziedziczenie? |
| 79 | + * <!-- .element: class="fragment fade-in" --> Do czego służą operatory? |
| 80 | + * <!-- .element: class="fragment fade-in" --> Co to jest konstruktor? |
| 81 | + * <!-- .element: class="fragment fade-in" --> Czym jest klasa abstrakcyjna? |
| 82 | + |
| 83 | + </textarea> |
| 84 | + </section> |
| 85 | + </section> |
| 86 | + <!-- |
| 87 | + Note that Windows uses `\r\n` instead of `\n` as its linefeed character. |
| 88 | + For a regex that supports all operating systems, use `\r?\n` instead of `\n`. |
| 89 | + |
| 90 | + Usage: |
| 91 | + Install dependencies |
| 92 | +
|
| 93 | + $ npm install |
| 94 | + Serve the presentation and monitor source files for changes |
| 95 | +
|
| 96 | + $ npm start |
| 97 | + Open http://localhost:8000 to view your presentation |
| 98 | +
|
| 99 | + You can change the port by using npm start -- --port=8001. |
| 100 | + --> |
| 101 | + <section data-markdown="presentation_solutions.md" |
| 102 | + data-separator-vertical="^___" |
| 103 | + data-separator-notes="^Note:"> |
| 104 | + </section> |
| 105 | + <section data-markdown="presentation_polymorphism.md" |
| 106 | + data-separator-vertical="^___" |
| 107 | + data-separator-notes="^Note:"> |
| 108 | + </section> |
| 109 | + <section data-markdown="presentation_static.md" |
| 110 | + data-separator-vertical="^___" |
| 111 | + data-separator-notes="^Note:"> |
| 112 | + </section> |
| 113 | + <section data-markdown="presentation_homework.md" |
| 114 | + data-separator-vertical="^___" |
| 115 | + data-separator-notes="^Note:"> |
| 116 | + </section> |
| 117 | + <section data-background="#111111"> |
| 118 | + |
| 119 | + <h1>Coders School</h1> |
| 120 | + <img width="400" data-src="../logo.png" alt="Coders School" class="plain"> |
| 121 | + |
| 122 | + </section> |
| 123 | + </div> |
| 124 | + </div> |
| 125 | + |
| 126 | + <script src="../../js/reveal.js"></script> |
| 127 | + |
| 128 | + <script> |
| 129 | + // More info about config & dependencies: |
| 130 | + // - https://github.com/hakimel/reveal.js#configuration |
| 131 | + // - https://github.com/hakimel/reveal.js#dependencies |
| 132 | + Reveal.initialize({ |
| 133 | + width: 1200, |
| 134 | + height: 750, |
| 135 | + slideNumber: true, |
| 136 | + hash: true, |
| 137 | + pdfSeparateFragments: false, |
| 138 | + dependencies: [ |
| 139 | + { src: '../../plugin/externalcode/externalcode.js', condition: function() { return !!document.querySelector( '[data-code]' ); } }, |
| 140 | + { src: '../../plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } }, |
| 141 | + { src: '../../plugin/markdown/marked.js' }, |
| 142 | + { src: '../../plugin/markdown/markdown.js' }, |
| 143 | + { src: '../../plugin/notes/notes.js', async: true } |
| 144 | + ] |
| 145 | + }); |
| 146 | + </script> |
| 147 | + </body> |
| 148 | +</html> |
0 commit comments