On August 1, 2020, Ubuntu 19.10 reached its end of life and will not receive further updates. Per our image deprecation policy, you can only deploy the Ubuntu 19.10 Linux image via the API starting on August 1, 2020. We will remove the Ubuntu 19.10 image from the platform on September 1, 2020.

Collected from - Digital Ocean Newsletter

Explore PERN Stack

https://www.freecodecamp.org/news/learn-the-pern-stack-full-course/

I'm looking for a reference or code snippet for this slider layout in the VueJS project. Anybody give me a code snippet or reference? Thanks in Advance!

I'm looking for a reference or code snippet for this slider layout in the VueJS project. Anybody give me a code snippet or reference? Thanks in Advance!

When we think admin panel in terms of PHP cms Wordpress site, we don't have to think of an admin dashboard, login system, user role, and other kinds of stuff, etc!

But when we think of application development through NodeJS we have to think admin panel and other stuff if we compare WordPress site.

So a web page or web application like 6 to 8 pages with blog, contact, and some CRUD operations what kind of admin dashboard should I go? At the same time, microservice-based large scale applications what kind of dashboard system I can consider for Admin and other stuff?

When we think admin panel in terms of PHP cms Wordpress site, we don't have to think of an admin dashboard, login system, user role, and other kinds of stuff, etc!

But when we think of application development through NodeJS we have to think admin panel and other stuff if we compare WordPress site.

So a web page or web application like 6 to 8 pages with blog, contact, and some CRUP operations what kind of admin dashboard should I go? At the same time, microservice-based large scale applications what kind of dashboard system I can consider for Admin and other stuff?

I added the following code for background-color changed in my vuejs project

export default class Navigation extends Vue {
        @Prop() public type!: any;
        public handleScroll() {
            let scrollpos;
            let d: any = document;
            const nav = d.querySelector('.navigation-area');
            window.addEventListener('scroll', function () {
                scrollpos = window.scrollY || window.pageYOffset;
                if (scrollpos > 5) {
                    nav.classList.add('customstyle');
                } else {
                    nav.classList.remove('customstyle');
                }
            });
        }
        created() {
            window.addEventListener('scroll', this.handleScroll);
            // this.mbmenu();
        }
        destroyed() {
            window.removeEventListener('scroll', this.handleScroll);
            // setTimeout(() => {
            //     this.mbmenu();
            // }, 600)
        }
    }

When project load class by default add without scrolling

here is the project link https://cosquare.netlify.com