Devenez un vritable dveloppeur web en 3 mois !

Lobjectif de la 3W Academy est de former des petits groupes dlves au dveloppement de sites
web dynamiques ainsi qu la cration dapplications web telles quun blog ou un site
de-commerce.

Aucun prrequis en programmation nest ncessaire pour intgrer la 3W Academy : la formation

est concentre sur ce qui est uniquement ncessaire et sur les bonnes pratiques pour obtenir des
rsultats de qualit et ainsi
devenir un dveloppeur web junior oprationnel
.

Les technologies enseignes par la 3W Academy ( HTML 5 ,

CSS 3
,
JavaScript,
PHP
,SQL) sont
utilises dans plus de 90% des sites web existants et des nouveaux projets, ce qui procure aux
lves un bagage solide pour se prsenter sur le march de lemploi (plus de la moiti des offres
demploi concernant le web demandent la matrise de ces technologies).

Une journe type la 3W Academy consiste en lexplication de nouveaux lments de syntaxe

dun langage, dune bonne pratique ou dune technologie particulire. Puis les lves ralisent un
exercice immdiatement en rapport afin dobtenir par eux-mmes un rsultat concret, tangible et
motivant.
Lapprentissage se poursuit avec des projets plus importants durant plusieurs jours et intgrant de
plus en plus denseignements dj vus mlangs des nouveaux. En se servant de plusieurs
technologies simultanment, les lves dcouvrent alors vritablement le fonctionnement du web
et des sites et applications quils utilisent au quotidien.
Les journes la 3W Academy durent 8 heures et sont donc intensives pour les lves car ils sont
toujours en train dcrire du code, assis avec un clavier devant eux.
De ce point de vue la 3W Academy cest
10% de thorie et 90% de pratique
.

3W Academy : devenez un vritable dveloppeur web en 3 mois !

HTTP HTML CSS JavaScript PHP - SQL
 Partie 1 : intgration et web design
(112 heures soit 16 jours)

La premire partie de la formation soccupe denseigner aux lves la construction de sites web en
utilisant les langages
HTML 5
et
CSS 3.

Lintgration est un travail consistant construire un site web partir dune maquette ralise
auparavant par un graphiste. En dcoupant la maquette graphique les lves apprennent :
crer un document
normalis
en
HTML 5
et manipuler les
balises
fondamentales du langage
comprendre le
modle de bote
et le
positionnement
du contenu en
CSS 3
utiliser les balises selon leur
sens smantique
et amliorer le
rfrencement naturel
bien utiliser les liens entre le
HTML 5
et le
CSS 3
et crer des feuilles de styles
maintenables
construire un site web
fluide
et
adaptif
tout type dcran y compris mobile
crer des
formulaires
de saisie et prsenter des donnes sous la forme de
tableaux
ajouter du contenu audio et vido en
HTML 5

Mots-clshtml5 boilerplate
: css normalize
, box sizing
, css grid
, flexbox
, media queries
, ,
responsive
web designsemantic css
, amlioration progressive
, ,
mobile first

Le web design est le vritable cur de lapprentissage dans cette partie : il consiste mettre en
avant le contenu, le rendre visuellement attrayant. Il sagit de travailler la forme pour sublimer le
fond :
Cration d
animations graphiques
sur tout ou partie dune page avec le
CSS 3
Cration de
sprites CSS
afin denrichir graphiquement une page
Limportance de la
typographie
et les possibilits offertes par le
HTML 5
et le
CSS 3
Construction d
interfaces de navigation
complexes fonctionnant partout y compris sur mobile
Cration dun
thme
pour
WordPress
(dernier jour de la premire partie)

Mots-cls css transition

: css animation
, css transform
, css gradient
, web fonts
, bootstrap
, ,
wordpress

3W Academy : devenez un vritable dveloppeur web en 3 mois !

HTTP HTML CSS JavaScript PHP - SQL
 Partie 2 : programmation et bases de donnes
(288 heures soit 41 jours)

La deuxime partie de la formation sattache enseigner aux lves la programmation en

JavaScript qui permet de rendre dynamique un site web dune part et en PHP qui permet de se
connecter aux bases de donnes SQL afin de stocker les informations saisies par lutilisateur
dautre part.

la 3W Academy le
JavaScript
sert de langage permettant dapprendre programmer :
Les
variables
et
constantes
, manipulation des nombres avec les
oprateurs arithmtiques
Affichage, rcupration et manipulation de texte avec les
chanes de caractres
Les
types
de donnes complexes :
tableaux
une ou plusieurs dimensions et les
objets
Les diffrentes faons de manipuler un tableau de donnes avec les
piles
et les
files
Excuter du code
conditionnel
grce aux
boolens
Excuter du code rptitif grce aux
boucles
Organiser son code grce aux
fonctions
, regrouper ses fonctions en
librairies
Dcouvrir la
programmation oriente objets
: cration de
classes
, de
mthodes
et de
proprits
Syntaxe avance de cration de
fonctions
, les
fonctions anonymes

Une fois les fondamentaux de la programmation expliqus, il est ncessaire de comprendre

linteraction entre le
HTML,le
CSS et le
JavaScript
ainsi que les possibilits avances du
JavaScript :

