- 63
- 263 183
NG-DE Conference
Germany
Приєднався 8 вер 2018
NG-DE is the first community-driven Angular conference in Germany.
AnalogJs: Vite Powered Angular Meta-Framework - Robin Goetz | NG-DE 2024
🎤 Speaker: Robin Goetz
📗 Description:
AnalogJs: The Vite powered Angular meta-framework
This talk introduces AnalogJs to the audience. It gives insight into how AnalogJs takes full-stack Angular development to the next level. It shows how it adds file-based routing and Nitro powered API routes. It introduces hybrid SSR/SSG support & zero (or minimal) config deploys to cloud providers. Finally, it goes lays out clearly the technology driving the framework, Vite, and shows, with the help of Single File Components (.analog), how incredibly powerful it is. It compares AnalogJs’ embrace of going all in on Vite with Angular deciding to use Vite as a dev server, but ultimately keeping it an implementation detail of their CLI.
👉 More: ng-de.org/speakers/robin-goetz/
❤️ About NGDE:
NG-DE is the first community-driven Angular conference in Germany.
⬇️ Links:
Website: ng-de.org
X (Twitter): /ngdeconf
Instagram: /ngdeconf
🏷️ Tags:
#angular
#ngde2024
📗 Description:
AnalogJs: The Vite powered Angular meta-framework
This talk introduces AnalogJs to the audience. It gives insight into how AnalogJs takes full-stack Angular development to the next level. It shows how it adds file-based routing and Nitro powered API routes. It introduces hybrid SSR/SSG support & zero (or minimal) config deploys to cloud providers. Finally, it goes lays out clearly the technology driving the framework, Vite, and shows, with the help of Single File Components (.analog), how incredibly powerful it is. It compares AnalogJs’ embrace of going all in on Vite with Angular deciding to use Vite as a dev server, but ultimately keeping it an implementation detail of their CLI.
👉 More: ng-de.org/speakers/robin-goetz/
❤️ About NGDE:
NG-DE is the first community-driven Angular conference in Germany.
⬇️ Links:
Website: ng-de.org
X (Twitter): /ngdeconf
Instagram: /ngdeconf
🏷️ Tags:
#angular
#ngde2024
Переглядів: 277
Відео
Cut My Task Into Pieces - Concurrent Mode in Angular - Julian Jandl | NG-DE 2024
Переглядів 1492 місяці тому
🎤 Speaker: Julian Jandl 📗 Description: Cut My Task Into Pieces - This is Concurrent Mode JavaScript is single threaded. Every script our application executes runs on the main thread. Keeping the execution time as short as possible is crucial for the runtime performance and responsiveness of our applications. Too long running scripts will result in bad (Core) Web Vitals like INP and TBT. Reducin...
Angular Material's Latest: From Buttons to Breakpoints - Jan-Niklas Wortmann | NG-DE 2024
Переглядів 1072 місяці тому
🎤 Speaker: Jan-Niklas Wortmann 📗 Description: From Buttons to Breakpoints: A Deep Dive into Angular Material's Latest Dive into the Angular Language Server, the backbone of your IDE experience, to uncover how it powers the features we rely on every day. This talk will explore its architecture and the real-world application of its capabilities, equipping you with the knowledge to troubleshoot ID...
From Buttons to Breakpoints: Explore Angular Material with Ankita Sood | NG-DE 2024
Переглядів 2352 місяці тому
🎤 Speaker: Ankita Sood 📗 Description: From Buttons to Breakpoints: A Deep Dive into Angular Material's Latest Angular Material has recently undergone massive updates - both stylistically as it is more aligned with Google Material 3, and architecturally - leveraging all latest Angular features. Let’s explore how to theme and customize an Angular application with the recent updates in the Angular...
Building Efficient Angular Apps with TanStack Angular Query - Devlin Duldulao | NG-DE 2024
Переглядів 3902 місяці тому
🎤 Speaker: Devlin Duldulao 📗 Description: TanStack Angular Query: Building Efficient, Scalable Angular Applications This presentation delves into the core functionalities of TanStack Angular Query, a powerful tool for managing server state in Angular applications. We’ll explore how it optimizes data fetching, caching, and synchronization, leading to more efficient and scalable applications. The...
Angular's Momentum and Performance Best Practices - Emma Twersky | NG-DE 2024
Переглядів 9642 місяці тому
🎤 Speaker: Emma Twersky 📗 Description: Angular's Momentum There’s never been a better time to be an Angular developer. Let’s take a look at how the framework is increasing velocity to bring built-in performance best practices, and a better developer experience to millions of developers. 👉 More: ng-de.org/speakers/emma-twersky/ ❤️ About NGDE: NG-DE is the first community-driven Angular conferenc...
AI in the Browser: Smarter Angular Apps - Christian Liebel | NG-DE 2024
Переглядів 2852 місяці тому
🎤 Speaker: Christian Liebel 📗 Description: AI in the browser: Smarter Angular apps with WebGPU and WebNN In this session, we will explore the integration of Generative AI functions into Angular applications using WebGPU API and Web Neural Network (WebNN) API. These APIs enable the execution of Large Language Models (LLM) and Stable Diffusion models on the user’s device. The primary benefits of ...
Angular Security: Step Up Your Authentication - Alisa Duncan | NG-DE 2024
Переглядів 702 місяці тому
🎤 Speaker: Alisa Duncan 📗 Description: Step Up Your Authentication Security We all work on applications requiring authentication. But do you wish you could add extra authentication scrutiny for particular views, data, and actions? You’re in luck! There’s a standardized way to declare elevated authentication requirements for extra-sensitive resources. You’ll learn about the Step Up Authenticatio...
Angular Testing: Fake it till you Mock it - Younes Jaaidi | NG-DE 2024
Переглядів 2032 місяці тому
🎤 Speaker: Younes Jaaidi 📗 Description: Fake it till you Mock it How much do you trust the Mocks, Stubs and Spies you are using in your tests? Aren’t you tired of maintaining and debugging them, or trying to keep them in sync with the real implementation? Join us to see how Fakes and their fellow companions, Object Mothers, and Gloves might just become the pillars of your testing strategy. 👉 Mo...
Modern Angular Architectures & Lightweight Stores - Manfred Steyer | NG-DE 2024
Переглядів 2,7 тис.2 місяці тому
🎤 Speaker: Manfred Steyer 📗 Description: Modern Angular Architectures with Lightweight Stores: New Rules and Options In the first few minutes of the session, we integrate the new NGRX Signal Store as a prominent example of a lightweight store in an application. This brings up several architecture-related questions and challenges that are addressed closely and lead to new ways of thinking, patte...
Angular Challenges with Microfrontends - Cathrin Möller | NG-DE 2024
Переглядів 872 місяці тому
🎤 Speaker: Cathrin Möller 📗 Description: The hidden challenges of run-time integrated microfrontends Microfrontends are a popular concept to simplify development in an enterprise project, where a large number of teams want to work independently. Ideally, at run-time we can orchestrate multiple independent parts to obtain a seamless application. Some real life experience with different integrati...
Signals Change Detection in Angular - Enea Jahollari | NG-DE 2024
Переглядів 5642 місяці тому
🎤 Speaker: Enea Jahollari 📗 Description: Going deep into Signals Change Detection Angular’s internals haven’t changed a lot since Ivy. With Signals, we will get some new internals that change how Angular works under the hood when we work with Signals and Signal Components. The talk will be focused on the changes being made to support a new of creating faster Angular components. 👉 More: ng-de.or...
Web Audio in UI: Enhancing Apps with Sound - Vitalii Bobrov | NG-DE 2024
Переглядів 852 місяці тому
🎤 Speaker: Vitalii Bobrov 📗 Description: Make your app loud: Web Audio in UI What is a common feature in desktop apps but rare in Web apps? Sound effects! Desktop apps use audio to enhance UX according to different interactions; you can even hear some of them just by looking at the screenshot of an error popup or loading screen. Web apps usually are silent, but it is easy to fix with Web Audio,...
Partial Hydration in Angular: Boost Performance - Matthieu Riegler | NG-DE 2024
Переглядів 1472 місяці тому
🎤 Speaker: Matthieu Riegler 📗 Description: Partial Hydration, the art of sending the bare minimum over the wire Single page application were known to be bloated and send way too much javascript to start. This is why frameworks started to recommend Lazy-loading : Sending the minimum to start the app. With Server Side Rendering (SSR) Partial hydration, it is now possible to send even less and sti...
Angular Forms: Pride and Prejudice - Gregor Woiwode | NG-DE 2024
Переглядів 1702 місяці тому
🎤 Speaker: Gregor Woiwode 📗 Description: Pride and Prejudice - Template Driven Forms What have we always said over the years? What might be easier to retell what most of the Angular community has told us without trying it out for yourself? “Template driven forms don’t scale”, “If you have large complex forms, then you need to use reactive forms” Hand on heart - were reactive forms that simple a...
Angular Server-Side Horrors - Benjamin Legrand | NG-DE 2024
Переглядів 1812 місяці тому
Angular Server-Side Horrors - Benjamin Legrand | NG-DE 2024
Building Angular Signals from Scratch - Eliran Eliassy | NG-DE 2024
Переглядів 4932 місяці тому
Building Angular Signals from Scratch - Eliran Eliassy | NG-DE 2024
Angular Profiling Skills Perfected - Stephen Cooper | NG-DE 2024
Переглядів 3352 місяці тому
Angular Profiling Skills Perfected - Stephen Cooper | NG-DE 2024
Fast jam stack code to cloud with SWA CLI - Natalia Venditto | NG-DE 2022
Переглядів 3672 роки тому
Fast jam stack code to cloud with SWA CLI - Natalia Venditto | NG-DE 2022
The age of monorepos - Miroslav Jonas | NG-DE 2022
Переглядів 1,2 тис.2 роки тому
The age of monorepos - Miroslav Jonas | NG-DE 2022
Beyond Micro Frontends - Three Additional Things Module Federation Makes Possible - Manfred Steyer
Переглядів 2,3 тис.2 роки тому
Beyond Micro Frontends - Three Additional Things Module Federation Makes Possible - Manfred Steyer
Building desktop-class productivity apps with Angular and Project Fugu - Christian Liebel | NG-DE
Переглядів 1,8 тис.2 роки тому
Building desktop-class productivity apps with Angular and Project Fugu - Christian Liebel | NG-DE
How to use NgRx ComponentStore? - Alex Okrushko | NG-DE 2022
Переглядів 14 тис.2 роки тому
How to use NgRx ComponentStore? - Alex Okrushko | NG-DE 2022
Cypress Component Testing - The Disappearance of Mr. Button - Younes Jaaidi
Переглядів 1,5 тис.2 роки тому
Cypress Component Testing - The Disappearance of Mr. Button - Younes Jaaidi
Perceived faster Angular applications - Cathrin Möller | NG-DE 2022
Переглядів 1,9 тис.2 роки тому
Perceived faster Angular applications - Cathrin Möller | NG-DE 2022
Community === You - Ana Cidre | NG-DE 2022
Переглядів 2842 роки тому
Community You - Ana Cidre | NG-DE 2022
Component-First Architecture with Angular Standalone Components - Colum Ferry | NG-DE 2022
Переглядів 7 тис.2 роки тому
Component-First Architecture with Angular Standalone Components - Colum Ferry | NG-DE 2022
No way, JOSE! - Sam Bellen | NG-DE 2022
Переглядів 1,1 тис.2 роки тому
No way, JOSE! - Sam Bellen | NG-DE 2022
Partially Zoneless - Performance tunning without Big Bang Refactorings - Michael Hladky | NG-DE 2022
Переглядів 2,2 тис.2 роки тому
Partially Zoneless - Performance tunning without Big Bang Refactorings - Michael Hladky | NG-DE 2022
Lazy-loading techniques beyond (Angular) router - Vojtech Mašek | NG-DE 2022
Переглядів 3 тис.2 роки тому
Lazy-loading techniques beyond (Angular) router - Vojtech Mašek | NG-DE 2022
One of the most informative videos which clearly explains change detection and the impact of signals on it.
Thanks for this high quality content
This is so helpful to grow apps in an organized way. Additionally the way he structure the store was so nice.
wrong video title
Great talk, thanks for sharing all your knowledge with us
Great talk
Very interesting
I'd watch this in 1.5x 😅
Why not 2x? :P
Yeah man. A hacker isn't going to say "Oh nooo, they didn't provide me with an unsanitised input field to enter my malicious code in! My evil plan has been foiled!". They're just going to open devtools and change any request data they want, directly. So am I right in thinking that all these measures do literally nothing?
❤
Awesomeness
Used all the reactive techniques, split to loosely coupled components, including reactive subforms as separate configurable components, moved lots of logic to services, a route resolver… still 3500 ended up with lines of code in the parent route level component over 4 years of project evolution… 🤷♀️ Also tend to transform subjects to Observable with the asObservable method which helped save subjects from external interference and mutations.
Did anyone fork this repo? It appears to be gone...
Liked it ❤
Watched this to study nestjs fundamentals. Crazy experience
Can you upload the example or perhaps share you git demo
Can I find the source code of the "full" example code?
At 35:48 you will see.
Thank you @vojtech masek, exactly what Im looking for
I'd like to know why nest.js strictly applies to Isolation of modules
Great explanation on the operators. I always used switchMap never knowing that basically I just canceled my previous request. Ooops good thing that the internet connection was fast 😅
Look at the survey results and the gap between Productivity and Testing. What does Angular do to improve the result for testing?
This video is a goldmine
Github or Stackbltiz link?
Tailwind + Material
It was a pleasure to be there. We had a lot of nice conversations and it made a lot of fun providing talks on our E.ON side-stage. I would love to do this again =)
2023/24 Planning starting right now! We keep you posted =)
Thanks, Eliran, Fascinating topic
Thanks for the content. I never heard about project fugu. Very interesting 👍
really amazing talk, i don't know why no one from attendance not even Clapping!!
They are at the very end
Just an alpha guy running a beta version of Microsoft Edge on Mac.
Is the decorator '@Service' used in minute 08:55:00 an angular thing? I can't find any info related to it
Nop, @Service doesn't exist in Angular for me it should be @Injectable
At 4:45 i can`t see any difference between the 2 Testing aproaches?! Would be nice to see how it is easier to use.
instead of declaring the component, it's being imported -- and since the component itself knows about its dependencies, this reduces the need to do all of the additional imports in the spec
Hi Colum, Thanks for the presentation! Do you have a sample repo using MFE and the recommendations you mentioned for Component-First such as @angular-component/router?
It is really interesting to see how angular is growing, it is by far my favorite framework to build web-apps. I am really looking forward to its development
The information in this talk is incredibly useful. Thank you !
This is so nice to read, thank you. We're very proud that someone like Vojto leads our team. :) You can find more of his lectures on our profile in the "Angular talks" playlist.
Awesome 😎
Good lecture
Nice and informative 👏🙌
www.youtube.com/@Becoming_developer
Awesome session!
working with nest for more than a year now, what a cool talk, I can feel my heart beating faster as he explains it
Thank god Jquery is not required anymore with Bootstrap 5
I am build a new product using nestjs .... This video is god-tier explainer on how nestjs DI works. Learnt a lot Thankyou so much for sharing
What about performance?
Is this objectively better than creating BaseComponent with an ngDestroy cleanup function and extending it to each component that has a subscription?
even in this presentation you define your own utility classes. But why not just use material + tailwind instead
I am afraid this is going to excite some of the developers with swallow knowledge to adopt this pattern and run into all kinds of maintainability issues. It's gonna be a nightmare for someone who has to be the code review.
Best talk ever... never have I been able to listen to a talk from start to finish understanding every single word. This is a first for me. Thanks, UA-cam for the recommendation.
Removing NgModules is like making Angular unorganised and bringing it into cluttered pattern
Theta theta not a good syntax