Push new Java Stuffs

Author: 8BitAdam

Programming/Programming-Index.html

@@ -24,14 +24,14 @@
 
   <img src="../Assests/logo.jpg" style="width:45%;" class="w3-round"><br><br>
     <h4><b>Welcome to FRCsource</b></h4>
-    <p class="w3-text-grey">For all your scouting and programming needs</p>
+    <p class="w3-text-grey">For all your Programming needs</p>
   </div>
 
   <div class="w3-bar-block">
   <a href="../index.html" onclick="w3_close()" class="w3-bar-item w3-button w3-padding"><i class="fa fa-th-large fa-fw w3-margin-right"></i>Home</a>
   <a href="../index.html#about" onclick="w3_close()" class="w3-bar-item w3-button w3-padding"><i class="fa fa-user fa-fw w3-margin-right"></i>About</a>
-  <a href="Programming-Index.html" onclick="w3_close()" class="w3-bar-item w3-button w3-padding  w3-text-teal"><i class="fa fa-th-large fa-fw w3-margin-right"></i>Programming Index</a>
-  <a href="../Scouting/Scouting-Index.html" onclick="w3_close()" class="w3-bar-item w3-button w3-padding"><i class="fa fa-user fa-fw w3-margin-right"></i>Scouting Index</a>
+  <a href="../Programming/Programming-Index.html" onclick="w3_close()" class="w3-bar-item w3-button w3-padding  w3-text-teal"><i class="fa fa-th-large fa-fw w3-margin-right"></i>Programming Index</a>
+  <a href="Scouting-Index.html" onclick="w3_close()" class="w3-bar-item w3-button w3-padding"><i class="fa fa-user fa-fw w3-margin-right"></i>Scouting Index</a>
   <a href="../FRCsource/FRCsource-Index.html" onclick="w3_close()" class="w3-bar-item w3-button w3-padding"><i class="fa fa-envelope fa-fw w3-margin-right"></i>FRCsource Index</a>
   </div>
 
@@ -53,16 +53,144 @@ <h4><b>Welcome to FRCsource</b></h4>
     <span class="w3-button w3-hide-large w3-xxlarge w3-hover-text-grey" onclick="w3_open()"><i class="fa fa-bars"></i></span>
 
     <div class="w3-container">
-      <h1><b>FRCsource: Programming-Index</b></h1>
+      <h1><b>FRCsource: Scouting-Index</b></h1>
     </div>
   </header>
 
   <!-- Example main content placeholder -->
   <div class="w3-container w3-padding-large" style="margin-bottom:32px">
