Front Ends for Back End Developers

on YouTube ↗49m

" summary

Covers concrete tools and tradeoffs: installs use Node/NVM, package managers (npm vs yarn is faster), and build chains (old gulp/grunt → Webpack code-splitting and bundle analyzer). Shows ES6/TypeScript specifics — TypeScript decorators and tsc on JS — and demos with Angular CLI, create-react-app and Vue CLI, plus JHipster integration with OpenID Connect and Spring Boot server rendering. Calls out real surprises: huge node_modules trees, JS compile times rivaling Java, and bandwidth wins from server rendering/HTTP2 (~40% reported).

AI-written summary · about

" chapters (42)

1. 0:00Intro
2. 2:08Authentication Standards
3. 2:32What about You?
4. 3:55My Web Dev Journey
5. 7:07JavaScript Framework Explosion
6. 8:56ES6, ES7 and TypeScript
7. 13:28TypeScript 2.3
8. 14:33Front End Build Tools
9. 16:40Yeoman
10. 17:45Browsersync
11. 19:32webpack.config.js
12. 20:09Cool Webpack Features
13. 22:55Jobs on Indeed
14. 23:24Stack Overflow Tags
15. 23:45Stack Overflow Trends
16. 24:12GitHub Stars
17. 24:28Hello World with Angular
18. 26:36Get Started with Angular
19. 27:34Angular and Angular CLI Demos
20. 29:37Hello World with React
21. 30:17Learning React
22. 30:53Imperative Code
23. 31:29Declarative Code
24. 32:27Create React App
25. 32:54Ships with documentation!
26. 33:20Hello World with Vue.js
27. 33:57Learning Vue.js
28. 34:27Vue.js Code
29. 36:23Server-Side Support
30. 37:43Server-Side Java Support
31. 39:04Cascading Style Sheets
32. 40:05Sass: Syntactically Awesome Style Sheets
33. 40:47CSS Frameworks
34. 42:30Bootstrap 4
35. 43:25CSS Framework Stars on GitHub
36. 44:14HTTP/2 Server Push in Java
37. 44:30Chrome Developer Tools
38. 45:01Framework Tools
39. 45:28Progressive Web Apps
40. 46:55The PRPL Pattern
41. 48:12Software Testing
42. 48:36Questions?

" related talks

• 48mParallel Universe: Java Developer’s Guide to Front-End DevelopmentKito Mann · Oracle Code One 2018
• 01h 07mModern Frontend EngineeringDustin Whittle · SpringOne2GX 2015
• 40mFRONTEND CHOICESAlex Coles · wroc_love.rb 2014
• 46mFunctional Frontend. Practical survival guide for backend engineers.Wojtek Pituła · ScalaIO 2019
• 53mPanel DiscussionBuzzJS 3.1 2018
• 50mFrontend Development 2018 - What's in your stack?Stefan Judis · NDC Oslo 2018
• 30mExcuse Me, I Have to Assemble the FrontendAndrew Mykhaliuk · OdessaJS 2018
• 31mThe Future of Front-End PerformanceSia Karamalegos · Full Stack Fest 2018