Daisy Rees

Daisy Rees

1560831608

Introduction to Ionic 4: How Web Components Changed the Game

Based on Web Components Ionic is a collection of UI components for building high-quality, cross-platform apps. These components are all built with HTML, CSS, and JavaScript and can easily be deployed natively to iOS and Android devices, desktop with Electron, or to the web as a progressive web application.


Getting Started with Ionic

To install Ionic on your machine, you must have Node installed first, if you have not. Then you can install ionic globally with npm like this:

sudo npm install -g ionic

Now you can navigate into your preferred folder where you want your Ionic application to reside. Start a new app with this command:

ionic start [appName] [option]

appName is the name you want to call your application, option can be one of:

  • tabs: A tabs based layout.
  • sidemenu: A side menu based layout.
  • blank: An empty project with a single page.

Your start command might look like this:

ionic start newApp tabs

Follow the prompts to make a few guided configurations and when it is all setup, you can change directory to the newly created folder and then run your app with this command:

ionic serve

A few days ago, Max and the team at Ionic released the Ionic newest version 4 to all of us and dubbed it Ionic for everyone. In the remaining part of this article, we would take a look at the new features and mostly massive improvements that shipped with this new version.


Web Components

Web components were used to re-write each of the Ionic components in this new version. Web components are a group of Web APIs that have extensive support on modern browsers both on mobile devices and desktops. Some of these APIs include shadow DOM and custom elements which has started getting widespread adoption. Web components makes the browser handle more of the work with less code from you. Big improvements in load time and performance is also very ideal for progressive web applications. Ionic polyfills browsers that do not support web components yet so you do not have to ever worry about browser support.


Framework Agnostic

Ionic’s very first and subsequent versions were focused on the Angular js framework and the team consistently kept up to the phases and updates of Angular. However, the dream was always to build mobile apps using web technology, no matter your preferred framework. In this new version, thanks to custom elements, you can use Ionic components which are basically used as HTML tags in any framework of your choice. Yes, you heard correctly. For Angular devs, nothing about the syntax you already use changes. Just like Ionic Angular, there is now the React and Vue versions, Ionic Vue and Ionic React and soon more resources and guides are going to be available to work with them.


Adapting Angular Core Features

Initially when Ionic 2 was in the beginner days and was built for Angular applications, there was a cloud of uncertainty around Angular and support for tooling so the Ionic team built their own in-house CLI tools, build tools and router. But now that the Angular team has taken up these things as their priority, the Ionic team is embracing the Angular CLI and Router tools from Angular .

To this effect, ionic-app-scripts is now replaced with the official Angular tooling. So Angular devs can use the Angular CLI directly and evolve with these core tools overtime. While this will be a change for existing Ionic Angular developers, it is a long term win for the project as Ionic can focus more on components and less on unnecessary, complex tooling, and a win for Ionic Angular developers that can now use first-class Angular tooling and conventions.


Shiny New Docs

One of the best news and my favourite too is the new documentation. Ionic version 4.0 has a revamped documentation, Ionic is already well known just like Vue for super easy docs and now the team has added even more improvements to accommodate v4, they call it the 0.5 major release work-in-progress. This documentation, along with dramatically improved performance also includes a simpler design, focused on content, and an easier-to-navigate organisation and code snippets. The components and the API references were also made concise enough for easy understanding. Check it out here.

Additionally, the Ionic CLI tool also got an overhaul to provide more information in a cleaner and easier to read layout. Check out the new CLI Docs

Refactored CLI 4.0

Ionic 4.0 also ships with a refactored CLI Version 4.0. Ionic CLI is used to develop Ionic apps and is designed to work alongside the Angular CLI so you can get the very best from both. It is faster and cooler than ever, providing powerful Cordova integration with live-reload, custom schematics for generators, and support for multiple projects out of the box.


Bring Your Own Framework Party

Thanks to Web Components APIs, you can now use Ionic in not just only your Angular Applications but in Vue and React and other frameworks. Although there is need to make the processes as smooth as it is in Angular, where features like routing has been handled by the framework itself. So in the coming weeks, expect Vue or React specific functionality to be released. Official Vue.js and React bindings are currently in alpha and are expected to be a big part of the Ionic 4 developer experience henceforth.


Ionicons 4.0

Ionicons are the official icons pack by the ionic team. This new version is available and distributed as web components with drastically reduced sizes, and brand new icon forms reflecting the latest iOS and Material Design styles.


