×
Create CV Books Summaries Online Courses Blog Communities

Login

Sign up
MindLuster Logo
Categories
Recent

Blazor PlannerApp V2 0

Track :

Programming

Lessons no : 42

For Free Certificate After Complete The Course

To Register in Course you have to watch at least 30 Second of any lesson

Join The Course Go To Community Download Course Content

What will you learn in this course?
  • Create a Blazor WebAssembly PlannerApp integrating Microsoft Graph for seamless Outlook calendar management
  • Implement client-side Blazor components to display, add, edit, and delete calendar events effectively
  • Utilize Microsoft Graph API to authenticate users and access Outlook calendar data securely
  • Design a responsive, user-friendly PlannerApp interface optimized for various devices and screen sizes
  • Manage state and data binding in Blazor to ensure real-time updates and smooth user interactions
  • Implement authentication and authorization with Microsoft identity platform for secure calendar access
  • Integrate calendar event notifications and reminders using Blazor and Microsoft Graph features
  • Apply best practices for deploying and hosting Blazor WebAssembly applications with secure API connections
  • Troubleshoot common issues in Blazor WebAssembly and Microsoft Graph API integrations efficiently
  • Optimize PlannerApp performance through efficient data fetching, caching, and rendering techniques
  • Enhance user experience with custom calendar views, filters, and event management tools in Blazor
  • Implement testing strategies for Blazor components and Microsoft Graph API interactions to ensure app reliability

How to Get The Certificate

  • You must have an account Register
  • Watch All Lessons
  • Watch at least 50% of Lesson Duration
  • you can follow your course progress From Your Profile
  • You can Register With Any Course For Free
  • The Certificate is free !
Lessons | 42
Welcome to Blazor PlannerApp V2 0 in NET 5 0
00:01:37

Welcome to Blazor PlannerApp V2 0 in NET 5 0
02 Blazor PlannerApp V2 | Course Introductions Objectives | AK Academy
00:07:23

02 Blazor PlannerApp V2 | Course Introductions Objectives | AK Academy
03 Blazor PlannerApp V2 | Create the GitHub Repo Initialize the Project with MudBlazor
00:13:49

03 Blazor PlannerApp V2 | Create the GitHub Repo Initialize the Project with MudBlazor
04 Blazor PlannerApp V2 | Discover the V2 0 API and Test It with
00:10:59

04 Blazor PlannerApp V2 | Discover the V2 0 API and Test It with
05 Blazor PlannerApp V2 | Setup HttpClient Create Authorization Messaging Handler | AK Academy
00:12:45

05 Blazor PlannerApp V2 | Setup HttpClient Create Authorization Messaging Handler | AK Academy
06 Blazor PlannerApp V2 | Create Custom Authentication State Provider | AK Academy
00:20:05

06 Blazor PlannerApp V2 | Create Custom Authentication State Provider | AK Academy
07 Blazor PlannerApp V2 | Implement the Auth Layout Design the Login Form | AK Academy
00:27:39

07 Blazor PlannerApp V2 | Implement the Auth Layout Design the Login Form | AK Academy
08 Blazor PlannerApp V2 | Implement the Logic of Login Form | AK Academy
00:17:10

08 Blazor PlannerApp V2 | Implement the Logic of Login Form | AK Academy
09 Blazor PlannerApp 09 | Implement LogOut Functionality and User Menu in App Bar
00:11:34

09 Blazor PlannerApp 09 | Implement LogOut Functionality and User Menu in App Bar
10 Blazor PlannerApp V2 | Create Register Model With Validation using Fluent Validation
00:12:04

10 Blazor PlannerApp V2 | Create Register Model With Validation using Fluent Validation
11 Blazor PlannerApp V2 | Create HttpClientServices Project To Abstract the API Calls | AK Academy
00:12:32

11 Blazor PlannerApp V2 | Create HttpClientServices Project To Abstract the API Calls | AK Academy
12 Blazor PlannerApp V2 | Design Implement The Register Form | AK Academy
00:20:08

