Vous n'êtes pas connecté. Connexion
|
|
M1 Miage 2014-2015 Technologies WebDe $1Séance 1 : rappels sur l'histoire du Web et des technologies Web, introduction à la technologie JavaEERappels historiques (les parties non vues en cours sont à voir à la maison) :
Introduction à JavaEE :
Ressources diverses (cours, tutoriaux, outils)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)
Autre cours et galleries d'exemples CSS 2 et 3, JavaScript et HTML5JavaScriptRessource Numéro 1 pour débutants, amateurs et confirmés, même pour les Ninjas : http://jstherightway.org
Vous pouvez également regarder ces ressources:
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 HTML5Vous trouverez de très nombreux exemples interactifs dans les liens jsbin.com des supports de cours PDF en anglais. La plupart de ces exemples sont aussi disponibles sur cette page : HTML5 discovery tutorial
|
Powered by MindTouch Deki Open Source Edition v.8.08 |