Windows / Apple / Linux Instructions
Source Code
index.html
<link
rel="stylesheet"
href="https://codefinity-content-media-v2.s3.eu-west-1.amazonaws.com/courses/c1087363-9025-4c37-8d5e-983a32a007e9/other-section/instructions.css"
/>
<!-- Include Font Awesome CSS -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
/>
<body onload="onLoad()">
<!-- Windows button with icon -->
<button
class="corresponding-btn selected-btn"
onclick="showInstructions('windows')"
id="windowsBtn"
>
<i class="fab fa-windows"></i> Windows
</button>
<!-- macOS button with icon -->
<button
class="corresponding-btn"
onclick="showInstructions('macos')"
id="macosBtn"
>
<i class="fab fa-apple"></i> macOS
</button>
<!-- Linux button with icon -->
<button
class="corresponding-btn"
onclick="showInstructions('linux')"
id="linuxBtn"
>
<i class="fab fa-linux"></i> Linux
</button>
<!-- Instructions for Windows (Visible by default) -->
<div class="instructions" id="windowsInstructions">
<h2>Windows Instructions</h2>
<ul>
<li>
Locate the downloaded Node.js installer (e.g.,
<code>node-vXX.XX.X-x64.msi</code>) on the computer and double-click it
to start the installation process.
</li>
<li>
The setup wizard will guide through the installation. Click "Next" to
continue.
</li>
<li>Accept the license agreement and click "Next."</li>
<li>
Choose the destination folder where Node.js will be installed or stick
with the default location. Click "Next."
</li>
<li>
Select the components to install. It's recommended to keep the default
options, including npm. Click "Next."
</li>
<li>
Choose whether to include the Node.js runtime in the system's PATH
environment variable. Select "Automatically" for most cases. This will
allow running Node.js from any command prompt. Click "Next."
</li>
<li>Click "Install" to begin the installation process.</li>
<li>
Once the installation is complete, click "Finish" to exit the setup
wizard.
</li>
</ul>
</div>
<!-- Instructions for macOS -->
<div class="instructions" id="macosInstructions">
<h2>macOS Instructions</h2>
<ul>
<li>
Locate the downloaded Node.js package (e.g.,
<code>node-vXX.XX.X.pkg</code>) on the computer and double-click it to
start the installation.
</li>
<li>The package installer will open. Click "Continue."</li>
<li>
Read the license agreement, click "Continue," and then click "Agree" to
accept it.
</li>
<li>
Choose the destination where Node.js will be installed. The default
location should be appropriate for most users. Click "Continue."
</li>
<li>
Click "Install" to start the installation process. You may be prompted
to enter the computer's password to proceed.
</li>
<li>
Once the installation is complete, click "Close" to exit the installer.
</li>
</ul>
</div>
<!-- Instructions for Linux -->
<div class="instructions" id="linuxInstructions">
<h2>Linux Instructions</h2>
<p>
For Linux users, the installation process can vary depending on the
distribution. However, most distributions provide Node.js in their package
repositories.
</p>
<ul>
<li>Open a terminal on the Linux system.</li>
<li>
Use the package manager specific to the distribution to install Node.js.
For example:
<ul>
<li>On Ubuntu/Debian: <code>sudo apt install nodejs</code></li>
<li>On Fedora: <code>sudo dnf install nodejs</code></li>
<li>On CentOS/RHEL: <code>sudo yum install nodejs</code></li>
</ul>
</li>
<li>
Verify the installation by checking the installed versions of Node.js
and npm:
<ul>
<li>To check Node.js: <code>node -v</code></li>
<li>To check npm: <code>npm -v</code></li>
</ul>
</li>
</ul>
</div>
<script src="https://codefinity-content-media-v2.s3.eu-west-1.amazonaws.com/courses/c1087363-9025-4c37-8d5e-983a32a007e9/other-section/instructions.js"></script>
</body>
Tout était clair ?
Merci pour vos commentaires !
Section 5. Chapitre 1
