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 preview

How has your Webflow Conf 2024 experience been? At Edgar Allan, we are especially excited about Webflow Analyze and Optimize and how we can leverage it for our clients and with Wes. However, at Slater, we are most excited about the GSAP acquisition. We’ve been thinking about how we can better support you as you integrate GSAP and Webflow. Let’s explore how you can use Slater with GSAP: Slater Sessions - GSAP + Webflow via Chat with Witt Learn GSAP for Webflow with Aron Korenblit and Cassie...

photo

Do you get confused when undoing (cmd + z) in Slater? We auto-format your code on save. The auto-formatting updates your code, and those updates get pushed into the undo stack. You can now improve your workflow by formatting the code when you choose—not just on save. To gain more control over when your code formats: Turn off auto-format code in the Code Editor Settings Use cmd + shift + f to format your code We added a handful of other improvements: Console logs and debuggers are now...

video preview

Last week, we announced that CSS updates were on the way—and now they're here! You can now generate CSS files just as quickly and easily as JS files. In the video below, we give a quick demo of the new functionality. If you have a Smart Script loaded in your project, you can instantly add CSS. In the demo, we also show how to add CSS in the Webflow designer. Give it a try and let us know what you're building! Community Library 🖍️ Text Highlight ColorCSS code for custom text selection. 🅰...