Spelling

app/components/ui/route-loader.svelte

@@ -17,9 +17,9 @@
  .gradient-loader {
  @apply bg-gradient-to-r from-orange-500 via-purple-500 to-pink-500;
  background-size: 200% 200%;
- animation: gradiant-move 1s infinite;
+ animation: gradient-move 1s infinite;
  }
- @keyframes gradiant-move { 
+ @keyframes gradient-move { 
  0%{background-position:left}
  50%{background-position:right}
  100%{background-position:left}

app/components/video/video-player.svelte

@@ -9,7 +9,7 @@
  export let video: number | string;
  export let type: 'vimeo' | 'youtube';
  export let free = false;
- export let single = false; // prevent autoplay on signle video pages
+ export let single = false; // prevent autoplay on single video pages
 
  // let player: Player;
  let ref: HTMLElement;

content/contributors/jeroen.ouwehand.md

@@ -7,4 +7,4 @@ links:
  medium: https://medium.com/@jeroenouw
 ---
 
-Jeroen is a full-stack developer from Rotterdam (The Netherlands) and is currently working for a bank. Sometimes writes posts on Medium or contribute on Github.
+Jeroen is a full-stack developer from Rotterdam (The Netherlands) and is currently working for a bank. Sometimes writes posts on Medium or contribute on GitHub.

content/contributors/marc-stammerjohann.md

@@ -10,4 +10,4 @@ links:
  portfolio: https://marcjulian.de
 ---
 
-Marc Stammerjohann is a freelance full-stack software engineer developing apps with Ionic, Angular, Typescript, Java and Kotlin. He is interested in Web Components, nest and Prisma lately. In his free time he enjoys inline skating, traveling, diving and reading books.
+Marc Stammerjohann is a freelance full-stack software engineer developing apps with Ionic, Angular, TypeScript, Java and Kotlin. He is interested in Web Components, nest and Prisma lately. In his free time he enjoys inline skating, traveling, diving and reading books.

content/contributors/zack-derose.md

@@ -11,4 +11,4 @@ links:
 
 Zack is a <a href="https://developers.google.com/community/experts/directory/profile/profile-zack-derose">GDE for Google</a>, as well as an Engineer and Engineering Manager for <a href="http://nx.dev">Nx</a>, and an avid fan of <a href="https://supabase.com/">Supabase</a>.
 
-Zack always bets on Javascript (and Typescript), but he also enjoys Postgres, making videos, and has been dabbling recently in shit-posting on Twitter.
+Zack always bets on JavaScript (and TypeScript), but he also enjoys Postgres, making videos, and has been dabbling recently in shit-posting on Twitter.

content/courses/angular/app-shared-module.md

@@ -46,7 +46,7 @@ export class AppModule { }
 
 ### Step 2 - Consolidate Imports
 
-Avoid duplication by consolidating your imports with the the spread syntax. We will be using the common material modules throughout the course. All Material modules listed below will be used in this app. 
+Avoid duplication by consolidating your imports with the spread syntax. We will be using the common material modules throughout the course. All Material modules listed below will be used in this app. 
 
 {{< file "ngts" "shared.module.ts" >}}
 ```typescript

content/courses/angular/kanban-animation.md

@@ -9,7 +9,7 @@ emoji: 🍱
 video_length: 3:06
 ---
 
-Animate the the CDK Drag & Drop elements using CSS transitions.
+Animate the CDK Drag & Drop elements using CSS transitions.
 
 
 ## Full Styles

content/courses/angular/kanban-database-service.md

@@ -61,7 +61,7 @@ export class BoardService {
  }
 
  /**
- * Remove a specifc task from the board
+ * Remove a specific task from the board
  */
  removeTask(boardId: string, task: Task) {
  return this.db

content/courses/angular/user-email-pass.md

@@ -22,7 +22,7 @@ video_length: 11:32
 ng g component user/email-login
 ```
 
-Your user module should look similer to this:
+Your user module should look similar to this:
 
 {{< file "ngts" "user.module.ts" >}}
 ```typescript
@@ -52,7 +52,7 @@ Make sure to declare the form in the login page for unauthenticated users.
 </div>
 ```
 
-### Step 2 - Typescript Logic
+### Step 2 - TypeScript Logic
 
 {{< file "ngts" "email-login.component.ts" >}}
 ```typescript

content/courses/cloud-functions/intro-course-resources.md

@@ -2,7 +2,7 @@
 title: Resources
 lastmod: 2019-02-27T09:32:30-07:00
 draft: false
-description: Helpful links for the the Cloud Functions Master Course
+description: Helpful links for the Cloud Functions Master Course
 weight: 1
 emoji: 👶
 free: true
@@ -14,7 +14,7 @@ If you get stuck or have questions, feel free to reach out for 1-on-1 support:
 - Chat Support on Slack
 
 
-I recommend following along and writing your own code from scratch, but the source code is available on Github as a reference:
+I recommend following along and writing your own code from scratch, but the source code is available on GitHub as a reference:
 
 - [Project Source Code](https://github.com/codediodeio/cloud-functions-master-course)
 
@@ -25,7 +25,7 @@ We are only scratching the surface, check out these learning resources:
 - Official Firebase Functions Docs and Video Series
 
 
-Also, follow me on Github and Twitter to stay up to date:
+Also, follow me on GitHub and Twitter to stay up to date:
 
-- Github Profile
+- GitHub Profile
 - Twitter @fireship_dev or @jeffdelaney23

content/courses/firebase-security/advanced-chat-example.md

@@ -8,7 +8,7 @@ vimeo: 486584623
 emoji: 🛡️
 video_length: 4:46
 ---
-Firebase Rules for hypothertical chat application
+Firebase Rules for hypothetical chat application
 
 {{< file "firebase" "firestore.rules" >}}
 ```javascript

content/courses/firestore-data-modeling/intro-course-resources.md

@@ -12,7 +12,7 @@ video_length: 1:53
 
 ## Course Resources
 
-- [Query Code Snippets on Github](https://gist.github.com/codediodeio/513bf77ee45be6d38d27868f5345a002)
+- [Query Code Snippets on GitHub](https://gist.github.com/codediodeio/513bf77ee45be6d38d27868f5345a002)
 - [Cloud Firestore Docs](https://firebase.google.com/docs/firestore/)
 
 

content/courses/firestore-data-modeling/relational-many-to-many.md

@@ -23,7 +23,7 @@ const specificReview = db.collection('reviews').doc(`${bookId}_${authorId}`);
 
 
 // 8. Map
-// Reviews embadded on books
+// Reviews embedded on books
 const bookWithReviews = db.collection('books').doc(bookId);
 const userReviews = db.collection('books').orderBy('reviews.jeff-delaney');
 

content/courses/flutter-firebase-v1/intro-flutter-setup.md

@@ -14,7 +14,7 @@ video_length: 5:37
 1. Install Flutter and run `flutter doctor`.
 1. Add Flutter to your Path
 1. Download Android Studio and configure an Emulator.
-1. Download XCode (MacOS)
+1. Download XCode (macOS)
 
 ## Dependencies
 

content/courses/flutter-firebase-v1/project-login-screen.md

@@ -72,7 +72,7 @@ class LoginScreenState extends State<LoginScreen> {
  }
 }
 
-/// A resuable login button for multiple auth methods
+/// A reusable login button for multiple auth methods
 class LoginButton extends StatelessWidget {
  final Color color;
  final IconData icon;

content/courses/flutter-firebase-v1/project-topic-screen.md

@@ -10,4 +10,4 @@ video_length: 5:25
 chapter_start: Quiz UI
 ---
 
-Reference the [Topics Screen Source on Github](https://github.com/fireship-io/flutter-firebase-quizapp-course/blob/master/lib/screens/topics.dart)
+Reference the [Topics Screen Source on GitHub](https://github.com/fireship-io/flutter-firebase-quizapp-course/blob/master/lib/screens/topics.dart)

content/courses/flutter-firebase/auth-login-screen.md

@@ -11,7 +11,7 @@ video_length: 3:53
 
 # Anonymous Auth
 
-Enable anonymous auth in the Firebase console, then implemment it in the auth service. 
+Enable anonymous auth in the Firebase console, then implement it in the auth service. 
 
 {{< file "flutter" "services/auth.dart" >}}
 ```dart
@@ -36,7 +36,7 @@ class AuthService {
 
 ## Login Screen
 
-Create a login screen and resuable button to support multiple login methods. 
+Create a login screen and reusable button to support multiple login methods. 
 
 {{< file "flutter" "login.dart" >}}
 ```dart

content/courses/flutter-firebase/firestore-fetch.md

@@ -24,7 +24,7 @@ import 'package:quizapp/services/models.dart';
 class FirestoreService {
  final FirebaseFirestore _db = FirebaseFirestore.instance;
 
- /// Reads all documments from the topics collection
+ /// Reads all documents from the topics collection
  Future<List<Topic>> getTopics() async {
  var ref = _db.collection('topics');
  var snapshot = await ref.get();

content/courses/flutter-firebase/intro-flutter-setup.md

@@ -15,6 +15,6 @@ video_length: 3:20
 1. Add Flutter to your Path 
 1. Run `flutter doctor`
 1. Download [Android Studio](https://developer.android.com/studio) and configure an Emulator.
-1. Download XCode (MacOS only)
+1. Download XCode (macOS only)
 
 

content/courses/flutter-firebase/release-android.md

@@ -10,4 +10,4 @@ chapter_start: Release
 video_length: 4:23
 ---
 
-[Official Android Flutter Relese Guide](https://flutter.dev/docs/deployment/android)
+[Official Android Flutter Release Guide](https://flutter.dev/docs/deployment/android)

content/courses/git/advanced-bonus-tips.md

@@ -12,4 +12,4 @@ free: true
 ---
 
 
-Let's wrap up the course with a fun breakdown of some advanced git techniques that will increase your producivity. 
+Let's wrap up the course with a fun breakdown of some advanced git techniques that will increase your productivity. 

content/courses/git/basics-install.md

@@ -32,7 +32,7 @@ On Windows, I recommend downloading [Git for Windows](https://gitforwindows.org/
 
 ## Mac Installation
 
-On MacOS, I recommend installing git with [Homebrew](https://brew.sh/).
+On macOS, I recommend installing git with [Homebrew](https://brew.sh/).
 
 {{< file "terminal" "command line" >}}
 ```bash

content/courses/git/basics-vscode.md

@@ -11,7 +11,7 @@ quiz: true
 ---
 
 <quiz-modal options="mod:diff:shift:mutation" answer="diff" prize="11">
- <h5>Which term describes the changes between the working tree and previously comitted files?</h5>
+ <h5>Which term describes the changes between the working tree and previously committed files?</h5>
 </quiz-modal>
 
 VS Code is a powerful tool for working with git. You can use it to run commands without the CLI, sync it up to GitHub, and to manage your git repositories. Learn more in the [official docs](https://code.visualstudio.com/docs/editor/versioncontrol). 

content/courses/git/collab-merge-conflicts.md

@@ -11,7 +11,7 @@ quiz: true
 ---
 
 <quiz-modal options="--quit:--oops:--fml:--abort" answer="--abort" prize="17">
- <h5>Which flag allows you to safely quit the merge conflit process?</h5>
+ <h5>Which flag allows you to safely quit the merge conflict process?</h5>
 </quiz-modal>
 
 ## How Merge Conflicts Happen

content/courses/git/remote-codespaces.md

@@ -1,6 +1,6 @@
 ---
 title: GitHub Codespaces
-description: Run your repo on any machine with a cloud-powerd VS Code instance
+description: Run your repo on any machine with a cloud-powered VS Code instance
 weight: 25
 lastmod: 2021-09-05T10:23:30-09:00
 draft: false

content/courses/ionic/_index.md

@@ -18,7 +18,7 @@ The **Ionic4 Master Course** will teach you the fundamentals of full-stack cross
 
 ### 🗿 What will I build?
 
-This is a project-based course that starts from zero and works up to an **authenticated realtime todo list with push notifications**. While that may not sound super exciting, it provides an ideal foundation to showcase the UI features offered by Ionic and connent them to live cloud infrastructure. 
+This is a project-based course that starts from zero and works up to an **authenticated realtime todo list with push notifications**. While that may not sound super exciting, it provides an ideal foundation to showcase the UI features offered by Ionic and connect them to live cloud infrastructure. 
 
 
 ### 🐌 What will I Learn?

content/courses/ionic/intro-resources.md

@@ -21,7 +21,7 @@ Bookmark these pages:
 
 ### Project
 
-The soruce code if the *source of truth* for this project. Updates to video content may lag behind code udpates, so always refer to the master branch on Github. 
+The source code if the *source of truth* for this project. Updates to video content may lag behind code updates, so always refer to the master branch on GitHub. 
 
 - [Source Code](https://github.com/codediodeio/ionic4-master-course)
 - [Live Demo](https://ionic4-fire.web.app/)

content/courses/javascript/beginner-js-functions.md

@@ -154,7 +154,7 @@ setTimeout(log, 2000);
 
 ## Recursive Function
 
-A recursive function is one that calls itself from inside its own function body. If a terminating condition is not provided it will create and infinite loop. Recursive functions are commonly used in algorithm implementations to efficiently handle tasks like binary-tree traversal. Below is an example of a recursive function that traverses the the file system using NodeJS. 
+A recursive function is one that calls itself from inside its own function body. If a terminating condition is not provided it will create and infinite loop. Recursive functions are commonly used in algorithm implementations to efficiently handle tasks like binary-tree traversal. Below is an example of a recursive function that traverses the file system using NodeJS. 
 
 {{< file "js" "fun.js" >}}
 ```js
@@ -195,6 +195,6 @@ Find yourself writing repetitive code? Try abstracting it into a custom function
 
 > WET Write Everything Twice, but not Thrice
 
-In this world, we only break down code into custom functions when it is duplicated more than twice. The rational is that it provides more confidence that this extra layer of absctraction is actually required. As programmers, we often try to optimize too early because we're terrified of duplication. 
+In this world, we only break down code into custom functions when it is duplicated more than twice. The rational is that it provides more confidence that this extra layer of abstraction is actually required. As programmers, we often try to optimize too early because we're terrified of duplication. 
 
 In brief, both DRY and WET are useful principles, but neither are perfect - it just takes practice. 

content/courses/javascript/beginner-js-survival-guide.md

@@ -34,7 +34,7 @@ typeof function() {} // function (which inherits from object)
 
 ## Truthy vs Falsy
 
-When a value is encounted in a *Boolean* context - such as an `if` statement - it will be coerced into a boolean. If the result is `true` then the value is *truthy* and vice versa. If you're unsure about a value, you can convert it using the logical `!` NOT operator twice, or a double-bang as I like to call it `!!`. 
+When a value is encountered in a *Boolean* context - such as an `if` statement - it will be coerced into a boolean. If the result is `true` then the value is *truthy* and vice versa. If you're unsure about a value, you can convert it using the logical `!` NOT operator twice, or a double-bang as I like to call it `!!`. 
 
 
 {{< file "js" "index.js" >}}

content/courses/javascript/beginner-js-where-to-run.md

@@ -61,7 +61,7 @@ In Chrome, you can open the [developer console](https://developers.google.com/we
 
 ## Run JavaScript with a Framework
 
-It is worth mentioning that frameworks like React, Angular, Svelte, etc will take care of the building & running of your app automatically and provide framework-specific tooling and steps for running code. In the real world, you are more likely to use the tooling provided by the framework to run your code, as opposed to the basic methods shown in this couse. 
+It is worth mentioning that frameworks like React, Angular, Svelte, etc will take care of the building & running of your app automatically and provide framework-specific tooling and steps for running code. In the real world, you are more likely to use the tooling provided by the framework to run your code, as opposed to the basic methods shown in this course. 
 
 ## Run JavaScript in a Sandbox
 

content/courses/javascript/concepts-modules.md

@@ -14,7 +14,7 @@ A [module](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules
 
 First, a file exports (package) something useful...
 
-{{< file "js" "awesome-pacakge.js" >}}
+{{< file "js" "awesome-package.js" >}}
 ```js
 export default '🧁';
 ```

content/courses/javascript/intro-how-js-works.md

@@ -41,7 +41,7 @@ Keep in mind, you don't *need* to know these concepts to start using JavaScript
 
 So this begs the question... How does JavaScript handle jobs at the same time (i.e. concurrently)? 
 
-**Event Loop** refers to a feature implemented by engines like V8 that allow JS to offload tasks to separate threads. Browser and Node APIs execute long-running tasks separately from the the main JS thread, then enqueue a `callback` function (which you define) to run on the main thread when the task is complete. This is why JS is called *non-blocking* because it should only ever wait for synchronous code from your JS functions. Think of the [Event Loop](https://developer.mozilla.org/en-US/docs/Web/JavaScript/EventLoop) as message queue between the single JS thread and the OS. 
+**Event Loop** refers to a feature implemented by engines like V8 that allow JS to offload tasks to separate threads. Browser and Node APIs execute long-running tasks separately from the main JS thread, then enqueue a `callback` function (which you define) to run on the main thread when the task is complete. This is why JS is called *non-blocking* because it should only ever wait for synchronous code from your JS functions. Think of the [Event Loop](https://developer.mozilla.org/en-US/docs/Web/JavaScript/EventLoop) as message queue between the single JS thread and the OS. 
 
 {{< file "js" "event-loop.js" >}}
 ```js

content/courses/js/101-basics.md

@@ -11,7 +11,7 @@ quiz: true
 free: true
 ---
 
-<quiz-modal options="garbage-collected:intrepreted:statically-typed:fun" answer="statically-typed" prize="19">
+<quiz-modal options="garbage-collected:interpreted:statically-typed:fun" answer="statically-typed" prize="19">
  <h6>Which term does NOT describe JavaScript?</h6>
 </quiz-modal>
 

content/courses/js/102-higher-order-functions.md

@@ -1,6 +1,6 @@
 ---
 title: Higher Order Functions
-description: What is a higer order function or HOF?
+description: What is a higher order function or HOF?
 weight: 25
 lastmod: 2022-11-11T10:23:30-09:00
 draft: false

content/courses/js/102-nullish-coalescing.md

@@ -1,6 +1,6 @@
 ---
 title: Nullish Coalescing
-description: How nullish coalescing is realted to truthy and falsy values
+description: How nullish coalescing is related to truthy and falsy values
 weight: 24
 lastmod: 2022-11-11T10:23:30-09:00
 draft: false
@@ -17,7 +17,7 @@ quiz: true
 
 ## Nullish Coalescing
 
-Nullish coalescing is a relativly new operator that was introduced in ES2020. It is similar to the logical OR operator `||`, but it only returns the right-hand side if the left-hand side is `null` or `undefined`. 
+Nullish coalescing is a relatively new operator that was introduced in ES2020. It is similar to the logical OR operator `||`, but it only returns the right-hand side if the left-hand side is `null` or `undefined`. 
 
 ```js
 const foo = null ?? 'bar';

content/courses/js/102-optional-chaining.md

@@ -16,7 +16,7 @@ quiz: true
 
 ## Optional Chaining
 
-Optional chaining `?` is a relatively new operator that was introduced in ES2020. It allows you to call object properties safely, without throwing an error. When calling properties without this operator, you many crash your applcation with the error `Cannot read property 'foo' of undefined`. 
+Optional chaining `?` is a relatively new operator that was introduced in ES2020. It allows you to call object properties safely, without throwing an error. When calling properties without this operator, you many crash your application with the error `Cannot read property 'foo' of undefined`. 
 
 ```js
 const person = { };

content/courses/js/102-prototype-chain.md

@@ -18,7 +18,7 @@ chapter_start: Advanced Concepts
 
 ## Prototype Chain
 
-The [prototype chain](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Inheritance_and_the_prototype_chain) is a mechanism that allows objects to inherit properties and methods from other objects. Every object can have exactly one prototype object. That prototype object can also have a prototype object, and so on, creating a chain of inheritied properties and methods. The end of this chain is called the `null` prototype.
+The [prototype chain](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Inheritance_and_the_prototype_chain) is a mechanism that allows objects to inherit properties and methods from other objects. Every object can have exactly one prototype object. That prototype object can also have a prototype object, and so on, creating a chain of inherited properties and methods. The end of this chain is called the `null` prototype.
 
 In general, you don't need to think about the prototype chain when doing everyday JavaScript development. However, it is important to understand how it works because it's the basis for the `class` keyword and essential knowledge as you dive deeper into the language.