12 Blazor PlannerApp V2 | Design Implement The Register Form | AK Academy
13 Blazor PlannerApp V2 | Fix the Layout Of Register Form | AK Academy
00:05:45

13 Blazor PlannerApp V2 | Fix the Layout Of Register Form | AK Academy
14 Blazor PlannerApp V2 | Fetch Plans 1 | Create the Models Http Client Service | AK Academy
00:13:28

14 Blazor PlannerApp V2 | Fetch Plans 1 | Create the Models Http Client Service | AK Academy
15 Blazor PlannerApp V2 | Fetch Plans 2 | Create the Plan Cards List Component | AK Academy
00:36:47

15 Blazor PlannerApp V2 | Fetch Plans 2 | Create the Plan Cards List Component | AK Academy
16 Blazor PlannerApp V2 | Search Pagination for the Plan Cards List | AK Academy
00:18:34

16 Blazor PlannerApp V2 | Search Pagination for the Plan Cards List | AK Academy
17 Blazor PlannerApp V2 | Show Plans in a DataGrid using MudBlazor Table with Server Side Reload
00:19:08

17 Blazor PlannerApp V2 | Show Plans in a DataGrid using MudBlazor Table with Server Side Reload
18 Blazor PlannerApp V2 | Implement Plans Layout Switcher Between Cards List DataGrid | AK Academy
00:08:16

18 Blazor PlannerApp V2 | Implement Plans Layout Switcher Between Cards List DataGrid | AK Academy
19 Blazor PlannerApp V2 | Implement NavMenu General Page Layout Some Cosmetics
00:15:00

19 Blazor PlannerApp V2 | Implement NavMenu General Page Layout Some Cosmetics
20 Blazor PlannerApp V2 | Implement Edit Create Plan Client Service Logic | AK Academy
00:19:18

20 Blazor PlannerApp V2 | Implement Edit Create Plan Client Service Logic | AK Academy
21 Blazor PlannerApp V2 | Design the Plan Form Implement Choose File | AK Academy
00:26:02

21 Blazor PlannerApp V2 | Design the Plan Form Implement Choose File | AK Academy
22 Blazor PlannerApp V2 | Implement the Plan Create Form Submit Logic | AK Academy
00:08:06

22 Blazor PlannerApp V2 | Implement the Plan Create Form Submit Logic | AK Academy
23 Blazor PlannerApp V2 | Implement Edit Functionality for Plan | AK Academy
00:21:08

23 Blazor PlannerApp V2 | Implement Edit Functionality for Plan | AK Academy
24 Blazor PlannerApp V2 | Finalizing Edit Plan Refactor The Code | AK Academy
00:05:28

24 Blazor PlannerApp V2 | Finalizing Edit Plan Refactor The Code | AK Academy
25 Blazor PlannerApp V2 | Implement Delete Plan API Call | AK Academy
00:03:00

25 Blazor PlannerApp V2 | Implement Delete Plan API Call | AK Academy
26 Blazor PlannerApp V2 | Implementing Deleting the Plan Logic with Confirmation Dialog | AK Academy
00:11:28

26 Blazor PlannerApp V2 | Implementing Deleting the Plan Logic with Confirmation Dialog | AK Academy
27 Blazor PlannerApp V2 | MessagingCenter with Blazor To Notify Plans List To Refresh After Delete
00:11:43

27 Blazor PlannerApp V2 | MessagingCenter with Blazor To Notify Plans List To Refresh After Delete
28 Blazor PlannerApp V2 | Implement Plan Details Dialog to View Plan With Items
00:33:35

28 Blazor PlannerApp V2 | Implement Plan Details Dialog to View Plan With Items
29 Blazor PlannerApp V2 | Upgrade the Blazor App to NET 6 And Implement New Features | AK Academy
00:12:06

29 Blazor PlannerApp V2 | Upgrade the Blazor App to NET 6 And Implement New Features | AK Academy
30 | Blazor PlannerApp V2 | Designing the ToDo Item Card Using Hot Reload And Setup Items Layout
00:28:45

