Integrate Google Calendar API With Angular | Google Calendar Javascript API
ฝัง
- เผยแพร่เมื่อ 28 ส.ค. 2024
- Implement google calendar in web page | google calendar javascript api integration | google calendar with oauth | create event with google calendar api
Useful links:
Source Code-
github.com/dny...
Google developer console-
console.cloud....
Google calendar QuickStart guide-
developers.goo...
Timestamp:
Google Calendar API 1:04
Google Developer Console 2:04
OAuth Consent 2:32
App Scopes 3:34
Test Users 4:16
Create API Key 7:14
Angular Integration 9:42
Google Calendar API 16:10
Event Details 19:40
Working Demo 24:22
Related Videos:
1) template driven forms vs reactive forms in angular
• Template Driven Forms ...
2) angular components vs directives | component vs directive angular
• Angular Components vs ...
3) top 10 javascript code interview questions
• Top 10 JavaScript Code...
4) how to implement caching in angular
• How to Implement Cachi...
5) service worker in javascript
• Service Worker in Java...
Topic Covered In This Video:
google calendar api
google create event
google meeting scheduler
implement event scheduler with angular
google cloud tutorials
google developer console api
google api integration with angular
#angular #angulartutorial #webdevelopment #howto #angularforbeginners #brogrammers #javascript #nodejs #google #googleconsole #googleapi #googlecloud #googleapi
really good tutorial, got stuff working on my end
good tutorial it helped me to complete my project. I am a beginner so can you please suggest a tutorial to add a button in the same app to list all the upcoming events in the calendar? it would be really appreciated.
You can GET list of all events with Below API
GET www.googleapis.com/calendar/v3/calendars/calendarId/events
More Details-
developers.google.com/calendar/api/v3/reference/events/list
it's amazing how you were the only one who gave a solution to my problem, Thanks! Now I would also like to receive the events I created and import them as sources of the full calendar library so that I can see my events within my application. Is there a method to recover these events? Great video, thanks again!
Hey, that is great use case/ idea and it went though my mind also when i was recording this. We can get list of calendar events of currently logged in user using developers.google.com/calendar/api/v3/reference/events/get
it is pretty straight forward, additional you can show graphical view of entire calendar just like google calendar app on your phone like this fullcalendar.io/docs/google-calendar-demo
@@brogrammers thank you for the answer! I also found a second method that returns the entire list of events without having to specify idevent in the get method, I'll leave it here for anyone who needs it: developers.google.com/calendar/api/v3/reference/events/list
Thanks for the video bro !! Really appreciated. I have another suggestion if you may try… Can you make a video on how to create a reactive form dynamically using json, json will have the data of the required field to be added on the form dynamically. Everything on Angular. ❤😊
Thank you! Good to hear it from you 💙☺️. Sure, on json driven dynamic forms I'll do it probably in next 2 days ✌🏻👍.
Sorry for asking, but using Google Cloud Platform for these localhost projects cost money, or is it free?
It was free at the time I recorded this tutorial, but good idea to confirm it on Google Developer Console
Great Video!!! Its working fine for this individual project but I'm having some issues integrating it to my existing project. Can you help?
Sure let me know whats issue here or over GitHub issues would work fine for me
May I ask what extensions you used in creating the angular?
Me and My groupmates can't seem to generate the angular that includes app-routing.modules.ts and app.module.ts.
Or do I have to make it myself?
Angular files marketplace.visualstudio.com/items?itemName=imgildev.vscode-angular-generator
I have several users that needed a booking system on their website. Is publishing one by one the way to handle all the orders or is there a way to do it all at once?
There is better way, you can send calendar invitation to multiple emails or mail group. Syntax is same except recipients property accepts array of mails
Can you do it in react
Thanks for watching 🤞 & yes, good suggestion. I'll try react version as time allows 🐱