✨ add more examples

CodingGarden · Jul 15, 2022 · cdd94ce · cdd94ce
1 parent b391e59
commit cdd94ce
Show file tree

Hide file tree

Showing 8 changed files with 30,955 additions and 0 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/basic-web-app/app.js b/basic-web-app/app.js
@@ -0,0 +1,11 @@
+const theBox = document.querySelector('#theBox');
+
+const client = new tmi.Client({
+	channels: [ 'codinggarden' ]
+});
+
+client.connect();
+
+client.on('message', (channel, tags, message, self) => {
+  theBox.textContent += '\n' + message;
+});
diff --git a/basic-web-app/index.html b/basic-web-app/index.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>My Awesome Web Page</title>
+  <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+  <div id="theBox" class="my-box">
+
+  </div>
+  <script src="tmi.min.js"></script>
+  <script src="app.js"></script>
+</body>
+</html>
diff --git a/basic-web-app/styles.css b/basic-web-app/styles.css
@@ -0,0 +1,22 @@
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+  font-family: sans-serif;
+}
+
+.my-box {
+  width: 500px;
+  height: 500px;
+  background-color: green;
+  border-radius: 20px;
+  color: white;
+  white-space: pre;
+  word-wrap: break-word;
+}
diff --git a/basic-web-app/tmi.min.js b/basic-web-app/tmi.min.js
diff --git a/function-expression-vs-declaration/index.js b/function-expression-vs-declaration/index.js
@@ -0,0 +1,14 @@
+console.log(add(2, 2));
+
+function add(a, b) {
+  return a + b;
+}
+
+const add = function(a, b) {
+  return a + b;
+};
+
+const add = (a, b) => {
+  return a + b;
+};
+// export const add = (a, b) => a + b;
diff --git a/json-search/data.json b/json-search/data.json
diff --git a/json-search/index.js b/json-search/index.js
@@ -0,0 +1,34 @@
+const jobPostings = require('./data.json');
+
+// search actual properties...
+function getJobPostingsWithRequirementMatch(...matches) {
+  // Find all jobs that match...
+  // return jobPostings.filter((jobPosting) => {
+  //   const employmentRequirements = jobPosting.details.find((detail) => {
+  //     return detail.section === 'Employment requirements';
+  //   });
+  //   const matchedDetails = employmentRequirements.details.filter((detail) => {
+  //     return detail.match(new RegExp(match, 'gi'));
+  //   });
+  //   return matchedDetails.length > 0;
+  // });
+  return [...jobPostings.reduce((allExamples, jobPosting) => {
+    // ALTERNATE SOLUTION: stringify each object and regex it
+    // JSON.stringify(jobPosting).match(someRegexp)
+    const employmentRequirements = jobPosting.details.find((detail) => {
+      return detail.section === 'Employment requirements';
+    });
+    const allDetails = employmentRequirements.details.join(' ');
+    const isMatch = matches.every((match) => allDetails.match(new RegExp(match, 'gi')));
+    if (isMatch) {
+      const examples = jobPosting.details.find((detail) => {
+        return detail.section === 'Illustrative example(s)';
+      });
+      examples.details.forEach((example) => allExamples.add(example));
+    }
+    return allExamples;
+  }, new Set())];
+}
+
+const matchedPostings = getJobPostingsWithRequirementMatch('degree', 'computer science');
+console.log(matchedPostings);