30 | Blazor PlannerApp V2 | Designing the ToDo Item Card Using Hot Reload And Setup Items Layout
31 | Blazor PlannerApp V2 | Implement the Logic of ToDo Items Http Client To Communicate With API
00:11:18

31 | Blazor PlannerApp V2 | Implement the Logic of ToDo Items Http Client To Communicate With API
32 | Blazor PlannerApp V2 | Design And Implement Add To Do Item Form And Use It In Plan Dialog
00:19:36

32 | Blazor PlannerApp V2 | Design And Implement Add To Do Item Form And Use It In Plan Dialog
33 | Blazor PlannerApp V2 | List the Items In Plan And Improve To Do Item Card Component
00:08:54

33 | Blazor PlannerApp V2 | List the Items In Plan And Improve To Do Item Card Component
34 | Blazor PlannerApp V2 | Implement To Do Item Delete Functionality With Good User Experience
00:06:51

34 | Blazor PlannerApp V2 | Implement To Do Item Delete Functionality With Good User Experience
35 | Blazor PlannerApp V2 | Implement the Edit Functionality with Good User Experience For To Dos
00:11:23

35 | Blazor PlannerApp V2 | Implement the Edit Functionality with Good User Experience For To Dos
36 | Blazor PlannerApp V2 | Implement Mark Item As Done Undone UI Logic | AK Academy
00:09:08

36 | Blazor PlannerApp V2 | Implement Mark Item As Done Undone UI Logic | AK Academy
37 | Blazor PlannerApp V2 | Doing Some UI Improvements And Little Fixes | AK Academy
00:11:21

37 | Blazor PlannerApp V2 | Doing Some UI Improvements And Little Fixes | AK Academy
38 | Blazor PlannerApp V2 | Implement MudBlazor Themes for Dark Light Modes Themes
00:24:49

38 | Blazor PlannerApp V2 | Implement MudBlazor Themes for Dark Light Modes Themes
39 | Blazor PlannerApp V2 | Implement a Global Error Exceptions Handler Using Cascading Parameters
00:17:07

39 | Blazor PlannerApp V2 | Implement a Global Error Exceptions Handler Using Cascading Parameters
40 | Blazor PlannerApp V2 | Localize the App With 4 Languages English German Portuguese French
00:38:13

40 | Blazor PlannerApp V2 | Localize the App With 4 Languages English German Portuguese French
Show More Lessons


We Appreciate Your Feedback

Be the First One Review This Course

Excellent
0 Reviews
Good
0 Reviews
medium
0 Reviews
Acceptable
0 Reviews
Not Good
0 Reviews
0
0 Reviews

Our New Certified Courses Will Reach You in Our Telegram Channel
Join Our Telegram Channels to Get Best Free Courses

Join Now

Related Courses

React Projects Workshops
33 Lessons

React Projects Workshops

Node js back end JavaScript
34 Lessons

Node js back end JavaScript

Python programming language
15 Lessons

Python programming language

Social Network Theme UI With Sass
4 Lessons

Social Network Theme UI With Sass

Full Stack React Django
7 Lessons

Full Stack React Django

Build a Node js App With Sequelize
3 Lessons

Build a Node js App With Sequelize

GraphQL With React Apollo
4 Lessons

GraphQL With React Apollo

Node js REST API With Restify Mongoose JWT
2 Lessons

Node js REST API With Restify Mongoose JWT

Full Stack Vue js Express MongoDB
3 Lessons

Full Stack Vue js Express MongoDB

Exploring Docker
3 Lessons

Exploring Docker

Responsive Portfolio Website
7 Lessons

Responsive Portfolio Website

The MERN Stack
12 Lessons

The MERN Stack

PHP REST API High level
3 Lessons

PHP REST API High level

Up unning With Symfony 4
3 Lessons

Up unning With Symfony 4

JavaScript Workshops
3 Lessons

JavaScript Workshops

PHP MySQL Stripe API Payment App
3 Lessons

PHP MySQL Stripe API Payment App

Blazor WebAssembly Outlook Calendar Full App with Microsoft Graph - Blazor WebAssembly PlannerApp full client-side project from scratch | AK .