Dot.Blog

C#, XAML, Xamarin, UWP/Android/iOS

Cross-Plateforme : L’index détaillé des 12 vidéos de formation offertes par Dot.Blog – Vidéos 1 à 6

[new:31/10/2013]Pour mieux s’y retrouver voici l’index détaillé des 12 vidéos sur le cross-plateforme publiées ces dernières semaines. Les entrées d’index pointent directement sur chaque vidéo dans YouTube et permettent aussi d’un coup d’œil de voir l’étendu des sujets traités !

8 heures de vidéos gratuites !

8 heures en douze volets, de quoi largement comprendre les mécanisme d’un développement cross-plateforme efficace…

Visual Studio, Xamarin et MvvmCross sont à l’honneur, tout autant que dans chaque démonstration Android, WinRT, Windows Phone ou WPF.

Une série à ne pas louper sur la chaîne YouTube “TheDotBlog”!

Vidéo 1 : Introduction au framework MvvmCross v3 Hot Tuna

Création en direct d'une solution cross-plateforme WinRT (Windows Store/Modern UI) et Android en utilisant Visual Studio 2012, Xamarin 2.0 et MvvmCross V3. 

Plateformes de démonstration : WinRT (Windows Store) et Android

Durée : 45 Minutes.

Lien direct : http://www.youtube.com/watch?v=JFn3RPKQTpw

 

(les liens ci dessous ne marchent plus pour cette vidéo car l'originale ne marchait plus sur YouTube et j'ai du en uploader une nouvelle version... Mystère...).

03:50 Création solution cross-plateforme sous VS

04:50 Création du projet portable PCL (noyau)
06:40 Astuce pour afficher Monodroid et MonoTouch dans les plateformes de la PCL
10:27 Ajout de MvvmCross à la PCL
12:00 Le code de App.cs
13:19 Le ViewModel principal
15:24 RaisePropertyChanged
18:10 Le projet Windows Store
19:00 Ajout de MvvmCross
19:39 La Référence au noyau
19:50 Le fichier Setup.cs
20:56 Modification du fichier App.xml.cs
22:20 Suppression de FirstView et ajout d’une “basic page” (avec /Common)
23:46 Modifications de LayoutAwarePage.cs
24:55 Création de la vue
27:30 Exécution dans le simulateur WinRT
28:25 Contourner le manque de trigger xaml WinRT
29:25 Behavior attaché pour INPC
30:14 Exécution : comportement des bindings corrigés
32:32 Ajout de l’application Android
33:25 Ajout de la référence Nuget à MvvmCross et au noyau
34:21 Le fichier Setup.cs
36:33 La vue Android, le binding mvvmcross, le designer visuel Xamarin
39:14 Exécution de l’application Android
41:18 Récapitulation

Vidéo 2 : Services et Injection de dépendance

Mise en place d'un service, utilisation de l'injection de dépendances dans les constructeurs. Le tout cross-plateforme avec une application WinRT (Windows Store) et une application Android.

Plateformes de démonstration : WinRT (Windows Store) et Android

Durée : 15 min.

Lien direct : https://www.youtube.com/watch?v=YWU4E8d_oqQ

00:50 App.cs du noyau et déclaration automatique des services
01:58 Création du service
03:26 Utilisation du service dans le ViewModel
06:08 Modification du projet Android
07:23 Exécution de l’application Android
09:15 Modification du projet WinRT
10:00 Exécution de l’application WinRT
10:36 Récapitulation

Vidéo 3 : Liste bindable, plugins, ImageView, item template

Gérer des listes bindable avec le MvxListView, templater la liste, utiliser le MvxImageView et les plugins de cache et fichier pour afficher des images depuis une Url. Couple de démonstration : Android et WinRT.

Plateformes de démonstration : WinRT (Windows Store) et Android

Durée : 31 min.

Lien direct : https://www.youtube.com/watch?v=JBzj_nkeLFI

00:55 Création du noyau PCL
02:21 Ajout d'un service avec accès images à www.placekitten.com
05:00 Création du ViewModel
06:55 Création du projet Android
08:40 L'UI et la liste MvxListView et ses bindings
10:05 Première exécution de l’application Android
10:28 Création d'un template d'item pour la liste
14:24 Premier run avec le template
16:20 Présentation des plugins MvvmCross
17:32 Ajout des packages Nuget des plugins File et DoawnloadCache
18:18 Amélioration du template d’item avec chargement d’image via l’Url
19:54 Le MvxImageView
21:28 Exécution finale
22:12 Ajout d'un manifest Android
22:54 Création du projet WinRT (Windows Store)
24:39 Ajout d'une vue "Items Page" et ses modifications pour MvvmCross
27:25 Comment adapter une “items page” avec ses templates par défaut
29:55 Vérification du manifeste WinRT
30:05 Exécution finale de l’application templatée

Vidéo 4 : Convertisseurs de valeur, Commandes et Navigation

