teleren/devto huggingface dataset:
This is my personal website made with framework Next.js
Tags: nextjs, react, css, frontend
Published: 2020-09-28 14:25:40

This is my first post on dev.to and I don't know if it is the right place to share my personal website but I want to know your opinions on it.

![This is](https://quak.ovh/aY9BkkA.gif)

Anything is welcome.
First Sale!! 🙌🤗🕺🏻 + Chapter 0.1.7 Released (Day 8)
Tags: ai, machinelearning, scifi, books
Published: 2020-09-28 14:05:02

Thanks mostly to you peeps on dev.to, I got my first sale! 

I got some really great feedback and updated the landing page and started posting on royal road. 

I also think the repo got shared somewhere because the traffic spiked yesterday and I got 10 more stars. Now the repo is sitting at 20 stars. Not great, but it's only day 8! 

Follow along on [GitHub](https://github.com/wrannaman/wrannaman) or the [website](https://wrannaman.com)!


you can see the full stats [here](https://docs.google.com/spreadsheets/d/1-Ee1wZf_v5zjgh-OImc75d7WeULatOZ-pLirdqeBQEQ/edit?usp=sharing)
Best Web and Mobile Development Stack
Tags: webdev, mobiledev, discuss
Published: 2020-09-28 14:05:02

I want to develop the social network like app on web and mobile (android and ios).
Is **django react postgres redis redux** enough?
How can I make real time database using that? Should I go for firestore or I can use postgres as my real time database?

Please suggest the best stack for this.
Thanks.
Backstage Weekly - CNCF Sandbox ✅
Tags: devops, backstage
Published: 2020-09-28 14:04:12


💡 _[Backstage](https://backstage.io) is a CNCF sandbox service catalog project. It helps companies to catalog their microservices and productize their path to production. Each week, we round up the latest Backstage community news._

---

Backstage has been accepted into the CNCF Sandbox. 🎉

![backstage-on-cncf-website](https://dev-to-uploads.s3.amazonaws.com/i/0653qwiqgjuvlo98u6d3.png) 

The Sandbox is an entry point into the CNCF ecosystem. The goals of the sandbox include encouraging public visibility of projects and helping them grow to the point where they can move on to the next CNCF level. In addition to Backstage, the Sandbox holds projects such as chaos engineering Kubernetes operator Chaos Mesh and GitOps operator Flux.

This can only mean good things for those of us who are investing in Backstage and should help ease the minds of many organizations who were considering adopting it, either by deploying internally or by using a hosted Backstage provider such as [Roadie](https://roadie.io).

The Backstage team wrote about the implications of this on their official blog post, and on the Spotify engineering blog.

> The Backstage community is healthy and growing quickly. Over 130 people have contributed to the project, and roughly **40% of pull requests are now coming from external, non-Spotify, contributors**. With companies now deciding to adopt Backstage we are also seeing a shift in the kinds of contributions we are getting from the community.

## Merged last week...

70 pull requests we merged in the last week. Here are the highlights:

1.  [Matthew Clarke](https://github.com/mclarke47), who works on infrastructure at Spotify, had more than 7,000 lines of code merged for his Backstage Kubernetes plugin. This is going to be such an important plugin for cloud-native companies who want to use Backstage and could really ease onboarding in future. It's great to see progress being made. You can now list Kubernetes clusters and pods in Backstage. [#2618](https://github.com/spotify/backstage/pull/2618), [#2571](https://github.com/spotify/backstage/pull/2571) and others.
2.  [Fredrik Adelöw](https://github.com/freben) (Spotify) added a concept of Users to Backstage. [#2587](https://github.com/spotify/backstage/pull/2587) and [Althaf Hameez](https://github.com/althafh) (Grab) added a concept of Groups [#1838](https://github.com/spotify/backstage/pull/1838). Groups will associate users with teams, departments and organizations. The association between services and the teams that own them will be core to the value of Backstage and allow many powerful ownership oriented features in future.
AzureFunBytes Short - @Azure Active Directory
Tags: azure, activedirectory, beginners, tutorial
Published: 2020-09-28 13:54:14

AzureFunBytes - A Twitch show on how to use all the fundamentals that are Microsoft Azure.

Today we'll look at Azure Active Directory.

{% youtube TCo0-vBWZ6M %}

Azure fundamentals with me!

Live stream is available on Twitch at 2 pm EDT Thursday. You can also find the recordings there as well.

https://twitch.tv/azurefunbytes
https://twitter.com/azurefunbytes

Join me, ask questions, and learn about Azure!

[Microsoft Learn: Azure Fundamentals](https://cda.ms/1nx)
[Compare Active Directory to Azure Active Directory](https://cda.ms/1HY) 
[What is Azure Active Directory?](https://cda.ms/1HX)
[Azure Active Directory Overview](https://azure.microsoft.com/en-us/services/active-directory/?WT.mc_id=devto-blog-jagord) 
[Microsoft Azure: $200 Free Credit](https://cda.ms/1HZ)
Evaluating My Personal Storage
Tags: lis160
Published: 2020-09-28 13:47:39

| Files (Or File Category) | Estimated File Size |Local Drive |External Drive |Cloud Storage|Others|
| ----------- | ----------- |----------- |----------- |----------- |-------- |
| Academic Files | 20GB |Yes - My Documents |N/A |Yes - UVLê |Email and Discord |
| Movies and TV series | 209 GB |N/A |Yes - External Hard Drive |N/A |N/A |
| Nintendo Switch Game Save Data | 100 GB |Yes - system memory and microSD card |N/A|Yes - via Nintendo Online Account |N/A |
| Org Files | 759MB | Yes - My Documents |N/A |Yes- some are on the org Discord and GDrive|N/A |
| Photos in Computer | 349MB |Yes - My Pictures |N/A|Yes - Microsoft One Drive and Google Drive |Facebook and Facebook Messenger |

While evaluating my personal storage, I have realized that most of my data is saved on my external hard drive or PC hard drive. If anything happens to my external hard drive I would lose all my data, as it is not backed up anywhere. Most of my data stored on my PC hard drive is backed up, however I may lose the few files that I do have only saved locally if anything should happen to my PC hard drive. Finally, I could lose the files saved to my cloud storage if I lose access to the associated accounts.

The best way to mitigate the risk of losing data is to back up all of the files that I only saved locally to the cloud or to my external hard drive. However, this is not a viable strategy for the data saved on my external hard drive. Since the size of the data exceeds the data limit of free cloud storages and my PC hard drive, the best plan for my external hard drive is to select only the most important files to back up and keep a list of data that I only save on it.
My code gave me a smile :)
Tags: php, codequality, functional, argentina
Published: 2020-09-28 13:46:51

The system we do in my work, basically generates a profile for producers and entrepreneurs in my province where they can upload their products and publicize the services they offer. Well last night I started to think that the code that we write with a lot of effort with my colleagues makes a small change, I thought that our code with some luck makes some
I sold a little more of the businesses in my province and that fills me with pride, I get a smile :)
Creating and Deploying a complete Website
Tags: webdev, html, css, javascript
Published: 2020-09-28 13:43:41

Hello guys this is Satyam and in today's blog I am going to discuss the complete procedure to build,deploy and monetize you website or web app.So let's get started.

First of all you need to create a website,you can create it by your own if you have the knowledge of web development or you can hire people that are called Freelancers and they will charge some amount to your task,you should have a good idea of what service your website will provide,is it a Blogging site or a tutoring site,it depends upon you and your idea.If you talk about the things you need to know for Developing a good website or web app are very simple,you need to know about HTML, CSS and JavaScript,these are must for every web developer aspirant.You can very easily create powerful websites using these three technologies but for Developing a web app dedicated to services like e commerce you need to know about Python Frameworks such as Django or JavaScript Frameworks such as Angular or React and if you opt for Java you need to know about frameworks like JSP,Spring and Servlet.You can also learn some CSS libraries or pre processors such as SCSS or LESS.You can also learn Gatsby JS or Bootstrap both are popular CSS frameworks.If you have the knowledge of Web Development you need to know About the idea or niche for which you should create your website.Now let's move on the the deployment section.

If you are creating a static site,you can take the use of Static Web Hosting Services such as Netlify or if you are creating a dynamic web application or site you can chose Shared Linux Web Hosting.Siteground and Hostinger are the learning hosting providers in the market.If you are creating a web app in django you need to use Heroku and please don't use Shared Hosting,you must use Dedicated servers.

Buy Siteground Web Hosting:
[https://www.siteground.com/index.htm?afcode=4bbbeb6048f7d8fd1efec76817755662]


Monetization of a Web App or Website is very easy nowadays due to availability of services such as Absence,by which you can very easily put ads on your web site and earn some money,you can also make money by sponsoring products on your web page or via your YouTube channel and affiliate marketing is also a good way to make money by your site...

My Blogs:https://DevTipsNTricks.com
My Website:https://BestPythonTutorials.com


      Thanks for Reading
2048 Circle
Tags: javascript, webdev, serverless, showdev
Published: 2020-09-28 13:39:19

For those of you who love the game 2048, please check out my new variation: **[2048 Circle](http://kiraprograms.com/2048-circle)**! 

There are a ton of variations on the game (in fact, the game itself is a variation of 1024), however none have experimented with a non-square board. When the board is a circle, the game becomes just a bit harder to predict, so there is no simple strategy. 

I made this game from scratch, not by forking the original game. If you are interested in making your own 2048 variation, check out the [GitHub repository](https://github.com/i8sumPi/2048-circle). Using some fancy array tricks, I was able to create the whole thing with just around 200 lines of JavaScript. 

Lastly, check out the [product hunt](https://www.producthunt.com/posts/2048-circle) page for more info.

Hope you enjoy!
What social media accounts are worth it for developers in 2020?
Tags: webdev, discuss, career
Published: 2020-09-28 13:31:35

---
title: What social media accounts are worth it for developers in 2020?
published: true
description: 
tags: webdev, discuss, career
cover_image: https://docs.devpups.com/wp-content/uploads/2019/04/2-supported-social-networks-follow-buttons.png
---
What social media accounts do you think is crucial for devs to have and manage in 2020 to have a great promotion base, find some valuable contacts and possibly get some job opportunities?

Or do you believe social media is a complete waste of time, massive distraction by all means and most important thing for success is a great portfolio with lots of practical projects?
DOM manipulation in Angular using @ViewChild, ElementRef ⚡️
Tags: javascript, angular, es6, typescript
Published: 2020-09-28 13:29:52

## **@ViewChild**

Before we explore the **DOM abstractions**, let’s first  understand how we access these abstractions inside a component/directive class. Angular provides a mechanism called DOM queries. It comes in the form of **@ViewChild** and @ViewChildren decorators. They behave the same, only the former returns one reference, while the latter returns multiple references as a QueryList object. In the examples in this article, I’ll be using mostly the ViewChild decorator and will not be using the **@** symbol before it.

The basic syntax of the **ViewChild** decorator is:

```javascript
@ViewChild('child1', {static: false}) firstChild: ElementRef;
```

## **ElementRef**

This is the most basic **abstraction**. If you observe its class structure, you’ll see that it only holds the **native element** it’s associated with. It’s useful for accessing the native DOM element as we can see here:

```javascript
console.log(this.tref.nativeElement.innerHTML);

// it will same as the vanilla javascript document.getElementById('child1')
```
let's get some hands-on with **@viewChild** and **ElementRef** :

```html
<div #child1>First Child</div>
<div #child2>Second Child</div>

<div #errors>2 Errors</div>
```

```javascript
import { Component, ElementRef, OnInit, ViewChild, AfterViewInit } from '@angular/core';

@Component({
  selector: 'app-dom-manipulation',
  templateUrl: './dom-manipulation.component.html',
  styleUrls: ['./dom-manipulation.component.scss']
})
export class DomManipulationComponent implements OnInit, AfterViewInit {

  message: any;

  @ViewChild('child1', {static: false}) firstChild: ElementRef;
  @ViewChild('child2', {static: false}) secondChild: ElementRef;
  @ViewChild('errors', {static: false}) errorChild: ElementRef;

  constructor() { }

  ngOnInit() {
    this.message = 'Awais Text Change.';
  }

  ngAfterViewInit() {
    // firstChild
    console.log("before change > ", this.firstChild.nativeElement.innerText);
    this.firstChild.nativeElement.innerText = this.message;
    console.log("after change > ", this.firstChild.nativeElement.innerText);

    // secondChild
    this.secondChild.nativeElement.style.background = 'red';
    this.secondChild.nativeElement.style.color = 'white';

    // error
    let splitted = this.errorChild.nativeElement.innerText.split(" ");
    console.log("splitted >", splitted);

    // constructing new DOM after splitting
    this.errorChild.nativeElement.innerHTML = `
      <div class="errors-head">
        <span class="number">${splitted[0]}</span>
        <span class="typo">${splitted[1]}</span>
      </div>
    `;
  }

}

```

**That's all :)**
Where data comes for our Analysis ?
Tags: datascience, machinelearning
Published: 2020-09-28 13:10:02

There are two types of data we use for Analytics.
  * **ORGANIC DATA/PROCESS DATA**
  * **DESIGNED DATA**

* ORGANIC DATA: Data which is collected organically over a time period. Like financial or stock market exchanges data or Netflix viewing data which the netflix algorithm collects in order to enhance our recommendations. Data collected by web tracker to personalize our adds. The above few mentioned examples produce a humongous amount of data which led to the term _BIG DATA_. This organically collected data nowadays is in stupendous quantity and to process this massive datasets we need significant computing resources and we as data scientists mine this data in order to uncover various relations among the variables of the dataset.  

* DESIGNED DATA: Now we come to designed data collection, this data is designed my professions to specifically address some research objective for example "Individuals samples from a population who are interviewed about their opinions on a particular topic" or random sample of tweets collected on a particular topic to analysis the views of people towards that topics. 
Designed data is collected from a small set of a large population through administration of carefully designed questions. Compared to the overall population this dataset comparatively smaller.And unlike above mentioned organic data designed data is collected for specific reasons.

For analysis purpose we need a dataset that is not biased, this unbiased dataset is termed as **i.i.d**(independent and identically distributed). It signifies that all the observations should be independent of other observations and sound come from common statistical distribution. For example exam scores of students are independent observations and they come from a common normal distribution. Hence when we analyse the data for our analytics we assume that our data is i.i.d and based on this assumption we infer the mean or standard distribution of the data.
How do you deal with half-finished projects?
Tags: webdev, discuss, productivity
Published: 2020-09-28 13:00:35

---
title: How do you deal with half-finished projects?
published: true
description: 
tags: webdev, discuss, productivity
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/pkh1230z7876pxhqdjux.jpeg
---
Often due to the absence of proper planning, lack of inspiration, no proper technical knowledge and so on, you might hit a roadblock while working on a project.

Do you push forward to complete it no matter how long it takes or do you start to work on others until the inspiration strikes, you have researched enough and then re-visit it?
Creating a Resume using Linkedin
Tags: watercooler, career, codenewbie, productivity
Published: 2020-09-28 12:59:59

It's actually quite straight forward and I had no idea that it would turn out quite presentable. All you need to do is have a Linkedin profile and then click on the "More..." button and then click the button "Save to PDF". Thats it! I spent ages creating a resume in Word and this Linkedin resume looks almost identical because the content is the same anyway. And as a bonus I was playing around with Linkedin and realised that I could add my GitHub and DEV profile under featured improving my profile even more.

I think I will just use both resumes and see what kind of results I get with my job search.
What do you use for CI/CD?
Tags: webdev, discuss, devops
Published: 2020-09-28 12:50:22

---
title: What do you use for CI/CD?
published: true
description: 
tags: webdev, discuss, devops
cover_image: https://www.pngitem.com/pimgs/m/453-4531681_digital-marketing-consulting-devops-cycle-hd-png-download.png
---
In DevOps, a continuous and automated delivery cycle is the backbone that makes fast and reliable delivery possible.

What do you use for CI/CD?
🚨How did you start your business?🚨
Tags: startup, watercooler, discuss, career
Published: 2020-09-28 12:45:33

🚨How did you start your business?🚨

Did you do it in parallel with another job?
Did you have EU funding, personal funding?
Were you profitable from the start?

✍️Looking to create a thread of insights from people that tried to build something.

Thank you so much for sharing.
Podcast Website Explanation- The Building an Indie Business Podcast
Tags: podcast, webdev, html, css
Published: 2020-09-28 12:43:00

[Listen Here](https://baib-podcast.com/podcasting-website-explanation.html)

In this episode, I discuss the podcast website. I go over each page of the website. I describe every element of each page and the reason for each decision.

**Show Notes:**

[Buy the book I wrote](https://openpodcast.xyz/)
[Revenue Research](https://revenueresearch.co/)
[Episode Transcript](https://baib-podcast.com/podcasting-website-explanation-transcript.html/)
I'm Participating in Hacktoberfest
Tags: hacktoberfest, github, git, codenewbie
Published: 2020-09-28 12:37:59

This year is my first experience participating in the Hacktoberfest event. I hope this event can upgrade my skills.  
Can't wait to keep up !!! 🔥🔥🔥

// any tips for beginner? 😁
How to Remove Text Wrap Using Macros (VBA) in Excel Office 365?
Tags: removetextwrapusingm, vbamacros
Published: 2020-09-29 04:32:40

---
title: How to Remove Text Wrap Using Macros (VBA) in Excel Office 365?
published: true
date: 2020-09-28 12:30:41 UTC
tags: RemoveTextWrapUsingM,VBAMacros
canonical_url: https://geekexcel.com/how-to-remove-text-wrap-using-macros-vba-in-excel-office-365/
---

## Remove Text Wrap Using Macros:

In this article, we are going to explore how to **Remove Text Wrap Using Macros in Excel Office 365** with an example. Get an official version of **MS Excel** from the following link: [https://www.microsoft.com/en-in/microsoft-365/excel](https://www.microsoft.com/en-in/microsoft-365/excel)
## **Remove Text Wrap Using Macros:**

To remove text wrap using Macros in the Excel spreadsheet, do as follows.

- On the **Developer Tab, select** the **Visual Basic** option under the **Code** section.

![Select Visual Basic option](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/09/1-106.png)<figcaption id="caption-attachment-14703">Select Visual Basic option</figcaption>

- You have to activate the sheet where you want to remove text wrap in Excel.
- Now, enter the below code.

VBA code for removing text wrap in Excel

Sub RemoveWrapAndAutofitCells()

Activate

Cells.Select

‘Remove the Text Wrap

Selection.WrapText = False

‘Autofit all of the cells afterwards

Cells.EntireRow.AutoFit

Cells.EntireColumn.AutoFit

End Sub

- You need to **save the code** by selecting it. Then close the window.

![Enter the source code](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/09/Enter-the-source-code-1.png)<figcaption id="caption-attachment-14704">Enter the source code</figcaption>

- You have to open the sheet containing the data. On the **Developer Tab, choose** the **Macros option** in the **Code** section.

![Select the Macros option](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/09/Select-the-Macros-option.png)<figcaption id="caption-attachment-14705">Select the Macros option</figcaption>

- You have to make sure that your macro is selected and **click** the **Run** button.

![Macro dialog box](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/09/Macro-dialog-box-3.png)<figcaption id="caption-attachment-14706">Macro dialog box</figcaption>

### Before applying the VBA & Macros Code:

![Example data](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/09/EXCEL_b41cfrxmrA.png)<figcaption id="caption-attachment-14733">Example data</figcaption>

### After running the VBA & Macros Code:

- Now, you can get the output as shown in the below image.

![Result](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/09/Result-10.png)<figcaption id="caption-attachment-14707">Result</figcaption>

## **Verdict:**

In the above article, you can learn the steps to **Remove Text Wrap Using Macros in Excel Office 365** with an example. Leave your **feedback** in the comment section. Thanks for visiting **[Geek Excel.](https://geekexcel.com/)** Keep Learning!!
Total amount of points with JavaScript
Tags: javascript, 100daysofcode, codenewbie, codewars
Published: 2020-09-28 12:27:15

{% youtube IrtiZE3a1Dk %}

To solve this problem, we'll take 3 different approaches.
Enjoy the video 😀🙏

Also written version https://losseff.xyz/katas/018-total-amount-of-points/javascript/