This commit is contained in:
parent
2049a029f2
commit
3daeea726d
@ -1,5 +1,5 @@
|
||||
|
||||
# 🎓 JavaScript
|
||||
<h1><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
||||
<i class="fab fa-js-square fa-2x" style="color: #f7df1e;"></i> Javascript</h1>
|
||||
|
||||
## 📘 Théorie de base
|
||||
|
||||
@ -75,15 +75,15 @@ if (nom) {
|
||||
}
|
||||
```
|
||||
|
||||
## 1. 🌱 Les bases de JavaScript
|
||||
## 🌱 Les bases de JavaScript
|
||||
|
||||
### 1.1 Intégration dans une page HTML
|
||||
### Intégration dans une page HTML
|
||||
``` { .html .copy }
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Mon script</title>
|
||||
<script src="script. { .js .copy }" defer></script>
|
||||
<script src="script.js" defer></script>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Hello World</h1>
|
||||
@ -98,14 +98,14 @@ Ou directement dans une balise `<script>` :
|
||||
</script>
|
||||
```
|
||||
|
||||
### 1.2 Variables
|
||||
### Variables
|
||||
``` { .js .copy }
|
||||
let nom = "Alice"; // variable modifiable
|
||||
const PI = 3.14; // constante
|
||||
var age = 30; // ancienne syntaxe, à éviter
|
||||
```
|
||||
|
||||
### 1.3 Types de données
|
||||
### Types de données
|
||||
- `string` : `"Bonjour"`
|
||||
- `number` : `42`, `3.14`
|
||||
- `boolean` : `true`, `false`
|
||||
@ -113,7 +113,7 @@ var age = 30; // ancienne syntaxe, à éviter
|
||||
- `null`
|
||||
- `object`, `array`, `function`
|
||||
|
||||
### 1.4 Opérateurs
|
||||
### Opérateurs
|
||||
- Arithmétiques : `+`, `-`, `*`, `/`, `%`
|
||||
- Comparaison : `==`, `===`, `!=`, `!==`, `<`, `>`, `<=`, `>=`
|
||||
- Logiques : `&&`, `||`, `!`
|
||||
@ -138,9 +138,9 @@ var age = 30; // ancienne syntaxe, à éviter
|
||||
|
||||
---
|
||||
|
||||
## 2. Contrôle de flux
|
||||
## Contrôle de flux
|
||||
|
||||
### 2.1 Conditions
|
||||
### Conditions
|
||||
``` { .js .copy }
|
||||
if (age > 18) {
|
||||
console.log("Majeur");
|
||||
@ -154,7 +154,7 @@ Opérateur ternaire :
|
||||
let message = (age > 18) ? "Majeur" : "Mineur";
|
||||
```
|
||||
|
||||
### 2.2 Boucles
|
||||
### Boucles
|
||||
``` { .js .copy }
|
||||
for (let i = 0; i < 5; i++) {
|
||||
console.log(i);
|
||||
@ -169,7 +169,7 @@ while (i < 5) {
|
||||
|
||||
---
|
||||
|
||||
## 3. Fonctions
|
||||
## Fonctions
|
||||
``` { .js .copy }
|
||||
function saluer(nom) {
|
||||
return `Bonjour ${nom}`;
|
||||
@ -180,16 +180,16 @@ const direBonjour = (nom) => `Bonjour ${nom}`;
|
||||
|
||||
---
|
||||
|
||||
## 4. Tableaux et objets
|
||||
## Tableaux et objets
|
||||
|
||||
### 4.1 Tableaux
|
||||
### Tableaux
|
||||
``` { .js .copy }
|
||||
let fruits = ["pomme", "banane"];
|
||||
fruits.push("kiwi");
|
||||
console.log(fruits[0]); // pomme
|
||||
```
|
||||
|
||||
### 4.2 Objets
|
||||
### Objets
|
||||
``` { .js .copy }
|
||||
let personne = {
|
||||
nom: "Alice",
|
||||
@ -205,9 +205,11 @@ personne.parler();
|
||||
|
||||
---
|
||||
|
||||
## 5. DOM (Document Object Model)
|
||||
## DOM (Document Object Model)
|
||||
|
||||
### 5.1 Sélection des éléments
|
||||
[Definition DOM](https://fr.wikipedia.org/wiki/Document_Object_Model)
|
||||
|
||||
### Sélection des éléments
|
||||
``` { .js .copy }
|
||||
const titre = document.querySelector("h1");
|
||||
```
|
||||
@ -244,14 +246,14 @@ document.getElementById("incrementer").addEventListener("click", () => {
|
||||
|
||||
## 6. Asynchrone et AJAX
|
||||
|
||||
### 6.1 setTimeout / setInterval
|
||||
### setTimeout / setInterval
|
||||
``` { .js .copy }
|
||||
setTimeout(() => {
|
||||
console.log("1 seconde");
|
||||
}, 1000);
|
||||
```
|
||||
|
||||
### 6.2 Promesses
|
||||
### Promesses
|
||||
``` { .js .copy }
|
||||
fetch("https://api.example.com/data")
|
||||
.then(response => response.json())
|
||||
@ -261,9 +263,9 @@ fetch("https://api.example.com/data")
|
||||
|
||||
---
|
||||
|
||||
## 7. Concepts avancés
|
||||
## Concepts avancés
|
||||
|
||||
### 7.1 Closures
|
||||
### Closures
|
||||
``` { .js .copy }
|
||||
function createCounter() {
|
||||
let count = 0;
|
||||
@ -274,7 +276,7 @@ const counter = createCounter();
|
||||
console.log(counter()); // 1
|
||||
```
|
||||
|
||||
### 7.2 Classes
|
||||
### Classes
|
||||
``` { .js .copy }
|
||||
class Animal {
|
||||
constructor(nom) {
|
||||
@ -287,7 +289,7 @@ class Animal {
|
||||
}
|
||||
```
|
||||
|
||||
### 7.3 Modules (ES6)
|
||||
### Modules (ES6)
|
||||
``` { .js .copy }
|
||||
// fichier.js
|
||||
export function addition(a, b) {
|
||||
@ -298,7 +300,7 @@ export function addition(a, b) {
|
||||
import { addition } from "./fichier. { .js .copy }";
|
||||
```
|
||||
|
||||
### 7.4 Async / Await
|
||||
### Async / Await
|
||||
``` { .js .copy }
|
||||
async function getData() {
|
||||
try {
|
||||
|
||||
@ -8,36 +8,27 @@ Codium est la version open-source de Visual Studio Code.
|
||||
|
||||
Le tutoriel vous permet d'installer Codium, Unity, et de relier un projet Unity avec Codium pour bénéficier de l'auto-complétion dans Codium.
|
||||
|
||||
## Installer Unity Hub
|
||||
|
||||
Suivre les instructions ici: [Unity Hub](https://docs.unity3d.com/hub/manual/InstallHub.html#install-hub-linux)
|
||||
|
||||
## Créer un compte Unity + license
|
||||
|
||||

|
||||
|
||||
Une fois le compte Unity créé, il suffit d'importer le fichier `` (license) dans le Unity Hub
|
||||
|
||||

|
||||
|
||||
## Installer Unity
|
||||
|
||||
Utilisez [Appimage](https://docs.unity3d.com/Manual/GettingStartedInstallingHub.html)
|
||||

|
||||
|
||||
## Installer Codium
|
||||
## Installer VSCodium
|
||||
|
||||
Installer à partir des dépots officiels avec [apt](https://debian-facile.org/utilisateurs:sushy:tutos:visual-studio-codium)
|
||||
Suivre les instructions ici: [VSCodium](https://vscodium.com/#install-on-debian-ubuntu-deb-package)
|
||||
|
||||
## Installer .Net
|
||||
## Configurer Unity pour utiliser VSCodium
|
||||
|
||||
``` { .bash .copy }
|
||||
wget https://packages.microsoft.com/config/debian/10/packages-microsoft-prod.deb -O packages-microsoft-prod.deb
|
||||
sudo dpkg -i packages-microsoft-prod.deb
|
||||
sudo apt-get update; \
|
||||
sudo apt-get install -y apt-transport-https && \
|
||||
sudo apt-get update && \
|
||||
sudo apt-get install -y dotnet-sdk-3.1
|
||||
```
|
||||
|
||||
## Installer Mono
|
||||
|
||||
``` { .bash .copy }
|
||||
sudo apt install apt-transport-https dirmngr gnupg ca-certificates
|
||||
sudo apt-key adv --keyserver hkp://keyserver.ubuntu.com:80 --recv-keys 3FA7E0328081BFF6A14DA29AA6A19B38D3D831EF
|
||||
echo "deb https://download.mono-project.com/repo/debian stable-buster main" | sudo tee /etc/apt/sources.list.d/mono-official-stable.list
|
||||
sudo apt update
|
||||
sudo apt install mono-complete
|
||||
```
|
||||
|
||||
## Credits
|
||||
|
||||
Made with [Carlo Hamalainen's blog](https://carlo-hamalainen.net/2020/07/11/unity3d-setup-debian10-intellisense/)
|
||||

|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user