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

Cette formation Umbraco - Concevoir des sites Web vous apprendra à maîtriser Umbraco. Vous pourrez alors créer des sites Web très puissants, mais aussi intégrer des logiques professionnelles avancées. Les nombreux TPs vous permettront d'aborder toutes les notions nécessaires : navigation, menus, listes, header, footer, formulaires, validation, recherche, création de composants / widgets, intégration de templates, SEO, microdata, techniques rédacteur-friendly,...

Objectif opérationnel : 

Savoir maîtriser Umbraco.

Objectifs pédagogiques : 

À l'issue de cette formation Umbraco - Concevoir des sites Web vous aurez acquis les connaissances et les compétences nécessaires pour :

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

Public :

Cette formation s'adresse aux développeurs et concepteurs de site web.

Prérequis :

Afin de participer à cette formation, il est nécessaire d'avoir des notions HTML5/CSS3/Javascript et C# de base.

Les fondamentaux d'Umbraco

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

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.