Flutter pour le Web: Créez des applications "responsive"

Créez des applications pour Web et mobile avec Flutter2 et Dart

3.90 (42 reviews)
Udemy
platform
Français
language
Mobile Apps
category
Flutter pour le Web: Créez des applications "responsive"
350
students
4 hours
content
Apr 2021
last update
$19.99
regular price

What you will learn

A créer un site avec Flutter et Dart

Un code unique pour des applications web, iOS et Android

Créer un design qui s'adapte aux dimensions de l'écran

Utiliser un carousel

Créer des boutons avec un lien vers une url

Why take this course?

  • Vous connaissez déjà les bases de Flutter?

  • Vous connaissez le langage Dart?

  • Vous avez déjà créé des applications mobiles avec Flutter pour iOS et Android?


Et si vous passiez à l'étape supérieure en créant avec Flutter et Dart une application Web et mobile avec un seul code? Et si vous créez une application qui pourrait se mettre à jour et s'adapter aux différentes contraintes d'écran avec un design responsive?

En effet depuis l'arrivée de Flutter 2, nous avons désormais un moyen stable et rapide pour créer des site web et des applications mobiles sans avoir a repartir de zéro et utiliser un autre langage de programmation. Vous pourrez gagner du temps, de la productivité et modifier en un clin d'oeil votre contenu sur tous les supports.

Alors ce cours est fait pour vous. Nous allons pas à pas apprendre à:

  • Configurer Flutter pour le Web

  • Créer un site

  • Modifier les Widgets pour en faire un site responsive selon la taille de l'écran

  • Ajouter des liens vers des Url

  • Ajouter un Carousel

  • Gérer l'opacité de notre AppBar

  • Gérer le défilement de l'utilisateur

  • Utiliser le hover (survol) de nos boutons pour le Web

Cela vous tente? Alors n'hésitez pas et venez nous rejoindre sur ce cours ! Je vous attends avec impatience pour que l'on puisse ensemble continuer l'aventure formidable qu'est l'apprentissage du développement avec Flutter et Dart.


A très vite sur le cours.


Matthieu.


Content

Introduction

Introduction
Setup de Firebase pour le Web
Avant de commencer, un peu de code à ajouter
Mise en place du projet

AppBar

Une AppBar pour le Web
Le HoverButton
Rendre notre App Responsive
Ajout d'un Drawer pour les petits écrans
Ajout d'une image de Background
Un container pour nos boutons

Les Sections Contact et Occasion

Mis en place de la Section Contact
Le Url_launcher, rediriger vers un autre site
La section Occasions

Sections A propos et Citation

Avant de commencer
About Me
Quote

Section des Commentaires

A ajouter avant de commencer
La Section Review
Créez des colonnes responsives selon l'écran
La ReviewCard

La Section Carousel

Mise en place du Carousel
Modifier le Carousel
Le Card
Le Visibility

Gestion de l'opacité selon le Scroll

Gestion du Scroll (déroulement de l'écran)
Derniers réglages du Scroll
Le projet complet

Screenshots

Flutter pour le Web: Créez des applications "responsive" - Screenshot_01Flutter pour le Web: Créez des applications "responsive" - Screenshot_02Flutter pour le Web: Créez des applications "responsive" - Screenshot_03Flutter pour le Web: Créez des applications "responsive" - Screenshot_04

Reviews

Yvon
December 7, 2021
Très bien expliqué, ajouter une ressource contenant le code pourrait aider dans les cas plus délicat où on pourrait être perdu. Merci pour les trucs et astuces
Alain
May 20, 2021
Bonjour Matthieu, Peux-tu nous dire comment faire pour transférer une application Flutter vers un iphone Ipad etc.. C'est bien beau de donner des cours sans aucun moyen de transférer son application sur les 2 plateforme IOS Android Ces cous ne servent a RIEN En espérant avoir une réponse favorable Je modifierai ma note après Merci
Gregoire
April 28, 2021
Je n'ai pas fini, mais pour le moment le propos me semble répétitif et le code un florilège de mauvaises pratiques.

Charts

Price

Flutter pour le Web: Créez des applications "responsive" - Price chart

Rating

Flutter pour le Web: Créez des applications "responsive" - Ratings chart

Enrollment distribution

Flutter pour le Web: Créez des applications "responsive" - Distribution chart

Related Topics

3970490
udemy ID
4/9/2021
course created date
4/23/2021
course indexed date
Bot
course submited by