Manipuler un document
HTML
grce au
Document Object Model
(DOM)
Grer les
vnements
du navigateur, notamment ceux dclenchs par lutilisateur
Excuter du code au bout dun dlai unique ou rptitif grce aux
chronomtres
Rcuprer des donnes de formulaire en
JavaScript
, modifier les classes
CSS dune balise
HTML
Stocker des donnes simples accessibles en
JavaScript
lintrieur dun document
HTML
Stocker des donnes persistantes ou temporaires lintrieur du navigateur
Dcouvrir comment
convertir
une donne complexe en une donne simple et inversement
Utiliser
jQuery
afin de simplifier la gestion des vnements et la manipulation du DOM

3W Academy : devenez un vritable dveloppeur web en 3 mois !

HTTP HTML CSS JavaScript PHP - SQL
 http
Mots-cls : , dom , html data
attributs local storage
, serialization
, json
, ,
constructeur, dont
repeat yourself (dry), poo

Liste des projets

: un petit jeu vido, un carrousel de photos, un carnet dadresses

Lorsque la programmation dans le navigateur grce au

JavaScript
a t apprise, lenseignement de
la programmation sur le serveur grce au
PHP
peut dmarrer :

Comprendre lintrt de la programmation en

PHP
par rapport au
JavaScript
Connatre les diffrences de syntaxe en le
JavaScript
et le
PHP
La syntaxe spciale pour crer des
templates
en
PHP
Dcouper et organiser le code
PHP
en multiples fichiers pouvant tre
inclus
selon les besoins
Communiquer avec le navigateur via le protocole HTTP :
queries strings
et
formulaires
Dcouvrir et utiliser les nombreuses fonctions de gestions des tableaux
Accder aux fichiers du serveur et stocker des donnes dans un fichier au format CSV
Approfondir la programmation oriente objets afin de structurer et dorganiser son code

template phtml
Mots-cls : ,http get et postpost redirect get
, type hint
, hritage
, composition
, ,
encapsulation classe abstraite
, polymorphisme
, ,
svg

Liste des projets

: un petit traducteur de mots, un gestionnaire de tches, un programme de dessin

Le PHP permet entres autres de se connecter aux bases de donnes afin de stocker les
informations saisies par lutilisateur. Les bases de donnes les plus courantes sont les bases
relationnelles utilisant le langage
SQL
:

Savoir utiliser
phpMyAdmin
afin de grer une base de donnes compatible
MySQL
Modliser puis crer soi-mme une base de donnes de A Z
Utiliser les requtes
SQL
SELECT
afin de rcuprer nimporte quelle donne de la base
Calculer des donnes en utilisant des fonctions
SQL
Se connecter une base de donnes
SQL
en
PHP
Construire et organiser une application
PHP
consommant les donnes dune base
SQL

Mots-clssgbdr
: nosql
, merise
, uml
, cl primaire
, cl trangre
, aggrgation
, jointure
, ,
pdo, poo

3W Academy : devenez un vritable dveloppeur web en 3 mois !

HTTP HTML CSS JavaScript PHP - SQL
Une fois la programmation en PHP enseigne, la 3W Academy propose aux lves de construire
des applications de A Z utilisant tous les langages
HTML
,
CSS
,
JavaScript
,
PHP et
SQL toutes les
technologies et lments de syntaxe apprises jusqu prsent.
Parmi les applications proposes il peut y avoir : un blog, un site de e-commerce, un site de
rencontre, un chat, un rseau social Cest le formateur qui dcide des sujets.

Ces projets permettent de se concentrer sur lorganisation et la structure dune application, en

sappuyant sur la programmation oriente objets et sur larchitecture MVC,
Modle Vue
Contrleur
.

Par ailleurs les nouvelles technologies et techniques suivantes sont utilises ou implmentes par
les lves, de manire plus ou moins importante selon les projets :

Grer les erreurs en mode oriente objets :

les exceptions
Crer et grer des
mots de passes scuriss
et des comptes utilisateurs
Authentifier des utilisateurs grce aux
sessions
et aux
cookies
Envoyer des requtes HTTP en
JavaScript
vers du code en
PHP
grce
AJAX
Paginer les donnes en provenance dune base ayant beaucoup de contenu
Se connecter un
service web
pour consommer des donnes, comprendre ce quest une
API
Valider des formulaires
HTML
en
JavaScript

Vers la fin de la formation, aprs avoir dvelopp plusieurs applications de A Z, il est propos aux
lves une initiation au framework Symfony 2 permettant de construire plus rapidement des
applications en PHP :
Installation du framework, dcouverte de
Composer
et de
Git
Comprendre limplmentation de larchitecture MVC au sein de Symfony
Organiser son code en
bundles
, utiliser et matriser les
namespaces
en
PHP
Crer et utiliser le systme de
routing
des URLs vers les contrleurs
Crer et utiliser des templates
Twig
en remplacement des templates en
PHP
Utiliser la
console
pour des tches courantes de construction de lapplication

3W Academy : devenez un vritable dveloppeur web en 3 mois !

HTTP HTML CSS JavaScript PHP - SQL