HTML Tutorial

Open-source HTML projects categorized as Tutorial

Top 22 HTML Tutorial Projects

  • learn-to-send-email-via-google-script-html-no-server

    :email: An Example of using an HTML form (e.g: "Contact Us" on a website) to send Email without a Backend Server (using a Google Script) perfect for static websites that need to collect data.

  • Guides

    Here you will find Guides mainly for the Starr Apps (Sonarr/Radarr) and everything related to it. (by TRaSH-)

    Project mention: Folder organising | | 2022-12-08

    I take it you're not using something like plex in that case? Maybe check out trash guides

  • Zigi

    The context switching struggle is real. Zigi makes context switching a thing of the past. It monitors Jira and GitHub updates, pings you when PRs need approval and lets you take fast actions - all directly from Slack!

  • electron-seamless-titlebar-tutorial

    A guide to creating a seamless Windows 10 titlebar in your Electron app

  • lisp-notes

    Repo for Common Lisp by Example and all other useful resources I found online

    Project mention: A Road to Common Lisp (2018) | | 2022-06-06

    If you want to learn CL, try this

  • training-material

    A collection of Galaxy-related training material

  • react-learning-course-short

    This repo dedicated to the course "React for Beginners". The course was created to support Ukraine 🇺🇦 and Ukrainians in the war against russia. It's completely free and open-sourced.

    Project mention: Free React course for beginners to support Ukraine | | 2022-04-20

    The course is open-source, it's posted on [GitHub](, and here is the example of the [presentation]( Every day updates posted on my [twitter](

  • SolderingTutorial

    Complete soldering course for beginners and advanced.

    Project mention: Braindance Wreath test build | | 2022-12-02

    Hey, look up the NE555 chip. It's tiny and I know it from this build that is kind of a stress-test for soldering skills. It's a timing chip, so depending on which of the little legs you connect the LED to, those will blink with different frequencies. Up to 5 different frequencies are possible, but I'm not sure you can put more than one LED on a given leggie without transistors inbetween. You'll need to check the power draw against the NE555 Datasheet.

  • SonarLint

    Clean code begins in your IDE with SonarLint. Up your coding game and discover issues early. SonarLint is a free plugin that helps you find & fix bugs and security issues from the moment you start writing code. Install from your favorite IDE marketplace today.

  • raytracing-from-scratch

    Building a simple raytracer: step-by-step from scratch; zero dependencies; 100% pure C++

    Project mention: My GPU-accelerated raytracing renderer | | 2022-03-27

    I built this raytracing renderer in CUDA over the past two months. I followed the progression of this tutorial but a side-by-side analysis of the code shows quite a few optimizations and support for customization and whatnot. It runs at ~4fps on my RTX 2070. Here's a render from it:

  • getting-started-with-rust

    Getting Started with Rust is a free, online, open-source book where you learn Rust by building a zero-dependency Markdown compiler.

    Project mention: Getting Started with Rust (2022 Update) | | 2022-06-09

    Hello In a previous thread[0], I had shared my online book "Getting Started with Rust by building a Tiny Markdown Compiler." Many folks provided great feedback, and I'm thankful for all the positive energy I've received from both writing and sharing this.

    Since then I've completed many updates to this resource, including incorporating many suggestions[1], breaking out the content into more palpable chunks, and publishing it as a Github pages site[2].

    I hope this introductory experience with the Rust programming language is fun and engaging, and I'm excited to see where people go from here.




  • aiohttp-aiofiles-tutorial

    🔄 🌐 Handle thousands of HTTP requests, disk writes, and other I/O-bound tasks simultaneously with Python's quintessential async libraries.

    Project mention: Async HTTP Requests with Aiohttp & Aiofiles | | 2022-02-02

    We're going to structure this script like any other Python script. Our main module, aiohttp_aiofiles_tutorial will handle all of our logic. and both live outside the main module, and offer our script some basic configuration and an entry point respectively:

  • angular-github-actions

    Application example built with Angular 14 and hosted on GitHub Pages using GitHub Actions.

  • sample-bootstrap-dashboard

    Bootstrap 5 Dashboard - Learn by Coding | AppSeed

    Project mention: Bootstrap for Beginners - Code a Simple Dashboard Layout | | 2022-05-16

    This article explains how to code a simple One-page Dashboard Layout in Bootstrap 5, using the theory from a previous article: Bootstrap - Tutorial for Beginners. The source code for the final project can be downloaded from Github and used in commercial projects or simply for eLearning activities. For newcomers, Bootstrap is a leading JS/CSS framework used to code responsive websites and apps.

  • Documenting-with-Docusaurus-V2.-

    This repository will show you a step by step tutorial on how to work with Docusaurus version 2 to display your information in a more orderly way using the markdown language. Have fun reading and implementing it!

  • angular-github-actions-amazon-s3

    Application example built with Angular 14 and hosted on Amazon S3 (Simple Storage Service) using GitHub Actions.

    Project mention: Hosting an Angular application on Amazon S3 using GitHub Actions | | 2022-01-22

    1. Let's validate the run of the GitHub Actions flow. Access the repository created and click on the link Actions.

  • BPM_Counter

    🎵 A web app/OSX dashboard app for counting BPM

  • how-to-send-push-notifications-with-firebase-and-react

    Send Push notifications with Firebase and React

    Project mention: How to send push notifications with Firebase and React | | 2022-02-23

    import React, { useEffect } from 'react' import Box from '@mui/material/Box' import Button from '@mui/material/Button' import LinearProgress from '@mui/material/LinearProgress' import useFirebaseMessaging from '@useweb/use-firebase-messaging' import CopyToClipboard from '../../lib/components/CopyToClipboard/CopyToClipboard' import Text from '../../lib/components/Text/Text' import Header from '../../lib/components/_unique/Header/Header' import useSnackbar from '../../lib/components/Snackbar/Snackbar' export default function HomePage() { const snackbar = useSnackbar() const firebaseMessaging = useFirebaseMessaging({ onMessage: (message) => { console.log(`Received foreground message`, message){ message: message?.notification?.title || message?.data?.title, }) }, }) useEffect(() => { firebaseMessaging.init() }, []) return ( {firebaseMessaging.initializing && ( <> > )} {firebaseMessaging.error && ( )} {firebaseMessaging.fcmRegistrationToken && ( <> Copy > )} ) }

  • counter-app

    How to Build Counter App with React (by codecourses-site)

    Project mention: How to Build Counter App with React [DETAIL] | | 2022-05-09

    If you want to find the full source code, you can refer to this Github link.

  • env-variables-react

    How to Use Environment Variables in React

    Project mention: How to Use Environment Variables in React [DETAIL COURSE] | | 2022-05-10

    If you want to find the full source code, you can refer to this Github link.

  • pdf_display_in_plain_js

    GitHub repo for code of tutorial posted on my blog. How to render PDF files with PDF.js on your own website.

  • upload-preview-image-react

    How to Upload and Preview Image in React

    Project mention: How to Upload and Preview Image in React [DETAIL COURSE] | | 2022-05-09

    If you want to find the full source code, you can refer to this Github link.

  • angular-eslint

    Application example built with Angular 14 and adding the ESLint using @angular-eslint/schematics library. (by rodrigokamada)

    Project mention: Adding the ESLint to an Angular application | | 2022-10-12

    The application repository is available at

  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Data Platform where developers build real-time applications for analytics, IoT and cloud-native services in less time with less code.

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-12-08.

HTML Tutorial related posts


Truly a developer’s best friend
Scout APM is great for developers who want to find and fix performance issues in their applications. With Scout, we'll take care of the bugs so you can focus on building great things 🚀.