Angular University
Angular University
  • Видео 386
  • Просмотров 3 921 942
Webstorm IDE Guided Tour
Related articles on the Angular University blog:
Free content at the Angular University:
- 20% of our lessons are free, you don't have to login to watch the lessons. The free lessons are the ones with the P (Pro) - angular-university.io
- Watch the free Angular For Beginners Course - angular-university.io/course/getting-started-with-angular2
Follow me:
Twitter - AngularUniv
Facebook - angular.university
RUclips - ruclips.net/channel/UC3cEGKhg3OERn-ihVsJcb7A
Instagram - angular.university
LinkedIn - www.linkedin.com/company/angular-university
TikTok - www.tiktok.com/@angularuniversity
Threads - www.threads.net/@angular.university
Просмотров: 1 534

Видео

Javascript return vs return await (Crucial Difference)
Просмотров 2,5 тыс.Месяц назад
Javascript question: When using async / await, what's the difference between return vs return await? A quick recap on what the async await syntax is and how it works, followed by a detailed answer to the question. Related articles on the Angular University blog: Free content at the Angular University: - 20% of our lessons are free, you don't have to login to watch the lessons. The free lessons ...
Angular Signals RxJs Interoperability: toObservable() (Guess the Behavior)
Просмотров 2,2 тыс.2 месяца назад
New course launched - angular-university.io/course/angular-signals-course Here is a small quiz that will explain how toObservable() works internally. Try to guess the behavior of toObservable(), full explanation inside the video. Free content at the Angular University: - 20% of our lessons are free, you don't have to login to watch the lessons. The free lessons are the ones with the P (Pro) - a...
🚨 Angular 18 Is Out: Zoneless Upgrade (Step-By-Step)
Просмотров 14 тыс.2 месяца назад
Modern Angular With Signals Course - angular-university.io/course/angular-signals-course This video is a quick summary of all the major features of Angular 18, with a focus on Zoneless. Timestamps: 0:00 Video Summary 00:40 Migrating to Zoneless 09:25 ng-content fallback content 11:30 new form events observable 12:45 route redirects as functions Helpful links: - Angular 18 release post - blog.an...
RxJs Becoming Optional In Angular: Why and What's Next?
Просмотров 5 тыс.3 месяца назад
Modern Angular With Signals Course (minimal RxJs) - angular-university.io/course/angular-signals-course This video is a summary of everything that we know so far about Angular making RxJs optional in the long term. Sources: - Angular Signals RFC - github.com/angular/angular/discussions/49684 - JsParty podcast angular Team Interview - changelog.com/jsparty/310 - Interview transcript - github.com...
Why Angular Signals? Write Your First Signal
Просмотров 8 тыс.3 месяца назад
Check out the brand new Modern Angular With Signals Course - angular-university.io/course/angular-signals-course This video is an introduction to signals. we will write our first signal, and talk about the main benefits of signals. Timestamps: 0:00 Intro 01:16 Writing Your First Angular Signal 04:55 Why Angular Signals? Main Benefits Related articles on the Angular University blog: Free content...
Angular AI Integration (Experimental): NgConf 2024 Recap
Просмотров 4,7 тыс.4 месяца назад
Watch the NgConf Keynote for more details - ruclips.net/video/nIBseTi6RVk/видео.html A quick rapid fire summary of all the major announcements in NgConf 2024/ Free content at the Angular University: - 20% of our lessons are free, you don't have to login to watch the lessons. The free lessons are the ones with the P (Pro) - angular-university.io - Watch the free Angular For Beginners Course - an...
🚀 Angular async / await: Can You Use It? (OFFICIAL Confirmation)
Просмотров 6 тыс.4 месяца назад
Is async/await officially supported in Angular? Find an official reply inside. Twitter thread mentioned in the video - AngularUniv/status/1770042003872419874 Pull request mentioned in the video: github.com/stackblitz/starters/pull/24 Timestamps: 0:00 Intro 2:10 Official Confirmation that async/await is supported 04:14 How the Angular CLI currently supports async/await 07:10 How will...
Angular Mistakes #6: 🛑 STOP Overusing Centralized Stores
Просмотров 5 тыс.4 месяца назад
Angular Mistakes #6: 🛑 STOP Overusing Centralized Stores
🚦NEW Angular 17 model() feature ... You MUST Know This!
Просмотров 4,8 тыс.4 месяца назад
🚦NEW Angular 17 model() feature ... You MUST Know This!
🚦Angular Signals Game Changer: NgRx Signal State
Просмотров 7 тыс.4 месяца назад
🚦Angular Signals Game Changer: NgRx Signal State
💥 NEW In Angular 17.3 🚀 output() and New RxJs Interoperability
Просмотров 11 тыс.4 месяца назад
💥 NEW In Angular 17.3 🚀 output() and New RxJs Interoperability
🚦Angular NgRx Signal Store: WHAT are Deep Signals??
Просмотров 7 тыс.4 месяца назад
🚦Angular NgRx Signal Store: WHAT are Deep Signals??
🚦 Angular NgRx Signal Store Crash Course (For NgRx Beginners)
Просмотров 16 тыс.5 месяцев назад
🚦 Angular NgRx Signal Store Crash Course (For NgRx Beginners)
💥 Angular Time Machine #1:🚦The SIGNALS REVOLUTION Is Coming #angular
Просмотров 7 тыс.5 месяцев назад
💥 Angular Time Machine #1:🚦The SIGNALS REVOLUTION Is Coming #angular
💥 Angular Mistake #5: 🛑 STOP Overusing OnPush Change Detection
Просмотров 3,8 тыс.5 месяцев назад
💥 Angular Mistake #5: 🛑 STOP Overusing OnPush Change Detection
💥 Angular University YouTube Channel Intro
Просмотров 3,4 тыс.5 месяцев назад
💥 Angular University RUclips Channel Intro
🚨COMING SOON in Angular 17.2: SIGNAL COMPONENTS One Step Closer
Просмотров 8 тыс.5 месяцев назад
🚨COMING SOON in Angular 17.2: SIGNAL COMPONENTS One Step Closer
💥 Angular Mistake #4: 🛑 STOP Avoiding Using Promises #angular
Просмотров 3,8 тыс.5 месяцев назад
💥 Angular Mistake #4: 🛑 STOP Avoiding Using Promises #angular
💥 Angular Mistakes #3: 🛑 STOP Fixing RxJs Memory Leaks This Way #angular
Просмотров 5 тыс.5 месяцев назад
💥 Angular Mistakes #3: 🛑 STOP Fixing RxJs Memory Leaks This Way #angular
🚨Angular URGENT Update #1: Angular 17 CLI EsBuild: OFF By Default #angular
Просмотров 4,8 тыс.5 месяцев назад
🚨Angular URGENT Update #1: Angular 17 CLI EsBuild: OFF By Default #angular
💥 Angular Mistakes #2: DON'T Overuse RxJs For Doing Simple HTTP #angular
Просмотров 7 тыс.6 месяцев назад
💥 Angular Mistakes #2: DON'T Overuse RxJs For Doing Simple HTTP #angular
💥Angular Mistakes #1: ✋ DON'T Overuse the Async Pipe #angular
Просмотров 6 тыс.6 месяцев назад
💥Angular Mistakes #1: ✋ DON'T Overuse the Async Pipe #angular
💥 Courses UPDATED To Angular 17.1 (Angular University)
Просмотров 8196 месяцев назад
💥 Courses UPDATED To Angular 17.1 (Angular University)
💥 Did You Try The LATEST Angular Developer Tools? #angular
Просмотров 3,3 тыс.6 месяцев назад
💥 Did You Try The LATEST Angular Developer Tools? #angular
💥 Angular 17.1 IS OUT - What's New? (Top 8 New Features)
Просмотров 6 тыс.6 месяцев назад
💥 Angular 17.1 IS OUT - What's New? (Top 8 New Features)
💥 Angular SSR Deep Dive (With Client HYDRATION) #angular
Просмотров 15 тыс.6 месяцев назад
💥 Angular SSR Deep Dive (With Client HYDRATION) #angular
💥 Angular Signal Inputs (COMING SOON in Angular 17.1) #angular
Просмотров 8 тыс.6 месяцев назад
💥 Angular Signal Inputs (COMING SOON in Angular 17.1) #angular
💥 Angular Performance Tuning CRASH COURSE #angular
Просмотров 4,3 тыс.6 месяцев назад
💥 Angular Performance Tuning CRASH COURSE #angular
💥 Angular TYPED Forms: Are You Using Them Correctly? #angular
Просмотров 3,4 тыс.6 месяцев назад
💥 Angular TYPED Forms: Are You Using Them Correctly? #angular

