Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Photoshop Graphic Design Adobe Illustrator Drawing Digital Painting InDesign Character Design Figure Drawing Canva
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development Firebase

Angular 5, Firebase, AngularFire 5 et Angular Material

Utiliser Firebase avec Angular 5.0 via AngularFire 5.0 et améliorer votre interface graphique grâce à Angular Material
Rating: 3.8 out of 53.8 (73 ratings)
479 students
Created by Code Concept formations Mongo Express Angular Node React Vue
Last updated 6/2018
French
French [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Apprendre à développer une application Angular dont les données seront persistées dans Firebase, apprendre à créer rapidement un système d'authentification également grâce à Firebase, améliorer votre interface graphique à l'aide d'Angular Material

Course content

10 sections • 44 lectures • 4h 18m total length

  • Preview04:02
  • Code source
    00:02
  • Preview05:46
  • Preview04:46
  • Preview05:43

  • récupération de données de Firebase depuis Angular
    14:50
  • refactorisation afin de requêter Firebase via un service
    07:14

  • création d'un Reactive Form (partie TypeScript)
    05:33
  • création d'un Reactive Form (partie HTML)
    07:14
  • soumission du Reactive Form
    03:39
  • création et émission d'un custom event
    06:29
  • pousser un objet dans Firebase
    06:34
  • Accéder aux métadonnées de Firebase
    11:29

  • Création de routes
    05:31
  • Récupérer les paramètres d'une route à l'aide d'ActivatedRoute
    04:29
  • Naviguer vers le détail d'une citation à l'aide de Router et navigate()
    04:02
  • Refactoriser vers le backend
    07:21

  • Préparer la suppression d'une Quote
    07:13
  • Suppression d'une Quote
    04:42

  • Création d'un custom event "update"
    04:58
  • Ajout d'une méthode d'update dans le service
    07:34
  • S'abonner à un RxJs Subject
    05:59
  • Remplir un formulaire avec les données poussées par un RxJS Subject
    06:32
  • Créer l'interface Quote
    02:57
  • Sauvegarder une Quote modifiée
    08:07
  • Annuler l'édition
    04:02

  • Créer un formulaire d'authentification
    05:02
  • Créer un service d'authentification
    05:28
  • Implémentation du service d'authentification utilisant AngularFireAuth
    06:24
  • Permettre à un utilisateur créé en base de se loguer
    06:12
  • Accéder aux informations de l'utilisateur actuellement logué
    06:16
  • Implémenter la déconnexion
    05:46
  • Envoyer un email de vérification
    06:21
  • Configurer la langue de l'email de vérification
    01:09

  • Installation d'Angular Material
    07:44
  • Angular Material Toolbar
    07:06
  • Angular Material Tabs
    04:47
  • Angular Material Card
    03:49
  • Angular Material Form field et Button
    09:39
  • Angular Material Form field et Button (suite)
    05:04
  • Remise à zéro des styles d'un formulaire après soumission
    04:34

  • Permettre à un utilisateur spécifique de faire du CRUD dans la base Firebase
    07:26
  • Création d'un component de login dédié
    07:47

  • Coupons vers des formations complémentaires
    00:57

Requirements

  • Connaître les fondamentaux d'Angular à partir de la V2. Idéalement, avoir suivi Angular 2 par la pratique.

Description

Firebase peut vous aider à réaliser vos projets, vraiment ! Trop de développeurs abandonnent un projet personnel, qui aurait pu devenir le produit phare d'une startup, simplement par manque de temps. Qu'est-ce qui dévore votre temps de développement ? Bien souvent la partie backend. Car ce qui motive le développeur Front et les futurs utilisateurs de son application en cours de création, ce sont les fonctionnalités que proposera cette application, la partie visible. Pas le backend.

Négliger le backend n'est pas une bonne idée pour autant : une application rapide, c'est souvent une application dont la base de donnée retourne rapidement les bons résultats. Alors quoi faire ? Abandonner son projet au moment où la partie Front est achevée et que la motivation commence à décliner comme c'est trop souvent le cas ? Non : adopter Firebase ! Cela  vous permettra de réduire grandement le temps de développement consacré au backend, sans le négliger.

Si Firebase est facile à prendre en main, il serait dommage de se priver, quand on est développeur Angular, d'AngularFire. Cette librairie vous permettra d'interagir plus facilement avec Angular, en bénéficiant des Observables qui vous permettront de traiter vos données comme des flux asynchrones. Mais également de facilement implémenter un système d'authentification.

Dans cette nouvelle formation, nous verrons comment développer une application Angular dont les données seront persistées dans le cloud proposé par Firebase. Pour que vos projets personnels ne meurent plus sur votre disque dur, pour que votre PME puisse rapidement concrétiser une idée d'application ou celle d'un de vos clients : Angular + AngularFire + Firebase est la stack qui vous permettra cela, tout en prenant de nouveau plaisir à mener vos idées d'applications à terme.

Cerise sur le gâteau, vous apprendrez à utiliser Angular Material afin de créer une interface graphique moderne.

Who this course is for:

  • Développeurs web en poste, freelances, étudiant(e)s en informatique, autodidactes motivé(e)s

Instructor

Code Concept formations Mongo Express Angular Node React Vue
Développeur web - mobile hybride - Fullstack JavaScript
Code Concept formations Mongo  Express  Angular  Node  React  Vue
  • 4.3 Instructor Rating
  • 2,667 Reviews
  • 8,373 Students
  • 19 Courses

Développeur web depuis 2003 dans des entreprises clientes publiques (SNCF, URSSAF, EDF...) et privées (Iron Mountain, Jouve, CDiscount...), dirigeant de  la société rennaise "Code Concept" et créateur de la chaine YouTube du même nom, Samir Medjdoub est l'auteur de plus d'une trentaine de formations depuis 2016.

Formateur d'étudiants en master 1 et 2, mais aussi de développeurs en entreprise tant en présentiel que via Zoom en France et en Suisse, formateur en bootcamp, il met à votre disposition son expérience de nombreux environnements techniques et pédagogiques afin de VOUS permettre de monter en compétences rapidement sur les frameworks et librairies les plus demandés du marché.

Les développeuses et développeurs JavaScript (Front, Back ou Fullstack !) ont de très beaux jours devant eux : investissez dans les frameworks, plateformes et librairies JavaScript qui vous ouvriront de belles opportunités en 2021 grâce aux formations pointues proposées par Code Concept.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.