teleren/devto huggingface dataset:
Access your code answers Faster. #Grepper
Tags: devops, discuss, webdev, tutorial
Published: 2021-04-24 16:40:45

So, you're a Programmer. You code along. When you face a problem, you first do a google search right, but sometimes we can't find the proper solution or take so much time to find the right solution. 
Glad we got DRY out the way. How many times will we hear that? Take this same analogy and shift it to a roadblock scenario. I recycle functions, methods, algorithms often in my application but find myself always puzzled when trying to implement the code. My google history can attest to it. Whether it is going to a stack overflow link, MDN link, React docs or a Medium post a colleague wrote on my struggle, it takes time away from coding the logic.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ycxu6vci9ks467vbs1eg.PNG)

Here I introduce, Grepper. Grepper is a google chrome extension created to make programmers' life a bit easier when searching for code snippets. Once installed, when you google search a problem, “javascript loop through an object” in my example, Grepper will populate snippets of codes most related to your search. It will return two snippets with the option to view more before the listed websites.
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3st1yjym3agtl69p8pli.png)
Grepper answer will show up at the top, as you can see.
Grepper is new to our community and allows you to publish your own snippets so others might use them. For example, when I google “python merge two sorted arrays,” no code snippet appears but a box that allows me to input the code snippet.
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dupherkhsbcuk04gnqpm.png)
You can also save code by clicking the right site of the grepper icon.
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/punh8a6fmmv46axuo1i5.png)
 After successfully saving, if you refresh or search again, you can see your code snippet with the option to view your Grepper profile. Here, you can add/edit/delete your snippets as you please. You have the option to make your account private or public as well.
 
Now, Why you should use Grepper
=> Develop Faster
=> Learn & constantly improve your coding skills
=> Grow your Career
=> Innovate, Earn & Lead the way

Here is the link for more info on Grepper https://www.codegrepper.com/welcome.php
How to Integrate Bootstrap with Angular (Angular 6)
Tags: angular, bootstrap
Published: 2021-04-24 17:17:32

https://grokonez.com/frontend/angular/angular-6/how-to-integrate-bootstrap-with-angular-angular-6

How to Integrate Bootstrap with Angular (Angular 6)

Bootstrap is a web development framework for more faster and easier that includes HTML and CSS based responsive design templates. So in the tutorial, we show how to integrate Bootstrap with Angular project.

Related posts:
- <a href="https://grokonez.com/spring-framework/spring-boot/how-to-integrate-angular-6-springboot-2-0-restapi-springtoolsuite">How to Integrate Angular 6 & SpringBoot 2.0 RestAPI – SpringToolSuite</a>
- <a href="https://grokonez.com/frontend/angular-6-ngfor-repeater-directive-loop-over-a-collection">Angular NgFor Repeater Directive – Loop over a Collection (Angular 6)</a>

<!--more-->
<h2>Technologies</h2>
<ul>
<li>Node.js – version v10.4.0</li>
<li>Angular – version 6</li>
<li>Bootstrap - 3.x & 4.x</li>
<li>Visual Studio Code – version 1.24.0</li>
</ul>
<h2>Goal</h2>
After tutorial, we can integrate Bootstrap to Angular project.

-> Project structure:

<img src="https://grokonez.com/wp-content/uploads/2018/06/Angular-6-Bootstrap-Project-Structure.png" alt="Angular-6-Bootstrap + Project-Structure" width="218" height="398" class="alignnone size-full wp-image-13200" />

-> results:

<img src="https://grokonez.com/wp-content/uploads/2018/06/Angular-6-Bootstrap-integrate-results.png" alt="Angular-6-Bootstrap + integrate-results" width="747" height="547" class="alignnone size-full wp-image-13201" />
<h2>Integrate Bootstrap with Angular project</h2>
We have 3 approaches:

<ul>
<li>Include Bootstrap from CDN</li>
<li>Include Local Bootstrap</li>
<li>Install Bootstrap via NPM</li>
</ul>
<h3>Preparation</h3>
- Create an Angular project:

https://grokonez.com/frontend/angular/angular-6/how-to-integrate-bootstrap-with-angular-angular-6

How to Integrate Bootstrap with Angular (Angular 6)
Como enviar un proceso en la terminal a un segundo plano. 
Published: 2021-04-24 21:51:12

Probablemente cuando has iniciado un proyecto corres en tu terminal
```
npm run start
```
lo cual te abre un servidor para poder desarrollar en local pero si necesitabas instalar una nueva librer&iacute;a tenias que matar tu servidor e instalarla y volver a iniciar el servidor. 

