IDE Tooling for JavaScript

on YouTube ↗52m

" summary

Compares IntelliJ/WebStorm, NetBeans and Eclipse Neon by actual features: editor accuracy, ES6/JSX support, debugging, build tooling and mobile/Cordova. Claims IntelliJ/WebStorm delivers the best editor, Babel transpile integration, superior refactoring and Chrome client/server debugging; NetBeans provides the easiest onboarding, NPM GUI and sample projects, Chrome plugin debugging and reliable hot swapping to edit CSS live; Eclipse finally adds ES6 but requires Tern and shows performance and autocomplete problems. Notes NetBeans/Eclipse are free, IntelliJ is paid.

AI-written summary · about

" chapters (43)

1. 0:00Intro
2. 0:48Notepad?
3. 3:05JavaScript IDE Key Features
4. 5:16My IDE Philosophy
5. 6:21Feature Support
6. 7:26Framework Support
7. 7:41Supported JavaScript Versions
8. 8:47Hybrid Mobile Development
9. 10:05Cost
10. 11:00JavaScript Environment Setup
11. 12:04NetBeans Features
12. 13:23NetBeans: Supported Frameworks
13. 14:16NetBeans: Chrome Integration
14. 14:56NetBeans: File Templates
15. 16:06NetBeans: Project Templates
16. 17:35NetBeans: Example Projects
17. 18:58NetBeans: Code Completion
18. 19:43NetBeans: DOM Debugging
19. 20:18NetBeans: CSS3 Editing
20. 21:08NetBeans: Customizable Palette
21. 21:34NetBeans: JavaScript Dependencies
22. 22:02NetBeans: Gulp Integration
23. 22:28NetBeans: Gulp Menu Integration
24. 22:42NetBeans: Node.js Integration
25. 22:56NetBeans: Apache Cordova
26. 31:47Eclipse - New Project
27. 32:21Eclipse Neon: Adding npm Support
28. 32:42Eclipse Neon: npm Support
29. 33:13Eclipse Neon: Node.js Integration
30. 33:26Eclipse Neon: Grunt Integration
31. 37:30WebStorm / IntelliJ: Differentiating Features
32. 38:24WebStorm / IntelliJ: Project Types
33. 39:19WebStorm / IntelliJ: Babel Integration
34. 43:14Browser Comparison: Computed Methods
35. 44:50Browser Comparison: Auto-lookup
36. 45:28Browser Comparison: Sloppy Code
37. 46:06Browser Comparison: ES6
38. 46:36Browser Comparison: Imports
39. 47:37Browser Comparison: Packages
40. 48:33Browser Comparison: Refactoring
41. 49:08Considerations
42. 49:51Resources
43. 50:52Conclusion

" related talks

• 38mThe Battle of the IDEs (Pokemons)Ko Turk · JCON 2020
• 45mThe Battle of the IDEsKo Turk · Greach 2019
• 37mWhat Eclipse IDE must learn from other IDEs to survive?Karsten Thoms · EclipseCon 2022
• 52mThe Eclipse IDE: The Force AwakensMikaël Barbero · DevFest Nantes 2016
• 51mIntelliJ IDEA-Based IDE Tips & TricksHadi Hariri · JetBrains Night Seoul 2017
• 01h 03mWhy Do Developers Love IntelliJ IDEA?Trisha Gee · IntelliJ IDEA Conf 2021
• 27mMastering your Eclipse IDE - Java Tooling, Tips & Tricks!Noopur Gupta · Developer Summit 2020
• 44mIntelliJ IDEA-based IDEs Tips & TricksHadi Hariri · JetBrains Night Seoul 2016