Découvrez sur ces présentations mes projets d'études lors de ma formation de chef de projet multimédia.
Projets réalisés sur base de maquettes graphiques fournies par les intervenants.
4. Team Direct Energie
Réaliser avec des connaissances techniques une
refonte du site.
LA DEMANDE
LA PROBLEMATIQUE
OBJECTIFS
Découpe graphique (Photoshop)
Intégrer la maquette
Découpage graphique
HTML/CSS
JavaScript
5.
6. Création d’une application web dynamique et
personnalisable.
Buddash
LA DEMANDE
LA PROBLEMATIQUE
OBJECTIFS
Mise en place d’une API
Gestion des animations
Utilisation du Local Storage (stockage local)
HTML/CSS
JQuery
Local Storage
RegExp
7.
8. H6
Intégrer et déployer le site sous WordPress.
LA DEMANDE
LA PROBLEMATIQUE
OBJECTIFS
Création de thème personnalisé (WordPress)
Animations, mise en page
Gestion de plugins: CPTUI/ACF
HTML/CSS
WordPress
JavaScript
Mise en ligne
Plugins: WOW.js, Isotope
Ajax
9.
10. Créer une interface Mobile First
Maison Écocitoyenne
LA DEMANDE
LA PROBLEMATIQUE
OBJECTIFS
Utilisation de pourcentages
Initiation au Framework SASS
Personnalisation Google Maps
HTML/CSS
JavaScript/JQuery
Ajax
Google Maps
Quiz « bilan Carbone »
Bonjour, je me présente Touré Fayçal j'ai participer à la formation "développeur front end" du CIFAP qui s'est dérouler sur 4 mois et demi et qui as pour but finale de faire de nous de bons développeur Front Junior.
Aujourd'hui "Je vais vous présenter mes différents projets que j'ai eu à développer durant cette formation. "
Pour mes présentations je vais procéder en trois étapes:
je vais commencer par vous présenter la maquette, l'intégration
et ensuite en fonction du projet, jr vais commenter quelques lignes de codes sur les fonctionnalités importantes.
Pour chacun j'ai travailler sur le:
Respect de la sémantique du code, tous les sites sont valide 3WC (world wide consertuim) et le
Respect de la charte graphique, la taille des tetxtes et le choix des typos.
Mon premier projet c'est Team Direct Energie
Un site de l'équipe Française de cyclisme "Direct Energie".
c'est un projet auquel j'ai été confronté au tout début de ma formation.
Il s'agissait ici de venir découper et intégrer la maquette
Faire une inté de A à Z c'était pour moi une grosse nouveauté mais à la fois une belle expérience qui m'a permis de faire la main et d'être à l'aise dès le début avec le HTML et la CSS...
Donc problématique majeur
La découpe, l'intégration HTML5/CSS3.
La barre orange que vous voyez à l'écran représente les fonctionnalités développés en plus de ce qui as été demandé
Je vais passer à la démo...
#MONTRER MAQUETTE
#MONTRER DEMO
Mon deuxième projet c'est Buddash, C'est une projet full Javascript/JQuery
Le but de ce projet c'étais de créer une appli web capable de stocker des données dans l'espace de stockage du navigateur (appelé local Storage) et de les réafficher au besoin.
Donner la possibilité à l'utilisateur de pourvoir :
- Ajouter et manager ses sites favoris depuis son écran d'accueil (son DASBOARD).
- et aussi... personnaliser son thème à la volé
Je vais faire abstraction sur la maquette, simplement parce que la maquette représente l'appli en lui même. Je vais donc passer directement à la démo
#MONTRER DEMO
#MONTRER JS
H6 est un centre de formation qui propose des formations dans le domaine du web.
Nous avons refait l'intégration du site et l'avons des déployer sur WordPress.
WordPress est un CMS (content management System) open source (libre de droit) qui est à la base créer pour gérer les blogs, il représentent 25% des sites à léchelle mondiale.
Sur ce projet nous avons étés confrontés à de nouvelles problématiques, celle de la gestion des plugins Custom post type et Advanced custom fiel
CPTUI
Permet de créer et gérer des contenus personnalisés dans WorPress en créeant de nouveaux menus dans le Backoffice.
ACF
Plug-in permettant d’ajouter des champs personnalisés à nos articles gérable aussi depuis le backoffice.
En plus de ces plugins, j'ai utiliser deux autres qui sont wow.js et isotope qui permettent d'avoir des effets d'animations dynamique sur le site.
Et enfin le dernier projet
"Maison Écocitoyenne"
Pour sensibiliser la ville de bordeaux à une démarche Écocitoyenne, la mairie de bordeaux à mis en place cette application mobile qui propose des gestes et activités favorable à l'environnement.
Grosse nouveauté: découverte du Framework SASS fonctionnant sous ruby qui permet de générer de la CSS dynamique...
Le but du projet était de reprendre l’application et en déduire une interface "Mobile First" centré utilisateur !
Le terme de mobile first signifie mobile d’abord par ce principe on pars de la conception mobile d'un site avant de créer éventuellement une version desktop du site.
Sur ce projet je me suis amuser à créer comme sur l'application natif un Quiz permettant de calculer le bilan carbone, et aussi à personnaliser Google Map en envoyant des requêtes Ajax...
Je souhaiterais m’intéresser à d’autres technologies comme Angular.js, Node.js, Laravel et approfondir mes connaissances en PHP (langage côté serveur).