teleren/devto huggingface dataset:
40% Keyboard Programming on Vortex Core
Tags: mechanical, keyboard, vortex, core
Published: 2020-01-09 03:45:59

---
title: 40% Keyboard Programming on Vortex Core
published: true
date: 2020-01-08 05:00:00 UTC
tags: mechanical,keyboard,vortex,core
canonical_url: https://denham.ie/2020/01/08/40-keyboard-programming-on-vortex-core.html
---

_(this is a WIP)_

I recently started using a 40% keyboard (vortex core) as my daily driver for the $dayjob . It's a nice compact board, but the default layout isn't very effecient for programming, specially common symbols used in development are tucked behind weird key combinations.

I took some inspiration from the planck and another users reddit post. Another reddit user created a better [MPC](https://github.com/jackson15j/vortex_core) than the official version for remapping keys on the core, which was super handy for iterating and testing several layouts.

### Some of my design decisions

- Enter on left space bar, as the home row is one key short of a 60 keyboard and missing the apostrophes was constantly tripping me up
- Swapped Fn1 and Fn physical keys. Red Fn1 is a little easier to hit for the common programming symbols layer. Blue Fn key layer is for navigation and media keys. I kept the mapping to the printed keys so they're a littler earier to learn

![vortex core](http://localhost:4000/assets/img/vortex-core-1.png)

### Limitations

- Macros are great for reducing all the shift-key operations from 3 to 2 key combos. There is a limit of 20 macros per layer, which limits your options.
- Key combinations sometimes mis-fire. I found you need to hit the modifier key f
- Windows required to use the MPC web interface the first tim

### Links

- [Vortex Core Keyboard Layout](http://www.keyboard-layout-editor.com/#/gists/f69146792aedb7ccea48a441d73ce916) designer
- [Much Programming Core](https://tsfreddie.github.io/much-programming-core/)
How to start PHP built-in web server along with setting environment variable
Tags: php, productivity, tip
Published: 2020-01-08 04:58:15

I often use PHP built-in web server for my PHP projects during testing and development phase. The PHP projects in many cases using environment variable to define configuration or controlling app behaviour (e.g. running on prod or test environment).

## Usual way

Setting environment variable can be done like this on Linux.

```
export NAME=VALUE
```

## Start server with setting environment variables

If you want to set environment variable during the start of PHP built-in web server just type like this.

```
MYENV=myvalue php -S 0.0.0.0:8000
```

For setting multiple environment variables can be done like below.

```
MYENV=myvalue MYOTHERENV=myothervalue php -S 0.0.0.0:8000
```

If above not working, try this one as well.

```
MYENV=myvalue php -d variables_order=EGPCS -S 0.0.0.0:8000
```

On PHP you can get the environment variable with this code.

```php
<?php
  echo getenv('MYENV');
```

On Windows you can do that via git-bash shell.

Thank you and I hope you enjoy it.
I want to gear up my 7 years old son into computer programming
Tags: help, beginners, tutorial
Published: 2020-01-08 04:42:27

I have a 7 years old son and I want to gear him up to codiing, he is doing stuff in "scratch" but I want him to be a good programmer someday. Please let me know what specific skills should I teach him and how will I further make him interested in coding.
When Components Aren't Enough
Published: 2020-07-12 21:27:54

---
title: When Components Aren't Enough
date: 2020-01-08 04:20:48 UTC
tags: 
canonical_url: https://ilyaradchenko.com/when-components-aren't-enough,
published: true
---

Sometimes components are too high-level, and you need to get at a specific DOM element, either for `scrollTo` or `focus`, in these situations Ember provides a lower-level primitive called an element-modifier. To get started with element modifiers you can check out existing modifiers at [EmberObserver](https://emberobserver.com/categories/modifiers) or create your own using the `ember-modifier` [library](https://github.com/ember-modifier/ember-modifier).

## Some Examples

```hbs
<form {{autofocus}}>
  <input />
</form>

```

Which will focus the first non-disabled input that it finds (from [ember-autofocus-modifier](https://github.com/qonto/ember-autofocus-modifier)).

```hbs
<div {{scroll-to}}>
  Some content here
</div>

```

Which will scroll to the element once it's in the DOM, and is super easy to implement:

```js
// /app/modifiers/scroll-to.js
import { modifier } from "ember-modifier";

export default modifier((element) => {
  element.scrollIntoView({
    behavior: "smooth",
  });
});

```

There is also the `ref` modifier from [ember-ref-modifier](https://www.npmjs.com/package/ember-ref-modifier) which gives you access to the element:

```hbs
<button {{ref this "button"}} data-name="foo">
  Click me baby, one more time!
</button>

{{this.button.dataset.name}} >> "foo"

```

Along with `{{on-click-outside}}` from [ember-click-outside](https://github.com/zeppelin/ember-click-outside).

```hbs
<div {{on-click-outside @close}}>
  Your HTML...
</div>

```

## Why Are Element Modifiers Useful?

Mainly because you can do things like:

```hbs
{{#if this.isEditorVisible}}
  <div
    class="wysiwig-editor"
    {{did-insert this.setupEditor}}
    {{will-destroy this.teardownEditor}}
  >
  </div>
{{/if}}
```

Which handles the setup and teardown of the element, so if `isEditorVisible` turns `false` the editor initialized on our element will be properly cleaned up. This is important because the new Glimmer Components allow multiple top-level elements without any kind of fragment syntax.

> Note: I'm using [ember-render-modifiers](https://github.com/emberjs/ember-render-modifiers) in the above example. But you could create a modifier to encapsulate both the setup and teardown so reusability is easier.
Assembly language learning series- intro post
Tags: asm
Published: 2020-01-08 04:08:47

My name is Paul D. Paradis. I have been teaching myself to program, first with C++, and recently with Python. Lately I have determined that I want to dive deeply inside computers in general and so I have decided to learn Assembly language programming. That determination transpired in my mind around the time that I discovered this online community, so I have decided to blog about my experiences. 

So consider this my introduction. I am currently working on my first real post. I plan to post as I learn, so my progress may be a little slow. First I plan on discussing general computer science principles, and after establishing the underlying theory, I will be moving into the actual process of learning to program, posting my attempts and results as they transpire. Please feel free to give feedback. 

I hope that you'll derive as much benefit from this experience as possible. Thanks for taking the time to read this. Be on the lookout for the first substantive posting to appear soon. Thanks again for any and all interest.
AI Fool
Tags: ai, machinelearning, oxforddictionary
Published: 2020-01-08 04:03:42

---
title: AI Fool
published: true
description: We call "April fool", the upcoming decades we will be calling "AI Fools"
tags: #AI, #MachineLearning, #OxfordDictionary
---


"AI Fool"

definition: 
(please do not search for it in oxford dictionary)
AI Fool is defined as a person who is made to  believe that , 
"what can be done spontaneously and autonomously with the self manifestation could be done by a programmed system"

© Prakash
A Task that will Boost your Development Career
Tags: design, architecture, career
Published: 2020-01-08 03:41:21

Some time ago i sat down with couple of developers, and we discussed ways of improving your skills some of the folks that sat in the room were seasoned Developers with some fine experience though they felt that the day to day work doesn't improve their  skill level anymore, while the others were graduate developers with hunger to learn and uplift their skills.
then we discussed about options to achieve a common goal between the experience gap in the room how can one task serve them all ?

### Option 1
Lets start with some katas said Gabe, they are repetitive can be done in couple of ways. the only issue is that it does not serve well the goal of the more experience developers. and to be honest they are BORING!

we kept discussing and thinking of how we can have a mutual task that 
* Is not boring
* Actually takes you out of your comfort zone
* Can be shared and paired.

### Option 2
Lets join an open source project. which it is a sensible option though again it might takes time to get into the project, and it is sometimes tedious to push through. couple of people mentioned it is to much commitment. so off we go back to the drawing board.

### The Following Night
we returned home and this idea rolled in my mind. people who wants to learn and improve finds it hard to do so with the day to day job. part of them didnt want to commit to an open source Project and still feel that the task they are doing is helping them in some way. and then it came to my mind. to design a task that involve the life cycle of a project, a task that will punish you if you jump straight to coding. something that will involve some code that someone else written. [The Task](https://github.com/annoymousGiraf/silent-auction-task) can be found here it is still a work in progress but a good start.

The task above was written in such way that the seasoned developer who wants to practice his Architecture Skills can just do that and provide it to the Junior Developer who wants to practice his design skills.

In that case if the "Architect" of the task screwed up the developer will be "punished" fast enough to get feedback. and push it back. 

The Task have enough pit falls to teach you enough. 

so if you decide to pick up the task all by yourself you can do it end to end. and feel the heat in the kitchen. 

another layer added to this task is that it comes with a service that serves the task and gives you the feeling of how it is to work with other teams even if you do it all by your self. in addition it is full of bugs :)

# End of Part I
In the next Chapter i will discuss how people approach the Task and what was the most pain points. 

until next time don't forget to star the repo if you like the task. and follow me on [Twitter](https://twitter.com/annoymousgiraf).
Receive Email Notifications When There Is New Star for Your GitHub Repo
Tags: github
Published: 2020-01-08 03:24:38

I have made a new toy to send email notification when there is any new star for my GitHub repositories. It works quite fine so I have decided to list it on GitHub Marketplace and open to all to use it for free (link to GitHub Marketplace page of it: https://github.com/marketplace/star-notifier).

The stack is mainly Python + AWS services. The application itself is very simple & has most minimal permission requirement (your privacy is safe).

Give a try and let me know your feedback! Cheers.
Como instalar a última versão do NodeJS e NPM no Ubuntu/Debian usando PPA
Tags: dev, debian, node
Published: 2020-01-13 22:02:51

---
title: Como instalar a última versão do NodeJS e NPM no Ubuntu/Debian usando PPA
published: true
date: 2020-01-08 03:17:10 UTC
tags: Dev,debian,node,nodejs
canonical_url: https://marquesfernandes.com/2020/01/08/como-instalar-a-ultima-versao-de-nodejs-e-npm-no-ubuntu-debian-usando-ppa
---

**[NodeJS](https://marquesfernandes.com/2019/03/05/afinal-o-que-e-nodejs)** é uma plataforma criada no motor de execução JavaScript do Chrome para criar facilmente aplicativos de rede escaláveis e rápidos. O [PPA do Node](https://deb.nodesource.com/setup_13.x) está sendo atualizado e mantido em seu site oficial. Podemos adicionar esse PPA em nosso sistema Debian e Ubuntu 19.10, 18.04 LTS, 16.04 LTS (Trusty Tahr) e 14.04 LTS (Xenial Xerus) e instalar o Node usando o gerenciador de pacotes nativo.

_ **Confira mais em:** [Afinal o que é NodeJS?](https://marquesfernandes.com/2019/03/05/afinal-o-que-e-nodejs)_

## Adicionado o PPA do NodeJS

O pacote de instalação do Node está disponível sempre na versão LTS e na versão atual, fica por sua conta escolher qual versão instalar. Vamos adicionar o PPA em nosso sistema e instalar o Node no Debian/Ubuntu.

Na última atualização desse artigo o NodeJS se encontra na versão 12 LTS e 13 atual, para instalar a última versão disponível:

```
$ sudo apt-get install curl$ curl -sL https://deb.nodesource.com/setup\_13.x | sudo -E bash -
```

Se você deseja instalar a última **versão**  **LTS** :

```
$ sudo apt-get install curl$ curl -sL https://deb.nodesource.com/setup\_12.x | sudo -E bash -
```

## Instalando o NodeJS

Agora que adicionamos a PPA, vamos executar o comando para instalar o NodeJS e também o seu gerenciador de dependências, Node Package Manager (NPM). Usaremos o comando `apt-get update` para atualizar as informações de nossos pacotes e `apt-get install` para iniciar o processo de instalação:

```
$ sudo apt-get update$ sudo apt-get install nodejs
```

## Verificando a versão do Node.js e NPM

A instalação pode demorar um pouco dependendo da sua conexão com internet, caso tudo ocorra conforme esperado, após a instalação concluída precisamos verificar se as versões instaladas do NodeJS e do NPM estão corretas. Para mais informações sobre as versões disponíveis verifique o [site oficial](https://nodejs.org/download/).

```
$ node -v # Resultado esperadov13.3.0
```

Verifique também a versão do [NPM](https://npmjs.com/):

```
$ npm -v # Resultado esperado6.13.1
```

## Executando um javascript simples

Podemos testar se o nosso Node está funcionando corretamente rodando um script simples diretamente de nosso terminal:

```
$ node -e "for (let i = 0; i < 10; i++) { console.log(i) }"# Resultado esperado0123456789
```

O post [Como instalar a última versão do NodeJS e NPM no Ubuntu/Debian usando PPA](https://marquesfernandes.com/2020/01/08/como-instalar-a-ultima-versao-de-nodejs-e-npm-no-ubuntu-debian-usando-ppa) apareceu primeiro em [Henrique Marques Fernandes](https://marquesfernandes.com).
Difference between Unit Testing and Integration Testing?
Tags: javascript, node, angular, react
Published: 2020-01-08 03:16:23

Normally a software application is developed by a team of many people. So while developing an application is divided into different modules and modules are divided to different developers of team. When a single developer write some code, let’s say a common function, and test that function then this type of testing is called Unit Testing. When all the different modules are developed and integrated then testing is required to check if the complete application is working properly or not after integrating different modules, This type of testing is called Integration Testing.

Difference between Unit Testing and Integration Testing:

Unit Testing

1. Unit testing is a type of testing to check if the small piece of code or a single function is doing as per the expectation.
2. It checks a single component/function of the application.
3. Its scope is very limited.
4. It should have no dependencies on code outside its definition.
5. This is the first type of testing is to be carried out in the Software testing life cycle and generally executed by the developer.
6. The goal of Unit testing is to test each unit separately and ensure that each unit is working as expected.
8. Unit testing comes under the White box testing type.


Integration Testing

1. Integration testing is a type of testing to check if different modules are working as expected after integrating each other.
2. It checks the overall flow of the application. after the integration of different modules.
3. Its scope is very wide
4. This type of testing can have each every element in the software application
5. This is performed after unit testing. Generally, the script is preferred to test the integration testing
6. Integration testing is further divided into different types as follows:
Top-down Integration, Bottom-Up Integration, etc
7. Integration testing is coming under both Black box and White box type of testing.


Conclusion

Unit Testing and Integration Testing both are equally important for testing an application. And it's very important to create an application bug-free and work as expected.


Find below the link of the sample application for Integration Testing of Nodejs API: https://jsonworld.com/demo/testing-nodejs-api-with-mocha-and-chai
Reddit Client - for iOS and Android Applications - now open!
Tags: android, ios, webdev, opensource
Published: 2020-01-08 03:08:27

BEFORE YOU READ THIS: THIS IS FROM MY REDDIT POST, LINK IS AT THE END OF POST, I'M STARTING THIS NEW PROJECT AND I HAVE ABSOLUTELY NO CLUE WHERE TO RECRUIT OR GET THE WORD OUT SO HERE YOU GO!


Hello all.


I have had this idea running through my head for the past few months now. Since it is a new year I'm deciding to take action on it.


Basically I am going to create a Reddit client for iOS and Android. At this moment I have not decided exactly what technologies that we are going to be using however it will most likely be flutter.


Also right now we will only focus on a mobile app in the future if the mobile app goes well we can potentially progress onto a web app, but who knows.


As the title says applications are now open. All you have to do to apply is simply direct message me rather that be reddit inbox or reddit chat.


I am looking to have at least 10-14 really qualified developers to start off with. Then grow the team as we gain more traffic on the app.


PLEASE NOTE THERE WILL BE NO COMPENSATION TOWARDS THIS APP, FOR RIGHT NOW I'M JUST MAKING THIS TO MAKE EVERYONE LEARN AND HAVE A GOOD TIME.


Here are a small list of a few of the requirements:

[] Decent amount Java Knowledge

[] Will to learn and share what I already know with others

[] Basic Swift Knowledge - Not required but willing to look into basic

[] Has a decent knowledge on GitHub/GitLab

[] Familiar with working on projects with other people

[] Understand that you will not be paid!

[] Will be contacted on Discord - At least somewhat familiar with Discord.


Once you have contacted me I will get your discord and then I will direct message you after which we will do a very very simple interview just to make sure you somewhat understand what you are doing.


If I decide that you will be a good fit for the team I will invite you to our discord server in which we will get the project started.


I plan to have this project under way via planning, graphic design, basic pseudocode, staging, team member selection all done by January 15th.


Then I plan to have Development of the app started February 1st.


I need someone that specializes in these things here (These are going to change since I don't know what technologies we are going to use right now):

- Front End Design (3x)

- Back End Design (3x)

- Full Stack Dev (2x)

- PR Group (X??) This will be for writing documentation and working with developers and staging releases

- iOS Tester (1x)

- Android Tester (1x)


You can always be multiple roles just decide what you want to be after the interview


Thanks All;


- Larson Carter (GitHub: larson-carter)


Here is the link to the reddit post just so you can see comments and some of my answers:

https://www.reddit.com/r/ProgrammingPals/comments/ekyzxs/reddit_for_ios_and_android_applications_now_open/
Your Take on Bulma?
Tags: webdev
Published: 2020-01-08 03:02:47

Hello dear, hope you're having a great time? 

So i came across Bulma CSS early this week and was initially blown away by how simple it implemented layout and structuring, but that excitement was short-lived after i realized some really complicated code implementation going on. 

The way it handles background colors, collapsible navbars and how the team jumped into a tutorial on how to use Bulma with Vue.js which i suspected was some Vue.js marketing strategy. And it worried me if there was room for developers handling just HTML and CSS projects, maybe a little JavaScript without a Saas knowledge.

I don't know, what is take your about Bulma, do you think it is a perfect alternative over the others and how well have you been using it's features.
Relatos de uma iniciante no mundo do desenvolvimento.
Tags: html, css, webdev
Published: 2020-01-08 03:02:18

    Como uma entusiasta a desenvolvedora e uma metida a designer, eu pensava que o mundo seria resolvido com html e css. Depois, ouvi falar de umas tais boas práticas. Acreditava que se tivesse feito algum curso da Udemy, já seria um gênio e o mundo seria meu. Supondo logo que, se eu soubesse cada detalhe do que estava no JS Ninja, eu já sairia da última aula a um passo de ser uma deusa da programação.

    O fato é que, por uma visão de baixo nível, programar era aquele algoritmo cheio de for, ifs e elses no ápice da minha ostentação, claro, em achar que era a deusa por ter feito um joguinho de dominó em c++. Detalhe, mal sabia eu que o mundo front-end é muito mais do que aquelas aulas eram apenas o fundamento de um desenvolvedor iniciante.
Mas, nem só de lógica vive o homem e nem só de vscode existe um projeto. Antes mesmo do primeiro hello world e apesar de todos os detalhes para aprender a mexer — apenas — no terminal do Git, imergir em metodologias, passar por Javascript, se apaixonar por Elm e me tornar dependente do Github tem levado um considerável tempo. Sem contar, há uma imensidão de conteúdo sem organização na internet que atrapalha um pouco. Mas, ficou fácil depois de um tempo saber escrever sobre como fazer tudo isso: Escrevendo. E está começando a ficar mais fácil começar uma página: Começando.

    Ser detalhista, gostar do conceito, da prática, gostar de resolver problemas e começar a se arriscar implementando qualquer coisa, nem que seja só para ficar melhor do que ontem. Saber que, em algum momento, temos que sair do zero. Existe muito mais coisas além daquelas funções de Lógica de Programação e existe muito mais coisa do que só saber programar para conseguir e, principalmente, permanecer no emprego.
Bem, só queria dizer que saí do mundo da deep web das linguagens de baixo nível para voltar a responder aquelas perguntas que tinha quando era adolescente: Como melhorar meu blog? E sabe, tem se tornado mais divertido cada dia conseguir entender e fazer mais.

    Nesse meio tempo, passei por Algoritmos e LP, rodei para saber um pouquinho de photoshop e illustrator, flertei jogos (flerto até hoje haha) e entrei em um relacionamento sério com o empreendedorismo.
Resumindo, cada projeto não será um grande, influente, maravilhoso e incrível projeto revolucionário do mundo apenas pensando. Tudo começa pelo foco, curiosidade e, para mim, por fazer daquela época que brincava com html e css, uma época que passe de apenas querer deixar o blog mais bonito para fazer e amar isso como profissão ❤

Ass. Anny Confessor
Em memórias de L’etoile Degas.
[Link] Flat is the Future of Materials Science
Published: 2020-01-08 02:51:44

> As researchers like Dr. Palacios see it, two-dimensional materials will be the linchpin of the internet of everything. They will be “painted” on bridges and form the sensors to watch for strain and cracks. They will cover windows with transparent layers that become visible only when information is displayed. And if his team’s radio wave-absorber succeeds, it will power those ever-present electronics. Increasingly, the future looks flat.

[The Superpowers of Super-Thin Materials: In materials science, 2-D is the new 3-D.](https://www.nytimes.com/2020/01/07/science/physics-materials-electronics.html)