teleren/devto huggingface dataset:
Codewars 6 kyu I Split Strings with JavaScript
Tags: javascript
Published: 2021-01-02 12:42:03

```
function solution(str) {
  let result = [];
  for (let i = 0; i < str.length; i += 2) {
    if (i === str.length - 1) {
      result.push(str.slice(i) + "_");
    } else {
      result.push(str.slice(i, i + 2));
    }
  }
  return result;
}
```
Which news sources to follow as a programmer?
Tags: discuss, beginners
Published: 2021-01-02 12:40:37

I would like to know what kind of news sources (next to [dev.to](dev.to) of course 😉) you guys are following to keep yourself informed about the latest tech news. Where tech news can be anything from the newest hardware, software, new programming languages, tech company updates, anything!

Sources I could think of are sources such as
- Blogs authors/websites such as medium
- News websites 
- Podcasts/shows
- Social media 
- Git repos?

I would be interested in which explicit sources you use and how frequently you are checking the medium. 

*Lastly, this is my first post so I would also like to know what you think of this post*
LGTM Devlog 14: Sprint 1 Retrospective
Tags: devjournal, serverless, cloud, python
Published: 2021-01-02 12:40:10

Our Sprint 1 is over. Actually it's not quite been a week, I've had a little more free time than originally planned due to Christmas and New Years periods, and so I'm deciding to call it early, since all the tasks are now done.

Our board looks like this:

