<commit_before># Preface

## Navigation

Jump around page sections by using the header links provided on the right table:

!media tutorial01_app_development/scrollspy.png
       style=width:25%;height:auto;margin-left:auto;margin-right:auto;

Flip through pages with the "[!icon!arrow_back] +Previous+" and "+Next+ [!icon!arrow_forward]" buttons located at the end of the page:

!media tutorial01_app_development/pagination.png
      style=width:84%;margin-left:auto;margin-right:auto;

Head back to the index page by following the "=tutorial01_app_development=" link located at the top of the page:

!media tutorial01_app_development/breadcrumbs.png
      style=width:100%;margin-left:auto;margin-right:auto;

Go to any section of the tutorial from the [tutorial01_app_development/index.md#contents] section of the index page:

!media tutorial01_app_development/outline.png
      style=width:61%;margin-left:auto;margin-right:auto;

!!!
TODOs:
- decide if we even want to include this section - navigation may already be intuitive enough
- need to keep these images updated so that they always show exactly what's actually on the website
  - I got this part down to a science
!!!

## Acronyms

!acronym list

!content pagination previous=tutorial01_app_development/index.md
                    next=tutorial01_app_development/problem_statement.md
<commit_msg>new `!acronym list location` setting in tutorial01<commit_after># Preface

## Navigation

Jump around page sections by using the header links provided on the right table:

!media tutorial01_app_development/scrollspy.png
       style=width:25%;height:auto;margin-left:auto;margin-right:auto;

Flip through pages with the "[!icon!arrow_back] +Previous+" and "+Next+ [!icon!arrow_forward]" buttons located at the end of the page:

!media tutorial01_app_development/pagination.png
      style=width:84%;margin-left:auto;margin-right:auto;

Head back to the index page by following the "=tutorial01_app_development=" link located at the top of the page:

!media tutorial01_app_development/breadcrumbs.png
      style=width:100%;margin-left:auto;margin-right:auto;

Go to any section of the tutorial from the [tutorial01_app_development/index.md#contents] section of the index page:

!media tutorial01_app_development/outline.png
      style=width:61%;margin-left:auto;margin-right:auto;

!!!
TODOs:
- decide if we even want to include this section - navigation may already be intuitive enough
- need to keep these images updated so that they always show exactly what's actually on the website
  - I got this part down to a science
!!!

## Acronyms

!acronym list location=getting_started/examples_and_tutorials/tutorial01_app_development

!content pagination previous=tutorial01_app_development/index.md
                    next=tutorial01_app_development/problem_statement.md

{'fraction_non_alphanumeric': 0.08050847457627118, 'fraction_numerical': 0.019067796610169493, 'mean_word_length': 5.240088105726873, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6546258', 'n_tokens_mistral': 888, 'n_tokens_neox': 815, 'n_words': 263}