HTML Tutorial

Open-source HTML projects categorized as Tutorial

Top 23 HTML Tutorial Projects

  • English-level-up-tips

    An advanced guide to learn English which might benefit you a lot 🎉 . 离谱的英语学习指南。

  • 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.

  • Appwrite

    Appwrite - The open-source backend cloud platform. The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!

  • Contribute-To-This-Project

    This project is waiting for your contribution. If you have never contributed code on GitHub before, this is the project to get you started.

    Project mention: First timers’ Practical Guide to Open Source Contribution | | 2023-02-20
  • processing-docs

    [Deprecated] Processing reference, examples, tutorials, and website

    Project mention: Is it possible to click on any three rectangles below, and screens to be changed? | /r/processing | 2022-11-15
  • lisp-notes

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

  • training-material

    A collection of Galaxy-related training material

  • learn_rust_together

    We are a Ukrainian branch of the community of Rust enthusiasts. Check out our awesome collection of crates!

    Project mention: Recommended learning resources for rust | /r/rust | 2023-04-12
  • 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.

  • 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.

  • SolderingTutorial

    Complete soldering course for beginners and advanced.

    Project mention: Braindance Wreath test build | /r/cosplayprops | 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.

  • raytracing-from-scratch

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

  • angular-github-actions

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

  • cruip-tutorials

    A repository of Cruip's guides & tutorials in HTML made with HTML, Tailwind CSS and Alpine.js

    Project mention: How to Create a Pricing Table with a Monthly/Yearly Toggle in Tailwind CSS | | 2023-05-30

    Live Demo / Download

  • aiohttp-aiofiles-tutorial

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

  • 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!

  • sample-bootstrap-dashboard

    Bootstrap 5 Dashboard - Learn by Coding | AppSeed

  • angular-github-actions-amazon-s3

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

  • BPM_Counter

    🎵 A web app/OSX dashboard app for counting BPM

  • HTML

    basic to Advance HTML Tutorial (by MAKWritingHouse)

    Project mention: Mastering HTML Elements | | 2023-07-04

    Github Branch: Mastering HTML Elements

  • flaskExample

    Example Krptn Integration with Django

    Project mention: Krptn: User Auth and Encryption of data at rest, derived from users’ credentials | | 2023-09-12

    Hello, all!

    Encryption and user authentication are crucial to cybersecurity.

    Encryption can be implemented at various levels. I believe that handling encryption at the application level is the most secure since it decreases the attack surface. For example, the SQL server doesn’t get to see the plaintext.

    Krptn is a piece of software I’m currently building which could be used as a user authentication service, which also handles encryption (at the application level) of the user’s associated data (e.g.: the users’ phone number).

    (Krptn only has a Python API right now.)

    It would run in the same server instance as your Python code, so no need to host anything new (decreased complexity) - just install the Python module and call the APIs.

    For additional security, I designed the system to derive the encryption keys from the users’ credentials. This prevents an attacker who gains access to the database from being able to decrypt all the data since the encryption keys aren’t stored anywhere. Additionally, each user gets an asymmetric keypair. This enables users to share specific pieces of information with each other.

    I know that, for many projects, this level of encryption is not required to secure their system and hence not everyone would benefit from using this. But I hope that for the people who do wish to have such security, this project will help.

    It would be much appreciated if you would try this out. Please let me know what you think of this! Also please provide some feedback if you have any!

    Here is an example Django integration:

    Here is an example Flask integration:

    GitHub repo:

  • 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

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

    Send Push notifications with Firebase and React

  • counter-app

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

  • Mergify

    Tired of breaking your main and manually rebasing outdated pull requests?. Managing outdated pull requests is time-consuming. Mergify's Merge Queue automates your pull request management & merging. It's fully integrated to GitHub & coordinated with any CI. Start focusing on code. Try Mergify for free.

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 2023-09-12.

HTML Tutorial related posts


Collect and Analyze Billions of Data Points in Real Time
Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge.