teleren/devto huggingface dataset:
ejercicio
Tags: replit, python
Published: 2020-05-08 10:50:19

código, en Python, que aplane un arreglo de enteros o arreglos de enteros (que puede estar anidado arbitrariamente) a un arreglo plano de enteros.
Por ej. para el arreglo [1, [2, [3, [4, 5]]]] tu código debe devolver [1, 2, 3, 4, 5].

{% replit @ServandoAndrade/EssentialWindingProperties %}
Premix of Knowledge
Published: 2020-05-08 10:34:33

Premix of Knowledge Here we will share all kind of knowledge as our main objective is to overcome people economic issues. freelancing means does not only computer-based work. freelancing is every work which we do independently.

The Knowledge Center is the first information resource for professionals working with different material, general knowledge of various subjects including those who are vulnerable and practising risky behaviour, for parents and adolescents themselves

The main goal of the project:  creating a knowledge base for specialists in Every field of life to enhance people knowledge

What are we working for?
The “freelancing network” online platform promotes the dissemination of best practices among specialists of the project countries to improve the knowledge of adolescents by suggesting them the best material
SVG Text Stroke Animation 🖌 | HTML CSS & Animejs
Tags: javascript, codenewbie, beginners, webdev
Published: 2020-05-08 10:34:01

---
title: SVG Text Stroke Animation 🖌 | HTML CSS & Animejs
published: true
description: Learn to create an SVG with Figma and animate it with Animejs.
tags: javascript, codenewbies, beginners, webdev
cover_image: https://imgur.com/w53HR3x.png
---

In this episode learn how to create SVG text where each letter has separate paths with Figma and then animate it with Animejs to create an awesome drawn in effect. 🖌

I think this could ake a really interesting feature to a landing page if you are trying to make your site pop. 

{% youtube aI9BZI8bf_Y %}

I will work on a written guide on this too so check back soon if you just want some copy/pasting. 

---

