Skip to content

Code examples: Tweak the first example ("Functions"), and add a new "Multiple Dispatch" example #2415

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
DilumAluthge wants to merge 12 commits into
base: main
Choose a base branch
from
Open

Code examples: Tweak the first example ("Functions"), and add a new "Multiple Dispatch" example #2415

Changes from all commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
a4f20f1
Several small tweaks to the "Multiple Dispatch" code example on the h…
DilumAluthge Dec 13, 2025
14b04d6
Fixup
DilumAluthge Dec 13, 2025
4b3f129
Fix typo (spelling)
DilumAluthge Dec 13, 2025
693ebfb
Rename slide 1 from "Multiple Dispatch" to "Functions", and add a sec…
DilumAluthge Dec 13, 2025
8a506ae
Fixes
DilumAluthge Dec 13, 2025
2fdf9f3
Update carousel.html
DilumAluthge Dec 13, 2025
8b61bb6
Add vertical space
DilumAluthge Dec 14, 2025
1bd0dd1
Change `#$(x)` to `number $(x)`
DilumAluthge Dec 15, 2025
ce3abdb
Call `greet(Dog(), Cat())`
DilumAluthge Dec 15, 2025
1d8d50a
Merge branch 'main' into dpa/multiple-dispatch-example
DilumAluthge Dec 15, 2025
d596591
Change slide 1 title from "Functions" to "Straightforward syntax"
DilumAluthge Dec 15, 2025
ce51766
Merge branch 'main' into dpa/multiple-dispatch-example
DilumAluthge Dec 16, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
66 changes: 49 additions & 17 deletions _layout/carousel.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,24 +2,56 @@
<div class="code-carousel-container">
<button class="carousel-arrow carousel-arrow-left" aria-label="Previous slide">&#8249;</button>
<div class="code-carousel">
<!-- Slide 1: Multiple Dispatch -->
<!-- Slide 1: Straightforward syntax -->
<!-- Specifically, shows how to define and call two methods for one generic function -->
<div class="carousel-slide active">
<div class="code-showcase julia-blue">
<div class="code-header">
<span class="code-dot red"></span>
<span class="code-dot yellow"></span>
<span class="code-dot green"></span>
<span class="code-title">Multiple Dispatch</span>
<span class="code-title">Straightforward syntax</span>
</div>
<pre class="code-content"><code class="language-julia"><span class="repl-prompt">julia> </span>greet(x) = <span class="hljs-string">"Hello, $(x)!"</span>

<span class="repl-prompt">julia> </span>greet(x::<span class="hljs-built_in">Number</span>) = <span class="hljs-string">"Hello, #$(x)!"</span>
<span class="repl-prompt">julia> </span>greet(x::<span class="hljs-built_in">Number</span>) = <span class="hljs-string">"Nice to meet you, number $(x)!"</span>

<span class="repl-prompt">julia> </span>greet(<span class="hljs-string">"world"</span>)
<span class="hljs-string">"Hello, world!"</span>

<span class="repl-prompt">julia> </span>greet(<span class="hljs-number">42</span>)
<span class="hljs-string">"Nice to meet you, number 42!"</span>
</code></pre>
</div>
</div>
<!-- Slide 2: Multiple Dispatch -->
<!-- Taken from https://www.youtube.com/watch?v=kc9HwsxE1OY, timestamp 7:47 -->
<div class="carousel-slide active">
<div class="code-showcase julia-blue">
<div class="code-header">
<span class="code-dot red"></span>
<span class="code-dot yellow"></span>
<span class="code-dot green"></span>
<span class="code-title">Multiple Dispatch</span>
</div>
<pre class="code-content"><code class="language-julia"><span class="repl-prompt">julia> </span><span class="hljs-keyword">struct</span> <span class="hljs-built_in">Dog</span> <span class="hljs-keyword">end</span>

<span class="repl-prompt">julia> </span><span class="hljs-keyword">struct</span> <span class="hljs-built_in">Cat</span> <span class="hljs-keyword">end</span>

<span class="repl-prompt">julia> </span>greet(x::<span class="hljs-built_in">Dog</span>, y::<span class="hljs-built_in">Dog</span>) = <span class="hljs-string">"sniffs"</span>

<span class="repl-prompt">julia> </span>greet(x::<span class="hljs-built_in">Dog</span>, y::<span class="hljs-built_in">Cat</span>) = <span class="hljs-string">"chases"</span>

<span class="repl-prompt">julia> </span>greet(x::<span class="hljs-built_in">Cat</span>, y::<span class="hljs-built_in">Dog</span>) = <span class="hljs-string">"hisses"</span>

