Formation Web | Développeur Front-end RNCP niveau III

 WEBDESIGNER 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.

Programme de la formation – 546h

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 modules, 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 de 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 expérimenter 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é.

 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.

PUBLIC

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

DÉBOUCHÉS

Imprimeries, ateliers et studios graphiques, agences de publicité, services
communication d’entreprises, maisons d’édition, journaux, magazines, agences
web…

LIEU DE FORMATION

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

 WEBDESIGNER 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.

Programme de la formation – 546h

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 modules, 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 de 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 expérimenter 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é.

 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.

PUBLIC

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

DÉBOUCHÉS

Imprimeries, ateliers et studios graphiques, agences de publicité, services
communication d’entreprises, maisons d’édition, journaux, magazines, agences
web…

LIEU DE FORMATION

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

Voyage Extrême

Réalisations des stagiaires

Un site de voyage à thème pour des excursions vers le monde polaire. Site e-commerce.

Maison Lucien

Réalisations des stagiaires

Maison d’artisan glacier installée à Paris depuis 1957. Garder le côté « institution » du client tout en lui offrant une image moderne et à l’air du temps. Site vitrine.

Théâtre l'amature

Réalisations des stagiaires

Espace d’innovation et de création artistique, arts vivants contemporains: danse, musique, performance, etc

Fleurs de Thé

Réalisations des stagiaires

Un site e-commerce pour les amoureux du thé. Grand choix de thé du monde, de qualité et Fairtrade. Vente de thé en sachets, boîtes, coffrets et d’accessoires.

Image formation

Plus de 20 ans d'expérience dans le cadre de la formation continue le centre de formation IMAGE à Nîmes se développe désormais dans le cadre du Pôle Numérique Event (PNE)

 

S'inscrire à la newsletter

  • Nous contacter

    Immeuble Ellipsis
    125 rue de l'hostellerie
    ville active - 30900 Nîmes

  • (+33) 04.66.64.21.11
  • nous envoyer un mail

Retour à l'emploi 2017

  • Web 70% 70%
  • Pao 76% 76%
  • Design d'espace 67% 67%
Partager