teleren/devto huggingface dataset:
Cara Record Layar Pake CLI (No GUI)
Tags: linux, ubuntu, macos, opensource
Published: 2021-09-18 13:21:39

Yup benar sekali, di tutorial kali ini saya akan menunjukkan cara merekam layar tanpa software _fancy_ semacam obs dengan hanya bermodalkan terminal saja. 

Tools yang akan kita pakai adalah FFmpeg, apakah itu?

> FFmpeg is the leading multimedia framework, able to decode, encode, transcode, mux, demux, stream, filter and play pretty much anything that humans and machines have created.

Intinya FFmpeg berfungsi sebagai software termantep untuk mengolah video, baik itu file bertipe mp4, mp3, mkv, dll. FFmpeg juga cross OS lho, jadi bisa dipakai di Windows, MacOS, Linux, maupun Solaris. Tanpa panjang lebar mari kita mulai saja. 

Oke lets go...


1) Download `ffmpeg`
Pertama-tama buka terminal dan massukan perintah berikut.
```
sudo apt-get install ffmpeg
```

2) Dapatkan resolusi layar
Agar kita dapat merekam seluruh layar, kita perlu tahu size screen kita dengan memasukkan perintah berikut nanti akan keluar output berapa ukuran layar kamu.
```
xdpyinfo | grep 'dimensions:'
```
Setelah itu, copy hasil dari ukuran layar.


3) Rekam layar kamu

Untuk merekam layar tanpa merekam audio kita bisa masukkan command berikut.

Note: ganti `1920x1080` pada command di bawah dengan ukuran layar yang sudah kamu copy dari perintah sebelumnya.
```
ffmpeg -video_size 1920x1080 -framerate 30 -f x11grab -i :0.0+0,0 -c:v libx264rgb -crf 0 -preset ultrafast sample.mkv
```

Jika ingin sekaligus merekam audio masukkan perintah berikut
```
ffmpeg -video_size 1920x1080 -framerate 30 -f x11grab -i :0.0+0,0 -f pulse -ac 2 -i 0 -c:v libx264rgb -crf 0 -preset ultrafast sample.mkv
```

4) Stop Recording

Untuk menghentikan rekaman layar, cukup pencet `ctrl + c`, atau tutup terminal kamu maka file akan otomatis tersimpan.
Check if string is palindrome without String#reverse
Tags: ruby, palindrome
Published: 2021-09-18 13:15:44

```
def palindrome?(str)
  reversed_str = ''
  i = str.length - 1
  while i >= 0
    reversed_str += str[i]
    i -= 1
  end
  reversed_str == str
end
```


specs 
```
describe "palindrome?" do
    it "should accept a string as an arg" do
      expect { palindrome?("tot") }.to_not raise_error
    end

    context "when the string is the same forwards and backwards" do
      it "should return true" do
        expect(palindrome?("tot")).to eq(true)
        expect(palindrome?("racecar")).to eq(true)
        expect(palindrome?("madam")).to eq(true)
        expect(palindrome?("aa")).to eq(true)
        expect(palindrome?("a")).to eq(true)
      end
    end

    context "when the string is not the same forwards and backwards" do
      it "should return false" do
        expect(palindrome?("cat")).to eq(false)
        expect(palindrome?("greek")).to eq(false)
        expect(palindrome?("xabcx")).to eq(false)
      end
    end

    it "should not use String#reverse" do
      expect_any_instance_of(String).to_not receive(:reverse)
      palindrome?("tot")
    end
end
```
I made a guessing game using just HTML, CSS e Javascript.
Tags: codepen, imersaodev, aprendizado, gamedev
Published: 2021-09-18 13:13:05

I made this simple guessing game as part of ImersãoDEV challenge. 

This page defines a random number from 0 to 10 and the player have three tries to guess the number.

The game ends with victory, if the player hits the number. Or game over if the tries ends.

###

