teleren/devto huggingface dataset:
Deta Space - What is it and why is it the future?
Tags: cloud, discuss, productivity
Published: 2021-09-27 09:55:27

> Disclaimer: This article is not sponsored or biased in any way. I liked the idea behind the product and hence wanted to write about it.

[Deta](https://www.deta.sh/) was a company founded just over 2 years ago and it has been providing free Cloud solutions since.

# What is Deta Space?
Deta Space is a new product from Deta which provides you with your personal cloud hosted by Deta where you can run sandboxed versions of certain apps. It is a relatively new concept but seems to have great potential. Here the developers don't have our data so they cannot sell it. Deta still has our data but in this case, we just need to trust one company rather than trusting a bunch of other companies or developers. You can see Deta's privacy policy [here](https://www.deta.sh/privacy).

# Features

Updates are on an opt-in basis so if you don't want to update to a newer version of an app, you can choose not to. There is no option to downgrade though but that can be added in the future and I hope they do so.

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1632666001421/sATiXbC8w.png)

You can also see all the data stored by an app on a per-app basis through Deta's dashboard. To do so, click on the 3-dot menu on the app's icon and click "My Data" and you will be redirected to a page where you can see all the stored data.

# For Developers

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1632666204628/bBAjelQfY.png)

Deta Space also provides a marketplace for apps where developers can publish apps. Right now, there are only 5 but as this concept gets more popular and developers start to build more apps compatible with Deta Space, this marketplace is going to expand. You can see the marketplace [here](https://deta.space/discovery).

Deta aims to make it easy for developers to make applications for Deta Space by completely managing the infrastructure from servers, security, data to payments. You can learn more about it [here](https://www.deta.sh/space). 

# How Deta Space can get better

I also see teams using Deta Space as a future use case. Deta Space only supports spaces for individual users now, but later it can be expanded to provide a space that multiple users can access. Also, only one instance of an app can be created currently but the ability to create multiple instances will be a dealbreaker for some.
My Journey into Technical Writing
Tags: writing, beginners
Published: 2021-09-27 09:47:51

# Before I started writing
I was interested in tech in general from a very young age and have been expanding my knowledge from watching videos and reading articles for a long time. I used to read articles written across many technical news outlets like [GSMArena](https://www.gsmarena.com/), [XDA Developers](https://www.xda-developers.com/), and many more. Programming was something I started learning a few years back but I didn't read as many articles about it. About a year back, I found out [dev.to](https://dev.to/) and that is when I started reading a lot of articles on programming. As a side note, I have a [YouTube channel](https://www.youtube.com/channel/UCY-rVWTIsN-G7s81C89SzkA) which I started last year and it has been quite a good experience. I have not uploaded any videos for about 3 months now but I aim to resume sometime in the future.

# Starting with technical writing
I never wrote an article on DEV until I found out about Hashnode back in April of this year. Hashnode was a great place to start my blog so I made a publication and wrote [my first article](https://blog.anishde.dev/cryptography-with-python-using-fernet). I also cross-posted that article to DEV and I got quite a lot of views on that article. I liked it and then wrote [my second article](https://blog.anishde.dev/the-random-library-in-python) a few days later. Note that I was still making videos on my YouTube channel at this time.

# Getting more interested
After writing those two articles, I didn't write any for a few months and that was because I didn't know what to write about and I was still not very confident if I would be able to do good. Things changed with the [August Hashnode x Auth0 BootCamp](https://townhall.hashnode.com/auth0-hackathon) where I made an application and wrote [an article](https://blog.anishde.dev/easy-comments) as a part of my submission. Suddenly, I got more interested in technical writing and I have written 8 blog posts in the last 3 weeks. Hashnode's [2articles1week](https://hashnode.com/challenge/2articles1week) challenge has got me into writing consistently and the [Technical Writing Bootcamp](https://hashnode.com/bootcamp) has taught me a lot about writing.

# What's next?
I aim to write more articles about programming and tech from now on. I also plan on reviving my YouTube channel with videos about programming, let me know your thoughts in the comments section. I am also working on a portfolio site right now and will be working on more projects and learning more. [Hacktoberfest](https://hacktoberfest.digitalocean.com/) is just 3 days away and I plan on participating in Hacktoberfest as well.
Ngx Popover
Tags: tooling, productivity, npm
Published: 2021-09-27 09:26:45

I finished a new tool and i want your opionon about the tool and please support me by share with me any new ideas or features you want me add to the tool to be fit for your work more thanks.
let's start.

Installation
You can use either the npm command-line tool to install packages.

NPM
npm i ngx-cxl-popover

Usage ⁉
import NgxCxlPopoverModule module
@NgModule({
  imports: [
   /* .... */
   NgxCxlPopoverModule
   /* .... */
  ],
})

1- add directive ngxCxlPopover on the element.
2- write your awesome title popoverTitle.
3- write your awesome content popoverContent.

<h1 ngxCxlPopover popoverTitle="Hello" popoverContent="👋">Hello</h1>

if you want use customized templates for the title and content then let's go to the next level 👍

Advanced
Custom Templates
<h1
  ngxCxlPopover
  popoverTitle="Hello"
  popoverContent="👋"
  [titleTemplate]="titleTemplate"
  [contentTemplate]="contentTemplate"
>
  Hello
</h1>

Contribution
I welcome you to fork and add more features into it. If you have any bugs or feature request, please create an issue at github repository.
The Importance of Web designs for Business

Published: 2021-09-27 09:22:21

If you are a startup then you might need a web that is designed in a way that provides you with the potential customers for your business by integrating tools that work effectively for your business. Web designs can be made with optimized tools that would enhance business growth. Small businesses having websites can impact the authenticity of your business by giving it a structure into a website. If you are an existing business and want to revamp your website then you can also incorporate strategies that are highly demanded in the market and are also competitive with another website too. Let’s see why web designs are important for your business whether large or smalls: 

Impression on Your Website 
Building a website or creating a website design is always essential for your business as it gives the customers with reliability and satisfaction that you have a website for your business. These web designs give your potential customers a positive impact. Then go and check digital graphics web designing services and create a website to take ownership of your business. 
Furthermore, if you are an old brand with outdated web designs then you might also need to change it and revamp the whole site with effective and healthy optimized tools for your business which will make your web design up to the mark according to the requirement and newly introduced features in your websites that will attract the customers and give you potential buyers for your services and products.  

SEO Strategies 
Nowadays, when designing a web for your business or even updating the existing business, it is important to take care of the SEO strategies to structure your web pages that will appear in the top rankings of the search engine results ultimately improves your brand awareness and increases the potential customers. 
So, it is essential to incorporate SEO in your websites to compete with your competitors and increase your web traffic by using the relevant keywords with relevant density and naturally that makes it seems to look perfect for your web design. 

Enticing and Attractive Web Pages 
It doesn’t matter if you are a new business or an old one, your business web page should be attractive enough to engage the customers and traffic on to your website. It should be made according to the products and services and the category of the services. The colours, features, infographics, graphics and all the saltish things that can help in making your customer stays longer at your website should be adjusted by the target market. 

Bottom Line 
 The reasons to have a <a href="https://digitalgraphiks.ae/web-development">web design Dubai</a> & logo design for your business have become essential in the world of digitalization as it will give your business a name in the market by applying certain strategies in your business and promoting the page with effective media platforms. These websites aid your business in providing more authenticity and reliability and make it easy for the customer to trust your brand when they see a website for your business.
How relevant is e-commerce website development for your online business?
Published: 2021-09-27 09:21:45

E-commerce website development has a significant impact on the daily lives of people all over the world. Appealing e-commerce solutions including applications and websites are helping millions to have a complete shopping experience without stepping home. 

Being an online seller, it is important to have a stunning website backed by e-commerce features. The website is the online storefront of your business and it’s your identity. A stunning e-commerce website can be created with e-commerce website 
development. 

Visit to know more: https://www.brainfuel.io/blog/how-relevant-is-e-commerce-website-development-for-your-online-business/
Hacktoberfest 2021: Let the Contributions Begin! 
Tags: hacktoberfest, github, opensource
Published: 2021-09-27 08:56:49

Time indeed does fly because it feels just like yesterday when we hosted our first ever Hacktoberfest last year! And what a year it has been. 

We started [Appsmith](https://www.appsmith.com/) because we wanted to create a developer-first product to make an engineer’s life easy. From being a small, little-known project on [Github](https://github.com/appsmithorg/appsmith), we now have 5K stars. This wouldn’t have been possible without our community; apart from giving us incredible feedback, they also contributed immensely to our codebase, from contributing new integrations to helping solve bugs. 

We now have over 100 contributors, and we want to expand our community (that means you!), empowering them to contribute to a project that will always remain developer-first. And so, we’re back again this year for an exciting month-long virtual festival supporting open-source projects. We love it because it’s celebratory and community-oriented! At Appsmith, we genuinely believe open-source can take the way we build things to new heights. And our commitment to the community will never waver. 

In that spirit, we are kicking off the [Hacktoberfest 2021](https://hacktoberfest.appsmith.com/). In the run-up to the actual code-fest, there are going to be many talks! We will be bringing together folks from other awesome projects to talk about Hacktoberfest and Open Source. Be sure to check these out. You will definitely get to learn more about how to get involved in open-source projects. And yes! We’re ready to swag it out, too, for every valid PR! And contributors who submit more than 4 PRs and invite others to contribute to our repository will get a special prize. 

You are welcome to contribute to the issues on Appsmith’s repository on Github. Be sure to check contribution guidelines, review, and merge policies. Please note that not all pull requests will count towards Hacktoberfest 2021. 

Contributing to open-source projects is an excellent way for users to become contributors. And it’s both a fun and rewarding experience. Sure, it can be scary to begin, and many think that only code that implements significant features matters. Well, I am here to tell you that it’s not true. We believe that no contribution is too small. Bug fixes, documentation updates, submitting articles are all fantastic ways of participating. 

> Hacktoberfest is open to all: Students, developers, anyone really. Background no bar. 

To this end, this year, we’ve included several newbie-friendly issues in the challenge to give a warm welcome to first-timers. If you’ve still got some doubts about participating or need some queries answered, head over to our Hacktoberfest channel on [Discord](https://discord.com/invite/rBTTVJp), and we will be happy to help you out!  To know more about how you can participate in this event, take a look at our [Contributor Guidelines](https://github.com/appsmithorg/appsmith/blob/release/CONTRIBUTING.md) and [Code of Conduct](https://github.com/appsmithorg/appsmith/blob/release/CODE_OF_CONDUCT.md). 

Happy Hacking! 🐱‍💻
Making posts in react using json data
Published: 2021-09-27 08:46:11

Hello! I`m new on react and i want to make a website where i can make some post on landing page. I want to add new posts (an image, a tittle, and some description) when I add a post, it appears on the landing page. And when someone clicks this post to have his page that will have more description for him. Only the person who has the site can add new posts while for others it will be hidden. Can I do something like that using json data in react js. Without using the database
Javascript Developers should know these ways of defining functions
Tags: javascript, reactnative, mern
Published: 2021-09-27 08:19:11

#### THIS IS AN ARROW FUNCTIONS
```js
const myfunction = () =>  console.log("function called");
```
> OR
```js
const myfunction = () =>  {
    console.log("function called");
    return "anything";
}
```


#### THIS FUNCTION CALLS ITSELF
```js
(function myfuntion(){
    console.log("function called");
})()
```
#### NESTED FUNCTIONS
```js
function outter(){
    function inner1(){
       //code
    }
}
```
> I'm actually a javascript newbie (started a month ago)
> So if there's a mistake please tell me.
Elementor Site Kits Library – Erstelle deine neue Webseite in Minuten!
Tags: wordpress, elementor, pagebuilder, wordpressplugins
Published: 2021-09-27 08:49:25

---
title: Elementor Site Kits Library – Erstelle deine neue Webseite in Minuten!
published: true
date: 2021-09-27 08:10:26 UTC
tags: WordPress,elementor,pagebuilder,WordPressPlugins
canonical_url: https://bloggerpilot.com/elementor-site-kits/
---

![Elementor Site Kits](https://bloggerpilot.com/wp-content/uploads/2021/09/elementor-site-kits.png)

Dies ist der zweite Artikel in einer Reihe von Artikeln, in denen wir dir zeigen, wie du eine Website mit den Elementor Website Tempalte Kits erstellst. Im ersten Artikel haben wir erklärt, wie du eine benutzerdefinierte CSS- und HTML-Datei zum Layout der Elementor Website Tempalte hinzufügst. In diesem Artikel zeigen wir dir, wie du eine neue Website oder einen Blog zu den Elementor Tempalte hinzufügst und wie du den Inhalt der Website anpasst.


Der Original-Artikel erschien auf [Elementor Site Kits Library – Erstelle deine neue Webseite in Minuten!](https://bloggerpilot.com/elementor-site-kits/).
What is the purpose of this code?
Tags: javascript, discuss
Published: 2021-09-27 07:54:43

---
title: What is the purpose of this code?
published: true
description: 
tags: #javascript #discuss
cover_image: https://i.scdn.co/image/6abb7223987e5dce2bda8d0d77f9fd6bb0175e49
---

Today I was playing with the `Object.defineProperty` method and doing weird stuffs like making the 3rd index of an `Array` to 🔥always🔥 return 'Frank Stallone' (don't ask why)

`console.log([1,2,3,4][3]); // Frank Stallone`

anyways

I added debugger statement to set method of a descriptor:

```
Object.defineProperty(Array.prototype, 3, {
  set() { debugger; }
});
```

after typing something to the console triggers debugger with 2 calls in the call stack:
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ezmflfcwyh16ev5g4m2d.png)

Code snippet in the first call:
```javascript
(function i(t) {
    let e;
    e = "string" === t ? new String("") : "number" === t ? new Number(0) : "bigint" === t ? Object(BigInt(0)) : "boolean" === t ? new Boolean(!1) : this;
    const s = [];
    try {
        for (let i = e; i; i = Object.getPrototypeOf(i)) {
            if (("array" === t || "typedarray" === t) && i === e && i.length > 9999)
                continue;
            const n = {
                items: [],
                title: void 0,
                __proto__: null
            };
            try {
                "object" == typeof i && Object.prototype.hasOwnProperty.call(i, "constructor") && i.constructor && i.constructor.name && (n.title = i.constructor.name)
            } catch (t) {}
            s[s.length] = n;
            const o = Object.getOwnPropertyNames(i)
              , r = Array.isArray(i);
            for (let t = 0; t < o.length && n.items.length < 1e4; ++t)
                r && /^[0-9]/.test(o[t]) || (n.items[n.items.length] = o[t])
        }
    } catch (t) {}
    return s
}
)
```


## Can someone explain to me what is the purpose of this code? and what it does?
100 algos in 100 days (Day 15)
Published: 2021-09-27 07:49:31

Who said I couldn't break up the 100 days!

I have decide to re take up this challenge. 

Yesterday, I did three algorithms as practice. The most noteworthy being a maximum stock profit calculator:

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qthjz85oszkyayr5jrxt.png)

The most important learning point from this was you can't just go look at the max and min. At the point I figured this out, it felt great I was using TDD and could update my tests so as to keep overall coverage.
Classes and Instances in Ruby
Published: 2021-09-27 07:34:42

Classes are what considered to be the blueprint that determines how an object should be built, the object being built by the class is called an instance.

.new is a built-in method that is used to instantiate a new object with the same characteristics of the class, besides the .new method, we can define other methods inside the class that determines the behavior of the instance created by the class.
Notice that any variables defined within a method can NOT be shared with other methods inside the class, it is only accessible within the scope of the method that the variable was defined within but there is a solution for that, the solution would be by creating an instance variable which can be accessible from within any method in the class, the way we can create an instance variable is by adding the symbol @ before the variable name, for Example: @name instead of name
Besides the instance variables, we also can create class variables, class variables are what considered to be global variables, here is an example of when we can use class variables:
let's say we have a User class and we wanted to keep track of the count of the user instances created by the User class:


class User
  @@count = 0 

  def initialize
    @@count += 1
  end 
end


Having a class variable defined within the class will keep track of all the instances that has been created and we can simply add a method that returns that count value.
Svelte, Vue, HTML form generator
Tags: html, svelte, vue, showdev
Published: 2021-09-27 07:03:59

Form generator, built with Svelte. It’s Free & Open Source. 

CSS by Bootstrap, Bulma or custom.

App: https://dwarform.pages.dev/
Repo: https://github.com/diogenesofweb/dwarform

May be useful for quick prototyping, educational purposes... 
![Dwarform home](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c7109cms2dyfnnptpra8.png)

Edit form :
![Dwarform edit form](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/etol1yd42nq0ibut6w1h.png)

Copy code snippets :
![Dwarform code snippets](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4kpezx0toc0coqt2fmhk.png)

Log form data in devtools console :
![Dwarform console.log](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c1uprxxmxlog0oldj7l1.png)
Starting in Ethical Hacking
Tags: cybersecurity, security
Published: 2021-09-27 06:42:57

When starting in the world of cybersecurity/hacking, we always want to run and hack anything but it's important to know the basics. 
In this post we will review some basic topics as a starting point. 

The reason why you lock your house when you go out so no bad guy comes inside and steal your belongings is similar to why companies are so serious about information security, _Spoiler alert: no one wants their personal belongings get stolen_.

# What is Information Security?
- Information security means securing or protecting sensitive and important information as well as the systems that store this information from any unauthorized handling.

Information security consists of various important elements, we will first start with the CIA triad and later with the rest of elements. 

# What is the CIA triad?
- The CIA triad consists of three important elements: 
```
1. Confidentiality(C)
2. Integrity(I)
3. Availability(A)
```
![alt text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/obhhvndxtf346jylrvbe.png)
 
Now, what do they mean?

- Confidentiality: Only those with authorized access will be able to access the information. `Example: Encryption`
- Integrity: The assurance that the information/data haven't suffered any unauthorized modification. `Example: Hashing`
- Availability: Data always been accessible for authorized users when required. `Example: Backups, clustered machines`
- Non-repudiation: Senders of a message can't deny having sent a message and the receivers can't deny having received it. `Example: Digital Signatures`
- Authenticity: Guarantee of something being genuine. `Example: Digital certificates,bio-metrics`

# Why Information Security attacks happen?
- Attacks occur for a variety of reasons like attackers wanting to steal sensitive information, data disclosure, ransomware and many others. 
- It's important to understand the threats that a system may face to implement required preventive measures. 

You can start learning and understanding the different hacking phases: 
```
1. Reconnaissance(Footprinting)
2. Scanning
3. Gaining access
4. Maintaining access
5. Clearing logs
```

>Thanks for reading my first post! it may not be much but you start with something.
What are the possible approaches to create a changes tracker in javascript?
Published: 2021-09-27 06:40:12

How to create a text change tracker that detect and shows the deleted text and the new text and all the change. The following example from apple pages. 
[image sample](https://i.stack.imgur.com/fXApn.png)
Also, I think you are familiar with github change tracker where it highlights the new text in green the the removed text in red...
- Goal I want to create a document app like pages that track the changes and changes history to store it in the DB and show it in the frontend.