When you are a self taught programmer who does not work in tech, you are not always aware of new changes in the rapidly evolving web development.
Then I switched from PHP to NodeJs, but for the client side, I chose to create my own tool, instead of looking for something already existing, because I wanted something lightweight, easy to use, and also because I like to create stuffs.
I managed to build what I wanted, a tool that reduces the amount of code needed and generates lightweight web apps with very few dependencies, but the user interface looked very basic, even with the help of bootstrap.
Recently, I decided to upgrade myself to “modern” front-end development, and I had to learn new terms and new ways of doing things:
npm modules in the browser
Now it’s a single js file in the body section: the bundle, which is generated by module bundlers like browserify, allowing you to import npm packages to use them in the browser.
Another milestone for me was publishing my first npm module, yey!
But web browsers do not support JSX, so we need to use a converter like Babel.
It is pretty easy to get started with it, you just use the tool react-create-app to set up as boilerplate with a JSX converter, a module bundler and hot refresh.
With ES6 you can also use import from and export instead of require and module.exports but it is not yet supported by all tools.
I had to get familiar with automatic testing approaches like unit tests, integration tests and end to end tests.
Well, I think I successfully upgraded my webskills, at least for the front end part!