larslo's frontend techniques roadmap
many methods but only a few principles
Doing frontend development since 2006, I got in contact with many different tools and concepts. But since a couple of years the number of frameworks and tools exploded.
Its not easy at all to keep up to date with all frontend-tools.
In 2020 I am focusing: on preact and the technologies around it.
As to methods there may be a million and then some, but principles are few. The man who grasps principles can successfully select his own methods. The man who tries methods, ignoring principles, is sure to have trouble
Harrington Emerson
Roadmap
The following roadmap shows my view on the topics and outlines the preferred technologies. With the following buttons you can set high-lightning
Its a wild mixture of methods, technologies, product-names and buzz-words. Work-in-Progress
1 Basic Frontend
coming soon. (note: provide some curated lists)
maybe this https://eloquentjavascript.net/
Internet Explorer is no longer the enemy (death), but Apple’s old safaris are starting to make some trouble.
2 General Development
Well there is too much to say.
Maybe a word on IDE’s: I use sublime text.
Maybe this polemic peace.
3 Build-Tools
Build-Tools are made for productivity or maybe also developer experience. If you once tried to configure your own build-pipeline with all packages, loaders, modules, concepts etc… you know that this can be a very daunting task if you don’t have your own DevOps-Engineer….(link)
Interesting article about tree-shaking, code-splitting, lazy/conditional-loading, maybe this.
And about CSS in JS, maybe this
4 JS-Frameworks, React, Preact
more on this here.
too much letters to explain all these.
Like the concept of micro-frontends, and webcomponents
Apple’s backward oriented native App centered policy is blocking the bright future of PWA.
5 Extended xHTML
too much letters to explain all these.
I’m a big fan of SVG.
6 Testing
so many good article everywhere about this.
having automated browsers (selenium), can not only be used for testing, but also many other tasks, e.g gdpr-monitoring.