- Видео 68
- Просмотров 635 637
Digital Fluency
США
Добавлен 13 фев 2017
Videos for software developers covering web, blockchain, wearables and more. Live coding, demo videos and technology updates from Stephen Fluin.
Signals, Standalone Components, Control Flow & more - new in Angular 17!
What's New in Angular, presented live at DevFest Windy City, downtown Chicago in October of 2023. This talk covers the upcoming features developers should start adopting with v17.
SIgnals
Standalone Components
Additional Control Flow
SSR & Prerendering
Host Directives
Design Tokens
SIgnals
Standalone Components
Additional Control Flow
SSR & Prerendering
Host Directives
Design Tokens
Просмотров: 654
Видео
Understand your Angular bundle size for faster apps
Просмотров 3,7 тыс.Год назад
This is a quick video showing off source-map-explorer and bundle size analysis with Angular v15. We'll install a brand new app using the CLI, and then add Angular Material and see where changes to our bundle size come from. Knowledge is half the battle.
Give Your Angular App Unlimited Powers with Electron
Просмотров 8 тыс.3 года назад
Here's the seed I use in the video: github.com/maximegris/angular-electron There are lots of things that Angular apps aren't allowed to do when executed in browsers (hitting APIs cleanly, writing to native filesystems, and more). Using Electron, you can blend the best of the server and the best of the client into a wonderful desktop application built with Angular. In this video, I show you how ...
Building Your First Angular HTTP Interceptor
Просмотров 13 тыс.3 года назад
Angular's HTTP Interceptors are a super powerful way to level up the way you interact with APIs and backends. You can add tokens, logging, handle failures more gracefully, and so much more. In this video we create our first HTTP Interceptor that appends a token to every API request we make.
Welcome to the Angular Ecosystem!
Просмотров 2 тыс.3 года назад
New to the Angular ecosystem, or trying to make sure you're not missing anything? Here's a list of 23 sites, tools, and resources you should know about from the Angular ecosystem. See the blog post for the full list and links: fluin.io/blog/welcome-to-the-angular-ecosystem
Angular Performance Best Practices - July 2020 (AngularNL)
Просмотров 10 тыс.4 года назад
Here's my presentation on performance best practices in Angular. I recorded this talk for AngularNL, but for some reason their stream made the audio come out all robotic.
Building Authenticated APIs on top of the Firebase Realtime DB
Просмотров 1,1 тыс.4 года назад
Learn how to add end to end authentication and authorization to your custom APIs for the Firebase Realtime DB. We're using Firebase Authentication to get a token that we send with an API call, and then we use Firebase's administrative APIs to verify and decode this token.
Building Custom APIs on top of the Firebase Realtime DB
Просмотров 2,9 тыс.4 года назад
Today we're building a custom API on top of Firebase. We're using Firebase Functions and express to build this API. This gives you full control of the data you want to send over the wire at any moment, and let's you get the best of the benefits of the realtime DB, without any of the limits. Possible use cases: * Fetch only a subset of records to save bandwidth * Allow users to modify scoped dat...
Setting Up Your Chromebook for Angular Development - Crostini Edition
Просмотров 1,8 тыс.4 года назад
Setting Up Your Chromebook for Angular Development - Crostini Edition
Building a Turnip Exchange in Angular - Part 3: Firebase functions with Authentication
Просмотров 7404 года назад
Building a Turnip Exchange in Angular - Part 3: Firebase functions with Authentication
Progress NEXT Main Stage Presentation 2018 - Main Stage Session
Просмотров 6394 года назад
Progress NEXT Main Stage Presentation 2018 - Main Stage Session
Angular RTP - What's New in Angular + Performance Best Practices 2019-08-14
Просмотров 9104 года назад
Angular RTP - What's New in Angular Performance Best Practices 2019-08-14
Build Minesweeper in Under an Hour with Angular
Просмотров 8 тыс.4 года назад
Build Minesweeper in Under an Hour with Angular
What's New in Angular June 2019 - angularday 2019 in Italy
Просмотров 1,7 тыс.4 года назад
What's New in Angular June 2019 - angularday 2019 in Italy
Build and Deploy in One Angular Command - What's New In Angular Version 8
Просмотров 6 тыс.5 лет назад
Build and Deploy in One Angular Command - What's New In Angular Version 8
Dynamic Imports for Lazy Routes - What's New In Angular Version 8
Просмотров 9 тыс.5 лет назад
Dynamic Imports for Lazy Routes - What's New In Angular Version 8
Faster Performance From Differential Loading - What's New In Angular Version 8
Просмотров 7 тыс.5 лет назад
Faster Performance From Differential Loading - What's New In Angular Version 8
Going Full Stack Angular with NestJS
Просмотров 20 тыс.5 лет назад
Going Full Stack Angular with NestJS
Setup Google Analytics with Google Tag Manager and Angular
Просмотров 42 тыс.5 лет назад
Setup Google Analytics with Google Tag Manager and Angular
Automating the Reflect Metadata Polyfill in Angular- What's New in V7
Просмотров 2,2 тыс.5 лет назад
Automating the Reflect Metadata Polyfill in Angular- What's New in V7
Drag and Drop with the Angular CDK - What's New in v7
Просмотров 43 тыс.5 лет назад
Drag and Drop with the Angular CDK - What's New in v7
Virtual Scroll with the Angular CDK - What's New In v7
Просмотров 13 тыс.5 лет назад
Virtual Scroll with the Angular CDK - What's New In v7
Intro to Async Web Dev - Part 2: Promises
Просмотров 6 тыс.5 лет назад
Intro to Async Web Dev - Part 2: Promises
Intro to Async Web Dev - Part 1: Callbacks
Просмотров 9 тыс.5 лет назад
Intro to Async Web Dev - Part 1: Callbacks
The Difference Between Smart and Dumb Components
Просмотров 15 тыс.5 лет назад
The Difference Between Smart and Dumb Components
Top Angular CLI Flags You Should Know
Просмотров 3,5 тыс.5 лет назад
Top Angular CLI Flags You Should Know
Smaller Bundles with Angular CLI Bundle Budgets
Просмотров 6 тыс.5 лет назад
Smaller Bundles with Angular CLI Bundle Budgets
Building A User Authentication Service with Angular and Firebase
Просмотров 26 тыс.5 лет назад
Building A User Authentication Service with Angular and Firebase
Cordova vs Capacitor - An Early Experience Comparison
Просмотров 21 тыс.5 лет назад
Cordova vs Capacitor - An Early Experience Comparison
Thanks for this amazing tutorial
I was struggling with interceptors, then I found this video simply just explaining what interceptor is. Thanks for such a straight forward explanation!
hey Buddy , please check mail i need help related to this topic because I have lot of changes in code acc. to given git link file but still app is running in browser
Thank you Stephen. Clear explanation :)
I am getting bundle size exceeds error while running ''npm run build" on my angular project please give me a solution so that i can fix it
Just get a windows laptop and run ms visual studio
Cheers
Great video I can't wait to hook it up on my site
To anyone who is looking : ruclips.net/video/JyVX9RjlrAo/видео.html here is my video for writing a full stack application on a chromebook
i think best approach is to use Map,rather than storing data,like if the usecase is user can reload the page also,then only we can use localStorage,because storing data in localstorage is not good option. With map,we can store data in key,value pair and then we can check whether data is already present or not
What if you are a multi tenant system, and we want to see tracking per tenant of our system. Is there a way to inject our tenantId into the equation so we can see tracking by Tenant?
nice example of caching - kind of :)
one week fighting with this f..in interceptors 😆😆 thank you so much! couldn´t find any documentation on how to add it as a provider correctly.
I get cors error when I try to get from the path. Can someone please help?
cant quite get it to work! I get no logs in console either. I have checked that the depth part is working but no animation is occuring
Thank you, but when I type shell in Ctrl alt t it tells me error. Can someone help me about this?
Thanks appreciated, could you please solve me this problem ,clone from repositories to Stack blitz is ok and projects Running well ,but when I use visual studio it doesn't work I have did all solutions in google but still not work....
Why you start a FOR using Y instead of X?
É válido mencionar que Capacitor só tem 1800 perguntas cadastradas no stackoverflow, contra 61 mil do cordova. Acabei optando neste momento por utilizar cordova, pra evitar esbarrar em problemas simples sem respostas
Great video! I was surprised that now when you start a new Angular project in Stackblitz, it only starts with an index.html file and a main.ts file! No more app.component or app.module??
Do assets impact bundle size?
No, they are separate.
don't like the fact that basic material components which is needed in most apps add over ~200kb to main bundle
When we are trying to implement GTM (Google Tag Manager) code in our Angular Universal application, we are facing following challenges: The <head> tag changes include some JQuery parameters/fields which are not working in Angular and giving us errors and those errors are running in infinite loop. The error is related to $ not defined. As per the requirements we are not allowed to use JQuery library. In the <body> tag changes <> throwing us error related not supporting items in <>. please help me out
𝖕𝖗𝖔𝖒𝖔𝖘𝖒
Nice to see you back!
Please post more videos 🙌
Lol... Is he back to angular again???
I'll always be in the Angular community. I'm a Google Developer Expert in Angular. You'll be seeing other videos soon though!
@@DigitalFluency glad to hear it.. Cause still love angular👍
Could you also explain how scss imports/use statements affect bundle size?
Component scoped css/scss ends up as JS in your component or modules bundle size. Global css/scss ends up in your global separate stylesheet
@@DigitalFluency what happens though if every single components imports the same scss mixin from a shared scss. Is that added n times to the final bundle?
Great to see you back ❤️
Hi Stephen! So glad this kind of videos are back! Always awesome content! Thank you! Also great name for the channel :D I think you rebranded it, I don't remember this name, but I was already subscribed :) It's very catchy, and great idea regarding "fluency" :D
I did rebrand! You may start seeing some non Angular content
Wow, welcome back Steven!
great video
We need local storage setitem to set it into local storage right how can you store without using setitem
Thank you so much!
Thanks for the video, but I found all the content is thoercial no live application to see how really we can improve our bundle size by improving our imports or adding lazy loading
Where is the Part 3?
Great tutorial quick to learn the new concept
Exactly what I needed done for my app. Thank you very much.
An update would be sick.. so much has changed..
thank you so much brother , really amazing and effective explanation
Great video! 👌🏼
Does anyone have this same problem? I have both environment variables and Android studio installed. Checking Java JDK and Android SDK versions ANDROID_SDK_ROOT=undefined (recommended setting) ANDROID_HOME=undefined (DEPRECATED) Using Android SDK: C:\Users\Alessandro_Cinque\AppData\Local\Android\sdk Could not find an installed version of Gradle either in Android Studio, or on your system to install the gradle wrapper. Please include gradle in your path, or install Android Studio
Amazing!
thanks. you added a link to the first part, but ended with a reference to the following part in the series, while this part has no link attached to the description.
Great video!!
Can you please tell us what keyboard you are using? It sounds freaking amazing
Thank you, I've used this for a Sencha Ext JS app, where the Sencha documentation gave me lots of confusion. But your explanation just worked without a flaw. Made my day. No, made my week.
what if i have multiple services, and i want to apply interceptor only for specific api of specific service?
thanks so much, so how can we invalidate cache?
great video mate! how can i append multiple params?