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

Cette formation vous apprendra à maîtriser Umbraco 7. 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,...

Notes:

  • La formation a été mise à jour avec les nouveautés de Umbraco 7.7
  • Support de cours de 200 pages + Nombreux TPs + environ 6h de vidéos de correction des TPs à conserver.

Les deux premières sessions sur Umbraco 7.7 ont été organisées en décembre 2017 à Bruxelles et à Strabourg. L'expérience a été formidable. Des groupes hyper impliqués, hyper réactifs. Les retours sont ultra positifs. Tout le monde était hyper emballé par les possibilités offertes par Umbraco, même ceux et celles qui étaient initialement septiques.

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.
Cette formation est accessible à distance (Horaires à la carte possibles).

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.
La méthodologie et les bonnes pratiques
sont au cœur des formations Netkoders
Nos formations sont le fruit de
notre expérience de terrain,
de notre veille technologique
et de notre R&D.