Mes maquettes de démonstration

Module 1 à 13 en zip
Module 1: les bases
Module 2: Typographie
Module 3: Utilisation du float
Module 4:positionnement avec float et le inline-block, images arrondis
Module 5: positionnement avec float et le inline-block, transparence
Module 6: formulaire de contact
Module 7: menu déroulant, position absolute, z-index
Module 8: Typographie
Module 9: media queries, ombre, border-radius, ombre portée, box-shadow
Module 10: plug-in jquery avec Flexslider, utilisation des pseudo classe
Module 11: bootstrap
Module 12: canvas, SVG, transitions CSS, dégradé sur un background
Module 13: flexbox, responsive
Module 14: fancybox, flexslider,responsive

Ressources principales pour le HTML/CSS : outil, cours

[W3C-html-validator]:Valider son HTML
[W3C-css-validator]:Valider son CSS
http://fontawesome.io/ (Les polices et icones Google)
font-awesome.zip
colorzilla.com/gradient-editor/
http://www.awwwards.com/
http://www.cssdsgn.com/
http://www.cssmania.com/
http://forum.alsacreations.com/
http://babylon-design.com/
Bootstrap: La doc (site officiel)

Fichier index.html de base
Fichier style.css de base
reset.css
normalize.css

Les cours de CSS

Doc HTML de Mozilla

