JavaScript Tutorial

Open-source JavaScript projects categorized as Tutorial | Edit details

Top 23 JavaScript Tutorial Projects

  • mostly-adequate-guide

    Mostly adequate guide to FP (in javascript)

    Project mention: How do you run an effective clean code book club, and looking for homework ideas? | reddit.com/r/ExperiencedDevs | 2022-03-10
  • aws-serverless-workshops

    Code and walkthrough labs to set up serverless applications for Wild Rydes workshops

    Project mention: Getting Experience with Cloud Services | reddit.com/r/dataengineering | 2021-11-06

    Personally, the most time-efficient way to learn AWS services has been by taking some of the hands-on workshops like these: https://github.com/aws-samples/aws-serverless-workshops https://intro-to-analytics-on-aws.workshop.aws/en/

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • eattheblocks

    Source code for Eat The Blocks, a screencast for Ethereum Dapp Developers

    Project mention: NFT Smart Contract with a Royalty | reddit.com/r/solidity | 2022-03-24

    I'm trying to implement a functionality of giving a royalties to the owner after NFTs are sold on the secondary market. As I understand there is no default method or something to give a royalty, so I often see the following solution: https://github.com/jklepatch/eattheblocks/blob/master/screencast/379-nft-royalties/contracts/NFT.sol As I understand I have to pass a token to the constructor of this contract before deploying it. So the question is: if I want to mint and sell NFTs on the Ethereum Mainnet, which token should I pass inside the contract constructor? I see this guy implemented his own token for this purpose, but honestly I don't understand how is it compatible with ETH https://github.com/jklepatch/eattheblocks/blob/master/screencast/379-nft-royalties/contracts/MockToken.sol

  • Making-a-custom-React-renderer

    Tutorial on how to make a custom React renderer

    Project mention: Other frameworks like blazor server | reddit.com/r/Blazor | 2022-01-27
  • learn-graphql

    Real world GraphQL tutorials for frontend developers with deadlines!

    Project mention: The Learning Path to GraphQL for Fullstack Developers | dev.to | 2021-10-28

    We at Hasura, along with the community have created a series of open source tutorials starting from GraphQL Basics, Hasura Basics to full fledged frontend tutorials in various frameworks. You name it, we have it :)

  • react-native-onboarding-swiper

    🛳 Delightful onboarding for your React-Native app

    Project mention: How to implement walkthrough screens? | reddit.com/r/reactnative | 2021-12-30

    Generally OddTuning is right, it is quite simple to do it with a bunch of screens. However you can still use a library like https://github.com/jfilter/react-native-onboarding-swiper for some default logic like the "navigation dots" on the bottom to show the slide progress.

  • eth-crypto

    Cryptographic javascript-functions for ethereum and tutorials to use them with web3js and solidity

    Project mention: Encrypt/Decrypt with ETH keypairs | reddit.com/r/ethdev | 2021-10-19

    Check out eth-crypto: https://github.com/pubkey/eth-crypto

  • SonarQube

    Static code analysis for 29 languages.. Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.

  • tour_of_rust

    A tour of rust's language features

    Project mention: 35 Rust Learning Resources Every Beginner Should Know in 2022 | dev.to | 2022-04-11

    1. Tour of Rust is a step-by-step guide for the Rust programming language. It gives a nice overview of the language and allows the learner to also modify the code examples to experiment. I would say that the Tour of Rust is not a resource that you would rely on by itself.

  • youtube-react

    A Youtube clone built in React, Redux, Redux-saga

  • Please-Contain-Yourself

    A Docker tutorial written for people who don't actually know Docker already.

    Project mention: Most impressive junior developer / Bootcamp grad projects you’ve seen? | reddit.com/r/webdev | 2022-04-20

    please contain yourself is my favorite.

  • ZeroToBlockchain

    Tutorial for Zero to Blockchain series

  • slic-starter

    A complete, serverless starter project

  • react-todo-app

    React Todo App (by kabirbaidhya)

    Project mention: How to start ReactJs for begginers | dev.to | 2021-11-13

    simple to-do application https://github.com/kabirbaidhya/react-todo-app calculator https://github.com/ahfarmer/calculator

  • field-manual

    The Offical User's Guide to OrbitDB

    Project mention: database for decentralized web | reddit.com/r/ipfs | 2021-11-07

    My project is not open source as of now. You can use this tutorial to learn how to use it.

  • streams-workshop

    A workshop on Node.js Streams

  • StructureTutorialMod

    A short example showing how to register a structure and get it to generate in all biomes in Forge and Fabric! (check the branches)

  • tech-courses-search-engine

    A real-time tech course finder, created using Elasticsearch, Python, React+Redux, Docker, and Kubernetes.

    Project mention: A real-time tech course finder, created using Elasticsearch, Python, React+Redux, Docker, and Kubernetes. | dev.to | 2021-08-24

    Live demo

  • obsidian-garden

    A knowledge management garden for https://obsidian.md, in which to grow your ideas

    Project mention: What are the best themes/templates for the purpose of academia? | reddit.com/r/ObsidianMD | 2022-02-28
  • beybot

    This is a twitch bot built with the ComfyJS library 💅🏾

  • intro-starwars-app

    Repositório responsável pela artigo escrito no dev.to AQUI em como desenvolver a intro do Star Wars com Node.js & Express.js.

    Project mention: Building Star Wars Crawler with Azure Static Web Apps - Part 1 | dev.to | 2022-05-02

    { "name": "intro-starwars-app", "version": "1.0.0", "description": "Desenvolvimento da Intro do Star Wars com deploy no Azure.", "main": "app.js", "scripts": { "dev": "nodemon", "lint": "eslint --ext .js -f ./node_modules/eslint-friendly-formatter . --fix" }, "repository": { "type": "git", "url": "https://github.com/glaucia86/intro-starwars-app.git" }, "keywords": [ "nodejs", "azure", "javascript", "express" ], "author": "Glaucia Lemos", "license": "MIT", "bugs": { "url": "https://github.com/glaucia86/intro-starwars-app/issues" }, "homepage": "https://github.com/glaucia86/intro-starwars-app#readme", "dependencies": { "eslint-friendly-formatter": "^4.0.1", "express": "^4.17.1", "nodemon": "^2.0.2", "prettier": "^1.19.1" }, "devDependencies": { "eslint": "^6.8.0", "eslint-config-airbnb-base": "^14.0.0", "eslint-plugin-import": "^2.19.1", "husky": "^3.1.0" }, "husky": { "pre-commit": "lint-staged", "pre-push": "npm run lint" }, "lint-staged": { "*.js": [ "prettier --write", "git add" ] } }

  • multiple-blocks-plugin

    An implementation of @wordpress/create-block to support multiple blocks.

    Project mention: How to create a (multiple) block plugin for WordPress | dev.to | 2021-08-08

    The project is ready to be used and comes with 2 blocks - Buy Button and Hero Block (they don't actually do anything, though) - but I do recommend learning the above process and creating additional blocks yourself. https://github.com/rmorse/multiple-blocks-plugin

  • blackjack-basic-strategy

    A computer vision powered Blackjack basic strategy app powered by Roboflow.

    Project mention: Ask HN: Who is hiring? (September 2021) | news.ycombinator.com | 2021-09-01
  • binary-full-adder-in-the-game-of-life

    Binary adder implementation in the Game of Life written in JavaScript using canvas · 🤖 🧮 🧬

    Project mention: Finishing Up the Binary Adder in the Game of Life | dev.to | 2021-08-05

    Excellent! Everything's working! You can try this app yourself and enter different values to see how the circuit works. There is also a speed control so you can speed up the evolution a bit since it is kinda slow by default.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2022-05-02.

JavaScript Tutorial related posts

Index

What are some of the best open-source Tutorial projects in JavaScript? This list will help you:

Project Stars
1 mostly-adequate-guide 21,727
2 aws-serverless-workshops 3,664
3 eattheblocks 3,454
4 Making-a-custom-React-renderer 1,252
5 learn-graphql 926
6 react-native-onboarding-swiper 768
7 eth-crypto 671
8 tour_of_rust 628
9 youtube-react 516
10 Please-Contain-Yourself 475
11 ZeroToBlockchain 318
12 slic-starter 284
13 react-todo-app 179
14 field-manual 178
15 streams-workshop 160
16 StructureTutorialMod 141
17 tech-courses-search-engine 119
18 obsidian-garden 108
19 beybot 39
20 intro-starwars-app 24
21 multiple-blocks-plugin 18
22 blackjack-basic-strategy 13
23 binary-full-adder-in-the-game-of-life 6
Find remote jobs at our new job board 99remotejobs.com. There are 7 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Less time debugging, more time building
Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.
scoutapm.com