Développeur front-end

Concevoir et réaliser des pages web et des sites professionnels.

Il y a quelques années, la création de site internet se faisait avec un graphiste (webdesigner), un intégrateur, et un développeur. Aujourd'hui avec l'évolution de l'internet, on fait appel au développeur front end et au développeur back end.
le developpeur Front-end s'occupe de la partie visible des sites internet. Il respecte les règles d'ergonomie, l'accessibilité, la sémantique, le référencement & SEO, l'adaptibilité pour tablettes et smartphone (responsive webdesign), les contraintes liées aux différentes plateformes et navigateurs.

Objectifs

1 - Concevoir l'interface des sites web en respectant les contraintes, l'ergonomie et les règles de présentation.

2 - Devenir autonome dans l’exécution technique de vos pages web, vous étudierez les langages suivant : HTML5, CSS3, Javascript, PHP.
Conception d'une base de données.

Programme de la formation - 525h

HTML5 / CSS3

- Présentation et analyse d’un fichier HTML.
- Explications des balises de bases (Doctype, HTML, head, title, section, article, figure, img ...).
- Compréhension de la mise en page (position naturelle,position absolue...).
- Sémantique des balises - Compréhension des balises de formulaires.
- Rendre son site conforme aux normes d’accessibilité. Validation W3C.
- Études et compréhension d’un fichier CSS et liaison du fichier (séparation contenant/contenu).

PHOTOSHOP / WEBDESIGN

- Connaître les outils de base nécessaires au web design.
- Au-delà de l’aspect esthétique, la conception du design du site doit prendre en compte tout un ensemble de contraintes techniques, fonctionnelles et ergonomiques.
- Étude d’une charte graphique et d’un cahier des charges.
- Organisation des textes et hiérarchie des informations.
- Étude des choix typographiques et du respect des règles.
- Réalisation de maquettes graphiques avec prise en compte du responsive webdesign.
- Concevoir l’ergonomie d’un site (cohérence couleurs/typo, iconographie, hiérarchisation de l'info, ergonomie) et savoir le coder.

RESPONSIVE WEBDESIGN

Site web adaptatifs, L'utilisateur peut ainsi consulter le même site web à travers une large gamme d'appareils (moniteurs d'ordinateur, smartphones, tablettes, TV, etc.) avec le même confort visuel et sans avoir recours au défilement horizontal ou au zoom avant/arrière sur les appareils tactiles notamment.
- media queries
- framework

RÉFÉRENCEMENT

Comment choisir son hébergeur. Gestion d’un nom de domaine et sous domaine. Gestion et création de mails. Arborescence. Utiliser un logiciel FTP. Règles de mise en ligne.
Étude des nouvelles technologies google. La publicité sur internet (adsense,adwords...). Optimisation des pages et des mots clés. Les pièges à éviter.

CMS / E-BOUTIQUE

Installation et configuration d’un CMS classique (Wordpress), présentation et gestion de l’interface administrateur, création de pages, d’articles, de produits. Modification du théme. Installation de module, extensions…

Mise en place et configuration d’une solution e‐Commerce (Prestashop) Gestion des langues, Gestion des taxes, Gestion des transporteurs et des livraisons. Gestions des produits (Créations, Suppressions, Déclinaisons, Stocks…). Gestions des clients (comptes, commandes, promo, Facturations…). Mise en place Paypal et protocole bancaire

LES BASES DE LA PROGRAMMATION

Pour faire exécuter une tâche par ordinateur, il faut tout d'abord, détailler suffisamment les étapes de résolution du problème, pour qu'elle soit exécutable par l'homme. Ensuite, transférer la résolution en une suite d'étapes élémentaires et simples à exécuter, pouvant être codées en un programme dans un langage compréhensible par ordinateur.

JAVASCRIPT

Présentation du langage. Étude des fonctions de base du langage pour réaliser une vérification de formulaire et un traitement des données. Réalisation d’un diaporama. Compréhension de la syntaxe et exercices d’application.

PHP5/ BDD

Présentation du langage et de ses applications. Intégration dans une page XHTML. Gestion d’un formulaire à l’aide du PHP et envoi de données à l’aide de la fonction mail. Compréhension de la syntaxe de base. Gestion et utilisation des cookies. Gestion et utilisation des sessions. Gestion et utilisation des includes. Htaccess, page d’erreur personnalisée, réécriture d’url

Préparation et optimisation d’une BDD. Gestion de phpmyadmin. Gestion des données. Études des différentes requêtes (affichage, insertion, modification, suppression). Mise en place d’une interface administrateur. 

CERTIFICATION

réalisation d'un projet suivant un cahier des charges.
soutenir le projet devant un jury de professionnels

STAGE EN ENTREPRISE

245h soit 7 semaines en entreprise pour experimenter et consolider vos acquis.

Service des conseils et d'orientation

Possibilité de prendre des RDV d’orientation auprès de Sylvie Oberson si les candidats hésitent sur la formation à suivre à IMAGE : 04.66.64.21.11
Suivi personnalisé durant la formation en centre.
Accompagnement à la recherche de stages pratiques en entreprise pour un placement personnalisé et adapté.

PRÉ‐REQUIS

Des bases Photoshop sont nécessaires. (Une semaine de mise à niveau sur Photoshop est proposée avant l'entrée en formation).

PUBLIC

Tout public (salarié, indépendant, demandeur d’emploi, particulier)

DÉBOUCHÉS

Poste dans toute entreprise, industrie, service, information‐presse, ayant à entretenir et mettre à jour des sites. Agence de communication et de publicité. En fonction de vos compétences initiales, de votre expérience, de votre projet professionnel, les formations IMAGE vous aident à la construction de trois parcours débouchant sur divers métier : Webdesigner, développeur front-end, développeur back-end, chef de projet.

LIEU DE FORMATION

Dans nos locaux :
125 rue de l’Hostellerie 
Immeuble Ellipsis 30900 NÎMES