<!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 rel="shortcut icon" href="images/favicon.ico" type="image/vnd.microsoft.icon" />
<link href="/templates/new/css/bootstrap.min.css" rel="stylesheet">
<link href="/templates/new/css/main.css" rel="stylesheet">
<link href="/templates/new/css/fontawesome_all.min.css" rel="stylesheet" />
<link href="/css/smoothness/jquery-ui-1.10.4.custom.css" rel="stylesheet">
<link rel="preconnect" href="https://connect.facebook.net">
<script defer src="/js/jquery-1.10.2.js"></script>
<script defer src="/js/jquery-ui-1.10.4.custom.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-08DXW76JP2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-08DXW76JP2');
</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-auto"><i class="fa-brands fa-facebook" title="Login with Facebook"></i></div>
<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> </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" 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">47</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">13</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">11</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" 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" 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">0</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" 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">47</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">1</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">11</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">13</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" 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">3</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">0</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" 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+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/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/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" 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" 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">1</span></a>
</div>
<a class="category collapsed" data-bs-toggle="collapse" 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>523</span></div>
</div>
<div class="col-6 d-flex">
<div><b>Total Tutorials</b><br /><span>130</span></div>
</div>
</div>
<div class="row">
<div class="col-6 d-flex">
<div><b>Newest User</b><br /><span><a href="user/jonyoyo.html">jonyoyo</a></span></div>
</div>
<div class="col-6 d-flex">
<div><b>Todays Guests</b><br /><span id="stats_hits">556</span></div>
</div>
</div>
</div>
<div class="head2"> <span id="stats_onlineusers">0</span> Users <span>•</span> <span id="stats_onlineguests">10</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:#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/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 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/391/PHP+ObjectOriented+Programming+OOP+Basics.html">PHP Object-Oriented Programming (OOP) Basics</a></h5>
<p class="card-text">PHP OOP organizes code with classes and objects, enabling reusable and scalable applications.</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/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/390/PHP+Error+Handling.html">PHP Error Handling</a></h5>
<p class="card-text">Learn to handle PHP errors effectively with reporting, custom handlers, and exceptions for robust applications</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:#191919 url(imgs/tutorialavatars/41.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/Operating+Systems/Unraid/389/Unraid+Basic+Setup+and+Configuration.html">Unraid Basic Setup and Configuration</a></h5>
<p class="card-text">This tutorial covers the basic setup and configuration of Unraid, including installation, network and array setup, and the use of parity for data protection. It also explains how to add and manage drives, with a focus on the flexibility of using different disk sizes.</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:#0ea982 url(imgs/tutorialavatars/40.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/Miscellaneous/ChatGPT/388/Getting+Started+with+ChatGPT.html">Getting Started with ChatGPT</a></h5>
<p class="card-text">A beginner's guide covering how to access ChatGPT, the basics of interacting with it, and key use cases like answering questions, generating ideas, and learning new topics.</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:#663399 url(imgs/tutorialavatars/4.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"></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/CSS/387/CSS+Basics+Selectors+Properties+and+Values.html">CSS Basics: Selectors, Properties, and Values</a></h5>
<p class="card-text">An introduction to CSS syntax, including how to use selectors, properties, and values to style HTML elements</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:#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/384/User+System+Part+1++Using+PDO.html">User System (Part 1 - Using PDO)</a></h5>
<p class="card-text">The same User System, but bought up to date with PDO</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/383/JavaScript+Basics+Variables+Data+Types.html">JavaScript Basics: Variables, Data Types, and Operators</a></h5>
<p class="card-text">An introduction to JavaScript variables, data types, and operators, explaining how to store and manipulate values in JavaScript.</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"></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/382/Managing+Users+and+Permissions+in+CentOS.html">Managing Users and Permissions in CentOS</a></h5>
<p class="card-text"> Learn the essentials of managing users and permissions in CentOS. This tutorial covers creating and deleting users, managing groups, setting file permissions, and configuring sudo for administrative access, helping you maintain a secure and organised system.</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/381/Getting+Started+with+Raspberry+Pi.html">Getting Started with Raspberry Pi</a></h5>
<p class="card-text">Learn how to set up a Raspberry Pi from scratch! This tutorial covers everything you need to get started, including installing Raspberry Pi OS, configuring settings, connecting to Wi-Fi, and basic command line use. Perfect for beginners ready to explore the world of Raspberry Pi.</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:#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/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 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><i class="far fa-star star"></i> </span>
<h5 class="card-title"><a href="/tutorials/Web+Development/PHP+-+User+System/183/Website+Status.html">Website Status</a></h5>
<p class="card-text">online or offline for many things :)</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/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/204/Lottery+System.html">Lottery System</a></h5>
<p class="card-text">Short, Simple, Sweet ^_^</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:#2b3676 url(imgs/tutorialavatars/2.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/Graphic+Design/Adobe+Photoshop/14/Accent+Boxes.html">Accent Boxes</a></h5>
<p class="card-text">Do you have a signature that you want to accentuate something in? Well here is the perfect tutorial for you.</p>
<p class="card-text"><small class="text-body-secondary">By <a href="/user/Xerofait.html">Xerofait</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 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+-+User+System/350/Poll+System.html">Poll System</a></h5>
<p class="card-text">Works</p>
<p class="card-text"><small class="text-body-secondary">By <a href="/user/VicVance.html">VicVance</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/29/Object+Oriented+Programming.html">Object Oriented Programming</a></h5>
<p class="card-text">My tutorial on OOP</p>
<p class="card-text"><small class="text-body-secondary">By <a href="/user/RossT.html">RossT</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-2024 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>