PWAs on Steroids

Ionic prides itself as the best UI framework for building high performant Progressive Web Applications. To achieve this and make astonishingly excellent lighthouse scores, the team at Ionic built out a web component pipeline using Stencil to render Ionic components, ensuring they were tightly packed, lazy loaded, and delivered in smart collections consisting of components developers use. Stencil-built components rank very high in lighthouse audits.


Native API Upgrade

With this new Ionic version, Ionic Native 5.0 Beta has been upgraded to also be framework independent. You can now use the wrappers outside of Angular as simple classes while still offering Angular providers that work with dependency injection. Check out the Docs here


Customisations with CSS Variables

Another big change made in this new version of Ionic was to start using CSS Variables in each component. These variables use a public theming API that provides developers with structure to customise components in Ionic in a way that supports easily upgrading to future versions of Ionic without introducing compatibility issues. They also provide a standardised way to theme Ionic apps independent of the frontend framework used in your application. You can modify the overall look and feel of your app by just changing a few variables, all without build tools.


Migrating from 3.0 to 4.0

You can migrate your ionic application to version 4.0 in the following steps:

  1. Generate a new project using the blank starter (as described at the start of this article)
  2. Copy any Angular services from src/providers to src/app/services
  • Services should include { providedIn: 'root' } in the @Injectable()decorator. For details, please see Angular provider docs.

3. Copy the app’s other root level items (pipes, components, etc) keeping in mind that the directory structure changes from src/components to src/app/components, etc.

4. Copy global Sass styling from src/app/app.scss to src/global.scss

