HETIC

GitHub de la promotion P2018

PROGRAMME

Sujets pouvant potentiellement être abordés durant l'année

Trimestre 1

• HTML 5 / CSS 3
• Sémantique
• Audio / Video
• Animations / Transitions / Transformations
• Filters / Text shadows / Box shadows
• Media queries
• Geolocation
• Speech
• Fullscreen
• Offline
• History
• Canvas
• WebGL
• Websocket
• Storage
• JS
• Rappels
• Programmation orientée objet
• Newsletters

LIENS

HTML 5 / CSS 3

• Html5rocks
• HTML5 Boilerplate - Pour débuter un projet
• HTML5shiv - Compatibilité semantique
• Can I Use

Javascript

• Modernizr.js - Connaitre les compatibilité du visiteur
• Backbone.js
• Underscore.js - Librairie pleine d'outils utiles
• Mustache.js - Templating JS
• Haml.js - Templating JS
• Héritage en JS
• Airbnb Style Guide

WebGL

• Three.js
• Three.js (git)
• WebGL.com
• Chrome Experiments

PHP

• Documentation (fr)
• Zend (framework)
• Synfony (framework)
• CakePHP (framework) - Plus abordable que Zend

Générateurs de contenus

• Samuel L. Ipsum - Répliques de Samuel L. Jackson
• Batman Ipsum - Why so serious ?
• Placekitten - Miaou

Sources de tuto

• Mobile tuts - gratuit
• Net tuts - gratuit
• Tuto.com - gratuit / payant
• Elephorm - payant (mais plutôt efficace)
• Video2Brain - payant (mais plutôt efficace)
• Grafikart - gratuit
• Site du Zéro - gratuit
• Learning Three.js - gratuit
• Aerotwist - gratuit - Léger mais propre et utile
• Code School - gratuit / payant
• Codeacademy - gratuit / payant
• The Dark Side Of The Web - gratuit
• Dive Into HTML 5 - gratuit

Tuto particuliers

• medium.com - Explication sur le easing

Sublime Text 2 / 3

• Package controle - Installation / Suppression rapide de plugins sublimes
• Prefixr - Rajoute les bons préfixes au CSS
• Alignment - Aligner les "=" et tout autre caractère désiré
• Bracket​Highlighter - Surbrillance des parenthèses/accolades/balises/etc. courrantes
• SublimeLinter - Affiche les erreurs (css,JS,etc...)
• Emmet - Zen coding amélioré
• Less - Support de LESS
• Zen Tabs - Plus de fonctionnalités et meilleure apparence des tabs
• HTML Snippet - Snippets html
• WordHighlight - Surbrillance des mots sélectionnés
• SFTP - Remote control sur un FTP (modifier en live)
• jQuery Snippets pack - Snippets jQuery
• JsFormat - Format le code Javascript (Bien penser à paramétrer selon vos habitudes syntaxiques)
• ColorPicker - Affiche un color picker
• LiveReload - Reload le navigateur (softly) après chaque sauvegarde dans le projet (nécessite plugin)
• Soda - Thème sublime comprenant les tabs, la sidebar et la coloration syntaxique Monokai
• Side​Bar​Enhancements - Plus d'options dans la sidebar

De tout

• Snipt
• Clearfix
• Reveal.js - Présentation
• CodePen - Expérimentations et inspiration