<span class="repl-prompt">julia> </span>greet(x::<span class="hljs-built_in">Cat</span>, y::<span class="hljs-built_in">Cat</span>) = <span class="hljs-string">"slinks"</span>

<span class="repl-prompt">julia> </span>greet(<span class="hljs-string">"world"</span>), greet(<span class="hljs-number">42</span>)
(<span class="hljs-string">"Hello, world!"</span>, <span class="hljs-string">"Hello, #42!"</span>)</code></pre>
<span class="repl-prompt">julia> </span>greet(<span class="hljs-built_in">Dog</span>(), <span class="hljs-built_in">Cat</span>())
<span class="hljs-string">"chases"</span>
</code></pre>
</div>
</div>
<!-- Slide 2: Display Customization -->
<!-- Slide 3: Display Customization -->
<div class="carousel-slide">
<div class="code-showcase julia-red">
<div class="code-header">
Expand All @@ -38,7 +70,7 @@
🥜 Julia 🥜</code></pre>
</div>
</div>
<!-- Slide 3: Unicode Support -->
<!-- Slide 4: Unicode Support -->
<div class="carousel-slide">
<div class="code-showcase julia-green">
<div class="code-header">
Expand All @@ -57,7 +89,7 @@
<span class="hljs-number">9.0</span></code></pre>
</div>
</div>
<!-- Slide 4: Comprehensions -->
<!-- Slide 5: Comprehensions -->
<div class="carousel-slide">
<div class="code-showcase julia-purple">
<div class="code-header">
Expand All @@ -83,7 +115,7 @@
<span class="hljs-string">'l'</span> => <span class="hljs-number">3</span></code></pre>
</div>
</div>
<!-- Slide 5: Broadcasting -->
<!-- Slide 6: Broadcasting -->
<div class="carousel-slide">
<div class="code-showcase julia-red">
<div class="code-header">
Expand All @@ -103,7 +135,7 @@
<span class="hljs-number">1.14112</span> <span class="hljs-number">0.243198</span></code></pre>
</div>
</div>
<!-- Slide 6: Piping & Composition -->
<!-- Slide 7: Piping & Composition -->
<div class="carousel-slide">
<div class="code-showcase julia-blue">
<div class="code-header">
Expand All @@ -122,7 +154,7 @@
[<span class="hljs-number">2.718</span>, <span class="hljs-number">7.389</span>, <span class="hljs-number">20.086</span>]</code></pre>
</div>
</div>
<!-- Slide 7: Destructuring -->
<!-- Slide 8: Destructuring -->
<div class="carousel-slide">
<div class="code-showcase julia-green">
<div class="code-header">
Expand All @@ -142,7 +174,7 @@
(<span class="hljs-string">"first"</span>, [<span class="hljs-string">"second"</span>, <span class="hljs-string">"third"</span>])</code></pre>
</div>
</div>
<!-- Slide 8: Macros -->
<!-- Slide 9: Macros -->
<div class="carousel-slide">
<div class="code-showcase julia-purple">
<div class="code-header">
Expand All @@ -161,7 +193,7 @@
<span class="hljs-number">7</span></code></pre>
</div>
</div>
<!-- Slide 9: Package Installation -->
<!-- Slide 10: Package Installation -->
<div class="carousel-slide">
<div class="code-showcase julia-blue">
<div class="code-header">
Expand All @@ -185,7 +217,7 @@
2 │ Bob 30</code></pre>
</div>
</div>
<!-- Slide 10: Function Arguments -->
<!-- Slide 11: Function Arguments -->
<div class="carousel-slide">
<div class="code-showcase julia-purple">
<div class="code-header">
Expand All @@ -205,7 +237,7 @@
<span class="hljs-string">"Hi, world."</span></code></pre>
</div>
</div>
<!-- Slide 11: Threading -->
<!-- Slide 12: Threading -->
<div class="carousel-slide">
<div class="code-showcase julia-red">
<div class="code-header">
Expand All @@ -227,7 +259,7 @@
<span class="hljs-number">8</span></code></pre>
</div>
</div>
<!-- Slide 12: REPL Modes -->
<!-- Slide 13: REPL Modes -->
<div class="carousel-slide">
<div class="code-showcase julia-green">
<div class="code-header">
Expand All @@ -250,7 +282,7 @@
sum(f, itr) – Sum the results of calling f on each element of itr.</code></pre>
</div>
</div>
<!-- Slide 13: Introspection -->
<!-- Slide 14: Introspection -->
<div class="carousel-slide">
<div class="code-showcase julia-purple">
<div class="code-header">
Expand Down