ERG::Code-2017-1

Source (url) http://curlybraces.be/wiki/index.php/ERG::Code-2017-1
Site satellite Curlybraces
Date 2018-02-26 09:04:14

De {}

Aller à : navigation, rechercher

Sommaire[modifier]

Introduction[modifier]

Ce cours est destiné aux étudiants de BAC2. Le but est ici de faire un tour d'horizon de pratiques et de possibilités liées à la programmation et plus généralement à l'algorithmique et au numérique.

Nous commencerons cette année par une introduction aux pages web, avec les langages html et css, pour très vite enchaîner sur le javascript et l'écriture de programmes. Nous nous attarderons ensuite sur les bases de données, le stockage d'information, pour terminer par la génération de supports imprimés via les outils orientés web (html, javascript, css).

Quelques points importants:

Séances[modifier]

25/09/2017[modifier]

BINAIRE (langage machine)

0                0
1                1
1 0              2
1 1              3
1 0 0            4
1 0 1            5
1 1 0            6
1 1 1            7
1 0 0 0          8

1 0 0 0 0 0 0 0  128 (1 octet)


ASSEMBLEUR
COBOL
C
C++ 

JAVA > interpreté
Python > idem



HPGL > pour les traceurs
POSTSCRIPT > pour les imprimantes
BASH > pour le terminal
JQUERY > JAVASCRIPT
PROCESSING > JAVA

HTML > côté client, interprété
CSS  > côté client, interprété
JAVASCRIPT > côté client, interprété
PHP > côté serveur, interpreté
SQL > côté serveur, interprété
Ruby on rail > côté serveur, interprété


02/10/2017[modifier]

http://curlybraces.be/erg/2017-2018/lionelmaes/introcss.zip

09/10/2017[modifier]

http://curlybraces.be/erg/2017-2018/lionelmaes/20171009positionnement.zip

1. réalisez un carré rouge qui prend tout l’écran dans lequel se trouve un carré jaune centré horizontalement et verticalement quelque soit la taille de la fenêtre.👽
2. Réalise un drapeau belge sur toute la page🇧🇪    
3. Fais moi un Mario en pixel art (pixel = bloc de 20x20 px)
4. faire un damier de 5 carrés horizontaux et verticaux qui s'adapte à la taille de l'écran
5. créer un motif avec des superpositions de carrés (au moins 5 carrés de couleur différentes avec des positionnements différents). 
6.Créez un escalier de 12 rectangles de 100 px par 20 px avec les couleurs de l'arc-en-ciel
7. créer 5 carrés de différentes couleurs qui se superposent avec transparence > opacity:1; opacity:0.5;
8. Réalise une lettre à partir de carrés (avec un positionnement fixe) et une qui s'adapte à la 
9. Créer 5 carrés avec 5 bordures de couleurs différentes
10. réaliser un bloc fixe qui change de couleur à un certain niveau de la page par dessus d'autres blocs mobiles
avoir un menu fixe à gauche sur toute la page et faire 4 colonnes de texte qui se placent les une à côté des autres s'il y a de la place, les unes en dessous des autres sinon
12. réaliser un dégradé de blocs
13. réaliser 3 blocs de couleur bleu, les uns à coté des autres, dont celui du milieu est fixé sur la page

16/10/2017[modifier]

23/10/2017[modifier]

http://curlybraces.be/erg/2017-2018b3/lionelmaes/20171023demo_js.zip

06/11/2017[modifier]

http://curlybraces.be/erg/2017-2018/lionelmaes/20171106rappeljs.zip

http://curlybraces.be/erg/2017-2018/lionelmaes/20171106introjquery.zip

13/11/2017[modifier]

1. faire une page avec un carré dans le coin supérieur gauche qui vas dans le coin supérieur droit quand on clic dessus puis en bas a droite puis en bas a gauche puis en haut a gauche puis ainsi de suite... 
2. Faire une page avec 3 carrés un à coté des autres avec du texte centré à l'intérieur. Cliquer sur le carré pour faire agrandir le texte
3. Faire une page avec des carres en arc en ciel qui apparait et disparait et changent de taille 
4. faire un bloc qui prend tout l'écran, à chaque refresh de la page le bloc doit être d'une nouvelle couleur aléatoire`
5.Faire un carré
6. Construire une page avec un carré dans l'espace. Cliquer sur le carré pour le faire disparaitre puis le faire réapparaitre de façon aléatoire dans la page
8. faire un carré dans l'angle supérieur gauche de la page. Lors du clic, faire répéter le carré horizontalement et de façon continue jusqu'à la fin de cette page.
7. Faire en sorte qu'un bloc se déplace partout ou on clique
9. Créer un gros bloc  où quand on clique dessus il rétrécit, encore et encore jusqu'à ce qu'il disparaisse 

10.faire deux colonnes  de bloc en deux couleurs différentes qui changent de couleur quand on clique dessus  

11.faire trois carrés de couleurs differentes superposés, quand on clique dessus le carré disparait pour faire apparaitre celui en dessous

20/11/2017[modifier]

http://curlybraces.be/erg/2017-2018/lionelmaes/20171120dessinjs.zip


04/12/2017[modifier]

http://curlybraces.be/erg/2017-2018/lionelmaes/20171204demophp.zip

11/12/2017[modifier]

http://curlybraces.be/erg/2017-2018/lionelmaes/20171211bag.zip

05/02/2018 : introduction au deuxième quadrimestre[modifier]

https://www.youtube.com/watch?v=4GXCIbStB5c

12/02/2018 : bases de données: suite[modifier]

19/02/2018 : bases de données: suite[modifier]

Groupes de travail[modifier]

Agenda de présentations[modifier]

19/02/2018[modifier]

26/02/2018[modifier]

05/03/2018[modifier]

12/03/2018[modifier]

Récupérée de « http://curlybraces.be/wiki/index.php?title=ERG::Code-2017-1&oldid=2207 »

Dernière modification effectuée le 18 avril 2018.