HETIC

GitHub de développement web pour la promotion P2020 H2

PROGRAMME

Trimestre 1

• CSS3 Transformations
• CSS3 Animations/transitions
• JS Rappels
• HTML5 Audio/video API
• Responsive
• Newsletter
• Canvas
• Fonts
• Task runners (gulp)
• Stylus
• Versionning avec git

Optionnels

• SVG
• JS jQuery
• JS orienté objet
• ES6

Trimestre 2

• PHP les bases
• PHP variables
• PHP boucles
• PHP conditions
• PHP fonctions
• PHP includes
• PHP debug
• HTML/PHP formulaire
• PHP/SQL Base de données MySQL
• PHP routing
• PHP APIs
• PHP/SQL Mots de passes
• PHP cookies/sessions
• PHP regex

Trimestre 3

• PHP/SQL Avancé
• PHP orienté objet
• PHP frameworks
• Silex

LIENS

HTML 5 / CSS 3

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

Javascript

• Burno.js - Petit framework JS permettant d'organiser son code et de gagner du temps
• Modernizr.js - Connaître les compatibilités du visiteur
• Backbone.js - Framework
• Angular.js - Framework
• React.js - Framework
• Underscore.js - Librairie pleine d'outils utiles
• Mustache.js - Templating JS
• Haml.js - Templating JS
• Héritage en JS
• Airbnb Style Guide - JS style guide (parmi bien d'autres)

WebGL

• Three.js
• Chrome Experiments
• Shadertoy

PHP

• Documentation (fr)
• Zend (framework)
• Symfony (framework)
• Silex (framework) - Le petit Symfony
• 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
• OpenClassrooms - 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
• The Book of Shaders - gratuit

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é
• WordHighlight - Surbrillance des mots sélectionnés
• SFTP - Remote control sur un FTP (modifier en live)
• 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)
• Side​Bar​Enhancements - Plus d'options dans la sidebar
• Material Theme - Thème stulééé

De tout

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