# Welcome to Ruta's Coding Adventure

<figure><img src="/files/nVo9edx2d10d6GM4fzgv" alt=""><figcaption><p>This was one of the first lessons in my journey learning to code, August 28th, 2024 at Vilnius Coding School. I was messing around with images in basic HMTL. But look at the images..!</p></figcaption></figure>

### 🦚 Toolbox:

**Frontend**: HTML5, CSS, SCSS, JavaScript, React Js, TypeScript

**Backend**: Node Js, Express Js, MongoDB

### 🍱 My learning process:

After completing a coding school evening course (10 months - an instructor led, hands-on approach to learning to code), I'm now using ChatGPT and Youtube as my coding partners and then trial & error, and some more of trial & error, and some more.

**When I learn something, I like to reflect and summarise steps into my personal wiki.**&#x20;

Here is an example of how I learned [SCSS steps](https://workflowy.com/#/855546998b23). Also, that's how I learned making websites with WordPress back in 2015 - by using Workflowy as my wiki. Collecting learnings is useful. Then, I don't need to remember everything. But it's easier to repeat if I have a backup of my steps across many different topics, and then to remember.

### **Intention for this space**

So with this blog, I'd like to have a public space where I can come back to for reflection of how my coding journey is going. In this place, I'll keep my coding lessons learned public. It would be cool to even make friends with fellow coders who also surf on the web! If you also learning to code, nice to meet you! 👋

{% hint style="success" %}
Since I started this blog, I discovered how my interests start to reveal themselves. See below!
{% endhint %}

{% content-ref url="/pages/wV5LZ506C3qZta1Oz0am" %}
[How to create slugs aka links?](/coding-steps/seo/how-to-create-slugs-aka-links.md)
{% endcontent-ref %}

{% content-ref url="/pages/4HdLN8eKcIK07dkSGy06" %}
[Architecture](/coding-steps/architecture/architecture.md)
{% endcontent-ref %}

TOOLS

{% content-ref url="/pages/X6gfykGjwyfQhlhuaMIP" %}
[Github](/coding-steps/tools/github.md)
{% endcontent-ref %}

{% content-ref url="/pages/N4UOTFFJ5wIjCLmtFxLk" %}
[NPM](/coding-steps/tools/npm.md)
{% endcontent-ref %}

{% content-ref url="/pages/KaJh5cFn6Iaqac8QP6y1" %}
[Terminal](/coding-steps/tools/terminal.md)
{% endcontent-ref %}

{% content-ref url="/pages/K8TvJSg6WCsiayQjCmat" %}
[Vercel](/coding-steps/tools/vercel.md)
{% endcontent-ref %}

LANGUAGES AND NOT

{% content-ref url="/pages/QX1W0Saaop29IFIkPopx" %}
[CSS](/coding-steps/languages-and-not/css.md)
{% endcontent-ref %}

{% content-ref url="/pages/LSHAk2d5DtPfp6gKDHX0" %}
[React Js](/coding-steps/languages-and-not/react-js.md)
{% endcontent-ref %}

{% content-ref url="/pages/dAKVW9lpAy8kBfI4kgpF" %}
[JavaScript](/coding-steps/languages-and-not/javascript.md)
{% endcontent-ref %}

DATA

{% content-ref url="/pages/OunfVgCDYPd71O2sJDb7" %}
[Basics of Data in React](/coding-steps/data/basics-of-data-in-react.md)
{% endcontent-ref %}

{% content-ref url="/pages/9kVKXe2FPhIKAvNUejT0" %}
[APIs](/coding-steps/data/apis.md)
{% endcontent-ref %}

{% content-ref url="/pages/8ywcqkR3B3OLsH5AYEzs" %}
[Scripts](/coding-steps/data/scripts.md)
{% endcontent-ref %}

{% content-ref url="/pages/9aKzA9g3SRX3GTgSJoIK" %}
[Loading](/coding-steps/data/loading.md)
{% endcontent-ref %}

{% content-ref url="/pages/IAdAzbIW7uaPhcdOZ26v" %}
[Supabase: How to Create Tables via SQL Editor](/coding-steps/tools/supabase/supabase-how-to-create-tables-via-sql-editor.md)
{% endcontent-ref %}

TESTING

{% content-ref url="/pages/Y3GjP6b1RyCwg3W4mh84" %}
[How to setup Playwright end to end tests?](/coding-steps/testing/how-to-setup-playwright-end-to-end-tests.md)
{% endcontent-ref %}

{% content-ref url="/pages/yO4HbeTs1kaCyPD9jKWF" %}
[Types of tests](/coding-steps/testing/types-of-tests.md)
{% endcontent-ref %}

see on the side :)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://ruta.gitbook.io/coding-steps/welcome-to-rutas-coding-adventure.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.