Комментарии

  • @DhirendraKumarS
    @DhirendraKumarS 4 часа назад

    Can anyone explain how the secured api will be accessed using SSR?

  • @metric152
    @metric152 День назад

    This was just what I was looking for. I was concerned that ssr didn’t use the router. From some previous reading the hydration is a bit more manual but I’m sure that’s in your course.

  • @edwinquaihoi8503
    @edwinquaihoi8503 5 дней назад

    Signals pretty shit if you can't mutate the properties of an object because they might be bound to UI

    • @AngularUniversity
      @AngularUniversity 3 дня назад

      you can use NgRx signalstate, or create a shallow copy and change only what you need

    • @edwinquaihoi8503
      @edwinquaihoi8503 2 дня назад

      @@AngularUniversity a shallow copy of a complex object everytime you want change a value 😐. What if the value is several levels deep?

    • @AngularUniversity
      @AngularUniversity 2 дня назад

      @@edwinquaihoi8503 In that case, you need to shallow copy every level separately, in practice it's rare that the nesting goes more than one level or two.

  • @mas_har19
    @mas_har19 7 дней назад

    Halo Vasco, thank you for all the great contents. I bought some of your udemy courses. I'm just starting to learn Angular. Due to the fast "6 month" update cycle, it becomes unclear for me which feature/technology is still relevant and which one os not. For example signalStore(), does this makes the old way, such as createStore, createSelector, createXxxx become obsolete?

    • @iHelderScrolls
      @iHelderScrolls 3 дня назад

      it does not, its a different way and mentality of implementing a store. A lot of projects still and will still use the old way of implementing NgRx

  • @josephsackeykontor4138
    @josephsackeykontor4138 9 дней назад

    Thanks a lot for this video. You really nailed the explanation.

  • @nilbristi
    @nilbristi 10 дней назад

    The deployment process is not clear. How the two different servers will communicate with each other to fetch the browser folder content?

    • @AngularUniversity
      @AngularUniversity 3 дня назад

      you can deploy everything to one single server and have the express server serve the files statically, or upload the bundles to something like AWS3 and separate frontend and backend completely

  • @joshwhaley3659
    @joshwhaley3659 12 дней назад

    What if the non-primitive signals are used in a template-driven form? For example, how would you correctly do `<input [(ngModel)]="course().title" type="text" />`?

  • @plamentassev1603
    @plamentassev1603 13 дней назад

    I would suggest you remove the background music. I think it takes away from the quality of the video and lesson.

  • @tejeshwinidugyala9226
    @tejeshwinidugyala9226 17 дней назад

    thanks for the Explanation .. but do we need to make http request on every single change . May be it would better if a user saves the form on click of save button which might avoid unnecessary calls to server.

  • @Official-p5c
    @Official-p5c 18 дней назад

    I am using rxMethod and now I need to use it in component. and after getting success api response I need to perform some action based on data.. how to do that ? Not able to understand

  • @alph_jvne
    @alph_jvne 18 дней назад

    Very helpfull! Thanks 👍

  • @nelson3391
    @nelson3391 20 дней назад

    Thanks a lot!

  • @jeffnikelson5824
    @jeffnikelson5824 20 дней назад

    How do you access route parameters from such a service ?

  • @mahboisph
    @mahboisph 21 день назад

    Would have been nice to know which version you are using here and which version this implementation supports. A lot more angular devs are in v16 and cannot move to 18 yet...

  • @igorring
    @igorring 25 дней назад

    08:57 Why Angular Signals?

  • @bones_twisting_sorrow4750
    @bones_twisting_sorrow4750 26 дней назад

    great rundown as always

  • @margaridasemedo7846
    @margaridasemedo7846 26 дней назад

    Great video! Thank you for sharing. How would you suggest to set up environment variables. Esbuild doesn't seem to have anything out of the box. Been struggling with it. On build esbuild can't find my environment variables. Using Anguar 17.3.11

  • @rafaelvelazco8970
    @rafaelvelazco8970 28 дней назад

    Amazing video, Vasco!

  • @user-ou6iv2de9g
    @user-ou6iv2de9g Месяц назад

    Thanks a lot for the great explanation and effort.

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

    very helpful. thank you so much.

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

    Hi you have great English but wanted to respectfully critique that you say "here" as an empty word very often to quite a distracting amount. The test is if you remove the word does it communicate the same thing and I did not hear any case where the word here was needed.

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

    Hello, very good video! Starting with angular 16, in the chrome debug, the "this" context inside an async function always turns out to be undefined. What is the reason?

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

    Why do we need the effect type in constructor (filtering part) and what would happen if i didn´t wrap that code into effect function ? Thanks.

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

      Effects can be put in other parts other than the constructor, like on ngOnInit, but you need to pass it an injector explicitly. The recommended pattern is to put it in the constructor, to keep things simple. 👍

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

    signalStore + service is quite appealing approach. How do you think of it?

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

    very sensible

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

    for me this approach is much cleaner compared to old school way

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

    Excellent video! Can you please explain why is it needed the injector?

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

      Thank you, it's because in that particular situation there is no injector to perform the dependency injection, so we need another mechanism. 👍

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

    This is why I have switched to vue. Signals are just vue refs and vue comes with state management from pinia.

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

    Thanks a lot for the video! One quick question: Is there a browser extension to see the actual state? For the NGRX store I always used Redux extension to see in the browser the store (and it's very helpful to debug), is there something like that for this signal store?

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

      Thank you, there is so far no extension but there will be one soon I bet 👍

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

    Really nice. Good job

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

    angular team lacks of vision

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

      I think they are being extra cautious, and don't want to lead the community down a certain path that might not be the best for everyone. 👍

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

    After watching your guide I decided to give it a try and I have to say I'm impressed! The most obvious benefit to myself is that the Webstorm project explorer is much easier to navigate with your eye than VS Code. I'm still learning things but I think I'm going to switch!

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

      Happy to hear you enjoyed it, I've been using it for about 10 years it works awesome. 😊

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

    Thank you!

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

    My main issue with Webstorm is Angular Language Service. They are not using the extension that Angular team provides, their own version is baked into the app. This caused my IDE to complain on new features from v17+ like signal inputs, and JetBrains took a long time releasing a new version. This forced me to use VS Code and I haven't looked back since. It's more lightweight and I'm pretty sure Webstorm uses double the ram compared to VS Code (Take this with the grain of salt).

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

      I usually just wait a couple of weeks and update, they support new features really fast. 😊

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

    can you make a good series on ssr more . How to fix the LCP and FCP with google fonts and images and improve the performance more than 90 + . it would be more useful

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

    My fav and day to day is Sublime Text (with plugins) but I do use IntelliJ for Java. I like how IntelliJ and WebStorm does its file pane management (having multiple files open in different panes with the ability to move them around easily). I don’t think you showed that in this video.

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

    The music is too loud to talk over. Hard to follow.

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

      I'm sorry for that, the next video will only have music at the beginning intro, like I usually do. This is just an old video that I never got the chance to publish, that's why it follows the old format. 👍

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

    Great video as usual. I would appreciate it if the background music is not added, it makes it hard to follow what you are saying.

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

      Thank you for the suggestion, actually this is an old video that I hadn't released yet, that is why it still uses the old format with the music. 👍

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

    I'm using 35 shortcuts everyday. You're at the very start of mastering the JetBrains products my friend :)

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

    New course available, Modern Angular With Signals - angular-university.io/course/angular-signals-course

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

    Thanks for the info! It is great! Regarding the await, if you have two awaits (one in onRequestTriggered and another one in getCourses), does it mean that you are executing two promises? could it be a performance issue if there were so many functions like that?

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

      Not at all, Promises don't cause performance issues. You can have as many awaits as you need, remember that the code after the await is only executed if the Promise gets resolved first. 👍

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

      @@AngularUniversity great! thanks for your response and for your amazing work!

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

    Hi, i got a question when testing on Angular SSR. in normal SSR application, when user choose some filters on page 1, showing list of data, then navigate to page 2, when navigate back using the browser back button, the filters will remain and as well as the list of data however using Angular SSR, the user filters are gone, is there any way to configure to achieve this behaviour?

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

    Very useful. Thank you.

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

      Thank you so much. Enjoy the videos and stay tuned for more!

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

    we want a book with all your knowledge

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

      Do'nt give me any ideas 😊 I'm already spread fin enough across multiple projects 😊

    • @mattl7599
      @mattl7599 14 дней назад

      Check out the Angular Ninja book, it’s great.

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

    ummm i don't like put services inside store, store must know only about data and not about services, it's my personal opinion

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

    Great video 👌🏾 At 5:57, where you add the try block, what's the extension/shortcut that instantly wrapped the below statement in the try block?

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

      Thank you, this is the one and only Webstorm, but with a Visual Studio Code Theme 😊

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

      Oh wow! Nifty!

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

    Awww, damn! I unknowingly had only watched a portion of the short and got it all backwards. This is so nice!

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

    Is it the same for input?

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

    Great content Vasco ! Valuable lesson 😎

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

      Thank you so much. Enjoy the videos and stay tuned for more!

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

    Everything is too complicated when you don't know how to use it. A good developer shoul know both methods and choose when to use. In my opinion observables are more scalable then async/await.

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

      But did you ever try async / await? We've been using it to develop some of the most complex Angular screens that my team has ever put together, and it works like a charm 😊