[Follow me on Twitter](https://twitter.com/nialljoemaher)

Subscribe on [Codú Community](https://www.youtube.com/c/Cod%C3%BACommunity)
How To Spell JavaScript
Tags: javascript, humour, beginners
Published: 2020-05-08 10:28:39

---
title: How To Spell JavaScript
published: true
description: 
tags: JavaScript, humour, beginners
---


I thought I'd explain how to spell JavaScript, and go through some common mistakes developers encounter when writing the word.

### Javascript

Nope, you need to capitalize the 's'. It's camel case, like all the worst programming languages.

### JavaSCRIPT

Too many capital letters now.

### java_script

Go back to writing Python or Ruby or whatever.

### JAVASCRIPT

10. NO IT'S NOT COBOL
20. OR BASIC
30. GOTO 10

### java-script

Although Brendan Eich wanted to write "Scheme for the browser", he didn't and it isn't. So no kebab case for you.

### ECMAScript

Oooooh check you out, smarty pants. Technically this is correct, but in reality it sounds like a skin condition. So no.

### TypeScript

Well done, you've got the camel case right. But you've forgotten how to spell "Java" and it looks like you've written `any` randomly all over your code.

### ClojureScript

Not only can't you spell "Java", now you can't spell "Closure" and you're putting the parentheses in the wrong places.

### CoffeeScript

Only valid in 418 responses.

### ActionScript

How old are you?

### NodeJS

NodeJS isn't the name of a language; it's the name of a browser project that got badly out of control.

### Java

I mean, given that you're probably writing your JavaScript like it's Java this is at least honest.

### JSX

The 'X' stands for "wtf is all this HTML doing in my JavaScript?"

### ESNext

You're writing a language from the future. Stop it. What are those ridiculous looking operators doing anyway? You really need them? You really missed waiting for your code to compile so much that now you're compiling your JavaScript into JavaScript using JavaScript?

### LiveScript

Brendan? Is that you?
CSS `system-ui` underlying font family in Linux browsers
Tags: linux
Published: 2020-05-08 10:27:18

> *As of 2021-09-16*, looks like Chromium-based and Firebase-based Browsers are now using config in `gsettings`

```sh
$ gsettings set org.gnome.desktop.interface font-name '<FONT> <SIZE>'
```
Don't forget to replace `<FONT>` and `<SIZE>` to your liking

or you can use GNOME Tweak Tools GUI > `Fonts` > `Interface Text`

--------

> This is for earlier version of Chromium and Firefox

Resolving CSS `system-ui` font-family varies across different browsers in Linux

### Chromium

Chromium-based browsers use **GTK 3 Setting**
 - edit `gtk-font-name` in GTK 3 Setting files, e.g., `~/.config/gtk-3.0/settings.ini`
 - or, use Configuration Tools to set GTK 3 default font like GNOME Tweak or lxappearance 

More Information: https://wiki.archlinux.org/index.php/GTK

----
### Firefox

Firefox-based browsers use **`freetype fontconfig`** generic family named `system-ui`

First, create XML file with name like `60-system-ui.conf` with content:
```xml
<?xml version="1.0"?>
<!DOCTYPE fontconfig SYSTEM "fonts.dtd">
<fontconfig>
 <alias>
    <family>system-ui</family>
    <prefer>
      <!-- change the family tag contents below to your liking -->
      <family>Ubuntu</family>
      <family>Inter</family>
      <family>Cantarell</family>
      <family>Liberation Sans</family>
      <family>DejaVu Sans</family>
      <!-- you can add more family tags, if you like -->
    </prefer>
  </alias>
</fontconfig>
```
Then, save it to:
-  `~/.config/fontconfig/conf.d/` to apply user-wide
- or, `/etc/fontconfig/conf.d/` to apply system-wide

More Information: https://wiki.archlinux.org/index.php/Font_configuration#Replace_or_set_default_fonts

---

*After changing, don't forget to restart the browsers to see the effect!*

To test CSS `system-ui` font-family: https://developer.mozilla.org/en-US/docs/Web/CSS/font-family
How am I dealing with anxiety during COVID-19
Tags: mentalhealth, anxiety
Published: 2020-05-08 09:47:58

---
title: How am I dealing with anxiety during COVID-19
published: true
description: Anxiety levels are skyrocketing during COVID-19. It's about time for me to share how I have been cooping with it. 
tags: mentalhealth, anxiety
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/16e4rt6t6hddhe8eklac.png
---
It's safe to say that everyone's anxiety levels have been skyrocketing due to COVID-19. Some lost their jobs, some are finding it hard to find a job. Everyone is stressing over their future, their finances, and their lifestyle.

I am no different. I found myself in an even more tricky situation because I resigned from my job not so long before corona hit.

The first couple of weeks were the hardest. Feeling completely lost and watching my plans crumble. I also had lots of free time because I wasn't working. I binge-watched corona updates and overstressed myself even more.

It was a vicious cycle. I wake up in the morning. I watch the news. I get stressed. I play video games to calm myself. I get a small relief. I overthink about how unproductive I am, I get even more stressed. It felt like hell. Every time I try to get myself out of it and reduce my anxiety, I end up increasing it somehow.

Now, after some time have passed. I am more in control, I managed to escape this cycle and I want to share with you what helped me do it.

## Quit/Reduce social media

That was key! Yes, Scrolling for hours on end may numb the pain and pass the time. but, social media have always been - for me - in some way behind every bit of stress and anxiety.

Not watching the news might feel like burying your head in the sand. Think about it for a sec! You already know all the necessary info about this virus. The numbers and the graphs will only give you anxiety.

## Start running

All my life, I thought running was boring. COVID-19 changed my mind. After they closed swimming pools, gyms and pretty much every place you can exercise in. I started running just to keep doing any form of physical exercise. I never thought that running was super important for my mental health.

After sticking to the habit of running every other day. Turns out, running gives me something much more important - for me - than being fit. It gave me a "Clear head". Something that I used to travel long ways, pay money, and spend 3-4 days to get. Something that I desperately needed after a couple of weeks of overthinking & anxiety. 

I asked my super awesome cousin why she runs and she responded

> "I consider it a form of meditation"

Its time for me to brag a bit. I recently completed my first 5km. Fingers crossed, I will finish a 10km next month. A half marathon (21k) is slowly creeping into my 2021's bucket list. It's crazy how a couple of months ago, I genuinely believed that running is boring.

Running and quitting social media are helping me overcome anxiety during these crazy days. What about you, What worked for you? Please let me know in the comments below. If you feel like you are still struggling with anxiety, What are you waiting for? Go for a run. Now!!
Why is React not dynamic?
Tags: discuss, react, webdev
Published: 2020-05-08 09:44:43

Why is it so complicated to add dynamicly elements to a React-Component?

What i mean:
JS: 
- let div = document.createElement("div");
- container.appendChild(div);

React:
- <container> 
- {this.state.show?<div></div>: "nothing to show"} 
- </container>

Do you know any solution for my struggeling with React?
How to fetch data in Deno ?
Tags: deno
Published: 2020-05-08 09:42:58

---
title: How to fetch data in Deno ?
published: true
description: Quick tutorial to fetch data in Deno with typescript
tags: Deno
---
In this tutorial i want to show you how to data in Deno with typescript

Deno is a secure runtime for JavaScript and TypeScript. Deno is written in Rust. It builds on top of the Tokio platform and, like Node.js, executes JavaScript using the V8 engine.

To download Deno, follow the instructions on the [Homepage]("https://deno.land/"). At this time of the post the last version of Deno is 1.0

By default, Deno is compatible with more Web APIs. you can show the list at the end of this post

I will use typescript in this tutorial but you can use Javascript, it will work.

1. Create a file called `main.ts` in the root directory of our code editor

2. in our `main.ts` file, we are going to create a async function that take an argument and call the `fetch` Web API to fetch external data.
```ts
const getUser = async (url: string): Promise<void> => {
  const data = await (await fetch(url)).json();
  console.log(data);
};

getUser("https://jsonplaceholder.typicode.com/users");
```
By default Deno is secure and it doesn't allow us to have acces of network, file system, etc...

To execute our file we are going to do this 
```sh
deno run --allow-net main.ts
```
The `--allow-net` flag allow us to have an access for the network.

## Web APIs compatible with Deno

`addEventListener`
`atob`
`btoa`
`clearInterval`
`clearTimeout`
`dispatchEvent`
`fetch`
`queueMicrotask`
`removeEventListener`
`setInterval`
`setTimeout`
`AbortSignal`
`Blob`
`File`
`FormData`
`Headers`
`ReadableStream`
`Request`
`Response`
`URL`
`URLSearchParams`
`console`
`isConsoleInstance`
`location`
`onload`
`onunload`
`self`
`window`
`AbortController`
`CustomEvent`
`DOMException`
`ErrorEvent`
`Event`
`EventTarget`
`MessageEvent`
`TextDecoder`
`TextEncoder`
`Worker`
`ImportMeta`
`Location`
macOS: Moving Your Notification to a Different Display
Tags: macos, productivity, tips
Published: 2020-05-08 09:26:07

My current display configuration includes my Macbook to the right and a 27" BenQ Monitor in front of me. The larger screen houses all of my work-related applications, while the smaller one houses my calendar, calculator, and Spotify.

For as long as I can remember, all of my notifications would appear on the screen of my Macbook. I never thought about it before, but after getting in trouble for missing several critical Slack messages, I realized I needed to do something about it.

I did some research and here's what I discovered:

Setting up multiple displays on macOS is a simple process. Simply navigate to System Preferences > Displays > Arrangement and drag the screens to the desired location.

![Display Arrangement](https://dev-to-uploads.s3.amazonaws.com/i/sopy9q2td40hfmviem9z.png)

Take note of the white bar on top of the small screen icon. That, believe it or not, is the **Menu Bar**. It handles a lot of things, including notifications! 

I simply dragged it to the screen icon on the left, and after a few flashes, my 27" display became my main monitor (displaying notifications), and my Macbook became the extension monitor.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ljonxhabfks995jzll4x.png)

However, moving the menu bar icon will **rearrange** your desktop. So, if you have your applications organized across multiple desktops, consider cleaning them up first.

I hope this was helpful. Happy coding!

Cheers!
Why should we know ALGORITHMS?
Tags: java, webdev, beginners, tutorial
Published: 2020-05-08 08:55:42

   Learning has no end, be it any industry we work in. It is inevitable and a continuous process.But,the question is how much do we put to use in our day to day life. 

In this post, I specifically like to emphasize on the algorithms we learn, which is considered as a kind of mandate for any Software developer to know.  Do we really use Algorithms in our day to day process? Yes, but not in a direct way. Today we have 'N' number of utility packages, to replace all our general use cases. 

   Few years back, I encountered a problem statement where we had to migrate the data between two completely different data sources. A typical use case was to convert an expression data into a complex JSON structure. Initially it looked like a straight forward approach but the actual implementation was pretty daunting. It was not a problem which can be solved by nested conditions.It needed a much cleaner approach which solves all types of inputs which by definition known as an 'ALGORITHM'.

On a high level, my requirement was to achieve the following conversion.

**Input Expression:** '(((ABC=AXE))AND((GPR=ADC)))' 

**Output JSON:** { "exp": { "typ": "and", "sbe": [ { "exp": { "typ": "eq", "vtp": "str", "vst": "AXE", "key": "ABC" } }, { "exp": { "typ": "eq", "vtp": "str", "vst": "ADC", "key": "GPR" } } ] } }

   No utility packages will come for your rescue to solve such kind of issues. Knowledge on Algorithms changes the way you look at a problem. Many of the use cases can be solved by using the concepts of some algorithms or by tweaking it. But before all the foremost thing required is, spending a quality time to understand the problem statement. 

Checkout my code at git hub to know how I tweaked the Expression tree traversal techniques to achieve the desired result.

*https://github.com/suganyamuthukumar/ExpressionParsing*


Happy Sharing !!
How do you enter to techcrunch?
Published: 2020-05-08 09:09:54

I'm coming from this article: https://dev.to/ben/zoom-has-acquired-keybase-1a2

There is a link to Techcrunch, that's OK.
My data, my experience, sure but how do you enter?

These are just links, I can't opt out

![Some foundational advertising partner](https://dev-to-uploads.s3.amazonaws.com/i/vua27osju5y8d01sv0tw.png)

IAB partners (whoever they are) already opted out some times ago

![IAB advertising partner](https://dev-to-uploads.s3.amazonaws.com/i/obwbfbmeodkl4380q7dn.png)

Google tab, a huge list with random names, they could be generated easily

![A few more advertising partner from Google](https://dev-to-uploads.s3.amazonaws.com/i/sqzdrd1bqvakl798ga8k.png)

But still, I must agree, no `<button onclick="window.close()">Disagree</button>` or something. :(

At least they don't set cookie when I open the the page.
Downloading Maven jars inside a project folder
Tags: selenium, automation, testing, java
Published: 2020-05-08 08:27:35

Sometimes our environment will not support maven repo to download jars. So we can use our project's root directory as repo and add our jars over there by using the structure mentioned in the below in our pom.xml

```
<repository>
    <id>in-project</id>
    <name>In Project Repo</name>
    <url>file://${project.basedir}/libs</url>
</repository>

<dependency>
    <groupId>dropbox</groupId>
    <artifactId>dropbox-sdk</artifactId>
    <version>1.3.1</version>
</dependency>
```
imdb
Published: 2020-05-08 08:19:33

there I find your website. As a surfer, I really liked your website it is well maintained and designed
. The content quality really impresses me a lot. I appreciate your hard work a quality content, etc.
If you feel any help then 
IMDbr is the world's most popular and authoritative source for movie, TV and celebrity content. 
Find ratings and reviews for the newest movie and TV shows.
<a href="https://www.imdbr.com/">imdb</a>

<a href="https://www.centralgovtjobs.in/">govt jobs</a>

https://www.imdbr.com/
Unshallowing a Git repository
Tags: devops, git, cicd, todayilearned
Published: 2020-05-08 07:36:38

---
title: Unshallowing a Git repository
published: true
description: 
tags: devops, git, cicd, todayilearned
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/nsbbm80zgqqypxyqtx1d.png
---

GitLab allows to [perform shallow repository clones](https://docs.gitlab.com/ee/ci/yaml/#shallow-cloning) (and it seems to be the default in recent versions from what I can tell).

In order to run r10k, I need a full repository though, because r10k will copy it to cache and use this copy as a reference. This is what happens when you use a shallow repository:

```shell
 [2020-05-08 06:53:15 - DEBUG] Replacing /etc/puppetlabs/code/environments/modulesync_update and checking out modulesync_update
 [2020-05-08 06:53:56 - ERROR] Command exited with non-zero exit code:
 Command: git clone /builds/camptocamp/is/puppet/puppetmaster-c2c /etc/puppetlabs/code/environments/modulesync_update --reference /etc/puppetlabs/code/cache/-builds-camptocamp-is-puppet-puppetmaster-c2c
 Stderr:
 Cloning into '/etc/puppetlabs/code/environments/modulesync_update'...
 fatal: reference repository '/etc/puppetlabs/code/cache/-builds-camptocamp-is-puppet-puppetmaster-c2c' is shallow
 Exit code: 128
 [2020-05-08 06:53:56 - DEBUG] Purging unmanaged environments for deployment...
```

Git provides a `fetch --unshallow` command which solves the problem, so we just need to run `git fetch --unshallow` in the repository before running r10k.

However, some of our (older) GitLab installs don't make shallow clones. Instead, they make full clones with a single detached branch, so we need `fetch --all` instead.

In order to have it work in all configurations, I'm ending up running:

```shell
git fetch --unshallow || git fetch --all
```

And then run r10k on the repository.
I keep on forgetting how to squash commits
Tags: git, squash
Published: 2020-05-08 08:05:03

Its been a while since I wrote something, been busy but anyway this post is a bit different. It's gonna be a short one maybe a minute read, yeah. 

I keep forgetting how to squash every time so this article will help my future self to avoid a simple Google search (maybe I might still do one, but dev.to has better SEO meaning I get to look stupid when my article shows up on the first page). 

## Why squash commits?
* Clean Pull Request: Be thoughtful about your fellow developers who might want to review your PR. You might get better reviews than the `LGTM`s of the world and maybe your merge request won't crash your production server. 
* Rebasing issues: You ever rebased off the base branch and you have 15 commits, it takes a while, you will not only have to resolve so many conflicts but its time-wasting.

## How do we squash?
* Few things you gotta do first, your feature/bug/chore branch is up to date with the base branch(master/develop/development/the one your company or you deploys to production). 
* Know how many commits your feature/chore/bug branch(ensure you are checked out to this branch) has in order to rebase the all. You can do so with a simple command:
    ```bash
     $ git log
    ```
    Another simple way is by visiting your **pull** or **merge** request on Github or whichever platform you use and check the commit number.
* Now that you have the number, let's start the reading:
   ```bash
    $ git rebase -i HEAD~<Your number of commits>
   ```

The `HEAD` just references the current branch being worked on. What will happen next is that the command will open your default terminal editor (vim or nano). The content is a list of all commits you made with `pick` keyword on your left side.

* All commits except the first one, change the `pick` keyword to `squash`. When you are done save the changes(vim -> `:wq`, nano -> `ctrl+o, enter, ctrx+x`)

* Immediately after saving, your default editor will be opened again giving you an opportunity to edit your commits, to make them more descriptive to what you wanted to achieve. After editing save it(vim -> `:wq`, nano -> `ctrl+o, enter, ctrx+x`).

* Next push your changes to a remote repo on Github or whatever else you use
```bash
$ git push --force-with-lease origin <your-branch-name>
```

That's it, so future me you got this.

For anyone else reading this, please follow me on Twitter [@wachira_dev](https://twitter.com/wachira_dev)
Pushing Through Resistance to Practice Coding Challenges
Tags: devjournal, codenewbie, womenintech
Published: 2020-05-08 07:54:42

_This post was originally published on May 8, 2020 on [my blog](https://alexlsalt.github.io/blog)._

Alright, folks. We've made it to the end of the week. And it's actually been really calm!

I'm at about the halfway point of my client web design project where I'll be finishing up the first draft of it and sending it over to my client and her virtual assistant for review. Then I'll have a nice, restful weekend.

I mentioned yesterday that I wanted to start practicing live coding technical challenges. But I didn't get around to it, and toward the end of the day, I noticed myself feeling really tense and edgy.

I think I got caught up in a mind-whirl of "Well I don't know how to do this so I'm just better off putting it off indefinitely."

Which...doesn't help very much.

Thankfully, those feelings were assuaged by talking it through and going for a long evening walk.

But today's a new day, and I've made the decision to start my work by actually setting a timer and working through a coding challenge. Regardless of whether or not I'm successful with it, I'll still be a bit closer to where I eventually want to be (instead of staying at Point Zero by not doing anything at all).

Just like compound interest - showing up and making small consistent efforts over time result in exponential growth. That's the ultimate move - here we go.
The Journey of T3Terminal — TYPO3 Marketplace!
Published: 2020-05-08 07:40:58

Are you excited to know how the exciting story from how the T3Terminal project was initiated, developed and maintained? We want to share a detailed case-study of T3Terminal — An Initiative to Grow TYPO3 Ecosystem. I hope You will be pleased to read and explore it.
The blog revolves around following main key points,

- The Dream Before Years Ago — The History
- Market Research — Why TYPO3 Marketplace?
- How T3Terminal Got Its Name?
- The Long-awaited Platform For TYPO3 People
- Initiation of the TYPO3 Marketpalce Venture
- Decision of Technologies
- Created Private Composer Server
- Legal & Security Matters
- Freemium & Premium TYPO3 Extensions
- Professional Free & Pro TYPO3 Templates
- Documentation
- Live Demo Server
- Setup Support System
- Moderation & Review Team for TYPO3 Vendor’s Products
- Payment System: Trust and Transparency
- TYPO3 SaaS — World’s First Click-n-Launch TYPO3 Website
- TYPO3 Knowledge Hub Blog
- What T3Terminal Customers Says?
- Are You TYPO3 Agencies or Developers? Become a TYPO3 Vendor!
- TYPO3 Buyers: Why T3Terminal For You?
- Success Statistics of Marketplace
- Future Of TYPO3 Ventures
- T3Terminal Expanding Globally
- Announcement: T3Terminal Stands Against COVID-19
- Love Your Feedback & Ideas

To read more and explore our amazing TYPO3 Marketplace visit — https://t3terminal.com/blog/the-journey-of-t3terminal-typo3-marketplace/