> For the complete documentation index, see [llms.txt](https://ruta.gitbook.io/coding-steps/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ruta.gitbook.io/coding-steps/welcome-to-rutas-coding-adventure.md).

# 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 :)