Doc CSS de Mozilla
Doc CSS3 de Mozilla
Les balises HTML
La propriété font-family
La propriété color
La propriété background-color
Bien indenter son code
La propriété background-image
La propriété padding
La propriété max-width
La propriété float
La propriété clear (1)
La propriété clear (2)
La propriété clear (3)
Le modèle de boite
Le inline-block
La propriété vertical-align
La propriété min-width
La propriété line-height
La propriété border
La propriété list-style-type
La propriété box-sizing
La propriété box-sizing en image
La propriété background-size
La propriété background-position
Les pseudo-éléments
Les pseudo classes
La propriété content
Le préfixage en CSS
Le préfixage en CSS
C'est quoi le Responsive WebDesign
Différentes tailles des écrans de device
Choisir la taille de sa police (et l'unité)

Les media queries (MDN)
Les media queries (alsacreations)
Les coins arrondi
Ombre portée (box-shadow)

Ombre portée (text-shadow)

Les dégradés en CSS
Gradient-editor (dégradé CSS)

L'audio en HTML
La vidéo en HTML
Bootstrap: La doc (site officiel)

Bootstrap: Le système de grille
Bootstrap: Les boutons
Bootstrap: Les panel
Bootstrap: Les list-group
Les transitions en CSS
Les effets de transitions en CSS
Les tranformations en CSS
Le SVG
Le canvas
L'élément canvas (javascript)
Le multi-colonnage en CSS
Le flexbox
un guide flexbox
Jeu flexfroggy pour apprendre flexbox
La balise adress
La balise abbr
Les liens mail
Les liens numéros
awwwards.com/
cssdsgn.com/
cssmania.com/
commentcamarche.net/faq/10428-valider-un-document-html

Wordpress

fr.wordpress.com
fr.wordpress.org
wpfr.net/
wpformation.com/wordpress
journaldunet.com/solutions/dsi/1169219-wordpress-cms-gratuit-open-source-2
geekpress.fr/extension-wordpress-poo
geekpress.fr

Exercices Javascript

Cours Javascript

fr.wikipedia.org/wiki/Liste_des_codes_HTTP
apprenez-a-coder-avec-javascript
openclassrooms.com/courses/tout-sur-le-javascript
devdocs.io/javascript/
devdocs.io/dom/windowtimers
=devdocs.io/dom_events/
devdocs.io/javascript/global_objects/string
devdocs.io/javascript/global_objects/math
javascript.developpez.com/cours/?page=langage
pierre-giraud.com/javascript/cours-complet/javascript-presentation.php
developer.mozilla.org/fr/docs/Web/JavaScript/Introduction à JavaScript orienté objet
jquery (openclassroom)
stackoverflow.com/questions/4616694/what-is-event-bubbling-and-capturing
alsacreations.com/article/lire/1498-lapi-classlist.html

Modules Jquery

Adressbook
Ajax : importation de document html, php ou contenu JSON
webstorage : test jquery
webstorage : test webstorage
Ardoise-Magique

Cours Jquery et ressources

jquery.com/
jquerymobile.com/
jqueryui.com/
fr.wikipedia.org/wiki/JQuery
openclassrooms.com/courses/simplifiez-vos-developpements-javascript-avec-jquery
openclassrooms.com/courses/un-site-web-dynamique-avec-jquery
openclassrooms.com/courses/jquery-dynamisez-vos-pages-plus-simplement/introduction-a-jquery-2
developer.mozilla.org/fr/docs/Web/Guide/Using_FormData_Objects
query.info/
github.com/jquery/jquery
www.jquery-fr.com/
javascript.developpez.com/faq/jquery/?page=Introduction
creersonsiteweb.net/page-apprendre-jquery
codecademy.com/learn/jquery
journaldunet.com/developpeur/client-web/jquery/
developpez.net/forums/f1188/webmasters-developpement-web/javascript-ajax-typescript-dart/javascript/bibliotheques-frameworks/jquery/

Cours PHP : les bases

phpdebutant.org
openclassrooms.com/courses/concevez-votre-site-web-avec-php-et-mysql
php.developpez.com/cours/?page=langage
eilgin.github.io/php-the-right-way/
tuto_php.pdf
pierre-giraud.fr/developpez-sites-web-dynamiques-php-mysql/

Cours PHP : la programmation orienté objet

g-rossolini.developpez.com/tutoriels/php/cours/?page=poo
hachesse.developpez.com/objetphp/
apprendre-php.com/tutoriels/categorie-6-1-la-programmation-oriente-objet-poo.html
openclassrooms.com/courses/programmez-en-oriente-objet-en-php
laravel.sillo.org/php-objet/
http://www.lephpfacile.com/cours/25-la-programmation-objet-premiere-approche

Cours PHP : le Modèle MVC (Modèle-vue-contrôleur)

https://fr.wikipedia.org/wiki/Mod%C3%A8le-vue-contr%C3%B4leur
https://openclassrooms.com/courses/concevez-votre-site-web-avec-php-et-mysql/organiser-son-code-selon-l-architecture-mvc
http://bpesquet.developpez.com/tutoriels/php/evoluer-architecture-mvc/
http://tahe.developpez.com/web/php/mvc/?page=page_1
http://profgra.org/lycee/activite_intro_MVC_PHP.html
http://www.apprendre-php.com/tutoriels/tutoriel-33-ralisation-d-un-livre-d-or-avec-pdo-et-mvc.html
https://www.univ-orleans.fr/iut-orleans/informatique/intra/tuto/php/mvc1.html
http://sametmax.com/quest-de-que-mvc-et-a-quoi-ca-sert/
http://codes-sources.commentcamarche.net/faq/844-l-approche-mvc-modele-vue-controleurs
http://profgra.org/lycee/activite_intro_MVC_PHP.html

Cours PHP : les variables de sessions

php.net/manual/fr/session.examples.basic.php
Les variables de sessions : php.net/manual/fr/reserved.variables.session.php
Les variables de sessions : creer-un-site.fr/les-sessions-php-200.php
Les variables de sessions : phpdebutant.org/article69.php
Les variables de sessions : phpdebutant.org/article113.php
Les variables de sessions : php.developpez.com/cours/sessions/?page=page_3
Les variables de sessions : apprendre-php.com/tutoriels/tutoriel-14-les-sessions.html
Les variables de sessions : lephpfacile.com/cours/18-les-sessions
openclassrooms.com/courses/concevez-votre-site-web-avec-php-et-mysql/variables-superglobales-sessions-et-cookies

Cours PHP : la gestion des erreurs d'exceptions

openclassrooms.com/courses/evoluez-vers-une-architecture-php-professionnelle
http://www.w3schools.com/php/php_sessions.asp
http://www.dynamic-mess.com/php/php-erreur-et-exceptions-6-43/
http://php.net/manual/fr/pdo.error-handling.php
http://php.net/manual/fr/language.exceptions.php
http://www.w3schools.com/php/php_sessions.asp
https://openclassrooms.com/courses/programmez-en-oriente-objet-en-php/les-exceptions-10
https://www.dewep.net/realisations/gestion-des-erreurs-en-php
http://www.finalclap.com/faq/325-php-exception-try-catch
http://guillaume-affringue.developpez.com/exceptions-et-PHP5/
http://www.alsacreations.com/tuto/lire/676-gestion-erreurs-mysql-php-or-die.html
http://www.weirdog.com/blog/wdcore/gestion-personnalisee-des-exceptions-php.html
http://www.chiny.me/gestion-des-exceptions-8-11.php
http://www.lephpfacile.com/manuel-php/language.exceptions.php
http://guillaume-affringue.developpez.com/exceptions-et-PHP5/
http://www.programmation-facile.com/messages-erreur-les-exceptions-en-php/
http://www.php-astux.info/sessions-php.php

Cours PHP : autres tutoriels

openclassrooms.com/courses/developpez-votre-site-web-avec-le-framework-symfony2
video2brain.com/fr/formation/php-creation-dune-application-web

Modules PHP

Module1
Traducteur
TodoList
DessinSVG : utilisation des classes (corrigé)
DessinSVG : utilisation des classes avec un formulaire
Gestionnaire des taches
Gestionnaire des taches (corrigé)
Gestionnaire des articles
SQL :Bons Commandes
Blog

Cours Sql

sql.sh/cours/

Modules PHP : programmation orienté objet

Blog MVC
Blog MVC