2015-03-25 17:27:03 +01:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>Cadoles - Formation Javascript</title>
|
|
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
|
|
|
|
<style type="text/css">
|
|
|
|
|
body {
|
2015-03-26 17:36:34 +01:00
|
|
|
font-family: 'Droid Sans', 'Ubuntu Sans', 'sans-serif';
|
2015-03-25 17:27:03 +01:00
|
|
|
}
|
|
|
|
|
h1, h2, h3 {
|
2015-03-26 17:36:34 +01:00
|
|
|
font-family: 'Caviar Dream', 'Droid Sans', 'Ubuntu Sans', 'sans-serif';
|
2015-03-25 17:27:03 +01:00
|
|
|
font-weight: normal;
|
|
|
|
|
}
|
2015-03-26 17:36:34 +01:00
|
|
|
.remark-code, .remark-inline-code { font-family: 'Ubuntu Mono', monospace; }
|
2015-03-25 17:27:03 +01:00
|
|
|
</style>
|
|
|
|
|
<link href="../cadoles-theme.css" rel="stylesheet">
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<script src="../bower_components/remark/out/remark.js"></script>
|
|
|
|
|
<script type="text/javascript">
|
2015-03-26 17:36:34 +01:00
|
|
|
|
|
|
|
|
var slides = [
|
|
|
|
|
'cover',
|
|
|
|
|
'plan',
|
|
|
|
|
'historique',
|
|
|
|
|
'langage',
|
|
|
|
|
'variables-1',
|
|
|
|
|
'variables-2',
|
|
|
|
|
'structures-1',
|
|
|
|
|
'structures-2',
|
|
|
|
|
'structures-3',
|
|
|
|
|
'objets-1',
|
|
|
|
|
'objets-2',
|
|
|
|
|
'fonctions-1',
|
|
|
|
|
'fonctions-2',
|
|
|
|
|
'fonctions-3',
|
|
|
|
|
'fonctions-4',
|
|
|
|
|
'tableaux-1',
|
|
|
|
|
'tableaux-2',
|
2015-03-30 14:18:55 +02:00
|
|
|
'modele-objet-1',
|
|
|
|
|
'modele-objet-2',
|
|
|
|
|
'modele-objet-3',
|
|
|
|
|
'modele-objet-4',
|
|
|
|
|
'modularisation-1',
|
|
|
|
|
'modularisation-2',
|
|
|
|
|
'modularisation-3',
|
|
|
|
|
'modularisation-4',
|
|
|
|
|
'modularisation-5',
|
|
|
|
|
'modularisation-6',
|
2015-03-31 23:29:23 +02:00
|
|
|
'modularisation-7',
|
|
|
|
|
'modularisation-8',
|
|
|
|
|
'ecosysteme-1',
|
|
|
|
|
'ecosysteme-2',
|
|
|
|
|
'ecosysteme-3',
|
|
|
|
|
'ecosysteme-4',
|
|
|
|
|
'ecosysteme-5',
|
|
|
|
|
'ecosysteme-6',
|
|
|
|
|
'ecosysteme-7',
|
|
|
|
|
'api-dom-1',
|
|
|
|
|
'api-dom-2',
|
|
|
|
|
'api-dom-3',
|
|
|
|
|
'api-dom-4',
|
|
|
|
|
'mise-en-pratique',
|
|
|
|
|
'es6-1',
|
|
|
|
|
'es6-2',
|
|
|
|
|
'es6-3',
|
|
|
|
|
'es6-4',
|
|
|
|
|
'questions',
|
|
|
|
|
'licence'
|
2015-03-26 17:36:34 +01:00
|
|
|
];
|
|
|
|
|
|
2015-03-25 17:27:03 +01:00
|
|
|
var slideshow = remark.create({
|
2015-03-26 17:36:34 +01:00
|
|
|
source: slides.map(fetchSlide).join('\n---\n'),
|
|
|
|
|
highlightStyle: 'github',
|
|
|
|
|
highlightLanguage: 'javascript'
|
2015-03-25 17:27:03 +01:00
|
|
|
});
|
2015-03-26 17:36:34 +01:00
|
|
|
|
|
|
|
|
function fetchSlide(slideName) {
|
|
|
|
|
var req = new XMLHttpRequest();
|
|
|
|
|
req.open('GET', slideName+'.md', false);
|
|
|
|
|
req.send();
|
|
|
|
|
return req.responseText.replace(/\r\n/g, '\n');
|
|
|
|
|
};
|
|
|
|
|
|
2015-03-25 17:27:03 +01:00
|
|
|
</script>
|
2015-03-31 23:29:23 +02:00
|
|
|
<script id="cadoles-ascii" type="text/ascii-art">
|
|
|
|
|
___ _ _
|
|
|
|
|
/ __\__ _ __| | ___ | | ___ ___
|
|
|
|
|
/ / / _` |/ _` |/ _ \| |/ _ \ __|
|
|
|
|
|
/ /___ (_| | (_| | (_) | | __\__ \
|
|
|
|
|
\____/\__,_|\__,_|\___/|_|\___|___/
|
|
|
|
|
Formation Javascript 2015
|
|
|
|
|
|
|
|
|
|
Bienvenue dans la console de votre navigateur !
|
|
|
|
|
</script>
|
|
|
|
|
<script>
|
|
|
|
|
(function() {
|
|
|
|
|
var asciiText = document.getElementById('cadoles-ascii').innerHTML;
|
|
|
|
|
console.log('%c '+asciiText, 'color: #2A80AF;');
|
|
|
|
|
}());
|
|
|
|
|
</script>
|
2015-03-25 17:27:03 +01:00
|
|
|
</body>
|
|
|
|
|
</html>
|
