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