FRONT END

HTML5

Avec HTML5, découpage de charte graphique et intégration en HTML5 et CSS3. Création de sections, articles, side-bar, footer en design fixe ou fluide. Insertion d'images. Création de tableaux. Email responsive. Création de formulaires. Optimisation des balises meta pour le référencement.

HTML5

CSS3

Avec CSS3, édition de feuilles de style, mise en page et personnalisation des menus, des boutons, des formulaires. Design responsive adaptable sur smartphone et tablette tactile avec Bootstrap de Twitter grâce à la grille et aux media queries. Réalisation en CSS des mêmes effets qu'en Jquery grâce aux transitions. Utilisation de SASS et Compass. Automatisation des tâches de concaténation, minification ou conversion du SASS en CSS avec Gulp. Synchronisation du navigateur en phase de développement avec Browser-sync. Utilisation de polices spéciales avec Dafont et Google Fonts.

CSS3

BOOTSTRAP

Utilisation de Bootstrap pour rendre des sites web responsive grâce à la grille. Utilisation de la classe container pour délimiter un site web. Utilisation des classes Bootstrap pour la mise en page des éléments html, des formulaires, des listes, des alertes ou des boutons Bootstrap. Utilisation des slideshow intégrés, des menus responsive. Utilisation de Bower pour charger Bootstrap sur un serveur. Utilisation de Font Awesome pour créer des icônes en rapport avec le contenu et de Materialize pour faire du material design.

Bootstrap

JAVASCRIPT

Utilisation du langage javascript en natif pour développer toutes les fonctionnalités et mises en forme front-end : menu responsive, menu déroulant, systême d'onglets, slideshow, lightbox. Intégration de tous les éléments w3schools. Manipulation du DOM. Création de fonctions contenant des conditions ou des boucles qui se déclenchent avec les évènements comme click, mouseover, mouseout, keyup, keydown, focus, blur et submit. Requête Ajax d'une page située sur le même serveur.

JavaScript

JQUERY

Utilisation de la bibliothèque jQuery pour réaliser des effets front end lors du déclenchement d'évènements comme click, mouseover, hover. Les effets basiques comme hide(), show() et toggle(), Les effets customisés comme animate() ou stop(). Les effets de fondu comme fadeTo avec fadeIn et fadeOut. Les slide avec slideUp et slideDown. Apparition d'éléments au scroll de la fenêtre.

JQUERY

ANGULARJS

Utilisation du framework javascript pour réaliser des WebApp AngularJS. Création de module. Injection de dépendances. Routing avec le provider. Data-biding. MVVM (Model View View-Model). Scope. Filtres. Directives. Contrôleurs. Execution de fonctions dans le temps avec les promise. Création de services. Requêtes Ajax d'un fichier json avec l'objet $http. Requêtes Ajax d'une API REST Symfony avec l'objet $resource. Utilisation de Yeoman et de Grunt serve.

AngularJS

ANGULAR 6

Utilisation du framework javascript pour réaliser des WebApp Angular. AngularCLI. Interpolation de données et property binding. Directives. Filtres. Services. Injection de dépendances. Routing. Guards. Execution de fonctions dans le temps avec les promise. Observables avec RxJS. Abstraction des données avec les Subject. Intéraction avec un utilisateur. Formulaires méthode template et méthode réactive. Connexion à un back-end Firebase nosql. Requêtes Ajax avec HttpClient.

AngularJS

REACT

Utilisation du framework javascript pour réaliser des WebApp React. VirtualDOM. Syntaxe JSX. Create-React-App. Composants. Etat local et props. Fonctions et classes. Composants enfants et composant parent. Validation des props. Mise à jour de l'état local avec setState. Cycle de vie des composants. Evènements React.

AngularJS

VUEJS 2

Utilisation du framework javascript pour réaliser des WebApp VueJS. Data-biding. Propriétés combinées et watchers. Filtres. Directives. Créations de composants. Développement de l'application avec Vue CLI. Création de store. Animations et transitions. Création d'une TodoList, Carousel, Lightbox. Requêtes Ajax avec Vue Resource. Routing avec Vue Router. State management avec VueX.

AngularJS

WEBPACK

Utilisation du bundler Webpack pour réaliser plus efficacement des projets web en phase de développement. Installation de webpack. Commande watch pour écouter les changements. Ajoût de fonctionnalités avec NPM. Ajoût de Babel pour compiler l'ES6 en ES5 compatible sur tous les navigateurs. Mise en place d'un serveur avec HMR Hot Module Replacement. Compiler du SCSS en CSS.

AngularJS

BACK END

PHP

En PHP procédural : développement de mini programmes. Méthode Get et Post. Transmission de formulaire. Systême de back office. Systême d'inscription et désinscription à une newsletter.
En programmation orienté objet : construction de classes avec variables et méthodes membres. Encapsulation avec la portée des variables. Accesseurs et mutateurs. Héritage et instanciation d'objets.

PHP

MySQL

Utilisation de l'objet PDO de PHP. Affichage de données avec une requête SQL à partir d'une base de données Mysql. Je peux également faires des requêtes préparées afin d'améliorer la sécurité des requêtes contenant des variables. Insertion et mise à jour de données avec une requête SQL dans une base de données Mysql. Requêtes CRUD. Jointure entre deux tables. Utilisation du concepteur MCD de PhpMyAdmin. Création de blog avec commentaires et back office et site e-commerce avec back office.

