Javascript isn't hard
2 likes829 views
Chris Heilmann discusses the complexities and evolving nature of JavaScript, emphasizing its versatility and widespread use in web development. He encourages developers to find their comfort zone within the abundance of tools and frameworks, highlighting the importance of understanding the language and its practical applications. The talk reassures that while JavaScript can feel overwhelming, it should be approached like a buffet, allowing developers to choose what works best for them.
Javascript isn't hard
- 1. JavaScript isn’t hard… Chris Heilmann @codepo8, SmashingConf Barcelona Jam Session, October 2016
- 3. There is a lot of love for JavaScript on the web… 💚❤💙💛💜
- 4. With good reasons… 😃 Very flexible language 😃 Runs everywhere 😃 Automatically available in browsers 😃 Multiple, open-source engines available 😃 Huge community 😃 Lightweight development environment (text editor/browser is enough?)
- 5. Lately JavaScript has a lot of visibility which leads to obsession instead of love… 🔥💵📈💯📢
- 6. Which leads to a lot of pressure and anxiety for us developers… 😫😓😭😱😡
- 7. Tell me if this sounds familiar… 🤔 I feel like I’m out of the loop 🤔 By the time I get to play with a new JS feature, people already blog it is “considered harmful” 🤔 Everbody talks about flügelhorn.js but I have no idea what I’d need it for – am I building things nobody else does? 🤔 What are all these NPM modules on my HD? 🤔 Why do I get all these warnings when I build something and how come this is not a problem?
- 8. Calm down!
- 9. JavaScript used to be easy - it was just one language in the web stack. HTML (Structure) CSS (Look and Feel) JavaScript (Behaviour)
- 10. Due to its flexible nature, we extended its use cases massively…
- 11. JavaScript now is a lot more… ✅ Web Development ✅ Task runners ✅ Package management ✅ Module-driven development ✅ Extension of software (browsers, editors) ✅ APIs ✅ Services ✅ Servers ✅ Fat client applications ✅ Compilation target ✅ Embeddable runtime ✅ Argument firestarter
- 12. Enhance HTML progressively Use libraries Use APIs and services Use node, gulp, grunt, NPM and others to manage your tasks and builds Write code for Node, other systems and services to write apps. Different uses require different skill levels…
- 13. Actively participate in systems used earlier in the timeline… Participate in extending editors and development environments… Work on meta languages and ideas to bridge the gap between JS and higher level languages. Actively participate in inventing the next version of the language
- 14. You do not need to do all of that…
- 15. You do not need to use all of that…
- 16. It’s totally OK to pick and choose what you want and feel comfortable with…
- 17. “JavaScript” is not a language, but a whole world of decisions and use cases by now…
- 18. Find your place in this world, travel to other destinations, but don’t feel bad for not becoming a resident in all of them…
- 19. Make yourself more effective… Understand what you use and own it… Ownership and responsibility balancing act
- 20. Build tools and process balancing act Use what enables others to work with you… Use what helps you write maintainable code…
- 21. Progressive enhancement balancing act Control the UX with JavaScript and own the failure cases. Rely on the browser to give a “working” experience.
- 22. Supporting the past balancing act… Use powerful language additions… Don’t block out older browsers and environments…
- 23. I can’t help you with all these decisions. It is up to you and the products you work on what makes sense and what doesn’t…
- 24. However, here’s a few pointers… 🤓 Learn the language - learn how it works, its strengths and weaknesses. 😉 Use polyfills and libraries when you know what they do. Make sure you can remove them and upgrade them if needed. 😍 ES6 is the current, ratified version of JavaScript. Use it, don’t wait for it. 🤓 Promises are an important part of every new JavaScript API. Good to get your head around them. 😱 Don’t panic! It’s a buffet, not a main course. Pick what doesn’t make you sick.