Slater Community Roundup - Documentation and JS Functions


👋,

Let’s do three things in this email:

  • Welcome new users
  • Provide you a sneak peak of Slater Documentation
  • Teach you some Javascript basics.

Welcome new users! 🥳


Documentation

We’ve finished development on Slater Documentation and will be sharing it once we complete some improvements in other parts of Slater.app.

Slater Documentation lets you document your code with Slater AI. Slater Documentation should help you as the person who wrote the code but we’re adding it for two big, separate reason.

  • Slater Documentation is a gateway to the Community Library. We built a Community Library last year but the quality of the library was poor because the library metadata was inconsistent. Now, Slater AI will document your code and you can add an image.
  • Documentation is #knowcode for your clients. When you transfer your Slater project to a client, the client can understand how your code makes their website better.

JavaScript 101: Understanding Functions

Let’s demystify ‘Functions’ - a crucial aspect of JavaScript that even beginners can grasp with a little practice.

A JavaScript function is a block of code designed to perform a specific task. It’s a reusable piece of code that can be invoked (called) anywhere in your program, avoiding repetition and making your code more readable and manageable.

Here’s a simple example:

function greet(person) {
  console.log(`Hello, ${person}!`);
}

greet("Slater"); // Outputs: Hello, Slater user!

In this example, greet is the function name, the code inside the curly braces {} is the function body, and greet(); is how we invoke or call the function.

The first example is the OG function. Javascript now has additional types of functions. We won't get into the details in this email but you should know that there are several ways to write a Javascript function.

// This function is anonymous but assigned to a variable
const greet = function (person) {
  console.log(`Hello, ${person}!`);
};

// Arrow function
const multiply = (person) => {
  console.log(`Hello, ${person}!`);
}

Go to Slater and write your own function!

Until next time, happy coding.

- The Slater team


🙏 If Slater helps you create better websites, please support the team behind it.



1295 Canyon View Rd, Midway, UT 84049
Unsubscribe · Preferences

Welcome To Slater!

Slater resources, updates and community activity

Read more from Welcome To Slater!
video

You may recall that the original Slater had access controls for projects and files. We didn't want just anyone going in there and rewriting our Javascript. However, managing access for teammates became cumbersome (I even added a "god mode" to give myself access to any project or file). Since we generally trusted each other and never had issues, we decided to leave it out of the latest version of Slater. That said, we understand that some teams work differently, and maintaining control can be...

video

We're going to take a brief break from the regular newsletter format to celebrate the release of ask.edgarallan.com. Today, let's hear from Mason Poe, the Founder of Edgar Allan and Slater. I'm thrilled to announce the launch of ask.edgarallan.com and the start of a new conversation. We can all feel it: the web is changing in ways that seem both dramatic and, in a weird way, imperceptible. At times, it’s hard to know where to start exploring what could be next. Sometimes, when you think...

Our new Edgar Allan website, which we're launching next week 🤫, uses over 3,000 lines of code. It’s a bit unwieldy! To better support the new EA website and similar JavaScript-heavy projects, we’ve added slater_import. This feature allows you to write a function once and then reuse it across all the files in your project. You can see how to use it here. ⬇️ Not ready to watch the video? No problem. To import a file, simply start typing the name of the file you want to import and click on the...