Laaouatni Anas Laaouatni

Hi 👋, I'm Anas Laaouatni

I'm a ~~Junior~~ Web Developer.

⬇ My ⭐ Favourite Stack: ⬇

SvelteKitJS + TailwindCSS + TypeScript

*actually, I am trying to recreate svelte framework from stratch https://github.com/Laaouatni/laaWebComponentLibrary, without npm, libraries, bundlers... why not?!

Right now, I am focused now on:

Free Time: ESP32 with HTTP/WS (Learning)
School: ARDUINO -> https://www.tinkercad.com/users/3eC5gZvvAcy?type=circuits

maybe you saw me there on Stack Overflow

My Journey on FreeCodeCamp.org

flowchart LR
    d[Programming Courses I did]

    d   ---> d0[FreeCodeCamp]

    %% native ---> langs
    subgraph Native Web Languages Learned
        c12(JavaScript)
        c11(CSS)
        c10(HTML)
    end

    subgraph FreeCodeCamp
    %% Freecodecamp ---> Courses
        d0  ---> d01[Responsive Web Design]
        d0  ---> d02[JavaScript Algorithms and Data Structures]
        d0  ---> d03[Front End Development Libraries]
        %% FCC Responsive Web Design ---> Concepts
        subgraph fcc1 [Freecodecamp's Responsive Web Design]
            d01 ---> c11 
            d01 ---> d0101[HTML5]
            d01 ---> d0102[CSS3]
            d01 ---> d010[Applied Visual Design]
            d01 ---> d011[Applied Accessibility]
            d01 ---> d012[Responsive Web Design Principles]
            d01 ---> d013[CSS Flexbox]
            d01 ---> d014[CSS Grid]

            d0101 ---> c10
            d0102 ---> c11
        end

        %% FCC JS ---> Concepts
        subgraph fcc2 [Freecodecamp's JavaScript Algorithms and Data Structures]
            d02 ---> d020[ES6]
            d02 ---> d021[Regex]
            d02 ---> d022[Debugging]
            d02 ---> d023[Basic Data Structures]
            d02 ---> d024[Basic Algorithm Scripting]
            d02 ---> d025[Object Oriented Programming]
            d02 ---> d026[Functional Programming]
            d02 ---> d027[Intermediate Algorithm Scripting]
            d02 ---> d028[Functional Programming]

            d02 ---> d0201[Basic JavaScript]
            d0201 ---> c12
        end

        %% FCC Front End Dev ---> Concepts
        subgraph fcc3 [Freecodecamp's Front End Development Libraries]
            d03 ---> d030[Bootstrap]
            d03 ---> d032[SASS]
            d03 ---> d034[Redux]
            d03 ---> d031[jQuery]
            d03 ---> d033[React]

            d034 ---> d033
            d03 ---> c0

            subgraph Frameworks
                c0[Frameworks] ---> d033

                c0 ---> favLangs

                %% favourite ones ---> langs
                subgraph favLangs [Favourite Languages]
                    c011(SvelteKit);
                    c012(Tailwind CSS);
                end
            end
        end
    end

    d031 ---> c12

    %% tailwind ---> programming languages related
    c012 ---> c11

    %% sveltekit ---> languages used
    c011 ---> c10  
    c011 ---> c11 
    c011 ---> c12 

    %% FCC langs ---> CSS
    %%%% Responsive 
    d013[CSS Flexbox]   ---> c11
    d014[CSS Grid]      ---> c11
    %%%% Frontend
    d030                ---> c11
    d032                ---> c11