The world of web technologies is always a fast-moving one. It seems like some amazing new framework or development and design app comes out every day. In the blog post below you can find 6 exciting new developments in the web design and development arena that pushes forward the web technologies in 2015 and 2016.
So, the web technologies that could be make the life of web development easier and exciting:
- React Native;
- Visual studio code;
- Progressive web apps;
- Web Assembly.
Electron contains both a Node.js runtime and a minimal embedded Chromium browser. Its features include:
- Automatic updates;
- Crash reporting;
- Windows installers;
- Debugging and profiling;
- Native menu and notifications.
Originally, Electron was created by GitHub’s editor Atom, but now it’s used by numerous companies, including Facebook, Microsoft, Slack and Docker.
One one hand this means that each platform mentioned above has a slightly different UI layer now: the web, iOS, Android. But on the other hand, you’ll be able to reuse much of your code, while having a native experience on each platform. In theory, this means the experience should feel native and appear very smooth.
Visual Studio Code
For developers who find themselves trying to get access to different languages to code from, Visual Studio Code comes ready to use with over 30 programming languages. Visual Studio Code provides comprehensive editing and debugging support, an extensibility model, and lightweight integration with existing tools.
One of the features that VS Code does better that other IDEs is the mindset of coding, then editing, then debugging. No matter if you’re starting the code from scratch or editing some existing code, Visual Studio Code allows you to work either way. Also one more feature is that Visual Studio Code allows users to find, install, or even write your own extensions to help expand the functionality.
Progressive web apps
Progressive web apps are not actually a technology, but rather a term for some characteristics of modern apps. This mean that web apps are catching up with native apps in some areas and moving ahead of them in others. The main characteristics of progressive web apps are:
- Progressive – work for every user on all browsers;
- Responsive user interface – operate effectively across all platforms, that includes various input methods (touch, speech, etc.) and output methods (different screen sizes, vibration, audio, etc.);
- Connectivity-independent – work offline or with on low quality network connectivity;
- App-like UI – app-like interactions and navigation;
- Secure – served only via HTTPS protocol;
- Fresh – always updated;
- Re-engageable – makes users re-engaged through features like push notifications;
- Native installable – allows users to keep apps on their home screen;Linkability – easily shared via URL with no app store installations required.
Further reading on this topic:
- The end result includes only those exports that were actually used, via a technique called “tree-shaking”. So the developers are now free to make modules as big as they need, without having to worry about the size of bundles;
- It demonstrates that ES6 modules can be packed into a ES6-format, avoiding the need for any kind of custom loading.
Further reading on the topic:
WebAssembly is a new intermediate representation of Web safe coding. It serves as a common object-level format for multiple source-level programming languages. WebAssembly allows users to with with a simple, low level code blocks that can be used to program anything.
Talking in general, WebAssembly is:
- A target compilation: other languages will get a first-class binary support through the entire web platform stack.