-    <h4><b>This contains all articles containing to the Tag of programming or programming related concepts</b></h4>
-    <p>Such as but not limited to C++, Python, Java, and JavaScript.</p>
-  </div>
-
+    <h4><b>This contains all articles related to the tag of Programming concepts</b></h4>
+    <p>Programming is an important part of FRC teams' preparation and strategy. This page is mainly dedicated to Programming through the basics of programming for the robot.</p>
+    <br>
+    <h3>Programming language Tutorials</h3>
+    <ul class="w3-ul w3-card-4">
+      <li class="w3-padding-16">
+        <span class="w3-large">Java Basics</span><br>
+        <span>Introduction to Java programming concepts.</span>
+  <a href="../Programming/tutorals/Java/JavaTutorials1.html" class="w3-button w3-small w3-margin-top w3-teal">Read More</a>
+      </li>
+      <li class="w3-padding-16">
+        <span class="w3-large">Python Basics</span><br>
+        <span>Introduction to Python programming concepts.</span>
+  <a href="../Programming/tutorals/Python/PythonTutorials1.html" class="w3-button w3-small w3-margin-top w3-teal">Read More</a>
+      </li>
+      <li class="w3-padding-16">
+        <span class="w3-large">TEMPLATE</span><br>
+        <span>Introduction to JavaScript programming concepts.</span>
+  <a href="tutorials/JavaScript/NativeJavascript/JavaScriptTutorials1.html" class="w3-button w3-small w3-margin-top w3-teal">Read More</a>
+      </li>
+      <li class="w3-padding-16">
+        <span class="w3-large">SQLite</span><br>
+        <span>Introduction to SQLite database concepts.</span>
+  <a class="w3-button w3-small w3-margin-top w3-teal" aria-disabled="true" role="button">Read More</a>
+      </li>
+      <li class="w3-padding-16">
+        <span class="w3-large">Python</span><br>
+        <span>Introduction to Python programming concepts for data visualization and Flask servers.</span>
+  <a class="w3-button w3-small w3-margin-top w3-teal" aria-disabled="true" role="button">Read More</a>
+      </li>
+    </ul>
+
+    <h3>JavaScript Replacements</h3>
+    <ul class="w3-ul w3-card-4">
+      <li class="w3-padding-16">
+        <span class="w3-large">Typescript</span><br>
+        <span>Introduction to Typescript programming concepts to replace JavaScript.</span>
+          <br><span style="color:#888;font-size:0.95em;">understanding of JavaScript needed</span><br>
+  <a class="w3-button w3-small w3-margin-top w3-teal" aria-disabled="true" role="button">Read More</a>
+      </li>
+      <li class="w3-padding-16">
+        <span class="w3-large">CoffeeScript</span><br>
+        <span>Introduction to CoffeeScript programming concepts to compile into JavaScript.</span>
+          <br><span style="color:#888;font-size:0.95em;">understanding of JavaScript needed</span><br>
+  <a class="w3-button w3-small w3-margin-top w3-teal" aria-disabled="true" role="button">Read More</a>
+      </li>
+      <li class="w3-padding-16">
+        <span class="w3-large">Dart</span><br>
+        <span>Introduction to Dart programming concepts and compiling Dart to JavaScript for web applications.</span>
+          <br><span style="color:#888;font-size:0.95em;">understanding of JavaScript/Dart needed</span><br>
+  <a class="w3-button w3-small w3-margin-top w3-teal" aria-disabled="true" role="button">Read More</a>
+      </li>
+    </ul>
+
+    <h3>Building a Full Scouting System</h3>
+    <ul class="w3-ul w3-card-4">
+      <li class="w3-padding-16">
+        <span class="w3-large">From Match to Pick List</span><br>
+        <span>How raw data turns into alliance selection decisions.</span>
+          <br><span style="color:#888;font-size:0.95em;">Knowledge of Excel/SQL needed</span><br>
+  <a class="w3-button w3-small w3-margin-top w3-teal" aria-disabled="true" role="button">Read More</a>
+      </li>
+    </ul>
+
+    <h3>Scouting Basics</h3>
+    <ul class="w3-ul w3-card-4">
+      <li class="w3-padding-16">
+        <span class="w3-large">Intro To Game Theory</span><br>
+        <span>Introduction to game theory concepts for FRC scouting.</span>
+          <br><span style="color:#888;font-size:0.95em;">Knowledge of logic/math helpful</span><br>
+  <a class="w3-button w3-small w3-margin-top w3-teal" aria-disabled="true" role="button">Read More</a>
+      </li>
+      <li class="w3-padding-16">
+        <span class="w3-large">Intro to FRC Scouting</span><br>
+        <span>Overview of FRC scouting methods and strategies.</span>
+          <br><span style="color:#888;font-size:0.95em;">Knowledge of FRC rules helpful</span><br>
+  <a class="w3-button w3-small w3-margin-top w3-teal" aria-disabled="true" role="button">Read More</a>
+      </li>
+      <li class="w3-padding-16">
+        <span class="w3-large">What Metrics Matter in FRC</span><br>
+        <span>Choosing meaningful stats instead of collecting everything.</span>
+          <br><span style="color:#888;font-size:0.95em;">Knowledge of Excel/SQL helpful</span><br>
+  <a class="w3-button w3-small w3-margin-top w3-teal" aria-disabled="true" role="button">Read More</a>
+      </li>
+      <li class="w3-padding-16">
+        <span class="w3-large">Super Scout</span><br>
+        <span>What is Super Scouting/Super Scout?</span>
+          <br><span style="color:#888;font-size:0.95em;">Knowledge of FRC scouting helpful</span><br>
+  <a class="w3-button w3-small w3-margin-top w3-teal" aria-disabled="true" role="button">Read More</a>
+      </li>
+      <li class="w3-padding-16">
+        <span class="w3-large">Other Styles of Scouting Systems</span><br>
+        <span>Introduction to many scouting systems.</span>
+          <br><span style="color:#888;font-size:0.95em;">Knowledge of FRC scouting helpful</span><br>
+  <a class="w3-button w3-small w3-margin-top w3-teal" aria-disabled="true" role="button">Read More</a>
+      </li>
+      <li class="w3-padding-16">
+        <span class="w3-large">Intro to Data Visualization</span><br>
+        <span>Introduction to data visualization concepts for FRC scouting.</span>
+          <br><span style="color:#888;font-size:0.95em;">Knowledge of Python-Flask/SQL helpful</span><br>
+  <a href="Dart-Basics.html" class="w3-button w3-small w3-margin-top w3-teal">Read More</a>
+      </li>
+      <li class="w3-padding-16">
+        <span class="w3-large">Intro CORE Scouting Spider</span><br>
+        <span>Overview of the CORE scouting spider system.</span>
+          <br><span style="color:#888;font-size:0.95em;">Knowledge of web dev fullstack /JavaScript helpful</span><br>
+  <a href="Dart-Basics.html" class="w3-button w3-small w3-margin-top w3-teal">Read More</a>
+      </li>
+      <li class="w3-padding-16">
+        <span class="w3-large">Other Styles of Data Visualization</span><br>
+        <span>Introduction to different visualization systems.<br>Knowledge of SQL recommended.</span><br>
+          <br><span style="color:#888;font-size:0.95em;">Knowledge of SQL/Python-Flask helpful</span><br>
+  <a href="Game-Theory.html" class="w3-button w3-small w3-margin-top w3-teal">Read More</a>
+      </li>
+    </ul>
+
+    <h3>Other/Misc</h3>
+    <ul class="w3-ul w3-card-4">
+      <li class="w3-padding-16">
+        <span class="w3-large">What Can Go Wrong with Scouting</span><br>
+        <span>Introduction to different common issues with scouting and how to overcome them.</span>
+          <br><span style="color:#888;font-size:0.95em;">Knowledge of FRC scouting helpful</span><br>
+  <a href="Game-Theory.html" class="w3-button w3-small w3-margin-top w3-teal">Read More</a>
+      </li>
+      <li class="w3-padding-16">
+        <span class="w3-large">Offline Scouting</span><br>
+        <span>How to scout without internet access.</span>
+          <br><span style="color:#888;font-size:0.95em;">Knowledge of Bluetooth/Excel helpful</span><br>
+  <a href="Game-Theory.html" class="w3-button w3-small w3-margin-top w3-teal">Read More</a>
+      </li>
+    </ul>
+</div>
 </div>
 <footer class="w3-container w3-padding-32 w3-dark-grey">
 <div class="w3-row-padding">

