Integrate Google Calendar API With Angular | Google Calendar Javascript API

Поделиться
HTML-код
  • Опубликовано: 30 сен 2023
  • 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/dnyaneshwargiri/an...
    Google developer console-
    console.cloud.google.com/gett...
    Google calendar QuickStart guide-
    developers.google.com/calenda...
    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
  • НаукаНаука

Комментарии • 16

  • @kylespencer7595
    @kylespencer7595 6 месяцев назад

    really good tutorial, got stuff working on my end

  • @Laraibsgroup
    @Laraibsgroup Месяц назад +1

    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.

    • @brogrammers
      @brogrammers  Месяц назад

      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

  • @lucianomariano
    @lucianomariano 9 месяцев назад +1

    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!

    • @brogrammers
      @brogrammers  9 месяцев назад +1

      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

    • @lucianomariano
      @lucianomariano 9 месяцев назад

      @@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

  • @pranaymalkan2178
    @pranaymalkan2178 9 месяцев назад +1

    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. ❤😊

    • @brogrammers
      @brogrammers  9 месяцев назад +1

      Thank you! Good to hear it from you 💙☺️. Sure, on json driven dynamic forms I'll do it probably in next 2 days ✌🏻👍.

  • @kimcarlomendoza2741
    @kimcarlomendoza2741 3 месяца назад

    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?

    • @brogrammers
      @brogrammers  3 месяца назад

      Angular files marketplace.visualstudio.com/items?itemName=imgildev.vscode-angular-generator

  • @SameerAnsari-lk4sc
    @SameerAnsari-lk4sc 2 месяца назад

    Great Video!!! Its working fine for this individual project but I'm having some issues integrating it to my existing project. Can you help?

    • @brogrammers
      @brogrammers  2 месяца назад

      Sure let me know whats issue here or over GitHub issues would work fine for me

  • @Hvb101
    @Hvb101 5 месяцев назад

    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?

    • @brogrammers
      @brogrammers  5 месяцев назад

      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

  • @rahulgrandhe
    @rahulgrandhe 4 месяца назад

    Can you do it in react

    • @brogrammers
      @brogrammers  4 месяца назад

      Thanks for watching 🤞 & yes, good suggestion. I'll try react version as time allows 🐱