Semaine 04 JS jQuery - SimplonTlse02/programme-dev-web GitHub Wiki
Semaine 04
Objectifs
- Savoir réaliser un programme "complet" en Js
- Etre plus à l'aise avec le langage Javascript
Introduction
- :tv: GOOOOOOO
- CodeCamp: Git & GitHub
- CodeCamp: Networks
- CodeCamp: Computer Science and Software Engineering
- Un distributeur en CSS
Lundi
- Récap basics JS
- var
- les types de base (string, number, boolean)
- null, undefined
- tableau
- objets
- function & return
- structures de controle (the good parts) :
- expressions logiques (égalité, comparaison, différence)
- if else
- for
- misc :
- debugger
- Exercices
- FizzBuzz
- cli-calculator
Mardi
- Suite des exercices
- Découverte de jQuery
- Exercice
- Calculatrice avancée
- Remarques
- indenter votre code
- faire des fonctions indépendantes et réutilisables
- écrire le problème et les sous-problèmes en français, et le traduire ensuite en Js
Mercredi
- Livecoding avec la console du navigateur
- Les types en Js
// Dans l'adresse du navigateur tapez about:blank
// Ouvrir la console dév.
var a = "hello";
a;
typeof a;
var b;
typeof b;
var c = function(){};
typeof c;
typeof c();
var d = function(){return 1;};
typeof d;
typeof d();
var e = function(){return "hello";}
typeof e();
typeof 1;
typeof "1";
1 === "1"
1 == "1"
- La coercission
/*
Dans un nouveau fichier pareil.js
créer une fonction qui prend deux arguments, et qui
console.log("le type est le meme") si le type
des deux variable est similaires
*/
if(parseInt("32", 10) === 32) {}
if("32" == 32) {}
// correction
function pareil(a, b) {
if (typeof a === typeof b) {
console.log('le type est le meme')
} else {
console.log('le type est different')
}
}
pareil(2, 3); // le type est le meme
pareil(2,"2"); // le type est différent
- Exercice Calculatrice Html+Js
Jeudi
- jquery, pourquoi ?
- event loop 101
- listener
- this
- callback
- Les data attributes
- Exercice Boutons et Pandas
- Cliquer sur un bouton et afficher le type et la tendance correspondants
- Github
- Exercice Animals switcher
- [jq-switcher](https://github.com/SimplonTlse02/jq-switcher
- Exercice Form Capture
- Exercice Nombre mystère
Vendredi
- Exercice 4/4 Clicker
- Exercice Color Pairing
Exploration
Des liens ou des sujets à explorer