Programming/tutorals/Java/JavaTutorials1.html

@@ -0,0 +1,158 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Tutorial Page Template</title>
+<link rel="stylesheet" href="https://www.w3schools.com/w3css/5/w3.css">
+<style>
+  /* Sidebar styling */
+  .sidebar {
+    height: 100vh;
+    overflow-y: auto;
+    position: fixed;
+    width: 180px;
+    background-color: #003366;
+    color: white;
+  }
+  .sidebar h3 {
+    margin-top: 15px;
+    margin-bottom: 5px;
+    padding-left: 12px;
+    color: #ff3333;
+    font-size: 14px;
+  }
+  .sidebar a {
+    display: block;
+    padding: 6px 12px;
+    text-decoration: none;
+    color: white;
+    font-size: 13px;
+    border-radius: 4px;
+  }
+  .sidebar a:hover {
+    background-color: #ff3333;
+    color: white;
+  }
+
+  /* Main content area */
+  .main-content {
+    margin-left: 190px;
+    padding: 20px;
+    background-color: white;
+    color: #000;
+    transition: background-color 0.3s, color 0.3s;
+  }
+
+  /* Dark mode class */
+  .darkmode {
+    background-color: #1e1e1e;
+    color: #f1f1f1;
+  }
+  .darkmode h1,
+  .darkmode h3 {
+    color: #ff6666;
+  }
+
+  /* Button */
+  .darkmode-btn {
+    background-color: #ff3333;
+    color: white;
+    border: none;
+    padding: 6px 12px;
+    border-radius: 4px;
+    cursor: pointer;
+    margin-bottom: 15px;
+    font-size: 14px;
+  }
+  .darkmode-btn:hover {
+    background-color: #cc0000;
+  }
+
+  h1 { color: #003366; }
+
+</style>
+</head>
+<body>
+
+<!-- Sidebar / Navigation -->
+<div class="sidebar w3-card">
+  <h2 class="w3-center w3-padding-12" style="font-size:16px; color:white;">Tutorial Menu</h2>
+  <h3>Getting Started</h3>
+  <a href="#intro">Introduction</a>
+  <a href="#setup">Setup</a>
+  <h3>Core Concepts</h3>
+  <a href="#concept1">Concept 1</a>
+  <a href="#concept2">Concept 2</a>
+  <h3>Advanced</h3>
+  <a href="#advanced1">Advanced 1</a>
+  <a href="#advanced2">Advanced 2</a>
+</div>
+
+<!-- Main Content Area -->
+<div class="main-content" id="mainContent">
+  <button class="darkmode-btn" onclick="toggleDarkMode()">Toggle Dark Mode</button>
+
+  <h1 id="intro">Getting Started</h1>
+  <p>these and other tutorals are made via w3schools and documentation. Java  is the most common programming language. This tutorial will go over how to write programs in Java then how to incorporate it into HTML to decrease confusion.</p>
+
+  <h3>Examples</h3>
+  <p>In many of the Sections of this tutorial, you will see examples of Java code. These are custom embeds from OnlineGDB, if you want to try to change something just press the fork button.</p>
+  <script src="//onlinegdb.com/embed/js/LNNpaViGM?theme=light"></script>
+
+    
+  </script>
+
+  <h1 id="setup">Setup</h1>
+  <p>This Java tutorial will go over and use the oracle version of Java.</p>
+  <ol>
+    <li>Go to the JDK website: <a href="https://www.oracle.com/java/technologies/downloads/" target="_blank">https://www.oracle.com/java/technologies/downloads/</a></li>
+    <li>Download the LTS version for your operating system</li>
+    <li>Run the installer and follow the prompts</li>
+    <li>Open a terminal or command prompt and type <code>java -version</code> to verify the installation</li>
+  </ol>
+
+  <h3 id="concept1">Java Alternatives</h3>
+  <p>Due to Java's strict syntax, developers often use alternatives like Kotlin or Groovy to enforce stricter typing and improve code maintainability. those alternatives offer enhanced features and better tooling support. currently the Kotlin and Groovy tutorals are currently not made yet so hang on tight</p>
+ <!-- Navigation Buttons at the Bottom -->
+<div style="display:flex; justify-content:space-between; margin-top:40px;">
+  <button class="w3-button w3-blue" onclick="window.location.href='/Programming/Programming-Index.html'">Back to Programming Index</button>
+  <button class="w3-button w3-red" onclick="window.location.href='/Programming/tutorals/Java/JavaTutorials2.html'">Next Lesson</button>
+</div>
+
+</div>
+
+<script>
+const content = document.getElementById('mainContent');
+
+// Apply saved preference or system preference on load
+function applyPreference() {
+  const saved = localStorage.getItem('darkmode');
+  if (saved === 'true') {
+    content.classList.add('darkmode');
+  } else if (saved === 'false') {
+    content.classList.remove('darkmode');
+  } else {
+    // Follow system preference if no saved value
+    if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
+      content.classList.add('darkmode');
+    }
+  }
+}
+
+window.onload = applyPreference;
+
+// Toggle dark/light mode and save preference
+function toggleDarkMode() {
+  if (content.classList.contains('darkmode')) {
+    content.classList.remove('darkmode');
+    localStorage.setItem('darkmode', 'false');
+  } else {
+    content.classList.add('darkmode');
+    localStorage.setItem('darkmode', 'true');
+  }
+}
+</script>
+
+</body>
+</html>