search

mattlewis92 / angular-calendar

A flexible calendar component for angular 15.0+ that can display events on a month, week or day view.
https://mattlewis92.github.io/angular-calendar/
MIT License
2.72k stars 864 forks source link

Online video course? #856

Open mattlewis92 opened 5 years ago

mattlewis92 commented 5 years ago

Hey everyone! 👋

I'm looking at creating an online video course, that shows you how to setup and customise this calendar within your application, so that by the end of the course you have a feature rich google calendar like component that goes way beyond the basic demos. Every video would be accompanied by the code we build in each step that you can checkout, play with and use freely in your application. The course would cover:

  1. Overview - what the course covers
  2. Getting started - installing the calendar into your project
  3. Fetching events from an API (google calendar? or a custom node one?) and displaying them on the calendar
  4. Grouping events into different calendars that you can show and hide
  5. Showing holidays on the calendar
  6. Adding an event when you click on the calendar and saving to an API
  7. Adding an event by dragging and selecting a part of the calendar
  8. Blocking the user from adding events to certain times
  9. Editing event titles and colors and deleting and saving them to an API
  10. Changing event times by dragging and resizing them
  11. Opening a popout tile with more info when you click on an event
  12. Making month and week view headers stick at the top and scrolling just the body
  13. Adding a current time marker and scrolling to it on the day and week views
  14. Having month view events span multiple days
  15. Truncating the amount of events shown on the month, week and day view's and adding a show more panel
  16. Changing between month, week and day views when clicking on headers within each component
  17. Fading out events in the past
  18. Adding options to toggle weekends and a 4-day week view
  19. Adding a scroll to the month view to change the current month
  20. Automatically setting the language of the calendar based on the users language
  21. Adding the week number to the month view
  22. Bonus: Integrating with material design
  23. Bonus: Integrating with ngrx
  24. Bonus: Integrating with firebase
  25. Bonus: Styling the calendar to add an toggle-able dark theme
  26. Bonus: Setting dates in different timezones
  27. Bonus: Unit and e2e testing examples

The cost of this course would probably be around $100 and goes towards the continued development of this project (I currently work on this in my free time for $0 an hour!). If this is something that would interest you, and you (or better yet your employer!) would pay for it, please give a thumbs up on this issue. Plus if you have any additional thoughts on what you'd like to see in the course, please comment here so I can produce the best content that benefits everyone.

p.s. anyone who donates $50 or above on Patreon will get this for free when it's finished

SyVon commented 5 years ago

I have been looking for exactly this. I would absolutely watch them all!

Obviously I like the idea of free but as an Idea I would also be willing to pay for a udemy course on this if this was maybe a bit more developed. Awesome work!

devchris commented 5 years ago

I would suggest not to set it to $100 but more like to $19.90 this would make way more people watch it / buy the course 👍 But just a suggestion

srix55 commented 5 years ago

That would be awesome & super helpful. Like the previous comment, a 19$ tag would be sweet. I'm sure you'll get your effort's worth back by numbers.

elenat82 commented 5 years ago

I really would like to know how to connect to Google Calendar API. Also I tried to use ng-gapi package but without luck.

allanlevsen commented 5 years ago

Hi Matt ,

I have to agree with others, 20 ish would be an easier sell than 100.

Sent from my iPhone

On Jan 20, 2019, at 2:23 AM, Matt Lewis notifications@github.com wrote:

Hey everyone! 👋

I currently work on this project for free in my spare time, and I'm looking into some ways to make the project more sustainable, so that I can justify spending more time maintaining it. One of the methods I'm considering, is by creating an online video course, covering everything from installing the calendar into your project, through to showing you how to fully customise every piece of functionality.

The cost of this course would probably be around $100. If this is something that would interest you, and you (or better yet your employer!) would pay for it, please give a thumbs up on this issue. Plus if you have any thoughts on what you'd like to see in the course, please comment here so I can produce the best content that benefits everyone.

Thanks for taking the time to read this and for using my project! ❤️

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub, or mute the thread.

liquidia commented 5 years ago

Hello Matt, Any update on video? Thanks

mattlewis92 commented 5 years ago

I'm still working on building the actual code for the course, as soon as that's done I just need to sit down and record everything. Hoping to get a pre-order page up in the next month or so with the first few videos 😄

liquidia commented 5 years ago

@mattlewis92 thanks for letting me know !!!

AdditionAddict commented 5 years ago

If the course is outstanding I'd be happy to pay the $100 (bit steep but feels like I'd be paying you also for the effort put into the library). The bonus stuff looks especially interesting.

ALapaque commented 5 years ago

Event for 100$ I'd pay for it. The calendar is so great and looks like there's so much potential i'd love to learn more.

mathias-ewald commented 4 years ago

Any updates on the video?

SETI-At-Home commented 4 years ago

Any updates on the video?

I guess he is still recording...

mattlewis92 commented 4 years ago

Any updates on the video?

So this ended up being a bit more of an ambitious project than I had originally anticipated and as a result I just haven't had the time to give it the attention it deserves to make something really great.

However, I'm going part time with my job at the end of this month and the first thing I'm going to use my newly found free time for is to work on this video course 😄 I'm also going to follow a slightly different strategy than I had originally anticipated and release it in sections so you won't have to wait until the whole thing is done to start viewing it. I'm aiming to get the first part released in September / October time. If you want to subscribe to updates for when it's done you can head over to https://angular-calendar.com/ and hit Subscribe in the top nav bar. Thanks for your patience! 🙌

siberiusfr commented 3 years ago

Hello, thank you for this awesome project. Waiting for your online video course, is there any news?

mattlewis92 commented 3 years ago

Hello, thank you for this awesome project. Waiting for your online video course, is there any news?

Hey, thanks for your interest! Unfortunately I've been a bit delayed with it, I'm working full time now until the end of the year and then will be able to finally start on it 😄

gbanusi commented 3 years ago

Any news on this? Any predictions when could it be done?