diff --git a/markdown/dev/tutorials/pattern-design/en.md b/markdown/dev/tutorials/pattern-design/en.md index e1d66569015..e0872bc9dec 100644 --- a/markdown/dev/tutorials/pattern-design/en.md +++ b/markdown/dev/tutorials/pattern-design/en.md @@ -1,54 +1,40 @@ --- title: Pattern design tutorial -order: 50 -icons: - - javascript - - pattern -for: developers -about: | - You'll learn how to create a FreeSewing pattern. - We will take you start to finish, from setting up the development environment - up to a completed pattern. -goals: - - Setting up the development environment - - Creating a pattern part - - Using the user's measurements - - Using pattern options - - Using the shorthand method - - Creating points - - Creating paths - - Using macros and snippets - - Testing your pattern - - Adding seam allowance - - Adding dimentions for a paperless pattern --- -Welcome to the FreeSewing tutorial, where you'll learn how to create a made-to-measure -sewing pattern, start to finish. +Welcome to the FreeSewing pattern design tutorial, where you'll learn how to +design a made-to-measure sewing pattern, start to finish. -You will be designing a pattern for a baby bib. It's a very simple pattern, but that's the point. -Your focus today is on learning FreeSewing and how to translate your designs into code. +You will be designing a pattern for a baby bib. It's a very simple pattern, but +that's the point. Your focus today is on learning FreeSewing and how to +translate your designs into code. At the end of this tutorial, you will have created this pattern: -Your end result +Your end result Before we can get started, let's make sure you have the required software installed on your computer: ## Prerequisites -FreeSewing is a JavaScript library that runs on [Node.js](https://nodejs.org/). +FreeSewing is a JavaScript library that can run in the browser, on +[Node.js](https://nodejs.org/), or a variety of other runtimes such as Deno, +AWS Lambda, and so on. -If you don't have Node.js on your system, follow the link above and -install it on your system. +For development, we'll use NodeJS. If you don't have Node.js on your system, +follow the link above and install it on your system. + +You need NodeJS 16 or higher to use FreeSewing When you're done, you can test whether it works by running: -```bash +```sh node -v ``` If you get the node version number, you're all set. -You can find the complete code of the tutorial pattern for the final result to help make sure you're following the steps correctly [here on GitHub](https://github.com/freesewing/freesewing/blob/develop/designs/tutorial/src/bib.js). +You can find the complete code of the tutorial pattern for the final result to +help make sure you're following the steps correctly [here on +GitHub](https://github.com/freesewing/freesewing/blob/develop/designs/tutorial/src/bib.mjs). diff --git a/markdown/dev/tutorials/pattern-design/new-design/en.md b/markdown/dev/tutorials/pattern-design/new-design/en.md index 584eb7f5868..8421b174941 100644 --- a/markdown/dev/tutorials/pattern-design/new-design/en.md +++ b/markdown/dev/tutorials/pattern-design/new-design/en.md @@ -5,7 +5,7 @@ order: 100 Open a terminal and enter the following command: -```bash +```sh npx @freesewing/new-design ``` @@ -25,14 +25,14 @@ This will take a few minutes because we're loading some software for your develo When it's ready, enter the `bib` directory that was just created and run `npm run dev`: -```bash +```sh cd bib npm run dev ``` Or if you chose to use Yarn as package manager: -```bash +```sh cd bib yarn dev ``` @@ -47,7 +47,7 @@ If all goes well, you should see this landing page: ###### Need help? -If you run into any issues, join [our chatroom](https://discord.freesewing.org/) and -we'll figure it out together. +If you run into any issues, [join our **#development-help** chat room on on +Discord](https://discord.freesewing.org/) and we'll figure it out together. diff --git a/markdown/dev/tutorials/pattern-design/structure/en.md b/markdown/dev/tutorials/pattern-design/structure/en.md new file mode 100644 index 00000000000..7438f68359a --- /dev/null +++ b/markdown/dev/tutorials/pattern-design/structure/en.md @@ -0,0 +1,12 @@ +--- +title: Files and folder structure +order: 110 +--- + +With our development setup, let's take a moment to see what sort of files and +folders have been created for us, what they all mean, and where to find what. + +You will find the following files and folders inside the newly created folder +that holds your development environment: + +Update this for v3