Mais um desafio cumprido na ImersãoDEV. Dessa vez foi um jogo de adivinhação simples. 

A página define um número secreto (de 0 a 10) e você pode chutar até 3 vezes tentando acertar. O jogo termina quando você acerta (vitória) ou quando acabam-se as tentativas (game over).

{% codepen https://codepen.io/lucascunha/pen/JjJOdOB %}
Linesbox in beta.
Tags: saas, productivity
Published: 2021-09-18 13:08:20

We are excited for our first public launch of Linesbox.
After 2 years of development, we are finally ready to present you Linesbox. We have been building business software for over 10 years, using that experience, we came up with a simple app to cover the entire employee life cycle.

Some of features include:

- Recruit (Applicant tracking system, Onboarding / off boarding)
- Manage (Employee management, Team management, Company management )
- Operate (Time tracking, PTOs (ie holidays and time offs), Expenses management, Hardware and software licenses, Project management)
- Communicate (Work logs, Recent ships, Team and company news, Get to know your colleagues, Wikis)
- Grow (Employee and team morale, One on Ones, Monthly Rate, Skills, Objectives Key Results (OKR), e-Coffees)

One of main focus was to build a first tool that tries to cover the entire employee life cycle, in a simple, elegant and modern way. There are other behemoths in that space, but they are extremely bloated, not elegant and don’t move fast - at all.

We hope you like it!
Esconder e Exibir DIVs
Tags: codepen, div, detalhado, javascript
Published: 2021-09-18 13:07:06

Esta foi a solução que encontrei para fazer aparecer na tela somente o conteúdo da DIV selecionada. 

Está bem simples, mas como eu estou começando ainda a aprender JS, acho que foi a forma mais didática que consegui fazer e me ajudou a entender o conceito.

{% codepen https://codepen.io/lucascunha/pen/oNwGWPR %}
Erased-Network V.1.2
Published: 2021-09-18 12:58:15

# Apres l'aventure, le réconfort !

Comme a notre habitude nous avons écouter les demande de la communauté, certaine idées sont donc celle de la communauté (merci a vous <3).

**Se detendre dans la Taverne :**
> Vous voulez vous detendre ? echanger ?
> ou juste vous en ivrez ? Bienvenue a la
> Taverne de **Maurice !**

* Ajout du /warp Taverne
* L'ancienne taverne modifié
* Ajout de nouveaux alcools (pastis,whisky,Biere)
* ajout du "tableau de quetes" avec les events du mois

**Admins Shop**
* Vous pouvez achetez(argent reel) des cosmétiques désormais

**Des boost, des streams du STUFF !**
> Depuis le debut nous soutenons les
> "petit" streamers vous aussi aider
> le tout en gagnant de l'équipement

* 1 Boost serveur discord 
> + "Casque Booster"
> Particules Rose clair
> 1boost = + 5 stockage de mana

* Regarder un stream de partenaires
> + "botte de viewers"
> Particules Violettes
> 5 heure de visualitsations = +5 armures

`LE CASQUE EST DEFINITIF MEME SI VOUS RETIREZ VOTRE BOOST`

# Patch / Modifications
* + 5 quetes
* Desormais le loot des donjons est plus rentable
* Desormais sortir de la map sera bien plus complexe
* Anticheat plus vigilant
* 
**Contacter nous:**
[Discord](https://discord.gg/T3dY8XsAeb ) - [Twitter](https://twitter.com/ErasedNetwork)
WebdriverIO - Complete Beginner Course 2021
Tags: javascript, beginners, testing, tutorial
Published: 2021-09-18 12:58:11

**WebdriverIO** is one of the most popular JavaScript test automation frameworks in the industry. It is being used by major companies around the world such Google, Netflix, Microsoft, Mozilla and many more...

It is extremely **beginner-friendly**, it has **huge community support** & is **actively maintained** by the community. Best of all, it is **free to use** for anyone (startups to enterprise).

This [course](https://www.udemy.com/course/webdriverio-complete-beginner-course/?couponCode=AUTOMATIONBRO-CODE) will take you from the very basics where I will teach you about what WebdriverIO is and how to setup your first test with WebdriverIO, to all the way to teaching how to build a fully functional framework with WebdriverIO. Along the way, I will teach you all the best practices that will put on the path of becoming one of the Top Automation Engineers. 

---

### Click on the link below to get **85% off** on this course (expires soon...)
https://www.udemy.com/course/webdriverio-complete-beginner-course/?couponCode=AUTOMATIONBRO-CODE

---

### Here's what we will be covering in this course:
- JavaScript & HTML/CSS Basics
- **What** is WebdriverIO & **Why** to use it?
- Setting up your machine for **perfect automation experience**
- Installation & Setup
- **Step by step guide** on how to write tests
- Working with **different types of elements**
- Learning about how **wait commands** work
- How to use **assertions** & advantages of using them
- How to **debug your tests** when it fails
- Setting up a **fully functional framework**
- **Page Object Model** - What is it & how to set it up?
- **Optimizing** your framework
- Building beautiful **reports**
- Running tests in **BrowserStack**
- Running tests in **Jenkins**
- And much more...

All of the topics are taught with real examples. The course will include exercises & quizzes that will challenge you & allow you to practice what you learned.

This course will get **constantly updated** so that you no longer have to worry about outdated content.

---

**Become a Pro on WebdriverIO!** ⬇️

{% youtube xgDDYeoxQlI %}

See you inside!
Dilpreet
Making a pixel art editor
Tags: showdev, javascript, webdev, programming
Published: 2021-09-18 12:50:33

Recently, I came across my elder brother's designing course homework about making pixel art and this idea led me to build Pixellate.

So what exactly is Pixellate?

It is a pixel art editor and creator built on HTML canvas, CSS and Javascript. 

*before you comment about me not using any frameworks*
I would like to say that I wanted to save time and enhance my core skills.

It is a Progressive Web App (PWA) with offline compatibility.
It is mobile-friendly and is very easy to use.

Hosting:
Vercel for app
Netlify for landing page

I released the app on ProductHunt too some time back and I am happy at the results.
<img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=312102&theme=light" alt="Pixellate - A simple and easy-to-use pixel art creator with offline mode | Product Hunt" style="width: 250px; height: 54px;" width="250" height="54" />

So head on over to [pixellate.netlify.app](https://pixellate.netlify.app) to check out my app.

If you like the app, maybe star the github [repo](https://github.com/RainboeStrykr/Pixellate)

Or buy me a coffee maybe?
<a href="https://www.buymeacoffee.com/rainboestrykr" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important;" ></a>


also don't forget to leave a review on Product Hunt

<a href="https://www.producthunt.com/posts/pixellate?utm_source=badge-review&utm_medium=badge&utm_souce=badge-pixellate#discussion-body" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/review.svg?post_id=312102&theme=light" alt="Pixellate - A simple and easy-to-use pixel art creator with offline mode | Product Hunt" style="width: 217px; height: 60px;" width="217" height="60" /></a>
VSCode - 25 atalhos úteis
Tags: productivity, vscode
Published: 2021-09-18 12:48:46



O nosso querido Visual Studio Code, ou VSCode, é um excelente editor de códigos desenvolvido pela Microsoft. O seu lançamento ocorreu em 2015, com versões para Windows, Linux e macOS.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5z19pzp3nf17sokjh7ae.png)

Para melhorar a produtividade, os atalhos são extremamente úteis, simplificam muito a nossa experiência e desenvoltura na ferramenta.

A lista vai ficar um pouco extensa, difícil de guardar de ínico, mas essa não é a intenção. Importante que a medida que você for utilizando a ferramenta, tenha *insights* do tipo: "- Hmm... e se tivesse um atalho para isso?". Também, quando executamos tarefas de forma muito repetitiva ou ainda que tenha pouca tem relação com a atividade fim, codar.

Chega de lerolero e vamos lá:

---

`CTRL`+`SHIFT`+`L` Paleta de comandos


`CTRL`+`,`Abrir configurações do usuário


`CTRL`+`N` Criar novo arquivo

`CTRL`+`SHIFT`+`N` Nova janela do VSCode

`CTRL`+`O` Abrir arquivo

`CTRL`+`S` Salvar arquivo

`CTRL`+`SHIFT`+`W` Fechar janela

`CTRL`+`B` Mostrar/esconder a barra lateral

`CTRL`+`P` Ir para o arquivo

`CTRL`+`G` Ir para a linha

`CTRL`+`TAB` Alternar entre abas

`CTRL`+`SHIFT`+`F` Mostrar pesquisa

`CTRL` + `+` Zoom in

`CTRL` + `-` Zoom out

`CTRL` + `\` Split do editor

`SHIFT`+`ALT`+`F` Formatar todo o documento

`CTRL`+`K` `CTRL`+`F` Formatar seleção

`CTRL`+`L` Selecionar toda linha

`CTRL`+`K` `CTRL`+`0` ou `CTRL`+`K` `CTRL`+`J` Dobrar ou desdobrar todas as funções ou métodos

`CTRL`+`SHIFT`+`L` Selecionar todas as ocorrências da seleção

`CTRL`+`F2` Selecionar todas as ocorrências da palavra

`F2` Renomear simbolo ou variável

`F8` Ir para o próximo error ou warning

`F11` Alternar para tela cheia

`F12` Ir para a definição da função ou método

---

Espero que tenha utilidade para você! Para saber mais atalhos, sugiro que você acesse a documentação do VSCode ( https://docs.microsoft.com/pt-br/visualstudio/ )


That's all folks! ✌️
Integrate to Disrupt
Tags: symblai, conversationintelligence, hackerearth, buildwithsymbl
Published: 2021-09-18 12:47:19


![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j8pi89al611xn0hzt4x2.jpg)

Hey everyone! 👋 This post is about the awesome experience I had during Integrate to Disrupt Hackathon with Symbl.ai.

It was a two staged hackathon with Ideation and Prototype phase based on the theme Disrupt Using Conversation Intelligence i.e. Integrate Symbl.ai’s Conversation Intelligence with some of your favorite tools and platforms to create new functionality and/or workflows you think may be disruptive. 

Let's start with with Symbl.ai.

# What's Symbl.ai?

![symbl-ai-social.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1619700691318/ahvQ6J8Ip.png?auto=compress,format&format=webp)

Symbl.ai is a Conversation Intelligence platform enabling developers to easily build and extend apps to understand and extract contextual insights from natural human conversations at scale. Symbl.ai’s suite of conversation AI APIs can capture natural human conversations in any format and channel (audio, video, email, chat, social) in real-time or asynchronously and analyze conversations using proprietary machine learning algorithms to highlight intents, sentiments, insights, action items and more - bringing developers a plug and play approach to build powerful contextual conversation intelligence experiences.
🔮The best part is - It’s without the use of upfront training data, wake words or custom classifiers; hence saving a lot of time. ⏰

The entire journey was packed with lots of learning about conversation intelligence. 


## Idea 💡 

The project idea the Desk is an office utility service built on the comprehensive suite of APIs provided by symbl.ai. It manages the task/action items discussed over meetings/conversations, maps them to appropriate assignees, and presents a summary table with interactive visualizations.

## Prototype

The idea passed the first stage to proceed to the Prototype phase. The prototype was as challenging as it was exciting. The Hackathon Session by symbl.ai team were a life saver 😇.

### What we did! 🧑‍💻

The desk backend consist of a node.js app that connects to symbl.ai to get conversations data from meetings/ telephony sessions.

The data was stored in MongoDB wrapped under GraphQL for efficient query and transformation.

Finally the front end acquired info regarding the meetings and presented as a dashboard to aid productivity.

A submission involved a integration of capabilities from the backend, database & front end.

And then only one thing was left, waiting for results.

Our team was declared Winner 🥳 at the event and won Swags besides Beta tester and Community Ambassador Opportunities.

## Repo
UI: https://github.com/mehulnirala/desk-ui.git
Backend: https://github.com/mehulnirala/desk-backend.git


I hope you enjoyed the post, A special thanks to Symbl.ai and HackerEarth and Congratulations 🎉 to all the teams.
I used to hate Redux until I found this...
Tags: redux, react
Published: 2021-09-18 12:29:14

I started using React in its early days when class components where the norm. There was `setState()` for local state and nothing for global state — no functional components, no `useState()` or `useContext`.

Redux soon came forth as the industry standard for global state. Almost every React tutorial or course included Redux as part of its program where you had to learn both to build anything beyond a counter app.

There was much to love about Redux with its flux pattern, immutable state, time-travelling debugging, etc. I tried using it but ended up drowning in boilerplate code. There was so much code to write to get anything working — reducers, action creators, thunks, sagas, where does it stop...

![the dreaded reducer hell](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bqop1692i2xkm3iqc560.png)

I hopped from one state management solution to another to avoid using Redux. Until now...

Fast forward to a few days ago when I came across a [Learn from Jason video](https://www.youtube.com/watch?v=9zySeP5vH9c) where the awesome Mark Erikson walked through building a dog breed fetching app with the new Redux ([Redux Toolkit](https://redux-toolkit.js.org/)).

Turns out that Redux has a new opinionated state management library to make handling global state in React a breeze. Basically all the great parts of Redux without the boilerplate and it is amazing!

I coded along with Jason and fell in love immediately. It is so intuitive and takes the pain out of wiring up predictable state for your app. 

If you used to hate Redux like me and tried to avoid it at all cost, I encourage you to take a second look at this new modern Redux. You will be pleasantly surprised.

Check out [the app I built](https://emmanuelchucks.github.io/redux-dog-fetcher/) and its code [on GitHub](https://github.com/emmanuelchucks/redux-dog-fetcher)
IRIS-NativeAPI-Nodejs-compact
Tags: docker, javascript, microservices, node
Published: 2021-09-18 11:42:36

This is a follow-up to my previous article [WebSocket Client JS with IRIS Native API as Docker Micro Server](https://community.intersystems.com/post/websocket-client-js-iris-native-api-docker-micro-server)

Installation is now much simpler as all pieces are now assembled in a single Docker image.  
That makes life easier. But of course, the principle of the Micro Service is not so obvious anymore.  
An All-in-1 bundled package. Therefore compact.<!--break-->

The behavior hasn't changed. So you might interpret it as a minor backward-compatible release.

It includes intersystems/iris-community:2020.2.0.204.0

All you need to do now is:

  * docker pull **rcemper/rcc:iris-nodejs-compact** _(once)_
  * docker **run** --rm --init -d \ --name=iris1 -p 52773:52773 -p 51773:51773 \ rcemper/rcc:iris-nodejs-compact _(start the container)_
  * docker **exec** -it iris1 bash wsgo.sh _(start the micro service)_
  * docker **exec** -it iris1 bash wsdemo.sh _(start control to create test data, send to echoServer, receive it)_
  * docker exec -it iris1 bash wsstop.sh _(evetually stop service if not done from control)_
  * docker **stop** iris1 _(terminate the container)_

That's it.

2021-07-07:  
A normalized **V2** is now available

  * `git clone https://github.com/rcemper/IRIS-NativeAPI-Nodejs-compact.git`
  * `docker-compose up -d`
  * `docker-compose exec iris iris session iris %ZSocket`
  * `docker-compose exec iris node WsockIris.js`
Today's Daily Dose of Programming Humor
Tags: jokes, dailydeveloperjokes
Published: 2021-09-18 12:00:22

---
title: "Today's Daily Dose of Programming Humor"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
published: true
tags: #jokes, #dailydeveloperjokes
---

Hi there! Here's today's Daily Developer Joke. We hope you enjoy it; it's a good one.

![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e1258be05ecc.png)

---

For more jokes, and to submit your own joke to get featured, check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/). We're also open sourced, so feel free to view [our GitHub Profile](https://github.com/dailydeveloperjokes).

### Leave this post a ❤️ if you liked today's joke, and stay tuned for tomorrow's joke too!

_This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit._

<!--
Joke text:
___Q:___ What did the computer do at lunchtime?

___A:___ Had a byte!
 -->
Crack IT Technical interview by these questions
Tags: technical, os, operating, systems
Published: 2021-09-18 11:51:48

Assuming you are planning for an IT-based specialized interview, we recommend you go through these best operating system interview questions. In these interviews, aside from your critical thinking abilities, the interviewer may likewise test your insight into operating systems.

Many organizations additionally direct online composed tests for the interview round where they pose inquiries as Multiple Choice Questions (MCQs). So it additionally turns out to be vital for you to rehearse some operating system MCQs before you show up in these tests.

Go through {% link https://dev.to/hrishi2710/processes-in-operating-system-551h %}


* Give the advantages of a multiprocessor system.
* What is virtual memory?
* Name some functions of the operating system.
* List the basic functions of OS file management.
* What is booting?
* Define a multi-programming system.
* What is a kernel in an operating system?
* What are the main functions of a kernel in an operating system?
* Define the 2 most popular types of kernels.
* Give some disadvantages of Microkernel.
* What is SMP?
* What is asymmetric clustering?
* Explain a thread?
* What is demanding paging?

To know more go through this [Operating System interview questions](https://www.techgeekbuzz.com/os-interview-questions/) to crack IT-based technical interview.
Is your team taking time to Reflect?
Tags: teamwork, agile, softwaredevelopment
Published: 2021-09-18 11:37:54

---
title: Is your team taking time to Reflect?
published: true
date: 2021-09-18 11:34:26 UTC
tags: teamwork,agile,softwaredevelopment
canonical_url: https://medium.com/chingu/is-your-team-taking-time-to-reflect-be70d1518d00
---

#### Sprint 3 — Saturday

![](https://cdn-images-1.medium.com/max/1024/1*n542Y5DcpmNTYTk5v8LqvQ.jpeg)<figcaption>Photo by <a href="https://unsplash.com/@austindistel?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Austin Distel</a> on <a href="https://unsplash.com/s/photos/reflecting-team?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Unsplash</a></figcaption>

An important part of the Agile process and the Scrum methodology is taking **the time as a team to reflect on how you work together** to determine how the team can improve.

The process of reflecting is carried out as part of a _retrospective_ in which the team examines what worked (“glowed”), what needs improvement (“growed”), and is there anything that should be discarded (“throwed”)?

![](https://cdn-images-1.medium.com/max/831/1*LqFl13Tri7-thLOlwoweYg.png)

The **retrospective is a team effort** that should give every team member the opportunity to provide their feedback, it should be objective and dispassionate, and it should be clear and concise. The most productive retrospectives aren’t lengthy meetings!

> Improvement doesn’t take place once. It happens in each each Sprint

Since project work takes place over a number of sprints it’s best to view this as _an iterable activity_. Adopt a mindset of improving your workflow over each sprint rather than all at once!

### Before you Go!

Chingu helps you to get out of “_Tutorial Purgatory_” by transforming what you’ve learned into experience. The experience to boost your Developer career and help you get jobs.

You can learn more about **Chingu** & how to join us at [https://chingu.io](https://chingu.io/)

* * *