SKILL TREE
RESOURCES FOR LEARNING JAVASCRIPT, P2P, SELF EMPLOYMENT and more
List of resources, recommended by our Wizard Amigos learners:
If you have questions or want to get notified about the new workshops, join our community chat.
Enjoy your learning adventure.
| Title | Level | Notes |
|---|---|---|
| Basic web component workshop | basic | workshop notes |
| Title | Level |
|---|---|
| Node | basic |
| Git | basic |
| Code editors | basic |
| How to use CodePen for building simple projects | basic |
| Title | Level |
|---|---|
| Fun, fun, function | basic/intermediate |
| Speakeasy | advanced |
| Title | Level |
|---|---|
| HTML basics | basic |
| Intro to HTML | basic |
| Title | Level |
|---|---|
| Say hello to HTML elements | basic |
| HTML elements | basic |
| Headings | basic |
| Paragraphs | basic |
| Comments | basic |
| Head | basic |
| Title | Level |
|---|---|
| HTML attributes | basic |
| Classes | basic |
| Title | Level |
|---|---|
| Links | basic |
| File paths | basic |
| Title | Level |
|---|---|
| Images | basic |
| HTML images | basic |
| Turn an Image into a Link | basic |
| Title | Level |
|---|---|
| Videos | |
| YouTube | basic |
| Title | Level |
|---|---|
| Lists | basic |
| HTML lists | basic |
| Title | Level |
|---|---|
| Forms | basic |
| Form elements | basic |
| Input types | basic |
| Title | Level |
|---|---|
| Basics about SVG | intermediate |
| SVG - video | intermediate |
| SVG notes | intermediate |
| Demo project - wizard logo | intermediate |
| Title | Level |
|---|---|
| Intro to CSS | basic |
| CSS basics | basic |
| Title | Level |
|---|---|
| CSS syntax | basic |
| Use a CSS Class to Style an Element | basic |
| Style Multiple Elements with a CSS Class | basic |
| Title | Level |
|---|---|
| Colors | basic |
| Background color | basic |
| Backgrounds | basic |
| Opacity | basic |
| Colors with opacity | basic |
| Border | basic |
| Margin | basic |
| Padding | basic |
| Dimension | basic |
| Max width | basic |
| Text | basic |
| Links | basic |
| Lists | basic |
| Table | basic |
| Dropdown | basic |
| Button | basic |
| Change the color of text | basic |
| Adjust the Padding of an Element | basic |
| Adjust the Margin of an Element | basic |
| Add a Negative Margin to an Element | basic |
| Add Different Padding to Each Side of an Element | basic |
| Add Different Margins to Each Side of an Element | basic |
| Use Clockwise Notation to Specify the Padding of an Element | basic |
| Use Clockwise Notation to Specify the Margin of an Element | basic |
| Title | Level |
|---|---|
| CSS fonts | basic |
| Text and font styling | basic |
| Change the Font Size of an Element | basic |
| Set the Font Family of an Element | basic |
| Import a Google Font | basic |
| Specify How Fonts Should Degrade | basic |
| Google fonts documentation and example | basic |
| Title | Level |
|---|---|
| CSS icons | basic |
| Fontawesome documentation and example | basic |
| Title | Level |
|---|---|
| Display visibility | basic |
| Position | basic |
| Overflow | basic |
| Flexbox | intermediate |
| A guide to flexbox | intermediate |
| Flexbox game tutorial | intermediate |
| CSS Grid | intermediate |
| Grid by example | basic |
| Title | Level |
|---|---|
| Intro to animations | intermediate |
| Title | Level |
|---|---|
| Responsive web design intro | basic |
| Viewport | intermediate |
| Media queries | basic |
| Title | Level |
|---|---|
| Intro | basic |
| Introduction to Javascript | basic |
| Title | Level |
|---|---|
| JS syntax | basic |
| Title | Level |
|---|---|
| Comment your JS code | basic |
| Title | Level |
|---|---|
| JS variables | basic |
| Variables | basic |
| Assignement | basic |
| Declare JavaScript variables | basic |
| Case sensitivity in variables | basic |
| Assignement operator | basic |
| Initializing variable with assignement operator | basic |
| Title | Level |
|---|---|
| JS datatypes | basic |
| Title | Level |
|---|---|
| 10 Common Data Structures Explained with Videos + Exercises | basic |
| Title | Level |
|---|---|
| JS operators | basic |
| Numbers and operators | basic |
| Arithmetic | basic |
| Number methods | basic |
| Add two numbers | basic |
| Substract one number from another | basic |
| Multiply two numbers | basic |
| Divide one number by another | basic |
| Increment a number | basic |
| Decrement a number | basic |
| Decimal numbers | basic |
| Remainder - modulo | basic |
| Augmented addition | basic |
| Title | Level |
|---|---|
| Handling text - strings | basic |
| Useful string methods | basic |
| JS strings | basisc |
| String methods | basic |
| Declare string variables | basic |
| Escaping literal quotes in strings | basic |
| Quoting strings with single quotes | basic |
| Escape sequences in strings | basic |
| Concatenating strings with + operator | basic |
| Concatenating strings with += operator | basic |
| Constructing strings with variables | basic |
| Appending variables to strings | basic |
| Find the length of a string | basic |
| Find the first character in a string | basic |
| Find the last character in a string | basic |
| Find the N-th character in a string | basic |
| Reverse a String | basic |
| Title | Level |
|---|---|
| Arrays | basic |
| JS Arrays | basic |
| Array methods | basic |
| Array sort | basic |
| Store Multiple Values in one Variable using JavaScript Arrays | basic |
| Nest one Array within Another Array | basic |
| Access Array Data with Indexes | basic |
| array.push() | basic |
| array.pop() | basic |
| array.shift() | basic |
| array.unshift() | basic |
| Iterate over Arrays with map | basic |
| Filter Arrays with filter | basic |
| Sort Arrays with sort | basic |
| Reverse Arrays with reverse | basic |
| Concatenate Arrays with concat | basic |
| Split Strings with split | basic |
| Join Strings with join | basic |
| Condense arrays with reduce | basic |
| Title | Level |
|---|---|
| JS booleans | basic |
| Boolean values | basic |
| Title | Level |
|---|---|
| JavaScript If...Else Statements | basic |
| Conditional logic with If statement | basic |
| Else statements | basic |
| Else If statements | basic |
| Logical Order in If Else Statements | basic |
| Chaining If Else Statements | basic |
| Title | Level |
|---|---|
| For loop | intermediate |
| While loop | intermediate |
| Iterate with JavaScript For Loops | intermediate |
| Iterate Odd Numbers With a For Loop | intermediate |
| Count Backwards With a For Loop | intermediate |
| Iterate Through an Array with a For Loop | intermediate |
| Nesting For Loops | intermediate |
| Iterate with JavaScript While Loops | intermediate |
| Title | Level |
|---|---|
| Introducing JavaScript objects | basic |
| JavaScript Objects | basic |
| Object Properties | basic |
| Object methods | basic |
| Object prototypes | intermediate |
| Build JavaScript Objects | intermediate |
| Accessing Objects Properties with the Dot Operator | basic |
| Accessing Objects Properties with Bracket Notation | basic |
| Accessing Objects Properties with Variables | basic |
| Updating Object Properties | basic |
| Add New Properties to a JavaScript Object | basic |
| Delete Properties from a JavaScript Object | intermediate |
| Testing Objects for Properties | intermediate |
| Manipulating Complex Objects | intermediate |
| Accessing Nested Objects | intermediate |
| Declare JavaScript Objects as Variables | intermediate |
| Construct JavaScript Objects with Functions [requirement: functions] | intermediate |
| Title | Level |
|---|---|
| JS functions | basic |
| JS function definition | basic |
| JS function parameters and arguments | basic |
| Function invocation | basic |
| Function closures | intermediate |
| Write reusable javascript with functions | basic |
| Passing values to functions with arguments | basic |
| Return a value from a function with Return | basic |
| Assignement with a returned value | basic |
| Queue | intermediate |
| Functions - reusable blocks of code | basic |
| Javascripting tutorial | basic |
| Bing/Call/Apply | intermediate |
| Title | Level |
|---|---|
| Callbacks, Promises and more | intermediate |
| Title | Level |
|---|---|
| JS scope | intermediate |
| Global scope and functions | intermediate |
| Local scope and functions | intermediate |
| Global vs local scope in functions | intermediate |
| Title | Level |
|---|---|
| Sift through Text with Regular Expressions | intermediate |
| Find Numbers with Regular Expressions | intermediate |
| Find Whitespace with Regular Expressions | intermediate |
| Invert Regular Expression Matches with JavaScript | intermediate |
| JavaScript Regular Expressions | intermediate |
| Title | Level |
|---|---|
| JavaScript JSON | intermediate |
| Working with JSON data | intermediate |
| Title | Level |
|---|---|
| XState workshop | advanced |
| XState Drag&Drop example code | advanced |
| Title | Level |
|---|---|
| Responsive Web Design | basic |
| Javascript Algorithms and Data structures | beginner |
| Title | Level |
|---|---|
| Decentralized social networks | basic |
| P2P ecosystem review | basic |
| Working offline as a JavaScript developer | intermediate |
| Mesh networking | advanced |
HYPERCORE
| Title | Level |
|---|---|
| Making stuff with Dat SDK (Hyper SDK) | intermediate |
| Dat/Hyper workshop | intermediate |
| Hypercore protocol overview (EN/JP) | |
| Hyper protocol guides | advanced |
KAPPA-DB
| Title | Level |
|---|---|
| Workshop | advanced |
| Title | Level |
|---|---|
| Intro | basic |
| Scuttlebutt | intermediate |
| Guide | advanced |
| Scuttlebot | advanced |
| Scuttlebot Docs | advanced |
| Title | Level |
|---|---|
| Epidemic Broadcast Trees | advanced |
| P2P indexing and search | advanced |
| Title | Level |
|---|---|
| Cryptozombie Tutorial | basic |
| MetaMask Browser Wallet - tool | basic |
| Workshop: ABC of writing Ethereum smart contracts | basic/intermediate |
| Solidity docs | intermediate |
| Ethereum dev wiki | advanced |
| Title | Level |
|---|---|
| Substrate docs (rust) | intermediate |
| Rust language | intermediate |
| Substrate tutorials | intermediate |
| Substrate Recipes | intermediate |
| Substrate dev hub | intermediate |
| Title | Level |
|---|---|
| Select DOM with JS and change it | basic |
| Make new DOM purely with JS | basic |
| How to react to user interaction (e.g. mouse clicks) | intermediate |
| How to animate your DOM | intermediate |
| Intro to DOM | basic |
| DOM methods | basic |
| DOM document | basic |
| DOM elements | basic |
| DOM events | intermediate |
| Event listener | intermediate |
| Nodes | intermediate |
| Dom - video (advanced) | intermediate |
| Dom - notes | intermediate |
| Events | intermediate |
| Title | Level |
|---|---|
| Skeletal Animation | advanced |
| Attaching Object to Bones | advanced |
| Web GL fundamentals | advanced |
| Title | Level |
|---|---|
| commonmark | basic |
| github flavoured markdown | basic |
| Title | Level |
|---|---|
| What are modules | basic |
| What is NPM | intermediate |
| Installing Node.js and updating npm | intermediate |
| Manage Packages with npm | intermediate |
| NPM and using npm modules - video | intermediate |
| NPM and using npm modules - notes | intermediate |
| How to NPM | intermediate |
| Title | Level |
|---|---|
| require modules | basic |
| browserify basics | basic |
| browserify advanced | intermediate |
| Title | Level |
|---|---|
require('bel') |
intermediate |
require('csjs-inject') |
basic |
require('minixhr') |
basic |
| Title | Level |
|---|---|
| Notes on Git and Github | intermediate |
| Git-it tutorial | intermediate |
| Title | Level |
|---|---|
| Unix & Command Line - video | intermediate |
| Unix & Command Line - notes | intermediate |
| Title | Level |
|---|---|
| Path to a free self-taught education in Computer Science | intermediate |
| Programming, computer architecture and design etc. | intermediate |
| Title | Level |
|---|---|
| Beginner javascript | basic |
| The modern javascript | basic |
| Code Combat - learn how to code by playing a game | basic |
| Eloquent JavaScript: A Modern Introduction to Programming | basic |
| Mozilla Developer Network Docs | basic |
| Introduction to Javascript | basic |
| basic media query | basic |
| How to spin things | basic |
| E-business card | basic |
| Wizard Logo SVG | basic |
| Attach a file | basic |
| Javascript - understanding the weird parts | intermediate |
| 30 Day Vanilla JS Challenge | intermediate |
| Explore the Javascript Universe | intermediate |
| How to do css grid layouts | intermediate |
| Funky animated cube | intermediate |
| Portfolio page | intermediate |
| Quiz app | intermediate |
| Random Names Color Box Gallery | intermediate |
| SVG Graph | intermediate |
| How to run a project locally | intermediate |
| Choo - little deeper knowledge about frontend coding | intermediate |
| P2P Workshop | advanced |
| Title | Level |
|---|---|
| Limited company formation | intermediate |
| Setup a limited company: step by step formation | intermediate |
| Title | Level |
|---|---|
| Should we fundraise through Open Collective](https://hackmd.io/h_P9j-UmSX66q0EdNPpGXg) | intermediate |