Episode 4 de cette présentation de MvvmCross V3 avec exemples live sous WinRT et Android. Aujourd'hui : Les convertisseurs de valeur, les commandes, la navigation et la communication de données entre ViewModels lors de la navigation.

Plateformes de démonstration : WinRT (Windows Store) et Android

Durée : 40 min.

Lien direct : https://www.youtube.com/watch?v=tpL5xZHicJI

00:53 Le projet noyau
01:50 Le projet Android
02:25 La View
03:20 Exécution de test
03:45 Les convertisseurs de valeur
04:28 Création d'un convertisseur de démonstration
07:00 Intégration du convertisseur à la vue
08:00 Exécution de test montrant l'effet du convertisseur
09:08 Ajout d’une application Windows Store WinRT
10:30 Création de la vue
12:10 Exécution de test
12:30 Ajout du convertisseur de valeur
15:39 Intégration du convertisseur dans la vue
16:08 Exécution de test montrant l'effet du convertisseur
19:14 La gestion des commandes
19:36 Ajout d'une commande au VM du noyau
22:05 Modification de la vue Android, ajout d'un bouton
23:34 Exécution Android avec la commande
24:20 Les paramètres dans les commandes
25:44 La navigation sous MvvmCross
26:42 Ajout d'un ViewModel pour la page 2 dans le noyau
28:16 Modification du ViewModel n°1 pour ajouter une commande de navigation
29:20 Création de la vue secondaire dans le projet Android
31:45 Exécution de test Android
32:40 Portage vers WinRT
34:44 Exécution application WinRT
35:20 Passage de paramètres de navigation
36:05 Création d'une classe paramètre de navigation
36:40 Modification du 1er ViewModel pour envoyer les paramètres à la page 2
37:00 Modification du 2d ViewModel pour recevoir les paramètres
37:53 Exécution Android
38:40 Transposition dans l'application WinRT (rien à faire)
39:07 Exécution WinRT

Vidéo 5 : Recherches de livres avec l’API Google Books

Utilisation des données de design Blend, mise en place d'une interrogation de la Google Books API et beaucoup d'astuces ! (Partie 1)

Plateformes de démonstration : Windows Phone 8 et Android

Durée : 1 heure

Lien Direct : https://www.youtube.com/watch?v=UkhMH7FgSj4

01:30 Création de la PCL noyau
02:36 Ajout de MvvmCross
03:15 Ajout du plugin Json
03:52 L'API Google books
04:45 Classes de désérialisation c# depuis Json avec l'aide de Json2CSharp.com
06:10 Création d’un service Simple Rest
09:00 L'interface C#
09:26 L'implémentation utilisant le plugin Json
12:00 Les classes utilisées de l'API books
13:00 Création du service spécialisé Google Books
14:30 L'interface C# IBooksService
15:19 L'implémentation BooksService
17:45 Le ViewModel
24:55 L'application UI Windows Phone 8
29:10 Exécution de test
29:57 Création de l'UI WP8 sous Blend
37:10 Exécution de test - la recherche fonctionne
38:15 Données de design sous Blend
39:04 Blend : Create Sample Data
41:25 Personnalisation des données de design de Blend (dont placekitten et lorempixel.com)
45:58 Utilisation des données de design personnalisées sous Blend
49:43 Création de l'Item Template
57:20 Exécution de test (recherche ok avec item templaté)
58:36 Le projet Android
1:01:06 Exécution de test
1:03:27 Récapitulatif

Vidéo 6 : Amélioration de l’application de recherche Google Books

Partie 2  :  Amélioration du look & feel des deux applications Windows Phone 8 et Android, convertisseurs de valeur, astuces...

Plateformes de démonstration : Windows Phone 8 et Android

Durée : 32 min.

Lien Direct : https://www.youtube.com/watch?v=sMm1BtUtmmI

01:00 Améliorations sous Android et Windows Phone 8
03:54 Le noyau modifié pour gérer le busy indicator
06:11 Les Value Converters
07:15 Méthodologie : adaptation des données dans le ViewModel ou convertisseurs de valeurs ?
08:52 L'application Android (splascreen, icone de recherche, les densités d'écran)
10:20 Le Plugin Visibility
12:22 Ressources chaînes localisables (Hint)
13:00 Exécution de test
13:54 Le designer visuel Android de Xamarin, document outline de VS
14:30 Le TableLayout
16:20 Convertisseur de valeur d'inversion booléen, binding multiple
18:00 Le principe des drawable par densité d'écran
19:20 La ProgressBar et son binding
20:11 La MvxListView et ses bindings et l'item template
21:20 Exécution de test
22:30 Le projet Windows phone 8
22:48 Le Plugin Visibility
23:07 Fix Xaml de design time du convertisseur de visibilité
25:23 Les convertisseurs de valeur
27:03 L'UI et les bindings
27:32 Coding4Fun toolkit pour améliorer l'UI
28:00 Icone par fonte symbole
29:42 Comparatif des deux applications au runtime

 

La suite dans le prochain billet (vidéos 7 à 12)

blog comments powered by Disqus