Improve introduction of modules and imports

Thanks @RyanBrewer317!

2 files changed, 46 insertions, 0 deletions

diff --git a/src/content/chapter0_basics/lesson09_strings/code.gleam b/src/content/chapter0_basics/lesson09_strings/code.gleam
new file mode 100644
index 0000000..ea47e0f
--- /dev/null
+++ b/src/content/chapter0_basics/lesson09_strings/code.gleam
@@ -0,0 +1,23 @@
+import gleam/io
+import gleam/string
+
+pub fn main() {
+  // String literals
+  io.debug("👩‍💻 こんにちは Gleam 🏳️‍🌈")
+  io.debug(
+    "multi
+    line
+    string",
+  )
+  io.debug("\u{1F600}")
+
+  // Double quote can be escaped
+  io.println("\"X\" marks the spot")
+
+  // String concatenation
+  io.debug("One " <> "Two")
+
+  // String functions
+  io.debug(string.reverse("1 2 3 4 5"))
+  io.debug(string.append("abc", "def"))
+}
diff --git a/src/content/chapter0_basics/lesson09_strings/en.html b/src/content/chapter0_basics/lesson09_strings/en.html
new file mode 100644
index 0000000..e5400ca
--- /dev/null
+++ b/src/content/chapter0_basics/lesson09_strings/en.html
@@ -0,0 +1,23 @@
+<p>
+  In Gleam strings are written as text surrounded by double quotes, and
+  can span multiple lines and contain unicode characters.
+</p>
+<p>
+  The <code>&lt;&gt;</code> operator can be used to concatenate strings.
+</p>
+<p>
+  Several escape sequences are supported:
+</p>
+<ul>
+  <li><code>\"</code> - double quote</li>
+  <li><code>\\</code> - backslash</li>
+  <li><code>\f</code> - form feed</li>
+  <li><code>\n</code> - newline</li>
+  <li><code>\r</code> - carriage return</li>
+  <li><code>\t</code> - tab</li>
+  <li><code>\u{xxxxxx}</code> - unicode codepoint</li>
+</ul>
+<p>
+  The <a href="https://hexdocs.pm/gleam_stdlib/gleam/string.html"><code>gleam/string</code></a>
+  standard library module contains functions for working with strings.
+</p>