Formation:
Concevoir des sites Web avec Umbraco CMS 7 / .Net / MVC / C#

Objectifs

• Maîtriser Umbraco 7 et tout un ensemble de notions périphériques indispensables.
• Etre en capacité de créer des sites et des applications Web.

Public concerné

• Développeurs / Concepteur de site Web.

Prérequis

• Des notions HTML5/CSS3/Javascript et C# de base sont nécessaire. Veuillez nous contacter pour un cursus de préparation à cette formation.

Accès à la formation

• Entretien individuel avec le formateur (par téléphone ou en conférence). L'objectif de cet entetien est de vérifier que la formation répondra à vos besoins et attentes, mais aussi de déterminer les points d'adaptations qui seront éventuellement nécessaires lors de la formation.
• Création d'une convention de formation à remettre à votre employeur ou à Pôle emploi.
• En même temps que la convention, un dossier de formation contenant toutes les informations utiles ainsi que le règlement intérieur vous sera remis.

Programme de la formation

Les fondamentaux

• Présentation
• L'écosystème et les outils (Visual Studio / Visual Code / Web Matrix / autres)
• Architecture / Différences entre les versions
• La philosophie d'Umbraco
• Installation / Configuration (avec ou sans Nuget)
• Quelle base de données? Les implications
• Présentation des répertoires et de leur fonction
• Mise à jour (ce qui peut être parfois un challenge ;)
• Les plug-ins incontournables

La maîtrise du backoffice et les notions clés pour le développement

• Présentation des différentes sections et de leur fonction
• Création de types de documents
• La notion de Property Editor
• Gestion de contenu
• Gestion de médias
• Gestion des utilisateurs et des membres
• Les sections "settings" et "developement"
• Umbraco et MVC! Où est M, où est V, où est C?
• Le routage / Pipeline
• Vue / Razor / C#
• Model builder
• Création de templates
• Création de macros
• Création de vues partielles
• UmbracoContext
• UmbracoHelper
• HTML5 / CSS3 / JQuery / Angular avec Umbraco
• Intégration / création de templates HTML5 avec Umbraco, philosophie du développeur contre philosophie du Web designer
• Css / Less / Sass : les solutions
• Intégration d'API Javascript : les solutions
• Faire du responsive avec Umbraco / Grid Layout
• Techniques avancées avec les Grid Layout
• La notion de Grid Editor
• Création de Menus / Breadcrumb / Listes / …
• Notion de Content et PublishedContent
• L’indexation / Recherche
• Utilisation de dictionnaires
• Les différentes façons de faire du multi langues
• Création de formulaires
• Umbraco Forms

Comprendre le coeur d'Umbraco

• Umbraco.Core
• Les autres namespaces importants
• Description des services Umbraco
• Description des APIs importantes

100% de contrôle avec MVC

• Route Hijacking / RenderController
• SurfaceController
• Notion de ViewModel
• Création de formulaires avec controller
• Ajax / REST avec Umbraco
• Angular / Riot JS / Vue JS avec Umbraco
• Intégration d'une application MVC dans Umbraco
• Authentification et sécurité
• Tirer parti de Microsoft .Net et C#
• Les bonnes et mauvaises pratiques
• Intégrer des logiques métier complexes coté front

 Modifier et étendre le backoffice d'Umbraco

• Le routage
• Angular et Umbraco
• Créer un Property Editor
• Créer un Grid Editor
• Ajouter des éléments au backoffice (sections / tree / ...)
• Modifier des éléments natifs
• Créer des extensions Umbraco / Packages
• Intégrer des logiques métier complexes coté backoffice

Real World!

• Intégrer un template Web HTML5/CSS3
• Bien configurer un site pour qu'il soit bien indexé
• Création d'un sitemap from scratch
• Les bases du SEO
• Les impardonnables du SEO (qu'un développeur Umbraco ne doit jamais laisser de coté)
• Comment intégrer ces notions SEO dans nos développements Umbraco
• Penser à l'utilisateur final (qui ne maîtrisera jamais ces notions)
• Penser à l'utilisateur final (qui voudra toujours plus)
• Création d'un site Web from scratch
• Création d'un Blog from scratch
• Création d'un tunnel d'achat from scratch
• Les bases des microdata
• Création d'un système d'avis / commentaires from scratch
• Les performances
• La stabilité

Real life :  S'organiser avec Umbraco

• Travailler en équipe et Umbraco
• Travailler avec des Web Designers et Umbraco
• Travailler avec des intégrateurs Web et Umbraco
• Travailler avec des rédacteurs Web
• Cycles de Développement / Préproduction / Production avec Umbraco
• Courier et autres solutions
• Umbraco et SVN/Git
• Umbraco dans Azure
• Umbraco Cloud

Méthode pédagogique

• La formation est découpée en session de 3 à 4h de travail.
• Chaque session est une itération de parties théoriques, de démonstrations, d'exercices, de travaux pratiques, de discussions et réflexions.
• Chaque session se termine par un résumé des points importants à retenir.
• La formation met l'accent sur la méthodlogie et les bonnes pratiques.
• Votre participation active sera requies tout au long de la formation.

Moyens pédagogiques

En présentiel

• Salle de formation
• Vidéo projecteur
• Un PC est fourni (il est possible d'utiliser votre portable, dans ce cas un setup de formation vous sera transmis)
• Support de cours propriétaire en français

A distance

• Salle de vidéo conférence
• Forum de discussion
• Un setup de formation vous sera transmis pour configurer votre machine
• Vous pouvez aussi opter gratuitement pour l'option 'machine virtuelle'
• Vous pouvez aussi opter gratuitement pour l'option 'machine dans le Cloud'
• Support de cours propriétaire en français
• Portail LMS

En E-Learning (quand disponible)

• Toute la formation en vidéo
• Forum de discussion
• Un setup de formation vous sera transmis pour configurer votre machine
• Vous pouvez aussi opter gratuitement pour l'option 'machine virtuelle'
• Vous pouvez aussi opter gratuitement pour l'option 'machine dans le Cloud'
• Support de cours propriétaire en français
• Portail LMS

Support de formation

• Conçus et rédigés par des experts.
• De nombreuses références à la méthodologie et aux bonnes pratiques.
• De nombreux retour d’expérience.
• Les travaux pratiques sont issus de projets réels.

Sanction de fin de formation

• Une attestation de formation vous sera remise.
• Un bilan de formation vous sera remis. Ce bilan contient des remarques est conseils concernant la suite à donner à votre formation, vos aptitudes, vos perspectives.
• Vous pouvez opter pour l'option attestation de compétances. Il vous faudra alors réaliser un projets test qui sera corrigé et évalué par le formateur.