MySQL

PostGreSQL

Création de base de données sur PhpPgAdmin, l'interface d'administration de PostGreSql. Création de table à la main ou avec une requête sql. Importation et exportation de fichier.sql. Changement de driver entre mysql et pgsql. Affichage de données avec une requête à partir d'une base de données PostGresql. Utilisation de l'objet PDO de PHP. Requêtes préparées. Requêtes CRUD. Jointure entre deux tables.

PostGreSQL

SYMFONY

Avec Symfony2/3/4, génération des bundles et des entités en ligne de commande. MVC (Model View Controller). Paramétrage de routes. Création de fonctions de contrôleurs. Templating avec Twig. Gestion des dépendances avec Composer. Création de formulaires. Requêtes du Repository et requêtes du QueryBuilder. Mapping des entités et relations. Evènements Doctrine callbacks. Evènements Symfony. Gestion des ressources css et js avec Assetic. Gestion des utilisateurs avec FOSUserBundle. Envoi d'email avec Swiftmailer. Utilisation des sessions et des services. Création de back office. Création d'une API REST qui envoie du JSON. Requêtage à distance sur une url avec Postman. Déploiement et mise en production d'une application Symfony sur un serveur distant.

Symfony

NODEJS

Création d'un serveur et paramétrage du port sur lequel il écoute. Ecoute de l'évènement request. Utilisation des objets request et response. Création d'évènement avec eventEmitter. Récupération d'informations sur les entêtes. Récupération d'url sous forme d'objet. Parsage de l'objet. Affichage dans un template. Paramétrage de la réponse. Code status. Encodage en utf-8. Utlisation des modules et des paquets NPM. Utilisation de la librairie Express. Création d'un livre d'or. Création d'une API REST Node.js et connexion à une bdd Mongodb avec Mongoose. Requêtage depuis Postman.

NodeJS

MONGODB

Utilisation de MongoDB, la base de données Nosql orientée documents. Installation en local. Création du dossier data/db. Ajoût des variables d'environnement. Lancement du serveur en ligne de commande avec mongod. Connexion avec la base de données avec mongo. Création de base de données avec use. Création d'une collection et insertion de documents de même nature ou non en ligne de commande avec insert. Insertion de données dans une bdd mongodb en local depuis Postman : requêtage d'une API REST Node.js.

MongoDB

GIT et GITHUB

Utilisation des commandes Git pou gérer le versioning d'un projet. Configuration avec git config --global. Initialisation avec git init et git init --bare en remote. Ajout de fichiers au stage avec git add --all. Commit avec git commit -m "message". Récupérer les modifications d'un projet collaboratif avec git pull origin master. Voir l'historique avec git log --oneline. Ajout d'un remote avec git add origin serveur. Manipulation de l'historique avec git checkout, git revert et git reset. Tirer des branches en local avec git branch. Changer de branche avec git checkout. Fusion des branches avec git merge avec ou sans fast-forward. Remisage avec git stash. Envoyer les modifications vers le remote GitHub avec git push origin master. Voir les remote avec git remote -v. Faire des fork et des pull request sur GitHub.

MongoDB

CMS

WORDPRESS

Réalisation de sites web Wordpress pour présenter l'activité d'une entreprise. Création de thême personnalisé ou utilisation de thême existant. Intégration. Design responsive avec la grille Bootstrap et menu responsive personnalisé. Ajout de logo. Création de template. Mise en place d'articles et de pages. Création et positionnement de widgets. Utilisation de l'objet WP_query. Pagination des articles avec WP_pagenavi. Création de formulaire de contact responsive avec Contact-Form7. Slideshow avec WD Slider. Ajout de boutons de partage pour les réseaux sociaux. Récupération d'adresse email pour l'envoi d'une newsletter. Mise en ligne.

Wordpress

JOOMLA

Réalisation de sites web Joomla pour présenter l'activité d'une entreprise. Positionnement des modules. Personnalistion du menu ou du formulaire de contact en CSS3. Utilisation de template, logo, widgets et plugins. Utilisation d'extensions pour les slideshow et les lightbox. Mise en ligne.

Joomla

E-commerce

PRESTASHOP

Réalisation de boutique en ligne sur Prestashop. Installation en local. Choix d'un thême existant. Création du catalogue produit et des catégories. Positionnement des modules sur les points d'ancrage. Personnalisation du header et du footer. Adaptation du logo sur mobile. Personnalisation des modules à travers les templates et les fichiers CSS. Amélioration CSS du slider. Modification CSS et JS du breakpoint du menu responsive. Création de pages CMS responsive. Personnalisation des pages d'accueil, page catégories et page produit. Modification du formulaire de contact. Configuration des moyens de transport et des moyens de paiement. Mise en production de la boutique.

Prestashop

SEO

REFERENCEMENT ET POSITIONNEMENT

Pour qu'un site soit bien positionné sur les moteurs de recherches, une étude de mots clés est nécessaire. Elle vous permettra de trouver les mots clés les plus tapés sur votre secteur d'activité. Un site doit s'adapter au fonctionnement des moteurs de recherches pour être en 1ère page sur Google. La meilleure technique est de bien structurer son site avec des balises h1, h2... et de mettre du contenu de qualité.

SEO

AlexandreHouriez.fr © 2019