#Terrible cierto 😯

###Bueno deja de sufrir de esto y usa eficientemente tu terminal. 

Primero debes inicializar tu servidor y cuando vayas a usar la terminal debes oprimir 
```
Ctrl + z
``` 
lo cual pausa el proceso y permite que se pueda correr en background pero y que es background 🤔

Background es uno de los lugares donde puedes correr procesos en tu terminal, otro de ellos es el foreground, donde normalmente ejecutamos nuestros comandos y donde se bloquea la terminal cuando un proceso no se termina 😕

Y como ya lo debes estar imaginando background hace todo lo contrario pero y como cambiar los procesos de foreground a background.

Bueno, despu&eacute;s de haber oprimido `Ctrl + z` puedes ver que procesos se han pausado con el comando 
``` 
jobs 
```

lo cual mostrara algo as&iacute; 

```
//[Número del proceso] + Id del proceso + nombre del proceso

[1] + suspended npm run start
```

y para enviar el proceso a background debes escribir el comando 
```
En Bash
bg 1
En ZSH
bg %1
```
el 1 que se muestra es el n&uacute;mero que aparece entre [] cuando se utiliza el comando `jobs` y para poder terminar este proceso hay que cambiar el proceso al foreground con 
```
fg 1 o fg %1
```
Program Nyatakan.id 2021 Kemenparekraf/Baparekraf Telah Dibuka
Tags: berita
Published: 2021-04-25 01:25:44


Kementerian Pariwisata dan Ekonomi Kreatif/Badan Pariwisata dan Ekonomi Kreatif menggagas program Nyatakan.id, yaitu program yang bertujuan untuk mewujudkan ide-ide yang dapat menjadi solusi digital di masa adaptasi kebiasaan baru berupa aplikasi dan permainan digital.

Program ini dibagi menjadi tiga kategori:

1.  Kategori **pertama**: individu & masyarakat.
2.  Kategori **kedua**: badan usaha/startup yang bergerak di sektor pariwisata dan ekonomi kreatif.
3.  Kategori **ketiga**: lembaga/asosiasi/komunitas/organisasi masyarakat yang bergerak dalam bidang pariwisata dan ekonomi kreatif.

Dikutip dari website resminya, Nyatakan.id akan memberikan bantuan Fasilitasi diberikan dalam bentuk dana bantuan sebesar maksimal Rp 50.000.000,00 (lima puluh juta rupiah) bagi para pelaku usaha sektor pariwisata dan ekonomi kreatif untuk:

1.  Mewujudkan ide kreatif erbentuk aplikasi dan permainan digital dalam rangka adaptasi Kebiasaan baru, pemulihan ekonomi dan penciptaan lapangan kerja baru.
2.  Karya yang dikembangkan harus masuk dalam 17 subsektor ekonomi kreatif dan atau sektor pariwisata beserta forward dan backward linkage.
3.  Tema ide kreatif meliputi:
    1.  Emerging Technologies, antara lain cyber security, blockchain, big data, IoT, e-health, dll.
    2.  AR/VR (Augmented Reality/Virtual Reality) Borobudur.
    3.  Aplikasi atau permainan digital yang mendukung program Destinasi Pariwisata Super Prioritas (DPSP).

Penerimaan proposal program Nyatakan.id akan dibuka sampai dengan 31 Mei 2021 23:59 WIB.

