Power Angular with WebStorm Workshop

on YouTube ↗02h 03m

" summary

Walks through using WebStorm to run the Angular CLI project, generate an Angular component from schematics, and wire in FormsModule and imports automatically; shows test-first development with failing unit tests fixed inside the IDE, toggling auto-test mode and running single tests, switching to Jest/vtest recommendations, and using prettier integration on save. Demonstrates run configurations, gutter npm scripts, refactor rename across templates and CSS, Problems view, and local history for recovery.

AI-written summary · about

" chapters (16)

1. 0:00Power Angular with WebStorm
2. 2:11Angular project setup
3. 8:41Run Angular app efficiently
4. 16:10Tests and configurations
5. 22:57Debugging imports
6. 31:57Code formatting with Prettier
7. 38:30Tour of Heroes breakdown
8. 55:05WebStorm new UI
9. 59:27Heroes component testing
10. 1:09:30Two-way binding with forms
11. 1:17:22Hero list display
12. 1:31:07Refactoring selectors
13. 1:41:51Mocking data for tests
14. 1:50:22Hero details and clicks
15. 1:58:14Git and IDE tips
16. 2:00:01Q&A

" related talks

• 20mI AM ONE WITH ANGULAR, ANGULAR IS ONE WITH MEJohn Papa · ng-conf 2017
• 29mAutomating your Angular projects with SchematicsBrandon Roberts · AngularConnect 2019
• 45mTotal Guide To Custom Angular SchematicsTomas Trajan · AngularDay 2019
• 27mExplore the power behind Angular CLISantosh Yadav · ngVikings 2020
• 50mHow to leverage Angular Schematics to empower Devs of Frontend Apps & LibrariesT. Trajan · Voxxed Days Zurich 2019
• 41mAngular Schematics - Develop for developersMaciej Treder · JS Fest 2019 Autumn
• 28mLeverage Angular Schematics to Empower Frontend Apps & LibrariesTomas Trajan · NG-MY 2019
• 55mAngular Schematics – the unknown heroChristoffer Noring · International JavaScript Conference Munich 2019