![Project board](https://dev-to-uploads.s3.amazonaws.com/i/c7myuabjjwsy1jnv9hxx.png)

# Retrospective
It's important to do a retrospective at the end of sprints, even when solo working, to decide on whether things were working, and whether the time and scope estimates were correct.

I'm pleased to say that we came in well under the week allocated (even part-time working), though I did significantly low-ball the tasks that were in this sprint. My original intention was to keep this week light to focus on setting up things like the repository structure, and the CI, so that future work can benefit on it, but those took less time than anticipated.

We've arrived at the end of the sprint with a comprehensively set up repository, complete with tests and local development capability, as well as a CI that's doing it's thing. We are well and truly ready for the next task.
Codewars 5 kyu I Directions Reduction with JavaScript
Tags: javascript
Published: 2021-01-02 12:33:42

```
function dirReduc(arr){
  // arr.splice(start, 제거할 요소수)
  let i = 0;
  while(i<arr.length) {
    if(arr[i]==="NORTH" && arr[i+1]==="SOUTH" ||
       arr[i]==="SOUTH" && arr[i+1]==="NORTH" ||
       arr[i]==="EAST" && arr[i+1]==="WEST" ||
       arr[i]==="WEST" && arr[i+1]==="EAST") {
      arr.splice(i,2)
      i=0;
    }
    else {
      i++
    }
  }
  return arr
}
```
Building a mental health crisis app, Day 8: Building the messages & connections pages
Tags: dohackathon, codenewbie, mentalhealth
Published: 2021-01-02 12:33:26

The app is called “Help Me” and is designed primarily as an “SOS” (distress signal) to a selected circle of trusted people when someone is going through a mental health crisis. The goal is to build a trusted community around the user with private conversations and a system to show the user's range of emotions.

# Day 8 of Development
On Day 7, I create a basic layout for a communications page with the "feed" content page. Day 8 goal is to build the final two communications pages, integrate real data from a service to all pages, and submit a pull request. I'm so excited. I'm almost finished with all the initial wire-frames created by my project partner, Miguel Hernandez. 

_This is the wireframe of what I want to build today._
![Wire-frames of message and connections pages](https://dev-to-uploads.s3.amazonaws.com/i/x2xagc68f6no54jhkele.PNG)
<hr>

#### 1st UI attempt at the messages content screen
The messages communications page had all profile sections on one row similar to the feed page. What was fun about building this was updating the array of profiles data to include different message time stamps.

_First UI attempt of the messages page_
![Messages communication page first UI attempt](https://dev-to-uploads.s3.amazonaws.com/i/sr0wpzx8vbmsc2z93tgq.PNG)
<hr>


#### 1st UI attempt at the connections content screen
The connections communications page has a double row of profile sections for mobile view. The new challenge for me was using TailwindCSS's display grid utilities to structure the displaying of the profile sections.

_Code that creates two columns of elements that are centered_
```
class="grid grid-cols-2 place-items-center mt-4"
``` 

_First UI attempt of the connections page._
![Connections communication page first UI attempt](https://dev-to-uploads.s3.amazonaws.com/i/w8o6ndx1juzutfzm2lip.PNG)

Added styling to the component after I got the structure of the page out of "work in progress". 
![Fully styled connections page screenshot](https://dev-to-uploads.s3.amazonaws.com/i/b0opjnb0g2co9vv0pkzz.PNG)
<hr>

#### Refactor to add routing through the application
I love that Angular makes routing really simple to add to any element. 
_Code showing routing formula_
```
[routerLink]="['/setup-screen']"
```

Within minutes, I was able to create this GIF of me clicking through the entire application. 
![GIF of user navigating through entire application](https://dev-to-uploads.s3.amazonaws.com/i/ldp41knj4k62ezx1lgp1.gif)

<hr>

#What's next
I submitted a pull request of my current progress and can't wait for the recommendations on how to make things better. I always see code reviews as an opportunity to learn. Tomorrow will be about making those changes. If I have time reminding, I will focus on these areas I need practice with: a11y, using aria tags, and testing with Angular. 

#### Stay on the lookout for a Day 9 breakdown blog post!!!
What are your methods for regaining motivation
Tags: discuss
Published: 2021-01-02 12:31:09

Hey all, I am wondering how people in this area are and how are you all coping with motivation. I am constantly on ups and downs for my motivation and I am either doing rapid sprints of days with non-stop tinkering on projects, or I am either supper demotivated and can barely do anything.

What's your take on that? How do you manage to cope with demotivation? Can you return to your full potential manually, or are you waiting for the spark to light up again on its own?

I'd highly appreciate any advice. Thanks!
dropboxignore: it's all about the missing .dropboxignore file
Tags: bash, dropbox, cli, shell
Published: 2021-01-02 12:31:02

## The "Problem"
A common issue/request about Dropbox was about ignoring files without using [Selective Sync](https://help.dropbox.com/installs-integrations/sync-uploads/selective-sync-overview). Dropbox recently [introduced](https://help.dropbox.com/files-folders/restore-delete/ignored-files) the ability to ignore specific files or folders. Although the significance of the new feature, many users [[1](https://stackoverflow.com/questions/52207327/implement-dropbox-gitignore),[2](https://www.dropboxforum.com/t5/Dropbox-files-folders/dropbox-ignore-to-prevent-folders-being-uploaded-to-DropBox-like/td-p/445435),[3](https://www.reddit.com/r/webdev/comments/69qnml/is_there_a_way_to_ignore_a_folder_on_dropbox/),[4](https://news.ycombinator.com/item?id=15419715)] have expressed the importance of ignoring files from Dropbox using {% wikipedia https://en.wikipedia.org/wiki/Glob_(programming) %} just like `.gitignore`. For various [reasons](https://mjtsai.com/blog/2020/01/30/dropbox-ignore-feature-in-beta/#comment-3161133) Dropbox doesn't seems to have the will to implement such feature :/

## The walk-around
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/x0hpxonrbqemoy7lx8uo.jpg)

As a result, I decided to implement {% github sp1thas/dropboxignore %} which is a simple shell script that ignores files from Dropbox based on glob patterns. Additionally, existing `.gitignore` files can be used to automatically generate `.dropboxignore` files.

The main difference between [dropboxignore](https://github.com/sp1thas/dropboxignore) and the other relevant projects: {% github rozbb/DropboxIgnore no-readme %} {% github swapagarwal/dropbox_ignore no-readme %} {% github ridvanaltun/dropbox-ignore-anywhere no-readme %} {% github MichalKarol/dropboxignore no-readme %} {% github mweirauch/dropignore no-readme %} is the fact that dropboxignore is implemented using shell and the minimum requirements (`attr` package is the only requirement)

[dropboxignore](https://github.com/sp1thas/dropboxignore) is currently available only for Mac and Linux and has various features:
 - Ignore/Revert specific files
 - Automatically update `.dropboxignore`
 - Revert all ignored files
 - Updated `.dropboxignore` based on changes in `.gitignore` file.

You can find more usage examples [here](https://github.com/sp1thas/dropboxignore#examples]

## Things to not expect from dropboxignore:

 1. **Automatically ignore new matching files.**

When a new file has been created and is matched by a `.dropboxignore` file, user should re-ignore matching files. A cronjob could solve this drawback.

 2. **Automatically detect deletions from `.gitignore` files**

Current implementation can detect and update `.dropboxignore` file if an extra pattern has been added in the corresponding `.gitignores` but it can not handle deletions in the same way.
Codewars 6 kyu I Create Phone Number with JavaScript
Tags: javascript
Published: 2021-01-02 12:28:09

```
function createPhoneNumber(numbers) {
    return (
      "(" +
      numbers.slice(0, 3).join("") +
      ") " +
      numbers.slice(3, 6).join("") +
      "-" +
      numbers.slice(6, 10).join("")
    );
  }
```
Codewars 6 kyu I Persistent Bugger with JavaScript
Tags: javascript
Published: 2021-01-02 12:26:08

```
function persistence(num) {
  let count = 0;
  
  while (num >= 10) {
    num = num.toString().split("").reduce((a,b)=>a*b,1);
    count ++;
  }
  
  return count;
}
```
💬 Notification
Tags: codepen
Published: 2021-01-02 12:22:09

<p>A fun little poop notification component. Maybe Squatty Potty can use it, <a href="https://www.squattypotty.com" target="_blank">https://www.squattypotty.com</a> (link here for your enjoyment).</p>

<p>Yes the poop emoji looks like a pilgrim. That's the best I could do for their hat for now. 💩🔥</p>

{% codepen https://codepen.io/nickytonline/pen/ppMmyZ %}
💩 Notification
Tags: codepen
Published: 2021-01-02 12:19:25

<p>A fun little poop notification component. Maybe Squatty Potty can use it, <a href="https://www.squattypotty.com" target="_blank">https://www.squattypotty.com</a> (link here for your enjoyment).</p>

<p>Yes the poop emoji looks like a pilgrim. That's the best I could do for their hat for now. 💩🔥</p>

{% codepen https://codepen.io/nickytonline/pen/ppMmyZ %}
REDIS: NOSQL DBS
Tags: redis, sql, python, javascript
Published: 2021-01-02 12:18:13

The first time I knew that there is something called Redis in IT world was when I was looking for a developer job in Russia years ago, and I saw a bunch of technologies that this company was asking for : Redis, Jenkins, Celery ..etc 

I was intrigued and I started to learn it, and immediately I loved it for its simplicity and power to store and fetch data in a Key-Value pair fashion. 

And Redis is not just any software, it is an in-memory database, which means that every piece of data Redis manages is kept in RAM too. 

{% youtube 2cTdDYQxatE %}

Redis, stands for REmote DIctionary Server, in-memory data structure store released in 2009 by Sanfilippo. 
One of the big differences between Redis and other NoSQL databases is the data structures that Redis provides. 
Instead of working with a table abstraction, Redis developers can leverage data structures like strings, hashes, lists, sets, and sorted sets using commands similar to the collection operations in most programming languages. Redis has replication capabilities, a server-side scripting language (Lua), transactions, and different modes of disk persistence.

Unless you've installed Redis for another project, more than likely it's not bundled with your operating system distribution. Using your OS package manager or third-party port system, you can download and install Redis on Linux and MacOS systems. Most packages will install a basic Redis configuration that starts up listening on port 6379, the default port for Redis.
AWS Regions and Availability Zone's
Tags: aws, cloudskills, cloud, computerscience
Published: 2021-01-02 12:08:10

#AWS Regions 
---

###What is a Region?

- Region is a physical location around the world where a "cluster of data centers" is present.

- AWS has Regions all around the world.

#AWS Availability Zones (AZ's)
---

###What is a Availability Zone?

- An AZ is one or more discrete data centers with redundant power, networking, and connectivity in an AWS Region.

- Any Region will have at least 2 AZ's or at most 6 AZ's.

- All AZ's in any Region are 
    * separate from one another, so that they're isolated 
       from disasters.

    * connected with high bandwidth, ultra low latency.

###Why Availability Zones?

- Highly Available : Production apps and databases are available at all AZ's of a Region, at the same time.

- Fault Tolerant : now even if anyone of the AZ goes down due to some disaster, other AZ's can back it up.

- Scalable : with multiple data center's (AZ's) within a single Region, we are capable of easily expanding or upgrading on demand as per our requirements.
CSS 3D Solar System
Tags: codepen
Published: 2021-01-02 12:02:58

<p>Github repo : <a href="https://github.com/juliangarnier/3D-CSS-Solar-System" target="_blank">https://github.com/juliangarnier/3D-CSS-Solar-System</a>
Works better in webkit, buggy in FF, flat in IE. 
Inspired by <a href="http://neography.com/experiment/circles/solarsystem/" target="_blank">http://neography.com/experiment/circles/solarsystem/</a> and <a href="http://nicolasgallagher.com/css-pseudo-element-solar-system/demo/" target="_blank">http://nicolasgallagher.com/css-pseudo-element-solar-system/demo/</a>
[update] Added some basic responsive styles</p>

{% codepen https://codepen.io/juliangarnier/pen/idhuG %}
Lirik Lagu dan Chord Gitar Terlengkap
Tags: music, chordgitar
Published: 2021-01-02 11:53:04

halo semua kali ini saya akan membagikan situs terlengkap dan terbaik yang bisa kalian kunjungi langsung.

Situs lirik lagu dan chord gitar yang ada di nadaindo kalian bisa cek sendiri ya
VSCODE TIPS
Tags: vscode
Published: 2021-01-02 11:45:44

---
title: VSCODE TIPS
published: true
description:  favorite tips and tricks for working efficiently with VS Code.
tags: vscode
cover_image: https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ftse3.mm.bing.net%2Fth%3Fid%3DOIP.c1K5_YUfvGYBYZVSdeMJEAHaFj%26pid%3DApi&f=1
---
Hi ,
Recently i was watching  Matt Bierner YouTube channel ! he work on VS Code and created this channel to share some of my favorite tips and tricks for working efficiently with VS Code. please checkout and subscribe

https://www.youtube.com/channel/UCyYh-eAr74avLwOyPa1dDNg
Acquisitions - [Sep - Dec 2020]
Tags: news, discuss, healthydebate
Published: 2021-01-02 11:38:52

In case you missed the M&A tidbits of August, please check out the previous article in this series.

The remainder of 2020 had multiple blockbuster acquisitions that we will cover in the final post of this series.

### **September**
1. [Progress Software acquires Chef, the configuration management app for $220M](https://techcrunch.com/2020/09/08/progress-snags-software-automation-platform-chef-for-220m)
2. [NVidia buys up Arm, a chip-design for a massive $40B deal](https://techcrunch.com/2020/09/13/nvidia-confirms-40b-purchase-of-arm-bringing-together-two-chip-giants)    

### **October**
1. [Twilio wraps $3.2B purchase of Segment](https://techcrunch.com/2020/10/12/twilio-confirms-it-is-buying-segment-for-3-2b-in-an-all-stock-deal/)
2. [AMD grabs Xilinx for $35 billion](https://techcrunch.com/2020/10/27/amd-grabs-xilinx-for-35-billion-as-chip-industry-consolidation-continues)    
3. [Marvell Tech acquires Inphi for $10B](https://techcrunch.com/2020/10/29/more-chip-industry-action-as-marvell-is-acquiring-inphi-for-10b)

### **November**
1. [Adobe acquires Workfront for $1.5B](https://techcrunch.com/2020/11/09/adobe-acquires-marketing-workflow-startup-workfront-for-1-5b)    
2. [Facebook purchases Kustomer CRM for $1B](https://techcrunch.com/2020/11/30/facebook-confirms-it-has-acquired-kustomer-sources-say-for-1b)    

### **December**
1. [Salesforce laps up Slack in gigantic $27.7B deal](https://techcrunch.com/2020/12/01/salesforce-buys-slack)
2. [Vista solidifies as an edtech platform by acquiring Pluralsight for $3.5B](https://techcrunch.com/2020/12/15/vistas-3-5b-purchase-of-pluralsight-signals-a-maturing-edtech-market)        


As the world eagerly awaits vaccine roll-outs to address the Covid-19 crisis, it'd be interesting to notice how such activities shape up. To understand more about this, I have the following questions for the Dev.to community:

----

- Which of these sides benefits from these acquisitions & why?
- How is it sustainable in a post-pandemic era?

_That's a wrap-up for this series and the year 2020. Wishing all of you a very Happy New Year 2021._

![Happy New Year 2021](https://media.giphy.com/media/PnICXU56UAWbqDpqdK/giphy.gif)
Descargar sonidos mp3 gratis
Tags: sonidos, mp3, mp3gratis, tonos
Published: 2021-01-02 11:21:53

Los sonidos son la pate fundamental de los vídeos, cuando creas un video y lo subes a Youtube necesitas de sonidos o música para darle un empaque diferente al vídeo y llamar la atención de los visitantes. Por eso es tan importante buscar un sitio web donde descargar sonidos en mp3 de manera gratuita

Internet esta lleno de sitios webs de sonidos, y normalmente son páginas con mucha publicidad y un diseño antiguo, en el que cuesta bastante descargar los sonidos, por eso es tan importante buscar un sitio sin publicidad en el que puedas descargar sonidos en mp3 de forma gratuita.

Yo te voy a dejar la mejor web para descargar sonidos y que es la que actualmente estoy usando yo: [Descargarsonidos.me](https://descargarsonidos.me/) tanto para mis vídeos de Youtube como para mis páginas web. Funciona bien y tiene una base de datos de mas de 1500 sonidos ordenados por categoria y en descarga directa, y lo mas importante NO TIENE PUBLICIDAD MOLESTA.

Espero que te haya gustado este recomendacion

Un saludo a todos
Create and implement a loader. (easy)

Tags: ui, css, javascript, loader
Published: 2021-01-02 11:09:17

I hope that **I'll help** a lot of people with this one, creating a loader is so **fun**, and implementing it is **easy** as 1 2 3 !

If you prefer to watch the video **version** it's right here : 

{%youtube 2vMKO2pjCpg%}

## 1. The animation

Create a basic div.
```html
<div class="loader"></div>
```

Style it, making it rounded, with a diffrent color on each side.
```css
.loader {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 200px;
    height: 200px;
    border: 20px solid;
    border-top-color: rgb(230, 62, 62);
    border-bottom-color: rgb(90, 204, 90);
    border-right-color: rgb(73, 52, 167);
    border-left-color: rgb(240, 203, 41);
    border-radius: 50%;
    animation: spin 2s infinite linear;
}
```

Create the animation reffered in the last line of the above declaration.

```css
@keyframes spin {
    from {
        transform: translate(-50%,-50%) rotate(0deg);
    }
    to {
        transform: translate(-50%,-50%) rotate(360deg);
    }
}
```
Bravo ! 😎
You've just created your loading animation.
Now you want it to run when your website is loading ...

##2. The JavaScript part

The first paint of your website will happen when the DOM is ready, not when every medias are fully loaded. 
So you want your loader to run until everything is ready, until the "load" event is triggered.

First create a loader container that take the full screen :

```html 
<div class="loader-container">
    <div class="loader"></div>
</div>
```

```css
.loader-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
}
```

Then simply show it while eveything is not fully loaded :

```js
window.addEventListener('load', () => {
  document.querySelector('.loader-container').style.display ="none";
})
```

**And ... voilà !** 🥖🍷
*A lovely loading effect.*

Indeed if your website is **empty**, it will load very fast, but try to add **some images** and **throttle down** you connexion with the chrome devtools like i'm showing in the video, and you'll see the **magic** operate !

**Source code,** with all the **shiny CSS** is right here :
https://codepen.io/Ziratsu/pen/NWRYxWX

Come and take a look at **my brand new Youtube channel** :
https://www.youtube.com/c/TheWebSchool
Be the **pioneer** that follows me uh ? 😎

*See you next time for some quick and polished tutorials !*
Browsing with your keyboard - Vimium
Published: 2021-01-02 11:02:12

Hey everyone! Today I show you how you can browse only with your keyboard with Vimium, the so called "Hacker's browser". It's a great Addon available for different Browers like e.g. Firefox and Google Chrome. Have a nice day! :-)

{% youtube bMt3NpjJpwQ %}

➤ Vimium for Firefox: https://addons.mozilla.org/en-US/firefox/addon/vimium-ff/
How I got into Tech
Published: 2021-01-02 10:54:59

Have you ever stumbled on a funny story that you just can't help but chuckle at every time you think about it? That's exactly what happened to me some years back. I came across a series of tech memes on social media platforms like Twitter and Facebook that I didn't understand, but I found myself so curious about them that I began Googling them to try and make sense of them. And before I knew it, I was hooked on learning more about the tech world.

It Started...
It all started on social media platforms like Twitter and Facebook, where I saw a lot of coding and programming memes that left me feeling confused. Despite my lack of technical knowledge, I couldn't help but feel intrigued by these memes, and I began to research them to try and understand them better. As I delved deeper into the world of technology, I found myself becoming more and more interested in it.

In an effort to learn more about how to enter the tech community and what I should focus on first, I turned to YouTube for guidance. That's where I found a video by Imtiaz Ahmad titled "Fastest Way to Become a Software Developer," which recommended starting with SQL as a foundation for learning programming. I took this advice to heart and started watching SQL tutorial videos.

It wasn't long before I met some amazing people who were already working in the tech industry and owned a company called Tanteeta. They were kind enough to invite me to learn with them for free, and I will always be grateful for their generosity and guidance.

Now, I am still learning and growing in the tech industry, and I know that I will always be learning in this field. But I am proud to say that I am now able to write clean code and confidently create web apps and websites. And the best part is, I can now understand most of the memes that I once found so confusing!

Conclusion
In conclusion, my journey into the tech world began with a series of tech memes on social media that piqued my curiosity and led me down the path of learning more about technology. With the help of YouTube tutorials and the generous guidance of some amazing people in the tech industry, I was able to transition from a tech meme novice to a skilled web developer.

Looking forward, I plan to continue sharing my story in the tech industry and hope to inspire others who may be starting out on their own journey into the world of technology. There is always more to learn and discover in this field, and I am excited to see where my path takes me next.