Unduh Petunjuk Teknis terkait tata cara pengajuan Bantuan Pemerintah Program Nyatakan.id pada tautan berikut [http://bit.ly/juknis-nyatakan-id-2021](https://mailer.algostudio.net/l/jiAd4NeKTmweDmhLtu5R8g/dP4P2dHk8lJZ892Ky2xmK5jw/zvaNSy4NLuYKrXIlo4FSJg) 

*Originally published at [MauCariApa.com](https://maucariapa.com/program-nyatakan-id-2021-telah-dibuka/) on April 25, 2021.*
Building RestAPI Server Using NodeJS and Express | Beginners
Tags: javascript, server, webdev, node
Published: 2021-04-25 04:46:32

In the video, I show how you can make a REST API Server using NodeJS and Express. 

Here I implement and explain how a GET and a POST request works and I simulate the requests using  [Postman](https://www.postman.com/) . 

If you are a beginner trying to learn how Servers and API are made this video is the best starter for you.

{% youtube UCaW26ynoyc %}

#### Do let me know if you like the video it means a lot ! You can also tag me on  [Twitter](https://twitter.com/saumya4real) !
An unlikely programmer: My baby steps in the world of software development

Published: 2021-04-25 20:10:16

Growing up, I never imagined I’d ever code. I was just that guy whose interest was only politics and business. Then came November 2019. I left for Lagos where I met Bernard, who was a software Engineer. Bernard introduced me to the world of software engineering and guided me through some of the products he was working on. While in Lagos, I attended a tech summit organized for mobile developers. The experience captivated me and I didn’t just want to use products, I wanted to start making them. This desire propelled me into picking upcoding. Between November 2019 and January 2020, I was experimenting with Java and XML to build native android applications. Much later in January 2020, I was introduced to the flutter framework by Bernard. I found flutter particularly interesting because of its single code base. I have been using flutter since then.
My first job experience on mobile development
My first job was an internship role on mobile development. I was very excited at that moment. The feeling that I was going to solve real-life problems, coupled with the fact that I was going to learn, earn and work in a team was priceless😂 . On starting the job, I encountered many difficulties, especially after I discovered that I was the only mobile developer in the firm. I basically started building their products from scratch (single-handedly!), with the guidance of my then CTO. My first month was great, at least I was able to do lots of crazy things on my own. Especially when I was building the front end of the firm’s logistics application. The pressure was much from the second month, and the coronavirus pandemic didn’t make it any easier. Working from home made me aware of the fact that hasn’t really been learning, I was just delivering tasks, not minding the process. While I was result-oriented and delivered on my projects, I was not learning as much as I’d love to. I had to resign in September 2020. Rexford asked to join his team, “FLUTTER AFRICAN DEVELOPERS “. The forum gave me access to lots of smart people who always came to my aid whenever I had a bug. In January 2021, I joined Rexford in Flutter hall where we reach out to young tech enthusiasts who are interested in learning Flutter across Asia and Africa to work, learn together and give ourselves the best of the experiences we need.
Conclusion
You don’t have to be too smart to be good at what you do. It takes only resilience and consistency to be good. If you fail, don’t be ashamed of trying again. I hope this inspires newbies coming into programming out there to keep pushing.
Some small Css tips #016
Tags: webdev, css, html, beginners
Published: 2021-04-26 07:59:26

---
title: Some small Css tips #016
published: true
description: I try to tweet a small css tip every day. Here is a collection of some of them.
canonical_url: https://since1979.dev/some-small-css-tips-016/
cover_image: https://since1979.dev/wp-content/uploads/2021/04/small-css-tips-016-hashjpg.jpg
tags: webdev, css, html, beginners
---

To continue on my [previous post](https://dev.to/vanaf1979/some-small-css-tips-015-384m) here are some more tweets with little Css tips that might help you in your projects. 

### Prevent textarea resize.
{% twitter 1375083675709214722 %}
{% codepen https://codepen.io/Since1979/pen/rNWXExw %}
Css resize docs: https://developer.mozilla.org/en-US/docs/Web/CSS/resize

--- 

### Text-indent.
{% twitter 1385543204859269121 %}
{% codepen https://codepen.io/Since1979/pen/qBRaGqR %}
Css text-indent docs: https://developer.mozilla.org/en-US/docs/Web/CSS/text-indent

--- 

### :where.
{% twitter 1385905943444168705 %}
{% codepen https://codepen.io/Since1979/pen/zYNyEaw %}
Css :where() docs: https://developer.mozilla.org/en-US/docs/Web/CSS/:where

--- 

### Only-child.
{% twitter 1386277283820883971 %}
{% codepen https://codepen.io/Since1979/pen/dyNaKMN %}
Css only-child docs: https://developer.mozilla.org/en-US/docs/Web/CSS/:only-child

--- 

### Subscribe and Follow

**[Subscribe to my Youtube channel.](https://www.youtube.com/channel/UCeyqA3y26RlnfUSx3ufgFoA)**

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

**Thanks for reading/watching and stay safe**
MCP61SM-AM WinFlash BIOS update warning!
Published: 2021-04-26 10:50:41

This applies to **BIOS update on MCP61SM-AM motherboard with bootblock protection enabled in BIOS** (in my case Acer Aspire T180). The one and only official update available on Acer website is **[R01-C0](https://global-download.acer.com/GDFiles/BIOS/BIOS/BIOS_R01-C0.zip?acerid=633643843264179701&Step1=DESKTOP&Step2=ASPIRE&Step3=ASPIRE%20T180&OS=ALL&LC=en&BC=ACER&SC=AAP_1) from 2008/12/09**.

## Problem: ##
- You have bootblock protection enabled in BIOS settings
- **WinFlash shows that bootblock is `hardware protected`** and BIOS update fails
- **If you reboot (DO NOT DO THIS!) your motherboard will be bricked** and your only hope would be BIOS chip replacement

## Source of a problem: ##
- WinFlash won't check if BIOS bootblock is protected before starting update procedure
- **Bootblock is being updated after all other blocks** so you end up with error and unusable mixed-up BIOS
- **Why anyone would make a BIOS flash utility to work in such a stupid way**?

## Solution: ##
- If you hopefully haven't rebooted your PC yet, **open a backup of your old BIOS version in WinFlash**
- Check everything to update except a bootblock
- Click `reboot` after update is done
- **Enter BIOS and disable bootblock protection**
- **Update BIOS in WinFlash**
HELP ME OUT!!!!!
Tags: beginners, help, programming
Published: 2021-04-26 13:54:29

Hey Everyone!! Someone this side , Am a student and also a noob at coding . I want to learn coding and become a programmer but don't know where to start from can anyone who is doing well in the industry guide me as i am willing to pursue my knowledge in coding, programming ,software development , web development , app building and many more things to do.... please guide this noob
Compare Scopes of the var and let Keywords
Tags: javascript, tutorial, beginners, devops
Published: 2021-04-27 00:30:48

* Let's give you an example:
```
function checkScope() {
  var i = 'function scope';
  if (true) {
    i = 'block scope';
    console.log('Block scope i is: ', i);
  }
  console.log('Function scope i is: ', i);
  return i;
}
```
```
console.log(checkScope()); will display 
Block scope i is:  block scope
Function scope i is:  block scope
block scope
```
* Let's Fix the code so that i declared in the if statement is a separate variable than i declared in the first line of the function. Just be certain not to use the var keyword anywhere in your code.
```
function checkScope() {
  let i = 'function scope';
  if (true) {
    let i = 'block scope';
    console.log('Block scope i is: ', i);
  }
  console.log('Function scope i is: ', i);
  return i;
}
```
```
console.log(checkScope()); will display 
Block scope i is:  block scope
Function scope i is:  function scope
function scope
```
This challenge is designed to show the difference between how var and let keywords assign scope to the declared variable. When programming a function similar to the one used in this exercise, it is often better to use different variable names to avoid confusion.
30-Day Code Quality Challenge
Tags: challenge
Published: 2021-04-26 15:14:15

[Tuple](https://tuple.app/) is running a 30 Day totally free [Code Quality Challenge](https://tuple.app/code-quality-challenge). You get daily 20 minute exercises sent to your email and access to a forum with other people doing the challenge to help encourage participation. The challenges are language agnostic, and useful at any skill level.

The next cohort starts **Monday, May 3rd**. Sign up [here](https://tuple.app/code-quality-challenge).
Video: Who Runs Your Container?
Tags: container, devops, ruby, noops
Published: 2021-04-26 17:11:22

---
title: Video: Who Runs Your Container?
published: True
description: Darren discusses a key consideration that many people overlook, the operating system user that runs your container processes and the security implications of this decision.
tags: container, DevOps, Ruby, NoOps
//cover_image: https://direct_url_to_image.jpg
---

{% youtube UzmvuBRMFHo %}

In this Engine Yard Short, Darren discusses a key consideration that many people overlook, the operating system user that runs your container processes and the security implications of this decision.
Have you been impacted by joining developer communities?
Tags: discuss, watercooler, programming, beginners
Published: 2021-04-26 17:55:17

I’m curious how  being part of DEV or other communities may have impacted you as a developer?

For me, I find DEV is great for having open discussions about all things coding which has encouraged me to openly exchange knowledge with others! 

I’m growing a dev community called [inspirezone](https://community.inspirezone.tech/) with a focus on having members create a regular coding habit.

Have you ever been a part of a practice focused developer community?

Read more about the inspirezone community and what we are trying to do 🙂

{% link https://dev.to/inspirezone/a-developer-community-encouraging-active-coding-practice-4koh %}
I've curated a React / React Native Twitter List: ~120 experts and influencers (+ 20 existing lists)
Tags: reactnative, javascript, react, webdev
Published: 2021-04-27 13:08:27

Hi everyone,

I'm part of a small team building https://keepup.so, and we're on a mission to build a super curated Twitter list on every field we like or we work in. I've spent hours on this one, but Twitter is a big place so tell me if I've forgotten anyone :)
[https://blog.keepup.so/twitterlists/react](https://blog.keepup.so/twitterlists/react?utm_source=dev-to&utm_medium=post&utm_campaign=react)

You'll find:

⭐ Our Twitter List of React / React Native experts: ~120 (active on Twitter!) accounts

✅ 20 other existing Twitter Lists about React, sorted by followers

If you're interested, you can follow the lists! We want to keep them updated and to improve them regularly. If you think we've forgotten someone or if you have any idea to make it better, comment below!
Direct transfer with Javascript
Published: 2021-04-27 15:46:06

Hello,

We need to implement direct transfer in our .net core application. Only solution that is mentioned on Stripe is Javascript. 
We do not have an option to use Stripe as we need to process the payment from the backend.

We need to use direct transfer as we need to pass the whole amount to the Vendor's account and then the processing fees can be deducted from vendor's account.

It will be a big help if someone can point us in the right direction asap.

Thank you.
Viral Trivedi
Kotlin – filter() map examples
Tags: kotlin, filter, map
Published: 2021-04-27 18:33:36

https://grokonez.com/kotlin/kotlin-filter-map-examples

Kotlin – filter() map examples

In the tutorial, <a href="https://grokonez.com">JavaSampleApproach</a> will show you how to filter Kotlin map colletion by examples.

<!--more-->
<h2>I. Kotlin filter map</h2>
Initial data for practicing:

<pre><code class="language-java">
val customerMap = mapOf(Pair(Customer("Jack", 25), Address("NANTERRE CT", "77471")),
						Pair(Customer("Mary", 37), Address("W NORMA ST", "77009")),
						Pair(Customer("Peter", 17), Address("S NUGENT AVE", "77571")),
						Pair(Customer("Amos", 23), Address("E NAVAHO TRL", "77449")),
						Pair(Customer("Craig", 45), Address("AVE N", "77587")),
						Pair(Customer("Laura", 32), Address("NANTERRE CT", "77471")),
						Pair(Customer("Steven", 39), Address("S NUGENT AVE", "77571")),
						Pair(Customer("Paul", 18), Address("E NAVAHO TRL", "77449")),
						Pair(Customer("Mary", 61), Address("S NUGENT AVE", "77571")))
</code></pre>
<h3>1. filter()</h3>
Method signature:

<pre><code class="language-java">public inline fun &lt;K, V&gt; Map&lt;out K, V&gt;.filter(predicate: (Map.Entry&lt;K, V&gt;) -&gt; Boolean): Map&lt;K, V&gt;</code></pre>

-> Returns a new map containing all key-value pairs matching the given [predicate].

Practice:

<pre><code class="language-java">var map = customerMap.filter { (customer, address) -&gt; customer.age &gt; 18 &amp;&amp; address.street === &quot;S NUGENT AVE&quot; }
map.forEach{println(&quot;${it.key}, ${it.value}&quot;)}
/*
	Customer(name=Steven, age=39), Address(street=S NUGENT AVE, postcode=77571)
	Customer(name=Mary, age=61), Address(street=S NUGENT AVE, postcode=77571)
*/</code></pre>
<h3>2. filterNot()</h3>
Method signature:

More at:

Kotlin – filter() map examples
리눅스 서버용 오픈 소스 바이러스 백신 엔진
Published: 2021-04-28 03:10:11

웹사이트 운영을 하면서 기존엔 대부분 웹호스팅 서비스를 이용하였습니다.
그래서 서버에 대한 걱정(?)은 호스팅 서비스 회사에 맡겼습니다.
그런데 최근 클라우드 서비스가 늘어나면서 서버를 직접 관리해야 하는 일이 늘어나고 있습니다.

그만큼 보안에 대한 비중도 늘어나고 해킹이나 바이러스 위험에도 많이 노출되고 있습니다.

서버용 오픈소스 백신을 소개합니다.

## ClamAV
[ClamAV®](https://www.clamav.net/)는 트로이 목마, 바이러스, 맬웨어 및 기타 악성 위협을 탐지하기 위한 **오픈 소스 바이러스 백신 엔진**입니다.

#### ClamAV 설치
```
sudo apt-get install clamav
```

#### 바이러스 서명 업데이트
```
sudo freshclam 
```

#### 모든 파일 스캔
```
sudo clamscan -r --bell -i /
```

위 작업을 cron에 등록하여 정기적으로 검사할 수 있습니다.

자세한 사용법은 공식 사이트 [설명서](https://www.clamav.net/documents/clam-antivirus-user-manual)를 참조바랍니다.