Vous n'êtes pas connecté. Connexion
|
|
Accueil > Intranet Michel Buffa > MBDS - Madagascar 2015-2016 - Server Side JavaScript
MBDS - Madagascar 2015-2016 - Server Side JavaScriptDe $1IntroductionBienvenue dans ce cours. Avant d'attaquer le cours à proprement parler, vous trouverez ici une liste de ressources intéressantes concernant les technologies Web en général, HTML5 et JavaScript. Dans un premier temps, je vais me présenter à vous et faire un bref récapitulatif de ce qu'on appelle les "Technologies Web", afin de situer plus précisément ce que nous allons étudier (NodeJS etc.) dans ce paysage. Puis nous ferons quelques rappels sur JavaScript, avec du live coding. Les exemples réalisés seront partagés sur cette page. Je pourrai ainsi répondre à vos questions par du code, que vous pourrez modifier par la suite. Ces rappels effectués, nous attaquerons le cours par la découverte de NodeJS etc. Séance 1 : rappels sur l'histoire du Web et des technologies Web, JavaScript pour les nulsRappels historiques (les parties non vues en cours sont à voir à la maison) :
Rappels HTML/CSS/JSTransparents : Introduction aux technologies du Web Séance de live coding !
MINI PROJET A FAIRE EN BINOME pour 27 févrierVous devrez faire le projet suivant en binome:
Ressources diverses (cours, tutoriaux, outils)JavaScript
HTML5Référence numéro 1 : les MOOCs sur HTML5 partie 1 et 2 écrits par Michel Buffa !Michel Buffa est l'auteur de deux MOOCs sur HTML5 : HTML5 part 1 et HTML5 part 2 Il s'agit de cours interactifs, couvrant l'intégralité de HTML5 et même beaucoup plus. La partie 1 couvre toutes les bases, la partie 2 aborde notamment le multimedia avancé, la programmation de jeux, le download / upload de fichiers en Ajax, la persistence avancée (IndexedDB) et les Web Components.
Outils (attention, sujet trollesque...!)Sublime Text Dans ce cours nous allons surtout utiliser NetBeans 8.0.2, mais néanmoins je vous recommande aussi d'autres outils pour éditer du HTML/JS/CSS, notamment l'excellent éditeur de code Sublime Text (et voir les packages d'extension les plus importants). Comment tirer le meilleur de Sublime Text (raccourcis claviers + meilleurs modules) : http://slides.com/grinnyhermant/les-...sublime-text#/ Mini IDEs en ligne Par ailleurs, sur le web il existe des "mini IDEs" très pratiques pour tester des bouts de JavaScript http://www.sublimetext.com/2 tels que http://jsbin.com/, http://jsfiddle.net/, http://dabblet.com/ ou http://codepen.io/. Ils sont particulièrement adaptés pour faire de petits exemples partageables (vous pouvez modifier les exemples, vous les approprier, mais jamais les casser, car pour chaque modification une version est générée, avec son URL unique). Tirer le meilleur de NetBeans, Eclipse, WebStorm, Sublime Text ICI UN DOCUMENT QUI EXPLIQUE COMMENT CONFIGURER EFFICACEMENT les principaux OUTILS/EDITEURS/IDEs pour faire du JavaScript de manière optimale (brancher l'interpréteur JavaScript NodeJS pour valider du JS et rediriger les erreurs dans Sublime Text, WebStorm et NetBeans, les devtools de google chrome pour pouvoir éditer / sauver les fichiers depuis le browser)
CSS
Un bon exemple CSS3 avec zoom, rotation, bords arrondis, ombres, etc...
Flex Layout exemples
Transitions exemples
Animations exemples
Multi-colonnes exemple WebFont exemple
Dégradés exemples
Ombres exemple Background exemple Border-image exemple
Mots clés:
|
Powered by MindTouch Deki Open Source Edition v.8.08 |