Angular Calendar Scheduler Example: Step-by-Step Tutorial

  Рет қаралды 8,554

Monsterlessons Academy

Monsterlessons Academy

Күн бұрын

Пікірлер
@MonsterlessonsAcademy
@MonsterlessonsAcademy 6 ай бұрын
WATCH NEXT: Angular with NgRx - Building Angular Project From Scratch - kzbin.info/www/bejne/rJTJi2N7htWMiqMsi=BptT7eqgflHIoQiQ
@LUKA-wt4ki
@LUKA-wt4ki 3 ай бұрын
Can you create a Google-like calendar with drag-and-drop functionality and hourly scheduling? Every library that offers this kind of functionality isn't free. I would appreciate it if you could make one; it would be great for the community
@Brendan2Alexander
@Brendan2Alexander 6 ай бұрын
Yes. Luxon is awesome. I have been rolling my own calendar controls for a long time, using luxon. I have also rolled my own DateOnly wrapper type. Yes rolling your own calendar controls takes a little tinkering but is not that hard and is totally worth it. Am retooling to use signals. Great video got some nice tips!
@MonsterlessonsAcademy
@MonsterlessonsAcademy 6 ай бұрын
Glad to hear that!
@sfspmusic
@sfspmusic 6 ай бұрын
Not the first one here, but let's support Olex, I bought a couple of his courses and they were very useful
@davebudah
@davebudah 6 ай бұрын
I have bought a couple as well and I intend to buy more, unfortunately I specialize in Angular so I cant buy React courses. Olex is a great tutor.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 6 ай бұрын
Thank you!
@cholo2605
@cholo2605 6 ай бұрын
I'm starting to learn Angular, thanks for all your content, greats from Rome!!!
@MonsterlessonsAcademy
@MonsterlessonsAcademy 6 ай бұрын
Great to hear!
@cholo2605
@cholo2605 6 ай бұрын
Love your intro❤😅
@AnnoyingNeighborPhilippines
@AnnoyingNeighborPhilippines 3 ай бұрын
Fabulous solution
@MonsterlessonsAcademy
@MonsterlessonsAcademy 3 ай бұрын
Glad you like it!
@rtpHarry
@rtpHarry 2 ай бұрын
I dont know if you have a day job but I'm imaging you sat alone in the office and as your coworkers go by in the hall you are just narrating your day and hammering through the code just like your videos.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 ай бұрын
Kind of :) But I work remotely.
@jonathanrees47
@jonathanrees47 6 ай бұрын
Great video! Would be cool to see you build a date picker component as well using Luxon.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 6 ай бұрын
I will add it to the list of ideas
@DianaBichelashvili
@DianaBichelashvili 5 ай бұрын
Thank you very much for such an amazing tutorial , highly appreciated ! very helpful for beginner
@MonsterlessonsAcademy
@MonsterlessonsAcademy 5 ай бұрын
You're very welcome!
@romanroman9638
@romanroman9638 6 ай бұрын
comparing to react, angular looks so much cleaner
@MonsterlessonsAcademy
@MonsterlessonsAcademy 6 ай бұрын
Yeap
@sergiothomaz3056
@sergiothomaz3056 Ай бұрын
Hello Monsterlessons, how are you? I would like to congratulate you on the excellent work on this video, thank you for your time and for sharing some of your knowledge. I would like your help with a question: is it possible to disable all days in the calendar and leave only the days in which a meeting is scheduled in the calendar enabled and highlighted? thanks
@MonsterlessonsAcademy
@MonsterlessonsAcademy Ай бұрын
Sure but you need to tune the needed logic on your own.
@sergiothomaz3056
@sergiothomaz3056 Ай бұрын
@@MonsterlessonsAcademy Ok, thanks for your reply. I know that you are a person who is passionate about learning and sharing knowledge, so could you give me some tips on how to solve this issue? I would be very grateful if you could share your knowledge. Best regards.
@socraton3689
@socraton3689 6 ай бұрын
Amazing, thanks a lot! Is it possible to make it like a custom angular components series? Like custom standalone table component that have all features sorting etc.
@petersonumoke5323
@petersonumoke5323 6 ай бұрын
same thing i said.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 6 ай бұрын
I already did that for custom table kzbin.info/www/bejne/mIPUfHyjpMyVaM0si=YVgQEw66P93wmsdK
@socraton3689
@socraton3689 6 ай бұрын
​@@MonsterlessonsAcademy Thank you Mr. Kocherhin!!!
@davebudah
@davebudah 6 ай бұрын
Just as I requested when you created this in React.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 6 ай бұрын
For some reason your comments are always blocked by KZbin moderation system, so don't be offended if I don't answer them :) I just luckily made both videos as your comment wasn't visible for me.
@advance5189
@advance5189 6 ай бұрын
That’s certainly great
@MonsterlessonsAcademy
@MonsterlessonsAcademy 6 ай бұрын
Thanks!
@advance5189
@advance5189 6 ай бұрын
@@MonsterlessonsAcademy By the way, Oleksandr, how is employment going in Germany? Is it hard to get a job as an Angular developer there?
@MonsterlessonsAcademy
@MonsterlessonsAcademy 6 ай бұрын
@@advance5189 Depends on the skills and level. I would say it's okay. Angular is quite popular as a framework.
@petersonumoke5323
@petersonumoke5323 6 ай бұрын
first person here, I think, been waiting for this, can it be a series
@MonsterlessonsAcademy
@MonsterlessonsAcademy 6 ай бұрын
This is a small finished project. I didn't plan it as a series
@davidabell3300
@davidabell3300 6 ай бұрын
I had to pause the video when you started using luxon in the browser console to figure out how the heck you had gotten it to work. Turns out its available as a global object when browsing the luxon site. I wonder why nothing I see in the docs says its available there as a test environment...
@MonsterlessonsAcademy
@MonsterlessonsAcademy 6 ай бұрын
Yeap. Maybe for them it is obvious
@fawzzhkz9023
@fawzzhkz9023 6 ай бұрын
❤ Nice
@MonsterlessonsAcademy
@MonsterlessonsAcademy 6 ай бұрын
Thanks 🤗
@Ald0Abdiel
@Ald0Abdiel 4 ай бұрын
One question. If we want to start the week from Sunday. Does luxon have something built in to configure easily? or will we need to handle those calculations. Also I think another standard in calendar is to show 6 columns in the grid. Really cool tutorial, your style rocks 😎
@MonsterlessonsAcademy
@MonsterlessonsAcademy 4 ай бұрын
Yes it does. You can configure it either globally in settings of based on the specific translation.
@TheNacropolice
@TheNacropolice 6 ай бұрын
IIRc, isn't the default type of "signal" also a writeable signal? You can still call Set and Update on a regular Signal
@MonsterlessonsAcademy
@MonsterlessonsAcademy 6 ай бұрын
It doesn't. You will get property set doesn't exist error. export class AppComponent { foo: Signal = signal(0); constructor() { this.foo.set(1) } }
@geniusrana1219
@geniusrana1219 6 ай бұрын
when I install luxon using npm install @types/luxon , and add it to calendar component, I get this error, Pre-transform error: Failed to resolve import "luxon" from ".angular/vite-root/angularv18/main.js". Does the file exist? 1:00:05 PM [vite] Internal server error: Failed to resolve import "luxon" from ".angular/vite-root/angularv18/main.js". Does the file exist? looks like with angular 18 it shows this error, can you help me to sort out this? Thanks
@geniusrana1219
@geniusrana1219 6 ай бұрын
When I install luxon alone like, npm install luxon --dev , then it started working, do I still need to add @types/luxon in my dev dependencies?
@MonsterlessonsAcademy
@MonsterlessonsAcademy 6 ай бұрын
Yes if you want typescript support.
@mgltuba
@mgltuba 3 ай бұрын
how to set locale or custom locale strings
@MonsterlessonsAcademy
@MonsterlessonsAcademy 3 ай бұрын
just google how to set local in luxon.
@mgltuba
@mgltuba 3 ай бұрын
@@MonsterlessonsAcademy ty
@gkvignesh5
@gkvignesh5 6 ай бұрын
nice
@MonsterlessonsAcademy
@MonsterlessonsAcademy 6 ай бұрын
Thanks
@gkvignesh5
@gkvignesh5 6 ай бұрын
nice
@MonsterlessonsAcademy
@MonsterlessonsAcademy 6 ай бұрын
Thanks
Angular Code Review Best Practices - Refactoring From Junior Level to Senior
27:10
Angular 19 Features: A Game-Changing Evolution
10:19
Monsterlessons Academy
Рет қаралды 5 М.
Turn Off the Vacum And Sit Back and Laugh 🤣
00:34
SKITSFUL
Рет қаралды 10 МЛН
Farmer narrowly escapes tiger attack
00:20
CTV News
Рет қаралды 13 МЛН
Why aren't you using Fastify? Or Koa? Or NestJS?
9:58
Maximilian Schwarzmüller
Рет қаралды 67 М.
Beat Ronaldo, Win $1,000,000
22:45
MrBeast
Рет қаралды 110 МЛН
How is this Website so fast!?
13:39
Wes Bos
Рет қаралды 1,1 МЛН
Angular Forms: Build Dynamic Complex Forms Easily
19:31
Monsterlessons Academy
Рет қаралды 8 М.
Change Detection in Angular - You Project Is 20x Slower!
15:16
Monsterlessons Academy
Рет қаралды 73 М.
Windsurf vs Cursor: In-Depth AI Code Editor Comparison
18:14
Yifan - Beyond the Hype
Рет қаралды 10 М.