<!doctype html><html lang="en" data-bs-theme="light"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2"> <title>Home - TutorialNinja</title> <base href="https://tutorial.ninja/"> <meta name="description" content="TutorialNinja offers user-created tutorials on PHP, HTML, JavaScript, and more. Join our community and forums for help with web development and programming!"> <meta property="og:title" content="Home - TutorialNinja"> <meta property="og:type" content="website"> <meta property="og:image" content="https://tutorial.ninja/imgs/logo.png"> <meta property="og:url" content="https://tutorial.ninja/"> <meta name="twitter:site" content="@tutorialninja"> <meta name="twitter:creator" content="@tutorialninja"> <link href="/templates/new/css/tnbootstrap.min.css" rel="stylesheet"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <link rel="shortcut icon" href="images/favicon.ico" type="image/vnd.microsoft.icon"> <link href="/templates/new/css/main.css" rel="stylesheet"> <link href="/templates/new/css/tnfontawesome.min.css" rel="stylesheet"> <link rel="preconnect" href="https://connect.facebook.net"> <script defer src="/js/jquery-3.7.1.js"></script> <script type="speculationrules"> { "prerender": [ { "where": { "and": [ { "href_matches": "/*" }, { "not": { "href_matches": "/logout.html" } }, { "not": { "selector_matches": ".no-prerender" } }, { "not": { "selector_matches": "[rel~=nofollow]" } } ] } } ] } </script> </head> <body> <header> <div class="px-3 py-2 text-bg-dark border-bottom"> <div class="container-fluid"> <div class="row align-items-start"> <div class="col-sm-4 col-md-3 col-xl-2 align-self-center"><a href="/"><img src="/imgs/logo2.png" alt="TutorialNinja Logo" class="d-block d-md-none mx-auto img-fluid"></a></div> <div class="headingnav col-sm-8 col-md-6 col-xl-8 align-self-center"> <ul class="nav col-12 col-lg-auto my-2 my-md-0 text-small"> <li> <a href="/" class="nav-link"> <i class="fa-solid fa-house"></i> Home </a> </li> <li> <a href="/blog.html" class="nav-link"> <i class="fa-solid fa-newspaper"></i> Blog </a> </li> <li> <a href="/forums.html" class="nav-link"> <i class="fa-solid fa-comments"></i> Forums </a> </li> <li> <a href="/members.html" class="nav-link"> <i class="fa-solid fa-users"></i> Members </a> </li> <li class="d-block d-md-none"> <a class="nav-link dropdown-toggle" data-bs-toggle="collapse" href="#tutorialmenu"> <i class="fa-solid fa-graduation-cap"></i> Tutorials </a> </li> <li> <a href="/contactus.html" class="nav-link"> <i class="fa-solid fa-envelope"></i> Contact Us </a> </li> </ul> </div> <div class="col-sm-12 col-md-3 col-xl-2 text-end headeruserbox"> <div id="logindiv" class="row gx-2 align-items-center"> <div class="col"><input id="loginUsername" type="text" class="form-control form-control-sm" placeholder="Username"></div> </div> <a href="passwordreset.html">Forgot Password</a> • <a href="/register.html">Register</a> • <a href="/login.html">Login</a> </div> </div> <div class="row align-items-start d-block d-md-none"> <div class="list-group collapse" id="tutorialmenu"> </div> </div> </div> </div> </header> <div class="container-fluid mainbody"> <div class="row content"> <div class="col-sm-4 col-md-3 col-xl-2 sidenav d-none d-md-block"> <div class="logo"></div> <div class="mainnav"> <a class="category collapsed" data-bs-toggle="collapse" data-catid="0" href="#tutcat_0">Most Popular</a> <div class="list-group collapse " id="tutcat_0"> <a href="/tutorials/Web+Development/PHP.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/7.png) no-repeat;">PHP <span class="badge rounded-pill text-bg-dark">48</span></a> <a href="/tutorials/Desktop+Programming/Visual+Basic.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/12.png) no-repeat;">Visual Basic <span class="badge rounded-pill text-bg-dark">15</span></a> <a href="/tutorials/Web+Development/Javascript.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/10.png) no-repeat;">Javascript <span class="badge rounded-pill text-bg-dark">14</span></a> <a href="/tutorials/Web+Development/HTML.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/9.png) no-repeat;">HTML <span class="badge rounded-pill text-bg-dark">12</span></a> <a href="/tutorials/Graphic+Design/Adobe+Photoshop.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/2.png) no-repeat;">Adobe Photoshop <span class="badge rounded-pill text-bg-dark">10</span></a> </div> <a class="category collapsed" data-bs-toggle="collapse" data-catid="1" href="#tutcat_1">Graphic Design</a> <div class="list-group collapse " id="tutcat_1"> <a href="/tutorials/Graphic+Design/Adobe+Fireworks.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/11.png) no-repeat;">Adobe Fireworks <span class="badge rounded-pill text-bg-dark">1</span></a> <a href="/tutorials/Graphic+Design/Adobe+Photoshop.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/2.png) no-repeat;">Adobe Photoshop <span class="badge rounded-pill text-bg-dark">10</span></a> <a href="/tutorials/Graphic+Design/Adobe+Illustrator.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/18.png) no-repeat;">Adobe Illustrator <span class="badge rounded-pill text-bg-dark">0</span></a> <a href="/tutorials/Graphic+Design/Adobe+InDesign.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/19.png) no-repeat;">Adobe InDesign <span class="badge rounded-pill text-bg-dark">0</span></a> <a href="/tutorials/Graphic+Design/Gimp.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/20.png) no-repeat;">Gimp <span class="badge rounded-pill text-bg-dark">0</span></a> </div> <a class="category collapsed" data-bs-toggle="collapse" data-catid="2" href="#tutcat_2">Desktop Programming</a> <div class="list-group collapse " id="tutcat_2"> <a href="/tutorials/Desktop+Programming/C.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/3.png) no-repeat;">C/C++ <span class="badge rounded-pill text-bg-dark">3</span></a> <a href="/tutorials/Desktop+Programming/Python.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/21.png) no-repeat;">Python <span class="badge rounded-pill text-bg-dark">1</span></a> <a href="/tutorials/Desktop+Programming/Visual+Basic.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/12.png) no-repeat;">Visual Basic <span class="badge rounded-pill text-bg-dark">15</span></a> <a href="/tutorials/Desktop+Programming/Visual+C.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/15.png) no-repeat;">Visual C# <span class="badge rounded-pill text-bg-dark">1</span></a> </div> <a class="category collapsed" data-bs-toggle="collapse" data-catid="3" href="#tutcat_3">Web Development</a> <div class="list-group collapse " id="tutcat_3"> <a href="/tutorials/Web+Development/Dreamweaver.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/22.png) no-repeat;">Adobe Dreamweaver <span class="badge rounded-pill text-bg-dark">0</span></a> <a href="/tutorials/Web+Development/Adobe+Muse.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/23.png) no-repeat;">Adobe Muse <span class="badge rounded-pill text-bg-dark">0</span></a> <a href="/tutorials/Web+Development/ASP.net.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/24.png) no-repeat;">ASP.net <span class="badge rounded-pill text-bg-dark">0</span></a> <a href="/tutorials/Web+Development/.htaccess.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/1.png) no-repeat;">.htaccess <span class="badge rounded-pill text-bg-dark">6</span></a> <a href="/tutorials/Web+Development/CSS.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/4.png) no-repeat;">CSS <span class="badge rounded-pill text-bg-dark">5</span></a> <a href="/tutorials/Web+Development/Perl.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/25.png) no-repeat;">Perl <span class="badge rounded-pill text-bg-dark">0</span></a> <a href="/tutorials/Web+Development/PHP.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/7.png) no-repeat;">PHP <span class="badge rounded-pill text-bg-dark">48</span></a> <a href="/tutorials/Web+Development/PHP+-+User+System.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/8.png) no-repeat;">PHP - User System <span class="badge rounded-pill text-bg-dark">2</span></a> <a href="/tutorials/Web+Development/HTML.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/9.png) no-repeat;">HTML <span class="badge rounded-pill text-bg-dark">12</span></a> <a href="/tutorials/Web+Development/Java.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/27.png) no-repeat;">Java <span class="badge rounded-pill text-bg-dark">0</span></a> <a href="/tutorials/Web+Development/Javascript.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/10.png) no-repeat;">Javascript <span class="badge rounded-pill text-bg-dark">14</span></a> <a href="/tutorials/Web+Development/Ruby+on+Rails.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/26.png) no-repeat;">Ruby on Rails <span class="badge rounded-pill text-bg-dark">0</span></a> <a href="/tutorials/Web+Development/General.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/17.png) no-repeat;">General Web Development <span class="badge rounded-pill text-bg-dark">4</span></a> </div> <a class="category collapsed" data-bs-toggle="collapse" data-catid="4" href="#tutcat_4">Operating Systems</a> <div class="list-group collapse " id="tutcat_4"> <a href="/tutorials/Operating+Systems/CentOS.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/28.png) no-repeat;">CentOS <span class="badge rounded-pill text-bg-dark">4</span></a> <a href="/tutorials/Operating+Systems/Debian.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/30.png) no-repeat;">Debian <span class="badge rounded-pill text-bg-dark">0</span></a> <a href="/tutorials/Operating+Systems/Ubuntu.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/29.png) no-repeat;">Ubuntu <span class="badge rounded-pill text-bg-dark">0</span></a> <a href="/tutorials/Operating+Systems/Macintosh.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/16.png) no-repeat;">Macintosh <span class="badge rounded-pill text-bg-dark">1</span></a> <a href="/tutorials/Operating+Systems/Windows.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/14.png) no-repeat;">Windows <span class="badge rounded-pill text-bg-dark">7</span></a> <a href="/tutorials/Operating+Systems/Unraid.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/41.png) no-repeat;">Unraid <span class="badge rounded-pill text-bg-dark">1</span></a> </div> <a class="category collapsed" data-bs-toggle="collapse" data-catid="5" href="#tutcat_5">Video & Audio Editing</a> <div class="list-group collapse " id="tutcat_5"> <a href="/tutorials/Video+%26+Audio+Editing/After+Effect.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/31.png) no-repeat;">Adobe After Effect <span class="badge rounded-pill text-bg-dark">0</span></a> <a href="/tutorials/Video+%26+Audio+Editing/Adobe+Premiere.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/32.png) no-repeat;">Adobe Premiere <span class="badge rounded-pill text-bg-dark">0</span></a> <a href="/tutorials/Video+%26+Audio+Editing/Adobe+Audition.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/36.png) no-repeat;">Adobe Audition <span class="badge rounded-pill text-bg-dark">0</span></a> <a href="/tutorials/Video+%26+Audio+Editing/Final+Cut.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/33.png) no-repeat;">Final Cut <span class="badge rounded-pill text-bg-dark">0</span></a> <a href="/tutorials/Video+%26+Audio+Editing/FruityLoops.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/37.png) no-repeat;">FruityLoops <span class="badge rounded-pill text-bg-dark">0</span></a> <a href="/tutorials/Video+%26+Audio+Editing/iMovie.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/34.png) no-repeat;">iMovie <span class="badge rounded-pill text-bg-dark">0</span></a> <a href="/tutorials/Video+%26+Audio+Editing/Movie+Maker.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/35.png) no-repeat;">Windows Movie Maker <span class="badge rounded-pill text-bg-dark">0</span></a> </div> <a class="category collapsed" data-bs-toggle="collapse" data-catid="6" href="#tutcat_6">App Development</a> <div class="list-group collapse " id="tutcat_6"> <a href="/tutorials/App+Development/Apple.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/42.png) no-repeat;">Apple Swift <span class="badge rounded-pill text-bg-dark">0</span></a> </div> <a class="category collapsed" data-bs-toggle="collapse" data-catid="7" href="#tutcat_7">Hardware</a> <div class="list-group collapse " id="tutcat_7"> <a href="/tutorials/Hardware/Arduino.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/38.png) no-repeat;">Arduino <span class="badge rounded-pill text-bg-dark">0</span></a> <a href="/tutorials/Hardware/Raspberry+Pi.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/39.png) no-repeat;">Raspberry Pi <span class="badge rounded-pill text-bg-dark">3</span></a> </div> <a class="category collapsed" data-bs-toggle="collapse" data-catid="8" href="#tutcat_8">Miscellaneous</a> <div class="list-group collapse " id="tutcat_8"> <a href="/tutorials/Miscellaneous/ChatGPT.html" class="list-group-item list-group-item-action" style="background:url(/imgs/tutorialavatars/40.png) no-repeat;">ChatGPT <span class="badge rounded-pill text-bg-dark">1</span></a> </div> </div> <div class="leftbar_stats"> <div class="head">Site Statistics</div><div class="container-fluid statbox"> <div class="row"> <div class="col-6 d-flex"> <div><b>Total Members</b><br><span>525</span></div> </div> <div class="col-6 d-flex"> <div><b>Total Tutorials</b><br><span>139</span></div> </div> </div> <div class="row"> <div class="col-6 d-flex"> <div><b>Newest User</b><br><span><a href="/user/cucumber2025.html">cucumber2025</a></span></div> </div> <div class="col-6 d-flex"> <div><b>Todays Guests</b><br><span id="stats_hits">355</span></div> </div> </div></div> <div class="head2"> <span id="stats_onlineusers">0</span> Users <span>•</span> <span id="stats_onlineguests">1</span> Guests Online</div> </div> </div> <div class="col-sm-12 col-md-9 col-xl-10 gy-4 maincontent"> <div class="contentbody"> <section> <h1>Latest Tutorials</h1> <div class="tutoriallist row row-cols-1 row-cols-md-2 g-4"> <div class="col"> <div class="card h-100 mb-3"> <div class="row h-100 g-0"> <div class="col-3 col-lg-2" style="background:#5967a8 url(imgs/tutorialavatars/7.png) no-repeat; background-position: center;"> </div> <div class="col-9 col-lg-10"> <div class="card-body"> <span class="starrating"><i class="far fa-star star"></i><i class="far fa-star star"></i><i class="far fa-star star"></i><i class="far fa-star star"></i><i class="far fa-star star"></i> </span> <h5 class="card-title"><a href="/tutorials/Web+Development/PHP/401/How+to+Validate+and+Sanitise+PHP+Form+Input+for.html">How to Validate and Sanitise PHP Form Input for Security</a></h5> <p class="card-text">Learn how to secure your PHP forms by validating and sanitising user input. This tutorial covers techniques to prevent SQL injection, XSS attacks, and ensure reliable data handling.</p> <p class="card-text"><small class="text-body-secondary">By <a href="/user/AI.html">AI</a></small></p> </div> </div> </div> </div> </div> <div class="col"> <div class="card h-100 mb-3"> <div class="row h-100 g-0"> <div class="col-3 col-lg-2" style="background:#FFF url(imgs/tutorialavatars/39.png) no-repeat; background-position: center;"> </div> <div class="col-9 col-lg-10"> <div class="card-body"> <span class="starrating"><i class="far fa-star star"></i><i class="far fa-star star"></i><i class="far fa-star star"></i><i class="far fa-star star"></i><i class="far fa-star star"></i> </span> <h5 class="card-title"><a href="/tutorials/Hardware/Raspberry+Pi/400/Setting+Up+AdGuard+Home+on+a+Raspberry+Pi+for.html">Setting Up AdGuard Home on a Raspberry Pi for Network-Wide Ad Blocking</a></h5> <p class="card-text">Learn how to install and configure AdGuard Home on a Raspberry Pi. This step-by-step guide covers setup, DNS configuration, and customising filters for seamless network-wide ad and tracker blocking.</p> <p class="card-text"><small class="text-body-secondary">By <a href="/user/DanielXP.html">DanielXP</a></small></p> </div> </div> </div> </div> </div> <div class="col"> <div class="card h-100 mb-3"> <div class="row h-100 g-0"> <div class="col-3 col-lg-2" style="background:#5967a8 url(imgs/tutorialavatars/8.png) no-repeat; background-position: center;"> </div> <div class="col-9 col-lg-10"> <div class="card-body"> <span class="starrating"><i class="far fa-star star"></i><i class="far fa-star star"></i><i class="far fa-star star"></i><i class="far fa-star star"></i><i class="far fa-star star"></i> </span> <h5 class="card-title"><a href="/tutorials/Web+Development/PHP+-+User+System/399/User+System+Part+2++Blocking.html">User System (Part 2 - Blocking Usernames)</a></h5> <p class="card-text">Block specific usernames on the user system. This tutorial explores efficient methods for checking and restricting disallowed usernames using arrays and regular expressions.</p> <p class="card-text"><small class="text-body-secondary">By <a href="/user/DanielXP.html">DanielXP</a></small></p> </div> </div> </div> </div> </div> <div class="col"> <div class="card h-100 mb-3"> <div class="row h-100 g-0"> <div class="col-3 col-lg-2" style="background:#FFF url(imgs/tutorialavatars/28.png) no-repeat; background-position: center;"> </div> <div class="col-9 col-lg-10"> <div class="card-body"> <span class="starrating"><i class="far fa-star star"></i><i class="far fa-star star"></i><i class="far fa-star star"></i><i class="far fa-star star"></i><i class="far fa-star star"></i> </span> <h5 class="card-title"><a href="/tutorials/Operating+Systems/CentOS/398/How+to+Secure+Your+CentOS+Server+Best.html">How to Secure Your CentOS Server: Best Practices</a></h5> <p class="card-text">Protect your CentOS server with this comprehensive guide. Learn how to harden SSH access, set up firewalls, disable unused services, and configure Fail2Ban to prevent brute-force attacks and enhance server security.</p> <p class="card-text"><small class="text-body-secondary">By <a href="/user/DanielXP.html">DanielXP</a></small></p> </div> </div> </div> </div> </div> <div class="col"> <div class="card h-100 mb-3"> <div class="row h-100 g-0"> <div class="col-3 col-lg-2" style="background:#FFF url(imgs/tutorialavatars/39.png) no-repeat; background-position: center;"> </div> <div class="col-9 col-lg-10"> <div class="card-body"> <span class="starrating"><i class="far fa-star star"></i><i class="far fa-star star"></i><i class="far fa-star star"></i><i class="far fa-star star"></i><i class="far fa-star star"></i> </span> <h5 class="card-title"><a href="/tutorials/Hardware/Raspberry+Pi/397/Building+a+Retro+Gaming+Console+with+RetroPie.html">Building a Retro Gaming Console with RetroPie</a></h5> <p class="card-text">Walk through installing RetroPie to turn the Pi into a retro gaming console. Cover game controller setup, adding ROMs, and basic troubleshooting.</p> <p class="card-text"><small class="text-body-secondary">By <a href="/user/DanielXP.html">DanielXP</a></small></p> </div> </div> </div> </div> </div> <div class="col"> <div class="card h-100 mb-3"> <div class="row h-100 g-0"> <div class="col-3 col-lg-2" style="background:#FFF url(imgs/tutorialavatars/16.png) no-repeat; background-position: center;"> </div> <div class="col-9 col-lg-10"> <div class="card-body"> <span class="starrating"><i class="far fa-star star"></i><i class="far fa-star star"></i><i class="far fa-star star"></i><i class="far fa-star star"></i><i class="far fa-star star"></i> </span> <h5 class="card-title"><a href="/tutorials/Operating+Systems/Macintosh/396/How+to+Install+and+Use+Unlighthouse+on.html">How to Install and Use Unlighthouse on macOS using HomeBrew and npx</a></h5> <p class="card-text">Learn how to install and set up Unlighthouse on macOS to scan your website using Google Lighthouse. This step-by-step guide covers installing Homebrew, Node.js, and running Unlighthouse for detailed site performance reports.</p> <p class="card-text"><small class="text-body-secondary">By <a href="/user/DanielXP.html">DanielXP</a></small></p> </div> </div> </div> </div> </div> <div class="col"> <div class="card h-100 mb-3"> <div class="row h-100 g-0"> <div class="col-3 col-lg-2" style="background:#a2c747 url(imgs/tutorialavatars/10.png) no-repeat; background-position: center;"> </div> <div class="col-9 col-lg-10"> <div class="card-body"> <span class="starrating"><i class="far fa-star star"></i><i class="far fa-star star"></i><i class="far fa-star star"></i><i class="far fa-star star"></i><i class="far fa-star star"></i> </span> <h5 class="card-title"><a href="/tutorials/Web+Development/Javascript/395/JavaScript+Functions+A+Guide+to.html">JavaScript Functions: A Guide to Organising and Reusing Code</a></h5> <p class="card-text">Learn how to define and use functions in JavaScript. This beginner friendly guide covers function parameters, return values, and modern arrow functions, helping you write organised, reusable, and efficient code.</p> <p class="card-text"><small class="text-body-secondary">By <a href="/user/DanielXP.html">DanielXP</a></small></p> </div> </div> </div> </div> </div> <div class="col"> <div class="card h-100 mb-3"> <div class="row h-100 g-0"> <div class="col-3 col-lg-2" style="background:#3d4a5b url(imgs/tutorialavatars/9.png) no-repeat; background-position: center;"> </div> <div class="col-9 col-lg-10"> <div class="card-body"> <span class="starrating"><i class="far fa-star star"></i><i class="far fa-star star"></i><i class="far fa-star star"></i><i class="far fa-star star"></i><i class="far fa-star star"></i> </span> <h5 class="card-title"><a href="/tutorials/Web+Development/HTML/394/Getting+Started+with+HTML+Build+Your+First.html">Getting Started with HTML: Build Your First Webpage Step-by-Step</a></h5> <p class="card-text">Learn the fundamentals of HTML in this beginner friendly guide. Discover how to structure a webpage using essential tags like <html>, <head>, and <body>, and create your first webpage with ease.</p> <p class="card-text"><small class="text-body-secondary">By <a href="/user/DanielXP.html">DanielXP</a></small></p> </div> </div> </div> </div> </div> <div class="col"> <div class="card h-100 mb-3"> <div class="row h-100 g-0"> <div class="col-3 col-lg-2" style="background:#FFF url(imgs/tutorialavatars/21.png) no-repeat; background-position: center;"> </div> <div class="col-9 col-lg-10"> <div class="card-body"> <span class="starrating"><i class="far fa-star star"></i><i class="far fa-star star"></i><i class="far fa-star star"></i><i class="far fa-star star"></i><i class="far fa-star star"></i> </span> <h5 class="card-title"><a href="/tutorials/Desktop+Programming/Python/393/Getting+Started+with+Python+Installation.html">Getting Started with Python: Installation and First Steps</a></h5> <p class="card-text">Learn how to set up Python on your computer, create your first project, and run a basic script. This beginner-friendly guide covers manual installation, using Visual Studio Code, and tips for exploring Python further.</p> <p class="card-text"><small class="text-body-secondary">By <a href="/user/AI.html">AI</a></small></p> </div> </div> </div> </div> </div> <div class="col"> <div class="card h-100 mb-3"> <div class="row h-100 g-0"> <div class="col-3 col-lg-2" style="background:#FFF url(imgs/tutorialavatars/28.png) no-repeat; background-position: center;"> </div> <div class="col-9 col-lg-10"> <div class="card-body"> <span class="starrating"><i class="far fa-star star rate-active fas"></i><i class="far fa-star star rate-active fas"></i><i class="far fa-star star rate-active fas"></i><i class="far fa-star star rate-active fas"></i><i class="far fa-star star rate-active fas"></i> </span> <h5 class="card-title"><a href="/tutorials/Operating+Systems/CentOS/392/Automating+Tasks+with+Cron+Jobs+in+CentOS.html">Automating Tasks with Cron Jobs in CentOS</a></h5> <p class="card-text">Learn how to automate tasks in CentOS using cron jobs. This tutorial covers scheduling backups, updates, and maintenance tasks, with step-by-step examples to streamline server management.</p> <p class="card-text"><small class="text-body-secondary">By <a href="/user/AI.html">AI</a></small></p> </div> </div> </div> </div> </div> </div> </section> <div style="height:50px;"></div> <section> <h2>Popular Tutorials This Week</h2> <div class="tutoriallist row row-cols-1 row-cols-md-2 g-4 mt-05"> <div class="col"> <div class="card h-100 mb-3"> <div class="row h-100 g-0"> <div class="col-3 col-lg-2" style="background:#FFF url(imgs/tutorialavatars/12.png) no-repeat; background-position: center;"> </div> <div class="col-9 col-lg-10"> <div class="card-body"> <span class="starrating"><i class="far fa-star star rate-active fas"></i><i class="far fa-star star rate-active fas"></i><i class="far fa-star star rate-active fas"></i><i class="far fa-star star rate-active fas"></i><i class="far fa-star star rate-active fas"></i> </span> <h5 class="card-title"><a href="/tutorials/Desktop+Programming/Visual+Basic/139/Open+And+Close+CD+Tray.html">Open And Close CD Tray</a></h5> <p class="card-text">Click a button and your CD tray will open :)</p> <p class="card-text"><small class="text-body-secondary">By <a href="/user/ShadowMage.html">ShadowMage</a></small></p> </div> </div> </div> </div> </div> <div class="col"> <div class="card h-100 mb-3"> <div class="row h-100 g-0"> <div class="col-3 col-lg-2" style="background:#5967a8 url(imgs/tutorialavatars/7.png) no-repeat; background-position: center;"> </div> <div class="col-9 col-lg-10"> <div class="card-body"> <span class="starrating"><i class="far fa-star star"></i><i class="far fa-star star"></i><i class="far fa-star star"></i><i class="far fa-star star"></i><i class="far fa-star star"></i> </span> <h5 class="card-title"><a href="/tutorials/Web+Development/PHP/51/How+to+Enable+Gzip+Compression+in+PHP+for+Faster.html">How to Enable Gzip Compression in PHP for Faster Page Loads</a></h5> <p class="card-text">Learn how to enable Gzip compression in PHP to optimize your website's performance. This tutorial covers setting the compression level with zlib.output_compression_level and using ob_gzhandler to reduce page size and improve load times.</p> <p class="card-text"><small class="text-body-secondary">By <a href="/user/chrism.html">chrism</a></small></p> </div> </div> </div> </div> </div> <div class="col"> <div class="card h-100 mb-3"> <div class="row h-100 g-0"> <div class="col-3 col-lg-2" style="background:#5967a8 url(imgs/tutorialavatars/7.png) no-repeat; background-position: center;"> </div> <div class="col-9 col-lg-10"> <div class="card-body"> <span class="starrating"><i class="far fa-star star rate-active fas"></i><i class="far fa-star star rate-active fas"></i><i class="far fa-star star rate-active fas"></i><i class="far fa-star star rate-active fas"></i><i class="far fa-star star rate-active fas"></i> </span> <h5 class="card-title"><a href="/tutorials/Web+Development/PHP/127/Formatting+Dates+and+Times+in+PHP+A.html">Formatting Dates and Times in PHP: A Beginner's Guide</a></h5> <p class="card-text">Learn how to use PHP to display and format dates and times effortlessly. This tutorial covers practical examples and formatting codes</p> <p class="card-text"><small class="text-body-secondary">By <a href="/user/ShadowMage.html">ShadowMage</a></small></p> </div> </div> </div> </div> </div> <div class="col"> <div class="card h-100 mb-3"> <div class="row h-100 g-0"> <div class="col-3 col-lg-2" style="background:#5967a8 url(imgs/tutorialavatars/7.png) no-repeat; background-position: center;"> </div> <div class="col-9 col-lg-10"> <div class="card-body"> <span class="starrating"><i class="far fa-star star rate-active fas"></i><i class="far fa-star star rate-active fas"></i><i class="far fa-star star rate-active fas"></i><i class="far fa-star star rate-active fas"></i><i class="far fa-star star rate-active fas"></i> </span> <h5 class="card-title"><a href="/tutorials/Web+Development/PHP/265/Create+a+Simple+PHP+Contact+Us+Form.html">Create a Simple PHP Contact Us Form</a></h5> <p class="card-text">Learn how to create a PHP Contact Us form with input validation and email functionality. This step-by-step guide ensures your form is easy to use and integrates seamlessly with your website.</p> <p class="card-text"><small class="text-body-secondary">By <a href="/user/Liquidsteel.html">Liquidsteel</a></small></p> </div> </div> </div> </div> </div> <div class="col"> <div class="card h-100 mb-3"> <div class="row h-100 g-0"> <div class="col-3 col-lg-2" style="background:#5967a8 url(imgs/tutorialavatars/7.png) no-repeat; background-position: center;"> </div> <div class="col-9 col-lg-10"> <div class="card-body"> <span class="starrating"><i class="far fa-star star rate-active fas"></i><i class="far fa-star star rate-active fas"></i><i class="far fa-star star rate-active fas"></i><i class="far fa-star star rate-active fas"></i><i class="far fa-star star"></i> </span> <h5 class="card-title"><a href="/tutorials/Web+Development/PHP/46/Getting+started+with+MySQLi.html">Getting started with MySQLi</a></h5> <p class="card-text">Learn how to connect to a MySQL database using mysqli in PHP. This tutorial covers database setup via cPanel and secure connection methods.</p> <p class="card-text"><small class="text-body-secondary">By <a href="/user/Joshua.html">Joshua</a></small></p> </div> </div> </div> </div> </div> <div class="col"> <div class="card h-100 mb-3"> <div class="row h-100 g-0"> <div class="col-3 col-lg-2" style="background:#5967a8 url(imgs/tutorialavatars/7.png) no-repeat; background-position: center;"> </div> <div class="col-9 col-lg-10"> <div class="card-body"> <span class="starrating"><i class="far fa-star star rate-active fas"></i><i class="far fa-star star rate-active fas"></i><i class="far fa-star star rate-active fas"></i><i class="far fa-star star rate-active fas"></i><i class="far fa-star star rate-active fas"></i> </span> <h5 class="card-title"><a href="/tutorials/Web+Development/PHP/366/PHP+Roll+Dice.html">PHP Roll Dice</a></h5> <p class="card-text">Simple.</p> <p class="card-text"><small class="text-body-secondary">By <a href="/user/ShadowMage.html">ShadowMage</a></small></p> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> <div class="container-fluid footer"> <footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top"> <div class="socials col-md-4 d-flex link-body-emphasis text-decoration-none align-self-center"> <a rel="nofollow" href="http://facebook.com/tutorialninja" aria-label="Visit TutorialNinja on Facebook" target="_blank"><i class="fa-brands fa-facebook"></i></a> <a rel="nofollow" href="http://twitter.com/tutorialninja" aria-label="Visit TutorialNinja on Twitter/X" target="_blank"><i class="fa-brands fa-square-x-twitter"></i></a> </div> <div class="col-md-4 text-body-secondary text-center">© 2014-2025 TutorialNinja</div> <ul class="nav col-md-4 justify-content-end"> <li class="nav-item"><a href="/termsofservice.html" class="nav-link footerlink px-2 text-body-secondary">Terms of Service</a></li> <li class="nav-item"><a href="/privacy.html" class="nav-link footerlink px-2 text-body-secondary">Privacy Policy</a></li> </ul> </footer> </div> <script defer src="/templates/new/js/bootstrap.bundle.min.js"></script> <script defer src="/templates/new/js/js.js"></script> </body></html>
