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!

Are you using Webflow localization? We've received several requests to provide better support for it, so we're working on an update. I just finished writing the code. We need to do some testing before releasing the update early next week. Community library scripts ⏯️ Pause/Reset Video Embed on Click Stops all iframe videos by resetting their source on '.close-video' button click. From Corey Moen. ⏰ Progress Bar TimerJavaScript code to dynamically update a progress bar based on time between...

The AI world moves fast, and we are keeping up. This week, OpenAI released a new model, GPT 4.o mini. GPT 4.0 mini is an improved, cost-effective model that we are supporting under Slater's free tier. The default Slater AI will continue to be powered by GPT 3.5 as we test GPT 4.0 mini, but you can configure GPT 4.0 mini or even GPT 4.0 (paid) today. Community library scripts 📝 Fix Paragraph Runts With Nonbreaking SpacePrevent single-word runts in HTML elements with the class `.no-runt`. From...

We're back from a company-wide summer pause (or winter pause for our Southern Hemisphere team members). Edgar Allan is hitting it's numbers! Let's look at some new Community Library scripts: 👀 Dynamically loads HTML content based on a random number. This is a quick script we wrote to give a dynamic intro into a soon-to-be-released https://edgarallan.com. https://slater.app/community_library/random-content-aee7f7f2-3ab8-4e6f-887e-ea54cad0ebbf From Jared Malan ✍️ Create a variable for your...