Introduction

Why Use the JS Dev Environment

The JavaScript Development Environment

The JavaScript Development Environment is designed to solve three big problems in JavaScript-for-FileMaker development: Develop, Render, and Deploy. With this set of modern tools, a FileMaker developer has the most efficient method at her fingertips to create a JS widget that solves some problem for her clients.

Here are the three problems this environment solves.

Develop

This environment allows you to develop JavaScript easily by using a proper code editor. You can use all of that app's features to write the JS: auto-indenting, formatting, type-ahead, error-checking, etc. The JavaScript Development Environment

In this proper code editor, a FileMaker developer can focus her thoughts on the code.

Render

While coding in a code editor, the FileMaker developer can see the results of her work over in the FileMaker web viewer object. After saving the files inside the code editor and pressing the "Load Webviewer" button, the results will show up.

The code being rendered

It is so much easier to see the results of the code in another app, and seeing the render update while typing. It's like having a layout mode to the left and a browse mode to the right on your screen. This is how web developers work all the time, and we are able to replicate that using this environment.

Deploy

Once she's done writing her code, the FileMaker developer can easily deploy the code into the FileMaker file for all people to use. Previously this was a laborious task. With this environment, she is able to deploy and redeploy as often as possible. The code being deployed

Again, web developers are used to this. After I'm finished writing this document, I'll deploy it to the host where it will be available for anyone to read. So too can we do this using this environment.

Just use it!

You can learn all about how this works under the hood, but just know that it works. Write some HTML and some JS, get some data flowing into your widget, and you've got a great widget you can use in one or many projects.

Give it a try. You'll see how efficient it is to write JavaScript for FileMaker.

Previous
Getting started