5. Copy the rest of the application, page by page or feature by feature, keeping the following items in mind:

  • Emulated Shadow DOM is turned on by default
  • Page/component Sass should no longer be wrapped in the page/component tag and should use Angular’s [styleUrls](https://angular.io/api/core/Component#styleUrls) option of the @Componentdecorator
  • RxJS has been updated from v5 to v6 (see RxJS Changes)
  • Certain lifecycle hooks should be replaced by Angular’s hooks (see Lifecycle Events)
  • Markup changes may be required (migration tool available, see Markup Changes)
In many cases, using the Ionic CLI to generate a new object and then copying the code also works very well.

Conclusion

We have thoroughly looked at the new version of Ionic and everything it shipped with and what it means for us Ionic developers. We saw how web components is now in the forefront of democratizing mobile development across browsers. Upgrade your ionic application to 4 today and enjoy.

Learn more

Building a mobile chat app with Nest.js and Ionic 4

Android Studio for beginners

Getting started with Flutter

Learn Swift 4: From Beginner to Advanced

Originally published by Nwose Lotanna at https://blog.bitsrc.io

#ionic #mobile-apps

What is GEEK

Buddha Community

Introduction to Ionic 4: How Web Components Changed the Game
Einar  Hintz

Einar Hintz

1594631472

Pros and Cons of Ionic Development

Entrepreneurs around the world want a top-notch mobile application for their business in both Android and iOS platforms. Most of them get stuck mid-way where they struggle to pick the best technology suitable for their business. From questions such as native mobile development or cross-platform development? Flutter or Ionic or React Native?. Each technology and development approach has its own Pros and Cons from which you will need to choose the right one for your business. If you think Ionic is the right cross-platform application development, here are a few pros and cons of Ionic development. 

What is Ionic Framework?

Being an open-source SDK for building Hybrid mobile applications in both Android and iOS platforms, Ionic is the best choice for building top of the line mobile applications. This Ionic framework is completely based on Apache Cordova and Angular. More precisely, Ionic is an npm module that requires the installation of Node JS to function.

One can build a full functioning mobile application in both platforms using their Javascript, HTML, and CSS knowledge without requiring the basics of Kotlin or Java. More than 5 Million mobile applications are built using this Ionic framework by leveraging its platform-specific UI elements, innumerable libraries, and more exciting features.

The applications that are built using the Ionic framework are cross-platform, web-based, and have access to native device’s APIs.

Ionic Applications are

  • Cross-platform – Single code base for both platforms (except native components)
  • Web-based – Built using web-views and can be displayed in a browser like PWAs.
  • Access to native API components – They can access native device’s camera, files, and others.

Advantages of Ionic Development

Quick Development and Time To Market

For entrepreneurs and business owners, ionic development can be beneficial if they want to develop a mobile application in both platforms in a short period of time while comparing to native applications. Building native applications specifically for each platform can be time-consuming which can imply a delay in time to market and development cost of native applications are generally expensive.

#mobile app development #ionic 4 advantages #ionic 4 best practices #ionic 5 #ionic appflow #ionic capacitor pros and cons #ionic vs react native #react native pros and cons #what is ionic app development

Autumn  Blick

Autumn Blick

1602565700

Game Development with .NET

We’ve launched a new Game Development with .NET section on our site. It’s designed for current .NET developers to explore all the choices available to them when developing games. It’s also designed for new developers trying to learn how to use .NET by making games. We’ve also launched a new game development Learn portal for .NET filled with tutorials, videos, and documentation provided by Microsoft and others in the .NET game development community. Finally, we launched a step-by-step Unity get-started tutorial that will get you started with Unity and writing C## scripts for it in no time. We are excited to show you what .NET has to offer to you when making games. .NET is also part of Microsoft Game Stack, a comprehensive suite of tools and services just for game development.

A picture of a game controller

.NET for game developers

.NET is cross-platform. With .NET you can target over 25+ different platforms with a single code base. You can make games for, but not limited to, Windows, macOS, Linux, Android, iOS, Xbox, PlayStation, Nintendo, and mixed reality devices.

C## is the most popular programming language in game development. The wider .NET community is also big. There is no lack of expertise and support you can find from individuals and user groups, locally or online.

.NET does not just cover building your game. You can also use it to build your game’s website with ASP.NET, your mobile app using Xamarin, and even do remote rendering with Microsoft Azure. Your skills will transfer across the entire game development pipeline.

logos of some gaming platforms supported by .NET

Available game engines

The first step to developing games in .NET is to choose a game engine. You can think of engines as the frameworks and tools you use for developing your game. There are many game engines that use .NET and they differ widely. Some of the engines are commercial and some are completely royalty free and open source. I am excited to see some of them planning to adopt .NET 5 soon. Just choose the engine that better works for you and your game. Would you like to read a blog post to help you learn about .NET game engines, and which one would be best for you?

#.net #.net core #azure #c# #game development #azure #cryengine #game developers #game development #game development with .net #game engines #games #monogame #playfab #stride #unity #visual studio #waveengine

Ashish parmar

Ashish parmar

1627043546

Evolution in Web Design: A Case Study of 25 Years - Prismetric

The term web design simply encompasses a design process related to the front-end design of website that includes writing mark-up. Creative web design has a considerable impact on your perceived business credibility and quality. It taps onto the broader scopes of web development services.

Web designing is identified as a critical factor for the success of websites and eCommerce. The internet has completely changed the way businesses and brands operate. Web design and web development go hand-in-hand and the need for a professional web design and development company, offering a blend of creative designs and user-centric elements at an affordable rate, is growing at a significant rate.

In this blog, we have focused on the different areas of designing a website that covers all the trends, tools, and techniques coming up with time.

Web design
In 2020 itself, the number of smartphone users across the globe stands at 6.95 billion, with experts suggesting a high rise of 17.75 billion by 2024. On the other hand, the percentage of Gen Z web and internet users worldwide is up to 98%. This is not just a huge market but a ginormous one to boost your business and grow your presence online.

Web Design History
At a huge particle physics laboratory, CERN in Switzerland, the son of computer scientist Barner Lee published the first-ever website on August 6, 1991. He is not only the first web designer but also the creator of HTML (HyperText Markup Language). The worldwide web persisted and after two years, the world’s first search engine was born. This was just the beginning.

Evolution of Web Design over the years
With the release of the Internet web browser and Windows 95 in 1995, most trading companies at that time saw innumerable possibilities of instant worldwide information and public sharing of websites to increase their sales. This led to the prospect of eCommerce and worldwide group communications.

The next few years saw a soaring launch of the now-so-famous websites such as Yahoo, Amazon, eBay, Google, and substantially more. In 2004, by the time Facebook was launched, there were more than 50 million websites online.

Then came the era of Google, the ruler of all search engines introducing us to search engine optimization (SEO) and businesses sought their ways to improve their ranks. The world turned more towards mobile web experiences and responsive mobile-friendly web designs became requisite.

Let’s take a deep look at the evolution of illustrious brands to have a profound understanding of web design.

Here is a retrospection of a few widely acclaimed brands over the years.

Netflix
From a simple idea of renting DVDs online to a multi-billion-dollar business, saying that Netflix has come a long way is an understatement. A company that has sent shockwaves across Hollywood in the form of content delivery. Abundantly, Netflix (NFLX) is responsible for the rise in streaming services across 190 countries and meaningful changes in the entertainment industry.

1997-2000

The idea of Netflix was born when Reed Hastings and Marc Randolph decided to rent DVDs by mail. With 925 titles and a pay-per-rental model, Netflix.com debuts the first DVD rental and sales site with all novel features. It offered unlimited rentals without due dates or monthly rental limitations with a personalized movie recommendation system.

Netflix 1997-2000

2001-2005

Announcing its initial public offering (IPO) under the NASDAQ ticker NFLX, Netflix reached over 1 million subscribers in the United States by introducing a profile feature in their influential website design along with a free trial allowing members to create lists and rate their favorite movies. The user experience was quite engaging with the categorization of content, recommendations based on history, search engine, and a queue of movies to watch.

Netflix 2001-2005 -2003

2006-2010

They then unleashed streaming and partnering with electronic brands such as blu-ray, Xbox, and set-top boxes so that users can watch series and films straight away. Later in 2010, they also launched their sophisticated website on mobile devices with its iconic red and black themed background.

Netflix 2006-2010 -2007

2011-2015

In 2013, an eye-tracking test revealed that the users didn’t focus on the details of the movie or show in the existing interface and were perplexed with the flow of information. Hence, the professional web designers simply shifted the text from the right side to the top of the screen. With Daredevil, an audio description feature was also launched for the visually impaired ones.

Netflix 2011-2015

2016-2020

These years, Netflix came with a plethora of new features for their modern website design such as AutoPay, snippets of trailers, recommendations categorized by genre, percentage based on user experience, upcoming shows, top 10 lists, etc. These web application features yielded better results in visual hierarchy and flow of information across the website.

Netflix 2016-2020

2021

With a sleek logo in their iconic red N, timeless black background with a ‘Watch anywhere, Cancel anytime’ the color, the combination, the statement, and the leading ott platform for top video streaming service Netflix has overgrown into a revolutionary lifestyle of Netflix and Chill.

Netflix 2021

Contunue to read: Evolution in Web Design: A Case Study of 25 Years

#web #web-design #web-design-development #web-design-case-study #web-design-history #web-development

Daisy Rees

Daisy Rees

1560831608

Introduction to Ionic 4: How Web Components Changed the Game

Based on Web Components Ionic is a collection of UI components for building high-quality, cross-platform apps. These components are all built with HTML, CSS, and JavaScript and can easily be deployed natively to iOS and Android devices, desktop with Electron, or to the web as a progressive web application.


Getting Started with Ionic

To install Ionic on your machine, you must have Node installed first, if you have not. Then you can install ionic globally with npm like this:

sudo npm install -g ionic

Now you can navigate into your preferred folder where you want your Ionic application to reside. Start a new app with this command:

ionic start [appName] [option]

appName is the name you want to call your application, option can be one of:

  • tabs: A tabs based layout.
  • sidemenu: A side menu based layout.
  • blank: An empty project with a single page.

Your start command might look like this:

ionic start newApp tabs

Follow the prompts to make a few guided configurations and when it is all setup, you can change directory to the newly created folder and then run your app with this command:

ionic serve

A few days ago, Max and the team at Ionic released the Ionic newest version 4 to all of us and dubbed it Ionic for everyone. In the remaining part of this article, we would take a look at the new features and mostly massive improvements that shipped with this new version.


Web Components

Web components were used to re-write each of the Ionic components in this new version. Web components are a group of Web APIs that have extensive support on modern browsers both on mobile devices and desktops. Some of these APIs include shadow DOM and custom elements which has started getting widespread adoption. Web components makes the browser handle more of the work with less code from you. Big improvements in load time and performance is also very ideal for progressive web applications. Ionic polyfills browsers that do not support web components yet so you do not have to ever worry about browser support.


Framework Agnostic

Ionic’s very first and subsequent versions were focused on the Angular js framework and the team consistently kept up to the phases and updates of Angular. However, the dream was always to build mobile apps using web technology, no matter your preferred framework. In this new version, thanks to custom elements, you can use Ionic components which are basically used as HTML tags in any framework of your choice. Yes, you heard correctly. For Angular devs, nothing about the syntax you already use changes. Just like Ionic Angular, there is now the React and Vue versions, Ionic Vue and Ionic React and soon more resources and guides are going to be available to work with them.


Adapting Angular Core Features

Initially when Ionic 2 was in the beginner days and was built for Angular applications, there was a cloud of uncertainty around Angular and support for tooling so the Ionic team built their own in-house CLI tools, build tools and router. But now that the Angular team has taken up these things as their priority, the Ionic team is embracing the Angular CLI and Router tools from Angular .

To this effect, ionic-app-scripts is now replaced with the official Angular tooling. So Angular devs can use the Angular CLI directly and evolve with these core tools overtime. While this will be a change for existing Ionic Angular developers, it is a long term win for the project as Ionic can focus more on components and less on unnecessary, complex tooling, and a win for Ionic Angular developers that can now use first-class Angular tooling and conventions.


Shiny New Docs

One of the best news and my favourite too is the new documentation. Ionic version 4.0 has a revamped documentation, Ionic is already well known just like Vue for super easy docs and now the team has added even more improvements to accommodate v4, they call it the 0.5 major release work-in-progress. This documentation, along with dramatically improved performance also includes a simpler design, focused on content, and an easier-to-navigate organisation and code snippets. The components and the API references were also made concise enough for easy understanding. Check it out here.

Additionally, the Ionic CLI tool also got an overhaul to provide more information in a cleaner and easier to read layout. Check out the new CLI Docs

Refactored CLI 4.0

Ionic 4.0 also ships with a refactored CLI Version 4.0. Ionic CLI is used to develop Ionic apps and is designed to work alongside the Angular CLI so you can get the very best from both. It is faster and cooler than ever, providing powerful Cordova integration with live-reload, custom schematics for generators, and support for multiple projects out of the box.


Bring Your Own Framework Party

Thanks to Web Components APIs, you can now use Ionic in not just only your Angular Applications but in Vue and React and other frameworks. Although there is need to make the processes as smooth as it is in Angular, where features like routing has been handled by the framework itself. So in the coming weeks, expect Vue or React specific functionality to be released. Official Vue.js and React bindings are currently in alpha and are expected to be a big part of the Ionic 4 developer experience henceforth.


Ionicons 4.0

Ionicons are the official icons pack by the ionic team. This new version is available and distributed as web components with drastically reduced sizes, and brand new icon forms reflecting the latest iOS and Material Design styles.


PWAs on Steroids

Ionic prides itself as the best UI framework for building high performant Progressive Web Applications. To achieve this and make astonishingly excellent lighthouse scores, the team at Ionic built out a web component pipeline using Stencil to render Ionic components, ensuring they were tightly packed, lazy loaded, and delivered in smart collections consisting of components developers use. Stencil-built components rank very high in lighthouse audits.


Native API Upgrade

With this new Ionic version, Ionic Native 5.0 Beta has been upgraded to also be framework independent. You can now use the wrappers outside of Angular as simple classes while still offering Angular providers that work with dependency injection. Check out the Docs here


Customisations with CSS Variables

Another big change made in this new version of Ionic was to start using CSS Variables in each component. These variables use a public theming API that provides developers with structure to customise components in Ionic in a way that supports easily upgrading to future versions of Ionic without introducing compatibility issues. They also provide a standardised way to theme Ionic apps independent of the frontend framework used in your application. You can modify the overall look and feel of your app by just changing a few variables, all without build tools.


Migrating from 3.0 to 4.0

You can migrate your ionic application to version 4.0 in the following steps:

  1. Generate a new project using the blank starter (as described at the start of this article)
  2. Copy any Angular services from src/providers to src/app/services
  • Services should include { providedIn: 'root' } in the @Injectable()decorator. For details, please see Angular provider docs.

3. Copy the app’s other root level items (pipes, components, etc) keeping in mind that the directory structure changes from src/components to src/app/components, etc.

4. Copy global Sass styling from src/app/app.scss to src/global.scss

5. Copy the rest of the application, page by page or feature by feature, keeping the following items in mind:

  • Emulated Shadow DOM is turned on by default
  • Page/component Sass should no longer be wrapped in the page/component tag and should use Angular’s [styleUrls](https://angular.io/api/core/Component#styleUrls) option of the @Componentdecorator
  • RxJS has been updated from v5 to v6 (see RxJS Changes)
  • Certain lifecycle hooks should be replaced by Angular’s hooks (see Lifecycle Events)
  • Markup changes may be required (migration tool available, see Markup Changes)
In many cases, using the Ionic CLI to generate a new object and then copying the code also works very well.

Conclusion

We have thoroughly looked at the new version of Ionic and everything it shipped with and what it means for us Ionic developers. We saw how web components is now in the forefront of democratizing mobile development across browsers. Upgrade your ionic application to 4 today and enjoy.

Learn more

Building a mobile chat app with Nest.js and Ionic 4

Android Studio for beginners

Getting started with Flutter

Learn Swift 4: From Beginner to Advanced

Originally published by Nwose Lotanna at https://blog.bitsrc.io

#ionic #mobile-apps

Roberta  Ward

Roberta Ward

1595344320

Wondering how to upgrade your skills in the pandemic? Here's a simple way you can do it.

Corona Virus Pandemic has brought the world to a standstill.

Countries are on a major lockdown. Schools, colleges, theatres, gym, clubs, and all other public places are shut down, the country’s economy is suffering, human health is on stake, people are losing their jobs and nobody knows how worse it can get.

Since most of the places are on lockdown, and you are working from home or have enough time to nourish your skills, then you should use this time wisely! We always complain that we want some ‘time’ to learn and upgrade our knowledge but don’t get it due to our ‘busy schedules’. So, now is the time to make a ‘list of skills’ and learn and upgrade your skills at home!

And for the technology-loving people like us, Knoldus Techhub has already helped us a lot in doing it in a short span of time!

If you are still not aware of it, don’t worry as Georgia Byng has well said,

“No time is better than the present”

– Georgia Byng, a British children’s writer, illustrator, actress and film producer.

No matter if you are a developer (be it front-end or back-end) or a data scientisttester, or a DevOps person, or, a learner who has a keen interest in technology, Knoldus Techhub has brought it all for you under one common roof.

From technologies like Scala, spark, elastic-search to angular, go, machine learning, it has a total of 20 technologies with some recently added ones i.e. DAML, test automation, snowflake, and ionic.

How to upgrade your skills?

Every technology in Tech-hub has n number of templates. Once you click on any specific technology you’ll be able to see all the templates of that technology. Since these templates are downloadable, you need to provide your email to get the template downloadable link in your mail.

These templates helps you learn the practical implementation of a topic with so much of ease. Using these templates you can learn and kick-start your development in no time.

Apart from your learning, there are some out of the box templates, that can help provide the solution to your business problem that has all the basic dependencies/ implementations already plugged in. Tech hub names these templates as xlr8rs (pronounced as accelerators).

xlr8rs make your development real fast by just adding your core business logic to the template.

If you are looking for a template that’s not available, you can also request a template may be for learning or requesting for a solution to your business problem and tech-hub will connect with you to provide you the solution. Isn’t this helpful 🙂

Confused with which technology to start with?

To keep you updated, the Knoldus tech hub provides you with the information on the most trending technology and the most downloaded templates at present. This you’ll be informed and learn the one that’s most trending.

Since we believe:

“There’s always a scope of improvement“

If you still feel like it isn’t helping you in learning and development, you can provide your feedback in the feedback section in the bottom right corner of the website.

#ai #akka #akka-http #akka-streams #amazon ec2 #angular 6 #angular 9 #angular material #apache flink #apache kafka #apache spark #api testing #artificial intelligence #aws #aws services #big data and fast data #blockchain #css #daml #devops #elasticsearch #flink #functional programming #future #grpc #html #hybrid application development #ionic framework #java #java11 #kubernetes #lagom #microservices #ml # ai and data engineering #mlflow #mlops #mobile development #mongodb #non-blocking #nosql #play #play 2.4.x #play framework #python #react #reactive application #reactive architecture #reactive programming #rust #scala #scalatest #slick #software #spark #spring boot #sql #streaming #tech blogs #testing #user interface (ui) #web #web application #web designing #angular #coronavirus #daml #development #devops #elasticsearch #golang #ionic #java #kafka #knoldus #lagom #learn #machine learning #ml #pandemic #play framework #scala #skills #snowflake #spark streaming #techhub #technology #test automation #time management #upgrade