Summary Files Commits Branches @commit @diff @stats
path: root / src / tutorials
diff options
context:
space:
mode:
Commitf65db5001b838d495a0b5f3cd515c1a65d7c938a (patch)
Author
 Syndamia <kamen.d.mladenov@protonmail.com>
2020-07-24 19:07:04 +0300
Committer
 Syndamia <kamen.d.mladenov@protonmail.com>
2020-07-24 19:07:04 +0300
Files6e627695d8f670b4df56d7618e59baa73c92319d /src/tutorials
syndamia.com-f65db5001b838d495a0b5f3cd515c1a65d7c938a.tar
syndamia.com-f65db5001b838d495a0b5f3cd515c1a65d7c938a.tar.gz
syndamia.com-f65db5001b838d495a0b5f3cd515c1a65d7c938a.zip
Parent0c6f8dbb742f867227b696ad578fc68426371d9f (diff)
Added a tutorial for using Jira
98 files changed, 578 insertions, 0 deletions
-rw-r--r--src/tutorials/how-to-use-jira/.kanban.md.swpbin0 -> 12288 bytes
-rw-r--r--src/tutorials/how-to-use-jira/bug.md17
-rw-r--r--src/tutorials/how-to-use-jira/cards.md134
-rw-r--r--src/tutorials/how-to-use-jira/components.md42
-rw-r--r--src/tutorials/how-to-use-jira/dashboards.md58
-rw-r--r--src/tutorials/how-to-use-jira/filters.md33
-rw-r--r--src/tutorials/how-to-use-jira/img/SOD.pngbin0 -> 19981 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/active-sprints.pngbin0 -> 20988 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/activiry-comments.pngbin0 -> 23565 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/activity-history.pngbin0 -> 57365 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/activity-work-log.pngbin0 -> 20884 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/add-a-gadget.pngbin0 -> 30288 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/add-gadet-top.pngbin0 -> 19358 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/add-gadget.pngbin0 -> 109443 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/add-item-kanban.pngbin0 -> 19725 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/add-item-to-project.pngbin0 -> 43910 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/add-shortcut.pngbin0 -> 25716 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/added-site.pngbin0 -> 20737 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/assignee-create-card.pngbin0 -> 4858 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/backlog-kanban.pngbin0 -> 10897 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/board-from.pngbin0 -> 27696 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/board-settings.pngbin0 -> 37583 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/bubble-dots.pngbin0 -> 13019 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/bubble.pngbin0 -> 13131 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/bug-type.pngbin0 -> 852 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/card-actions.pngbin0 -> 18677 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/card-attach-subtask.pngbin0 -> 12934 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/card-key.pngbin0 -> 1068 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/card-right-side.pngbin0 -> 34273 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/card-summary.pngbin0 -> 7109 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/card-top-right.pngbin0 -> 3558 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/choose-classic-template.pngbin0 -> 53228 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/choose-project-type.pngbin0 -> 115836 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/columns-edit.pngbin0 -> 106356 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/components-create-card.pngbin0 -> 7854 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/components-field.pngbin0 -> 30234 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/components-sidebar.pngbin0 -> 21013 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/create-board.pngbin0 -> 37609 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/create-component-empty.pngbin0 -> 35752 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/create-component-full.pngbin0 -> 20068 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/create-component-page.pngbin0 -> 19289 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/create-dashboard-dots.pngbin0 -> 34023 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/create-dashboard-top.pngbin0 -> 18315 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/create-header.pngbin0 -> 9209 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/create-project-new.pngbin0 -> 29544 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/create-project-top.pngbin0 -> 31282 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/create-project.pngbin0 -> 48820 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/criteria-advanced-issue-search.pngbin0 -> 7201 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/default-dashboard.pngbin0 -> 195317 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/desc-att-sub-link.pngbin0 -> 46847 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/description-create-card.pngbin0 -> 8387 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/epic-link-create-card.pngbin0 -> 3964 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/epic-type.pngbin0 -> 795 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/fields-cards.pngbin0 -> 41811 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/filters-advanced-issue-search.pngbin0 -> 31869 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/fix-versions.pngbin0 -> 6116 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/flagged-card.pngbin0 -> 18396 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/gadgets.pngbin0 -> 101633 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/introduction-add.pngbin0 -> 17991 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/issue-types.pngbin0 -> 25864 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/issues-sidebar.pngbin0 -> 22889 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/kanban-cards.pngbin0 -> 47028 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/label-create-card.pngbin0 -> 6120 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/load-all.pngbin0 -> 62311 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/npb.pngbin0 -> 35169 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/ntb-filter.pngbin0 -> 34312 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/ntb.pngbin0 -> 28638 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/plus-more-advanced-issue-search.pngbin0 -> 19966 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/project-create-card.pngbin0 -> 4763 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/projects.pngbin0 -> 30564 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/reporter-create-card.pngbin0 -> 4960 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/sample-scrum-backlog.pngbin0 -> 239213 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/sample-sprint.pngbin0 -> 119831 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/save-as-advanced-issue-search.pngbin0 -> 10379 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/save-filter-filters-advanced-issue-search.pngbin0 -> 8006 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/scrum-backlog.pngbin0 -> 52186 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/scrum-kanban-board.pngbin0 -> 34420 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/show-fields.pngbin0 -> 76022 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/sidebar-create-board.pngbin0 -> 19035 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/story-type.pngbin0 -> 1063 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/sub-task-type.pngbin0 -> 1479 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/summary-create-card.pngbin0 -> 1598 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/task-type.pngbin0 -> 902 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/test-page.pngbin0 -> 58518 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/test-repo-sidebar.pngbin0 -> 21741 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/test-repo.pngbin0 -> 26765 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/time-and-configure.pngbin0 -> 5030 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/time-tracking.pngbin0 -> 15344 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/todo-doing-done.pngbin0 -> 2562 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/versions-and-epics.pngbin0 -> 12788 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/view-all-filters-advanced-issue-search.pngbin0 -> 31756 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/view-all-projects-top.pngbin0 -> 31518 bytes
-rw-r--r--src/tutorials/how-to-use-jira/introduction.md25
-rw-r--r--src/tutorials/how-to-use-jira/kanban.md38
-rw-r--r--src/tutorials/how-to-use-jira/pages.md17
-rw-r--r--src/tutorials/how-to-use-jira/projects.md147
-rw-r--r--src/tutorials/how-to-use-jira/releases.md18
-rw-r--r--src/tutorials/how-to-use-jira/scrum.md49
diff --git a/src/tutorials/how-to-use-jira/.kanban.md.swp b/src/tutorials/how-to-use-jira/.kanban.md.swp
new file mode 100644
index 0000000..dddebc6
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/.kanban.md.swp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/bug.md b/src/tutorials/how-to-use-jira/bug.md
new file mode 100644
index 0000000..79c9d87
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/bug.md
@@ -0,0 +1,17 @@
+# How to use Jira - Bug tracking template
+
+**Article Created: 24 July 2020** || **Last Edited: 24 July 2020**
+
+[\<\<](./introduction.html) || [\< Scrum template](./scrum.html) || [Releases >](./releases.html)
+
+---
+
+The Bug Tracking template is completely different from the [Scrum template](./scrum.html) or the [Kanban template](./kanban.html), because **it only offers issues**.
+
+**There are no boards, no cards, no backlog**. All issues are accessed from the 'Issues' page from the sidebar.
+
+![](./img/issues-sidebar.png)
+
+That's why this template is **available only when creating a project**.
+
+Of course, **you can add any board at any time**, but this project template doesn't add any by itself.
diff --git a/src/tutorials/how-to-use-jira/cards.md b/src/tutorials/how-to-use-jira/cards.md
new file mode 100644
index 0000000..c6cff32
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/cards.md
@@ -0,0 +1,134 @@
+# How to use Jira - Cards
+
+**Article Created: 24 July 2020** || **Last Edited: 24 July 2020**
+
+[\<\<](./introduction.html) || [\< Filters](./filters.html) || [Projects >](./projects.html)
+
+---
+
+**Each issue is represented as a 'card' with a couple of different properties**.
+
+## Properties
+
+![](./img/kanban-cards.png)
+
+Each card has the following properties:
+
+![](./img/fields-cards.png)
+
+- **Project** - the [project](./projects.html) this card is stored in (defaults to currently open one)
+
+ ![](./img/project-create-card.png)
+
+- **Issue type** - the basic purpose of an issue (Improvement, Bug, ...)
+
+ ![](./img/issue-types.png)
+
+ - ![Story](./img/story-type.png) - functionality or feature expressed as a user goal, something like "As a user, I want to be able to pay for my order via PayPal"
+
+ - ![Bug](./img/bug-type.png) - a problem/error
+
+ - ![Epic](./img/epic-type.png) - a collection of issues, issues are linked through 'Epic link' (see below)
+
+ - ![Task](./img/task-type.png) - a small piece of work
+
+ - ![Sub-task](./img/sub-task-type.png) - an issue that is directly connected to another issue. This is used for when a given issue needs to be broken down into separate even smaller issues.
+
+- **Summary** - a required brief explanation of the issue
+
+ ![](./img/summary-create-card.png)
+
+- **Description** - detailed explanation of the issue
+
+ ![](./img/description-create-card.png)
+
+- **Reporter** - person who created the issue
+
+ ![](./img/reporter-create-card.png)
+
+- **Assignee** - person who works on the issue
+
+ ![](./img/assignee-create-card.png)
+
+- **Labels** - tags with which you can organise even more different issues
+
+ ![](./img/label-create-card.png)
+
+- **Epic link** - link of issue with type Epic
+
+ ![](./img/epic-link-create-card.png)
+
+## Creating
+
+To create a card yourself, you need to **press the `Create` button on the top bar**.
+
+![](./img/create-header.png)
+
+## Viewing
+
+**All** cards (issues) can be viewed from a [project](./projects.html)'s side menu, under 'Issues'.
+
+![](./img/issues-sidebar.png)
+
+Of course, they can also be viewed through **[filters](./filters.html)** and a **[project](./projects.html)'s board**.
+
+## How to use
+
+By default, opening a card presents, at the top, it's **key** (think of it as an ID),
+
+![](./img/card-key.png)
+
+it's **summary**,
+
+![](./img/card-summary.png)
+
+options for adding **attachments**, **subtasks**, **linking issues** and **adding more apps** (think of apps like extensions),
+
+![](./img/card-attach-subtask.png)
+
+following are the **description**, **actual attachments**, **subtasks**, **linked issues**, ...,
+
+![](./img/desc-att-sub-link.png)
+
+and at the bottom you have the **activity**, consisting of **comments**,
+
+![](./img/activity-comments.png)
+
+**history**,
+
+![](./img/activity-history.png)
+
+and **work logs** (a bit later we talk about them in more detail).
+
+![](./img/activity-work-log.png)
+
+To the right side, you have all of the different **properties** (some fields that have no value will be hidden).
+
+![](./img/card-right-side.png)
+
+On the top right you can change **watch options** ([watching an issue](https://www.idalko.com/jira-watch-issues/) means you get notified by all changes done to it), you can **share** the card and do **actions** (the three dots).
+
+![](./img/card-top-right.png)
+
+**Actions** are things you can do to the whole card, like moving or deleting it.
+
+![](./img/card-actions.png)
+
+The most notable options are [`Log work`](https://confluence.atlassian.com/jirasoftwarecloud/logging-work-on-issues-902499028.html) and `Add flag`.
+
+In Jira, you can **estimate how long an issue will take** for it to be resolved. This is done through **logging work**.
+
+In the `Log work` screen, you'll be met with a `Time spent` and `Time remaining` fields, that you'll need to fill with the appropriate information.
+
+![](./img/time-tracking.png)
+
+The time remaining takes a **default** value from the **previous time log**, so you don't need to specify it every time.
+
+A **flagged issue** is an issue that is very important. Flagged issues are displayed in yellow to signify their needed attention.
+
+![](./img/flagged-card.png)
+
+On the bottom right you can see **when the issue was created** and **when it was last updated**. You can also access the field configuration menu from the `Configure` button. It won't be covered in this tutorial, you can read about it [here](https://confluence.atlassian.com/adminjiracloud/changing-a-field-configuration-844500798.html).
+
+![](./img/time-and-configure.png)
+
diff --git a/src/tutorials/how-to-use-jira/components.md b/src/tutorials/how-to-use-jira/components.md
new file mode 100644
index 0000000..6cc7a74
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/components.md
@@ -0,0 +1,42 @@
+# How to use Jira - Components
+
+**Article Created: 24 July 2020** || **Last Edited: 24 July 2020**
+
+[\<\<](./introduction.html) || [\< Pages](./pages.html) || [Dashboards >](./dashboards.html)
+
+---
+
+**Components are yet another way to group issues together**. They don't have any specific meaning like versions, their usage depends on the project.
+
+## Creating and editing
+
+Creating and editing components is done from the **`Components` menu in the sidebar**.
+
+![](./img/components-sidebar.png)
+
+Creating one is done through the button on the top left (in the center if you don't have any components) by the name of `Create component`.
+
+![](./img/create-component-empty.png)
+
+![](./img/create-component-full.png)
+
+Clicking on it presents you with a screen where you type the block's information.
+
+![](./img/create-component-page.png)
+
+**A name is the only requirement**. You can also add a **description**, **a lead(er) for the component** and **person who gets assigned to an issue by default in this component**.
+
+## Adding issues
+
+Adding an issue to a component can be done either **when creating an issue** or **when viewing it**.
+
+**Right under the summary**, there is a place for indicating a component, named `Components`.
+
+![](./img/components-create-card.png)
+
+When viewing an issue, you can add a component from the fields to the right, in the `Components` field (you might need to first click on `Show more fields`).
+
+![](./img/show-fields.png)
+
+![](./img/components-field.png)
+
diff --git a/src/tutorials/how-to-use-jira/dashboards.md b/src/tutorials/how-to-use-jira/dashboards.md
new file mode 100644
index 0000000..622ef67
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/dashboards.md
@@ -0,0 +1,58 @@
+# How to use Jira - Dashboards
+
+**Article Created: 24 July 2020** || **Last Edited: 24 July 2020**
+
+[\<\<](./introduction.html) || [\< Components](./components.html)
+
+---
+
+**Dashboards are a place where you can view a lot of information**.
+
+![](./img/default-dashboard.png)
+
+**Dashboards are composed of gadgets**.
+
+![](./img/gadgets.png)
+
+Gadgets have functionality for **displaying certain information**, like, 'Average Age Chart', or 'Issues in progress'. Each gadget can be setup to **take information from one or more projects and/or saved filters**.
+
+## Adding a dashboard
+
+Dashboard can be added from the top bar, from `Create dashboard` in `Dashboards` menu,
+
+![](./img/create-dashboard-top.png)
+
+or, if you are already in a dashboard, from `Create dashboard` in the three dots menu.
+
+![](./img/create-dashboard-dots.png)
+
+## Adding gadgets
+
+**Note**: you cannot add gadgets to the default dashboard.
+
+You can add gadgets either **through the `Add gadget` button in the top right**,
+
+![](./img/add-gadget-top.png)
+
+or, **if you don't have any gadets**, **from the `add a new gadget` message(s)**.
+
+![](./img/add-a-gadget.png)
+
+After that, you are greeted by a window that **shows all avalable gadgets** (you might need to **press `Load all gadgets` after waiting** a bit).
+
+![](./img/load-all.png)
+
+![](./img/add-gadget.png)
+
+Adding a gadget is as simple as clicking the button `Add gadget` next to the name of the gadget you want to add.
+
+![](./img/introduction-add.png)
+
+After it is added, you'll **need to configure it**, usually a gadget **requires a filter/project**. Other settings are different gadget to gadget.
+
+![](./img/bubble.png)
+
+Options for different gadgets can be found on **their top right corner, in the three dots menu**.
+
+![](./img/bubble-dots.png)
+
diff --git a/src/tutorials/how-to-use-jira/filters.md b/src/tutorials/how-to-use-jira/filters.md
new file mode 100644
index 0000000..9fe0ac5
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/filters.md
@@ -0,0 +1,33 @@
+# How to use Jira - Filters
+
+**Article Created: 23 July 2020** || **Last Edited: 24 July 2020**
+
+[\< Introduction](./introduction.html) || [Cards >](./cards.html)
+
+---
+
+**Filters work like a category search that you can save**. With filters you choose which project(s) to take issues from, what status must the issues have, etc.
+
+Making filters is done through the `Advanced issue search` page, from the `Filters` menu.
+
+![](./img/filters-advanced-issue-search.png)
+
+From here you can see some criteria: `Project`, `Type`, `Status`, `Assignee`.
+
+![](./img/criteria-advanced-issue-search.png)
+
+You can choose different options and limit what issues are shown. There are also other criteria that you can access from the `+ More` menu.
+
+![](./img/plus-more-advanced-issue-search.png)
+
+You can do even **more advanced search** through `JQL` (Jira Query Language), but we won't be covering this topic. I can recommend [this article](https://www.atlassian.com/blog/jira-software/jql-the-most-flexible-way-to-search-jira-14) on the subject.
+
+After creating your desired search results, you can **save the query** (filter) and use it later. To do so, simply click on `Save as` and enter a name for your desired filter.
+
+![](./img/save-as-filters-advanced-issue-search.png)
+![](./img/save-filter-filters-advanced-issue-search.png)
+
+You can view all of your filters from the conveniently named 'View all filters' option in the 'Filters' menu.
+
+![](./img/view-all-filters-advanced-issue-search.png)
+
diff --git a/src/tutorials/how-to-use-jira/img/SOD.png b/src/tutorials/how-to-use-jira/img/SOD.png
new file mode 100644
index 0000000..0f6ee3c
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/SOD.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/active-sprints.png b/src/tutorials/how-to-use-jira/img/active-sprints.png
new file mode 100644
index 0000000..90e8711
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/active-sprints.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/activiry-comments.png b/src/tutorials/how-to-use-jira/img/activiry-comments.png
new file mode 100644
index 0000000..59bc420
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/activiry-comments.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/activity-history.png b/src/tutorials/how-to-use-jira/img/activity-history.png
new file mode 100644
index 0000000..5f5f7fc
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/activity-history.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/activity-work-log.png b/src/tutorials/how-to-use-jira/img/activity-work-log.png
new file mode 100644
index 0000000..4340e6e
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/activity-work-log.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/add-a-gadget.png b/src/tutorials/how-to-use-jira/img/add-a-gadget.png
new file mode 100644
index 0000000..21de4ec
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/add-a-gadget.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/add-gadet-top.png b/src/tutorials/how-to-use-jira/img/add-gadet-top.png
new file mode 100644
index 0000000..5fdd5c2
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/add-gadet-top.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/add-gadget.png b/src/tutorials/how-to-use-jira/img/add-gadget.png
new file mode 100644
index 0000000..365b62a
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/add-gadget.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/add-item-kanban.png b/src/tutorials/how-to-use-jira/img/add-item-kanban.png
new file mode 100644
index 0000000..ebb667c
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/add-item-kanban.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/add-item-to-project.png b/src/tutorials/how-to-use-jira/img/add-item-to-project.png
new file mode 100644
index 0000000..fda2714
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/add-item-to-project.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/add-shortcut.png b/src/tutorials/how-to-use-jira/img/add-shortcut.png
new file mode 100644
index 0000000..1e401c8
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/add-shortcut.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/added-site.png b/src/tutorials/how-to-use-jira/img/added-site.png
new file mode 100644
index 0000000..48fea3d
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/added-site.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/assignee-create-card.png b/src/tutorials/how-to-use-jira/img/assignee-create-card.png
new file mode 100644
index 0000000..fe17cf2
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/assignee-create-card.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/backlog-kanban.png b/src/tutorials/how-to-use-jira/img/backlog-kanban.png
new file mode 100644
index 0000000..cc2b3b5
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/backlog-kanban.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/board-from.png b/src/tutorials/how-to-use-jira/img/board-from.png
new file mode 100644
index 0000000..c918953
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/board-from.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/board-settings.png b/src/tutorials/how-to-use-jira/img/board-settings.png
new file mode 100644
index 0000000..0e516b6
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/board-settings.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/bubble-dots.png b/src/tutorials/how-to-use-jira/img/bubble-dots.png
new file mode 100644
index 0000000..ead1ad5
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/bubble-dots.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/bubble.png b/src/tutorials/how-to-use-jira/img/bubble.png
new file mode 100644
index 0000000..4e4d671
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/bubble.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/bug-type.png b/src/tutorials/how-to-use-jira/img/bug-type.png
new file mode 100644
index 0000000..8a60adc
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/bug-type.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/card-actions.png b/src/tutorials/how-to-use-jira/img/card-actions.png
new file mode 100644
index 0000000..6d418f3
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/card-actions.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/card-attach-subtask.png b/src/tutorials/how-to-use-jira/img/card-attach-subtask.png
new file mode 100644
index 0000000..732b643
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/card-attach-subtask.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/card-key.png b/src/tutorials/how-to-use-jira/img/card-key.png
new file mode 100644
index 0000000..2159950
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/card-key.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/card-right-side.png b/src/tutorials/how-to-use-jira/img/card-right-side.png
new file mode 100644
index 0000000..589a995
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/card-right-side.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/card-summary.png b/src/tutorials/how-to-use-jira/img/card-summary.png
new file mode 100644
index 0000000..1a37887
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/card-summary.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/card-top-right.png b/src/tutorials/how-to-use-jira/img/card-top-right.png
new file mode 100644
index 0000000..bb04eb7
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/card-top-right.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/choose-classic-template.png b/src/tutorials/how-to-use-jira/img/choose-classic-template.png
new file mode 100644
index 0000000..bdefb2c
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/choose-classic-template.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/choose-project-type.png b/src/tutorials/how-to-use-jira/img/choose-project-type.png
new file mode 100644
index 0000000..d85ff3a
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/choose-project-type.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/columns-edit.png b/src/tutorials/how-to-use-jira/img/columns-edit.png
new file mode 100644
index 0000000..5aeb62c
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/columns-edit.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/components-create-card.png b/src/tutorials/how-to-use-jira/img/components-create-card.png
new file mode 100644
index 0000000..cc6aefb
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/components-create-card.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/components-field.png b/src/tutorials/how-to-use-jira/img/components-field.png
new file mode 100644
index 0000000..e60c0c2
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/components-field.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/components-sidebar.png b/src/tutorials/how-to-use-jira/img/components-sidebar.png
new file mode 100644
index 0000000..49f2912
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/components-sidebar.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/create-board.png b/src/tutorials/how-to-use-jira/img/create-board.png
new file mode 100644
index 0000000..bb09056
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/create-board.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/create-component-empty.png b/src/tutorials/how-to-use-jira/img/create-component-empty.png
new file mode 100644
index 0000000..90ba465
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/create-component-empty.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/create-component-full.png b/src/tutorials/how-to-use-jira/img/create-component-full.png
new file mode 100644
index 0000000..6f74c42
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/create-component-full.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/create-component-page.png b/src/tutorials/how-to-use-jira/img/create-component-page.png
new file mode 100644
index 0000000..b7542e0
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/create-component-page.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/create-dashboard-dots.png b/src/tutorials/how-to-use-jira/img/create-dashboard-dots.png
new file mode 100644
index 0000000..a2bd4fc
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/create-dashboard-dots.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/create-dashboard-top.png b/src/tutorials/how-to-use-jira/img/create-dashboard-top.png
new file mode 100644
index 0000000..867c4a9
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/create-dashboard-top.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/create-header.png b/src/tutorials/how-to-use-jira/img/create-header.png
new file mode 100644
index 0000000..6bb3b63
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/create-header.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/create-project-new.png b/src/tutorials/how-to-use-jira/img/create-project-new.png
new file mode 100644
index 0000000..f319105
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/create-project-new.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/create-project-top.png b/src/tutorials/how-to-use-jira/img/create-project-top.png
new file mode 100644
index 0000000..e832e66
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/create-project-top.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/create-project.png b/src/tutorials/how-to-use-jira/img/create-project.png
new file mode 100644
index 0000000..d7e7893
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/create-project.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/criteria-advanced-issue-search.png b/src/tutorials/how-to-use-jira/img/criteria-advanced-issue-search.png
new file mode 100644
index 0000000..f224446
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/criteria-advanced-issue-search.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/default-dashboard.png b/src/tutorials/how-to-use-jira/img/default-dashboard.png
new file mode 100644
index 0000000..e9e4a09
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/default-dashboard.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/desc-att-sub-link.png b/src/tutorials/how-to-use-jira/img/desc-att-sub-link.png
new file mode 100644
index 0000000..90eb3c6
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/desc-att-sub-link.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/description-create-card.png b/src/tutorials/how-to-use-jira/img/description-create-card.png
new file mode 100644
index 0000000..f321a6f
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/description-create-card.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/epic-link-create-card.png b/src/tutorials/how-to-use-jira/img/epic-link-create-card.png
new file mode 100644
index 0000000..9e1e708
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/epic-link-create-card.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/epic-type.png b/src/tutorials/how-to-use-jira/img/epic-type.png
new file mode 100644
index 0000000..feb24d5
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/epic-type.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/fields-cards.png b/src/tutorials/how-to-use-jira/img/fields-cards.png
new file mode 100644
index 0000000..fbb63ba
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/fields-cards.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/filters-advanced-issue-search.png b/src/tutorials/how-to-use-jira/img/filters-advanced-issue-search.png
new file mode 100644
index 0000000..19c6d30
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/filters-advanced-issue-search.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/fix-versions.png b/src/tutorials/how-to-use-jira/img/fix-versions.png
new file mode 100644
index 0000000..a71eb9e
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/fix-versions.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/flagged-card.png b/src/tutorials/how-to-use-jira/img/flagged-card.png
new file mode 100644
index 0000000..873e6a9
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/flagged-card.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/gadgets.png b/src/tutorials/how-to-use-jira/img/gadgets.png
new file mode 100644
index 0000000..77b1597
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/gadgets.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/introduction-add.png b/src/tutorials/how-to-use-jira/img/introduction-add.png
new file mode 100644
index 0000000..f259bde
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/introduction-add.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/issue-types.png b/src/tutorials/how-to-use-jira/img/issue-types.png
new file mode 100644
index 0000000..ec1ec55
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/issue-types.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/issues-sidebar.png b/src/tutorials/how-to-use-jira/img/issues-sidebar.png
new file mode 100644
index 0000000..53e21cb
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/issues-sidebar.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/kanban-cards.png b/src/tutorials/how-to-use-jira/img/kanban-cards.png
new file mode 100644
index 0000000..84c435f
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/kanban-cards.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/label-create-card.png b/src/tutorials/how-to-use-jira/img/label-create-card.png
new file mode 100644
index 0000000..f99a447
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/label-create-card.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/load-all.png b/src/tutorials/how-to-use-jira/img/load-all.png
new file mode 100644
index 0000000..cd15350
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/load-all.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/npb.png b/src/tutorials/how-to-use-jira/img/npb.png
new file mode 100644
index 0000000..8d8c4e0
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/npb.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/ntb-filter.png b/src/tutorials/how-to-use-jira/img/ntb-filter.png
new file mode 100644
index 0000000..f894855
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/ntb-filter.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/ntb.png b/src/tutorials/how-to-use-jira/img/ntb.png
new file mode 100644
index 0000000..f69e4f9
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/ntb.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/plus-more-advanced-issue-search.png b/src/tutorials/how-to-use-jira/img/plus-more-advanced-issue-search.png
new file mode 100644
index 0000000..64234c3
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/plus-more-advanced-issue-search.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/project-create-card.png b/src/tutorials/how-to-use-jira/img/project-create-card.png
new file mode 100644
index 0000000..d0ffe8d
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/project-create-card.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/projects.png b/src/tutorials/how-to-use-jira/img/projects.png
new file mode 100644
index 0000000..45e47c3
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/projects.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/reporter-create-card.png b/src/tutorials/how-to-use-jira/img/reporter-create-card.png
new file mode 100644
index 0000000..5d4b397
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/reporter-create-card.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/sample-scrum-backlog.png b/src/tutorials/how-to-use-jira/img/sample-scrum-backlog.png
new file mode 100644
index 0000000..b32ce33
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/sample-scrum-backlog.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/sample-sprint.png b/src/tutorials/how-to-use-jira/img/sample-sprint.png
new file mode 100644
index 0000000..21fccff
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/sample-sprint.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/save-as-advanced-issue-search.png b/src/tutorials/how-to-use-jira/img/save-as-advanced-issue-search.png
new file mode 100644
index 0000000..b39a173
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/save-as-advanced-issue-search.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/save-filter-filters-advanced-issue-search.png b/src/tutorials/how-to-use-jira/img/save-filter-filters-advanced-issue-search.png
new file mode 100644
index 0000000..0108430
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/save-filter-filters-advanced-issue-search.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/scrum-backlog.png b/src/tutorials/how-to-use-jira/img/scrum-backlog.png
new file mode 100644
index 0000000..6ea23f6
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/scrum-backlog.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/scrum-kanban-board.png b/src/tutorials/how-to-use-jira/img/scrum-kanban-board.png
new file mode 100644
index 0000000..87513b0
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/scrum-kanban-board.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/show-fields.png b/src/tutorials/how-to-use-jira/img/show-fields.png
new file mode 100644
index 0000000..a274791
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/show-fields.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/sidebar-create-board.png b/src/tutorials/how-to-use-jira/img/sidebar-create-board.png
new file mode 100644
index 0000000..9e5918d
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/sidebar-create-board.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/story-type.png b/src/tutorials/how-to-use-jira/img/story-type.png
new file mode 100644
index 0000000..b68f4aa
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/story-type.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/sub-task-type.png b/src/tutorials/how-to-use-jira/img/sub-task-type.png
new file mode 100644
index 0000000..606bd5c
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/sub-task-type.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/summary-create-card.png b/src/tutorials/how-to-use-jira/img/summary-create-card.png
new file mode 100644
index 0000000..cfdedbc
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/summary-create-card.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/task-type.png b/src/tutorials/how-to-use-jira/img/task-type.png
new file mode 100644
index 0000000..b7c8b02
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/task-type.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/test-page.png b/src/tutorials/how-to-use-jira/img/test-page.png
new file mode 100644
index 0000000..0aa804c
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/test-page.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/test-repo-sidebar.png b/src/tutorials/how-to-use-jira/img/test-repo-sidebar.png
new file mode 100644
index 0000000..67cea89
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/test-repo-sidebar.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/test-repo.png b/src/tutorials/how-to-use-jira/img/test-repo.png
new file mode 100644
index 0000000..3f98520
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/test-repo.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/time-and-configure.png b/src/tutorials/how-to-use-jira/img/time-and-configure.png
new file mode 100644
index 0000000..ef587df
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/time-and-configure.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/time-tracking.png b/src/tutorials/how-to-use-jira/img/time-tracking.png
new file mode 100644
index 0000000..69b2252
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/time-tracking.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/todo-doing-done.png b/src/tutorials/how-to-use-jira/img/todo-doing-done.png
new file mode 100644
index 0000000..8eab797
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/todo-doing-done.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/versions-and-epics.png b/src/tutorials/how-to-use-jira/img/versions-and-epics.png
new file mode 100644
index 0000000..def629a
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/versions-and-epics.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/view-all-filters-advanced-issue-search.png b/src/tutorials/how-to-use-jira/img/view-all-filters-advanced-issue-search.png
new file mode 100644
index 0000000..130b1e5
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/view-all-filters-advanced-issue-search.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/view-all-projects-top.png b/src/tutorials/how-to-use-jira/img/view-all-projects-top.png
new file mode 100644
index 0000000..77dd9f0
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/view-all-projects-top.png
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/introduction.md b/src/tutorials/how-to-use-jira/introduction.md
new file mode 100644
index 0000000..bff260f
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/introduction.md
@@ -0,0 +1,25 @@
+# How to use Jira - Introduction
+
+**Article Created: 23 July 2020** || **Last Edited: 23 July 2020**
+
+[Filters >](./filters.html)
+
+---
+
+[Jira](https://www.atlassian.com/software/jira) is one of the most used project management and issue tracking products out there.
+
+It has a lot of features that can be quite overwhelming for new comers, especially these who are new to project management software. That's why this tutorial is here.
+
+**Note**: some stuff might only be doable from a project administrator, meaning you might not have persmission to do some things
+
+## Contents
+
+1. [Filters](./filters.html)
+2. [Projects](./projects.html)
+3. [Kanban template](./kanban.html)
+4. [Scrum template](./scrum.html)
+5. [Bug tracking template](./bug.html)
+6. [Releases](./releases.html)
+7. [Pages](./pages.html)
+8. [Components](./components.html)
+9. [Dashboards](./dashboards.html)
diff --git a/src/tutorials/how-to-use-jira/kanban.md b/src/tutorials/how-to-use-jira/kanban.md
new file mode 100644
index 0000000..3b583fd
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/kanban.md
@@ -0,0 +1,38 @@
+# How to use Jira - Kanban template
+
+**Article Created: 23 July 2020** || **Last Edited: 24 July 2020**
+
+[\<\<](./introduction.html) || [\< Projects](./projects.html) || [Scrum template >](./scrum.html)
+
+---
+
+**In the software industry, kanban is a [framework](https://stackoverflow.com/a/12733126/12036073) for [agile software development](https://www.atlassian.com/agile) where each work item is visually represented and can be moved to different places**.
+
+It's purpose is to **organise** and **visualise your work** with the goal of **maximising efficiency**, amongst other things. The focus is on **reducing time on a project from start to finish**.
+
+In brief, the main workflow is **just cards and boards**. That's it.
+
+Usually kanban doesn't even require for a project to be a programming one, you can **easily use the framework for any project that requires any level of task distribution**. Atlassian, the company behind Jira, has made (technically acquired) a separate web application, [Trello](https://trello.com/), that is dedicated only to kanban.
+
+## Backlog
+
+In kanban, **the backlog is just another column in your board(s)**. If you want you can remove it entirely from your board(s).
+
+![](./img/backlog-kanban.png)
+
+For a **lot more detailed** information, you can read [these sets of articles](https://www.atlassian.com/agile/kanban) from Atlassian. \
+This tutorial covers the more important topics in shorter text form.
+
+## Create board
+
+**This template can be either chosen when creating a project**,
+
+![](./img/choose-classic-template.png)
+
+or **from the `Create board` screen**.
+
+![](./img/scrum-kanban-board.png)
+
+At it's core, the kanban template **controls how board, issues and cards work together**. **Each template is tied to it's given board**.
+
+**Note**: when you create a project, you can choose this template. This just means that the project will automatically create a new board with the template.
diff --git a/src/tutorials/how-to-use-jira/pages.md b/src/tutorials/how-to-use-jira/pages.md
new file mode 100644
index 0000000..46acdf2
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/pages.md
@@ -0,0 +1,17 @@
+# How to use Jira - Pages
+
+**Article Created: 24 July 2020** || **Last Edited: 24 July 2020**
+
+[\<\<](./introduction.html) || [\< Releases](./releases.html) || [Components >](./components.html)
+
+---
+
+**Pages are a place for documents for your team**. The goal is to have a centralised place where everyone in your teams can share knowledge.
+
+![](./img/test-page.png)
+
+Pages are power by another Atlassian product names `Confluence`. It is a **subscription-based software**, but it does also offer a free 30-day trial.
+
+**All documents (pages)** that you write are **organised into `Spaces`**. When creating a page you can choose one of many templates or just start off with a blank one.
+
+**Confluence won't be covered in this tutorial**. You can read more about it from [here](<https://www.atlassian.com/software/confluence/guides/get-started/set-up>).
diff --git a/src/tutorials/how-to-use-jira/projects.md b/src/tutorials/how-to-use-jira/projects.md
new file mode 100644
index 0000000..b77c204
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/projects.md
@@ -0,0 +1,147 @@
+# How to use Jira - Projects
+
+**Article Created: 23 July 2020** || **Last Edited: 24 July 2020**
+
+[\<\<](./introduction.html) || [\< Cards](./cards.html) || [Kanban template >](./kanban.html)
+
+---
+
+![](./img/projects.png)
+
+In short, **projects are a collection of issues with added functionality** for organising them, getting statistics, etc.
+
+## Boards
+
+---
+
+**Boards are a way to better organise results from [filters](./filters.html)**. By default every project gets a board with a filter for all of the project's issues.
+
+A board gets all of the issues from it's given filter and offers a way to organise them.
+
+### Columns
+
+![](./img/SOD.png)
+
+**Boards are divided into columns** that contain the cards (issues). A card can move **freely** from one column to another.
+
+To illustrate why this is useful, let's say we have three columns: `TO DO`, `DOING` and `DONE`.
+
+![](./img/todo-doing-done.png)
+
+When you create an issue you initially put it in the `TO DO` column. After someone has started working on it, they put the issue in the `DOING` column. Finally, when the issue is resolved, it is put in the `DONE` column.
+
+Of course, the name, the quantity and the usage of different columns **depend on the project**.
+
+Adding and/or removing columns can be done from the `Columns` tab in the `Board settings` menu (three dots on the top right of a board).
+
+![](./img/board-settings.png)
+
+![](./img/columns-edit.png)
+
+### Adding more boards to a project
+
+You can also add more boards, though **you should first read the [Scrum template](./scrum.html) and the [Kanban template](./kanban.html) articles**.
+
+In short, these **templates govern how a board should work**. Also read the `Creating a project` section down below.
+
+You can do that either in a board, from **clicking the three dots and choosing `Create board`**
+
+![](./img/create-board.png)
+
+or **in the sidebar, from the `Board` menu**.
+
+![](./img/sidebar-create-board.png)
+
+After that, you are met with the option of creating a **Scrum** or a **Kanban** board (**that's why you should read the template articles** before adding boards).
+
+![](./img/scrum-kanban-board.png)
+
+When you've made a choice, you will be met with three options:
+
+![](./img/board-from.png)
+
+- **Board created with new Software project** - creates a new project (from the given name in the next menu) with a new board (has the name of the project).
+
+ ![](./img/npb.png)
+
+- **Board from existing project** - creates a board that gets the filter from another project
+
+ ![](./img/ntb.png)
+
+- **Board from an existing Saved Filter** - as it says, you add to the location project a board based on a filter
+
+ ![](./img/ntb-filter.png)
+
+## Backlog
+
+---
+
+**The backlog is a place for issues that outline a general task/feature**.
+
+Depending on your project template, the backlog will **either be a separate window ([Scrum](./scrum.html))**
+
+![](./img/scrum-backlog.png)
+
+or **just a column in a board ([Kanban](./kanban.html))**.
+
+![](./img/backlog-kanban)
+
+Using a backlog is **explained in more detail in the different template pages**.
+
+## Add item
+
+---
+
+**You can also add some resources to the sidebar of your project for everyone to use**. That is done through the `Add Item` menu.
+
+![](./img/add-item-kanban.png)
+
+From here you can **add shortcuts to any website**. Put the web address, give it a name and you are done
+
+![](./img/add-item-to-project.png)
+
+![](./img/add-shortcut.png)
+
+![](./img/added-site.png)
+
+You can also add a `Bitbucket` or `GitHub` repository which you **can leave only as a shortcut**, or you **can integrate it so that issues are transferred to Jira**.
+
+![](./img/test-repo.png)
+
+![](./img/test-repo-sidebar.png)
+
+**Integration won't be covered in this tutorial**, but I can recommend [this](https://www.idalko.com/jira-github-integration/) article for `GitHub` integration, and [this](https://www.idalko.com/jira-bitbucket-integration/) one for `Bitbucket` integration, both of which are made by [idalko](https://www.idalko.com/).
+
+From the 'Add Item' menu you **can also toggle [Pages](./pages.html)**.
+
+## Creating a project
+
+To create a project, either **click on `Create project` from the menu `Projects` in the top bar**,
+
+![](./img/create-project-top.png)
+
+or **click on the `Create project` button in the `View all projects` page**.
+
+![](./img/view-all-projects-top.png)
+
+![](./img/create-project.png)
+
+**Note**: when you **have created your account** the first thing you'll see is the `Create project` page.
+
+You'll be met by the `Choose project type` screen. From here choose `Classic project`, in this tutorial the `Next-gen project` **won't be covered**.
+
+![](./img/choose-project-type.png)
+
+After that you'll need to **put a name for your project**, **a key** (used for issues) and **a template**.
+
+![](./img/create-project-new.png)
+
+In this tutorial we will **cover only the three classic software templates: [Kanban](./kanban.html), [Scrum](./scrum.html) and [Bug tracking](./bug.html)**.
+
+![](./img/choose-classic-template.png)
+
+In short, **templates govern how boards and issues should work together**. Read the respective pages for more information.
+
+---
+
+**Projects also have [Releases](./releases.html), [Pages](./pages.html) and [Components](./components.html) that are covered in their respective pages in this tutorial**.
diff --git a/src/tutorials/how-to-use-jira/releases.md b/src/tutorials/how-to-use-jira/releases.md
new file mode 100644
index 0000000..c68cc26
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/releases.md
@@ -0,0 +1,18 @@
+# How to use Jira - Releases
+
+**Article Created: 24 July 2020** || **Last Edited: 24 July 2020**
+
+[\<\<](./introduction.html) || [\< Bug tracking template](./bug.html) || [Pages >](./pages.html)
+
+---
+
+**The Releases page in a project shows all versions, the ones in development and the ones that are done**.
+
+**Versions are just a big collection of issues** and the **goal of a released version** is for **all of it's issues to be completed**. **It serves as a point in time for the development of a project**.
+
+## Adding issues to a version
+
+When creating an issue, you **can specify a version in the `Fix versions` property**.
+
+![](./img/fix-versions.png)
+
diff --git a/src/tutorials/how-to-use-jira/scrum.md b/src/tutorials/how-to-use-jira/scrum.md
new file mode 100644
index 0000000..0e7780d
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/scrum.md
@@ -0,0 +1,49 @@
+# How to use Jira - Scrum template
+
+**Article Created: 24 July 2020** || **Last Edited: 24 July 2020**
+
+[\<\<](./introduction.html) || [\< Kanban template](./kanban.html) || [Bug tracking template >](./bug.html)
+
+---
+
+**Scrum is a [framework](https://stackoverflow.com/a/12733126/12036073) for [agile software development](https://www.atlassian.com/agile) where teams develop software in intervals, called sprints**.
+
+During a sprint, a **Scrum Master** organises and makes sure everyone follows the methodology. A Daily Scrum is held each day where **everyone shares what they have done the previous day and what they will do to the current day**. A retrospective happens at **the end of each sprint, where the team evaluates results and plans the next sprint**.
+
+## Backlog
+
+Contrary to the [Kanban template](./kanban.html), the backlog has a very important role. **The backlog is used to plan issues for any future sprints (see Boards and Issues below)**.
+
+![](./img/sample-scrum-backlog.png)
+
+From here you can also organise **Versions** (explained in more detail in [Releases](./releases.html)) and **Epics** (explained in more detail in [Cards](./cards.html)). An important note is that Epics in this context don't need to have their linked issues fixed in one sprint.
+
+![](./img/versions-and-epics.png)
+
+Creating a sprint is done from the conveniently named `Create sprint` button. It shows a box on top where you can either move issues from the backlog to the sprint or create entirely new issues.
+
+![](./img/sample-sprint.png)
+
+## Boards and Issues
+
+Boards and issues (cards) **work mostly the same as explained in the [Project](./project.html) page**.
+
+However there is one big difference, **issues are put into the backlog**. So, **boards are used to organise a sprint's issues**, not all issues.
+
+This is also reflected in the user interface. After selecting a board from the sidebar, you view it from the `Active sprints` page.
+
+![](./img/active-sprints.png)
+
+## Create board
+
+**This template can be either chosen when creating a project**,
+
+![](./img/choose-classic-template.png)
+
+or **from the `Create board` screen**.
+
+![](./img/scrum-kanban-board.png)
+
+At it's core, the **scrum template controls how board, issues and cards work together**. **Each template is tied to it's given board**.
+
+**Note**: when you create a project, you can choose this template. This just means that the project will automatically create a new board with the template.