Over the course of the past 2 years, I observed that there are a few things that trouble and concerns almost every beginner level Web developer.
After Observing closely, I listed down some of the basic tools and libraries that concerns developers as they are not even aware of how and why to use it.
The most basic question I usually come across:
If I can develop a website using HTML, CSS and JS, why should I learn anything else…??
In this article, I’ll be discussing the following points:
- EcmaScript and Babel
- Progressive Web App
So without any further ado, let’s get started…!
Simply, webpack is something that collects your assets, images, styles and scripts, process them and provide some different file. For our understanding, we can list this into these steps:
- Assembling your files
- Converting them into something your browser can recognise
- and spitting them out into actual files.
Here is a basic webpack configuration file:
Parcel is Blazing fast, zero-configuration web application bundler
The parcel is a web application bundler, differentiated by its developer experience. It offers blazing-fast performance utilizing multicore processing and requires zero configuration.
It is a simple bundler. It provides us with the following:
- Gets all of our HTML, CSS and JS file, combines them in the way we have imported or exported them.
- Minify the files.
- Allows us to use modern features.
Yes, we can compare it to webpack with the configuration steps
Based on a reasonably sized app, containing 1726 modules, 6.5M uncompressed. Built on a 2016 MacBook Pro with 4 physical cores.
It is essentially a platform for building Node Js Application. It is extremely beneficial for building realtime applications.
Cons for using Meteor
* Must use MongoDB as SQL support isn’t that good
* No official testing framework, it just keeps changing every two months or so
* Meteor isn’t opinionated at all, you can do pretty much what you want with the structure, which can be confusing
ECMAScript and Babel
But this is not it, in 2017 ES7 came out with some new features but not as large as ES6.
ES8 version was soon released the very next year. This includes things like async()…await()
Some browsers support features of some ES version while other supports some other ES version. None of them supports features of all ES versions.
So how are we going to utilize these features today?
Bable is the Effective way to do this
An application programming interface (API), is a computing interface that defines interactions between multiple software intermediaries
Let us take some general scenarios into account where API is used:
- Social Media Handle
Let us consider your photos on your Social media profile. How is it getting there?. Under the hood, there is an API that is fetching your data (Logged in user’s data) and displaying it before the user.
- Weather Application
To check whether at your location API is used. The client-side takes your co-ordinates and uses it while making an API call. Based on your co-ordinated, as a response to your API call, your whether information is returned.
There are countless examples to discuss regarding this, but I hope you get a general idea of what an API is.
We can say that it is something which is used to exchange data between the server and client side
Progressive Web App
Progressive Web Apps (PWA) are built and enhanced with modern APIs to deliver enhanced capabilities, reliability, and installability while reaching anyone, anywhere, on any device with a single codebase.
A Progressive Web App is an application that builds and live on web but will function more and more like a native application
Progressive Web Apps are web applications that have been designed so they are capable, reliable, and installable
This article should have given you a good introduction to the various tools and utilities of Web Development. There is much more to learn and improve, but I hope you feel confident delving in and playing around with a wide range of powerful utilities yourself now.
Please let me know if anything was unclear, or if there’s anything else you’d like to see in this or a subsequent article. Feel free to reach out to me anytime if you want to discuss something. I would be more than happy if you send your feedback, suggestions.
Thanks a lot for reading till end. You can contact me in case if you need any assistance: