teleren/devto huggingface dataset:
Daily Developer Jokes - Monday, May 18, 2020
Tags: jokes, dailydeveloperjokes
Published: 2020-05-18 12:00:08

---
title: "Daily Developer Jokes - Monday, May 18, 2020"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
cover_image: "https://private.xtrp.io/projects/DailyDeveloperJokes/thumbnail_generator/?date=Monday%2C%20May%2018%2C%202020"
published: true
tags: #jokes, #dailydeveloperjokes
---

Generated by Daily Developer Jokes, a project by [Fred Adams](https://xtrp.io/) ([@xtrp](https://dev.to/xtrp) on DEV)

___Read about Daily Developer Jokes on [this blog post](https://xtrp.io/blog/2020/01/12/daily-jokes-bot-release/), and check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/).___
### Today's Joke is...
![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e1258d16351b.png)

---
*Have a joke idea for a future post? Email ___[xtrp@xtrp.io](mailto:xtrp@xtrp.io)___ with your suggestions!*

*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 do you get when you cross a computer and a life guard?

___A:___ A screensaver!
 -->
What should I try, wss:// or socket.io (with HTTPS)? 
Tags: websocket, webdev, help
Published: 2020-05-18 11:36:30

Note that I have already successfully set up WebSocket on my local machine.

But if I go online, I have to care about HTTPS and SSL. Currently deployed on Google Cloud Run, if that matters. It deals with SSL for me. I don't have to make one or care about expiry...
Saying No in Development to Clients is Hard
Tags: motivation, career, freelance, webdev
Published: 2020-05-18 11:27:49

Is one of the hardest things to say, especially in development or design. To a client's expectations, or to lower prices, or even just to the scale or practicality of ideas.

I was scared to say "no" in the past.

Now I can say it, I say "No" to bad ideas, prices, and more...

- No to working for less money
- No to extra discounts
- No to urgent timelines
- No to unrealistic requests
- No to bad design choices

Saying "no" gives you the ability to do better work for others in the long run. Here is my take on why and how I was able to say "no" more often over my career.

{% youtube YhgPSaIg-ig%}


## Follow and support me: 
Special thanks if you subscribe to my channel :)
* [🎞️ Youtube](https://www.youtube.com/channel/UCvM5YYWwfLwpcQgbRr68JLQ?sub_confirmation=1)
* [🐦 Twitter](https://twitter.com/adrian_twarog)

## Want to see more:
I will try to post new great content every day. Here are the latest items:
* [Adobe XD to Fully Responsive WordPress Site](https://dev.to/adriantwarog/adobe-xd-to-fully-responsive-wordpress-site-16e0)
* [Adobe XD to HTML Full Process](https://dev.to/adriantwarog/adobe-xd-to-html-full-process-ao6)
* [Full Tutorial on how to use SASS to improve your CSS](https://dev.to/adriantwarog/full-tutorial-on-how-to-use-sass-to-improve-your-css-57on)
* [Creating a Mobile Design and Developing it](https://dev.to/adriantwarog/creating-a-mobile-design-and-developing-it-5c4o)
Um mar de tecnologias, como aprenderei tudo?
Tags: productivity, braziliandev
Published: 2020-05-18 11:19:34

Desde que comecei a estudar programação, eu tive uma certa pressão interna que precisava aprender tudo sobre tudo senão eu nunca seria uma boa programadora e ao observar quem já estava a um tempo inserido na carreira parecia que elas sabiam tantas coisas que não tinha a menor ideia, o que causava a impressão que elas tinham sim estudado tudo sobre tudo.

Com o passar do tempo percebi algumas coisas que foram valiosas para mim e resolvi compartilhar com vocês:

Entender o nosso foco desde o início é essencial para conseguir organizar os estudos de uma eficaz, sem ficar desesperado e com qualidade.

Muito mais importante do que a quantidade é a qualidade do seu aprendizado, veja bem o que adianta conhecer diversas bibliotecas e linguagens se você não consegue se virar bem em nenhuma? Claro a ideia aqui não é te desmotivar a não estudar outras coisas, mas ter as ferramentas corretas para assim aprender o ‘todo’.

As linguagens de programação da mesma forma que as línguas de comunicação utilizam de uma característica nossa muito interessante: aprender uma segunda habilidade será baseada no conhecimento da primeira. Quando aprendemos inglês (depois de adultos, nesse caso específico) é muito assertivo quando trabalhamos em entender como é a pronúncia de uma sílaba/letra/fonema na segunda língua, com base na língua nativa, lembra do ‘r’ de porteira/porta/portão puxado que geralmente é usado de exemplo para entender a pronúncia de algumas palavras. Em linguagens de programação isso não é diferente, aprender por similaridades e diferenças é de grande valia, mas para isso é preciso conhecer bem pelo menos uma das ferramentas.

Quando você está trabalhando em um projeto, seja profissional ou para estudar percebemos como as ferramentas se relacionam, então de uma maneira ou de outra você vai acabar entrando em contato com diversas tecnologias no decorrer do seus estudos, não se desespere. Foque em qualidade e não quantidade!!!

E por fim, porém não menos importante: Não se compare a ninguém, cada um tem uma jornada, uma história e um foco diferente. Foque no que você quer ser e como quer ser!!!

Até mais :)
How to Fix QuickBooks Error 6144?

Tags: quickbookspointosale, quickbooksdesktopservice, quickbooksenterprise
Published: 2020-05-18 10:18:33


The medium and large-sized business organizations prefer to use the multi-user version of the accounting software QuickBooks. There are mainly two types of users and computers that are used or available in a multi-user version of the accounting software. The main user is called the Administrator and has control over all the other users. The computer used by the administrator is called the server. While the rest of the computer access files from the server are called as the workstation in QuickBooks Enterprise . The error code 6144 occurs when the workstation computer tries to access a corrupt file from the server computer. The error code 6144 also affects the QuickBooks point of sale. It can be resolved by setting the inbound and outbound rules of the firewall. Alternatively, customers can take help from the team of QuickBooks desktop service for an easy solution.

Cadda Rim is a creative person who has been writing blogs and articles about QuickBooks Products and Services. He writes about the latest updates regarding Quickbooks point of sale,Quickbooks desktop service and how it can improve the work experience of users. His articles have been published in many popular e-magazines, blogs, and websites.

Source:- https://quick-booksupport.com/how-to-fix-quickbooks-error-6144/
Building a Telegram bot with Apache Kafka and ksqlDB
Tags: telegram, bots, apachekafka, ksqldb
Published: 2020-05-18 10:11:07

Imagine you’ve got a stream of data; it’s not “big data,” but it’s certainly a lot. Within the data, you’ve got some bits you’re interested in, and of those bits, you’d like to be able to query information about them at any point. Sounds fun, right? 

![Architecture high-level view](https://dev-to-uploads.s3.amazonaws.com/i/5doiyrwmji9qsfwzaql6.png)

What if you didn’t need any datastore other than Apache Kafka itself to be able to do this? What if you could ingest, filter, enrich, aggregate, and query data with just Kafka? With ksqlDB we can do just this, and I want to show you exactly how, using a Telegram bot as the application looking up state from the inbound stream of events:

![Animation of Telegram bot looking up statistics about Twitter users](https://dev-to-uploads.s3.amazonaws.com/i/9wm005qkldq6f07xxu0g.gif)

To find out more you can: -

* 📜 Read [this full-length article](https://www.confluent.io/blog/building-a-telegram-bot-powered-by-kafka-and-ksqldb/?utm_source=devto&utm_medium=rmoff&utm_campaign=ty.community.con.rmoff_devto_2020-05-18&utm_term=rmoff-devx)
* 🎥 Watch [this tutorial](https://rmoff.dev/telegram-bot-video)

    [![Screengrab of Youtube video showing how to build a Telegram bot with Kafka and ksqlDB](https://dev-to-uploads.s3.amazonaws.com/i/duvs7gbmn2929uwpbni0.jpg)](https://rmoff.dev/telegram-bot-video)
* 👾 Try the [code](https://github.com/confluentinc/demo-scene/tree/master/ksqldb-twitter/telegram_ksqldb_bots) yourself
The JavaScript includes method EXPLAINED in 5 minutes!
Tags: javascript
Published: 2020-05-18 09:55:03

In this video, I talk you through the inbuilt JavaScript Method includes(), with a simple theoretical example, and then show you a more complex production example using my game of Candy Crush.

This video is a part of my 'JavaScript Inbuilt Methods Explained' series

{% youtube gL4246wr-OQ %}
Does anybody worked with Saleor.io?
Published: 2020-05-18 09:53:44

Hello everybody, 
Does anybody of you already have experience with saleor.io. I just saw that they upgraded to 2.10 and it really looks great so far. 
I want to build a customized webshop with a product configurator. 
High Performance is really important for me - any other ideas what also would be a great solution to use?
Thanks. 
Best regards,
Domi
รีวิวคอร์ส Introduction Typescript‍
Tags: webdev, computerscience, programming, typescript
Published: 2020-12-03 17:39:25

---
title: รีวิวคอร์ส Introduction Typescript‍
published: true
date: 2020-05-18 09:45:38 UTC
tags: webdevelopment,computerscience,programming,typescript
canonical_url: 
cover_image: https://cdn-images-1.medium.com/max/960/0*bW6xfk0LtLfE5TEj
---

ต้องขอท้าวความก่อนว่าทำไมถึงมาเริ่มสนใจการใช้ Typescript ก็เพราะว่าได้เริ่มเรียนรู้และ เริ่มสนใจจากการได้เรียน กับ คอร์สสดของ The Self Made หากใครสนใจลองไปดูได้ที่ [**_คลิกที่นี่_**](https://shorturl.at/hwyJW)

![](https://cdn-images-1.medium.com/max/960/0*bW6xfk0LtLfE5TEj)

แล้วได้ทดลองเปลี่ยนจากการเขียน JavaScript มาลงเป็น Typescript แล้วรู้สึกว่า Typescript ก็มีความเขียนสนุก วันนี้จะมาลองเขียน Typescript ตาม docs และที่พี่เขา ให้ลองดูๆเพื่อใครสนใจจะศึกษาเพิ่มเติม

ก่อนอื่นต้องบอกก่อนว่า Typescript การเขียนจะต่างจาก Javascript เล็กน้อยตรงที่ Typescript จะต้องระบุ Type ให้กับ ไม่ว่าจะเป็น Variable หรือ Method อื่นๆ

#### ตัวอย่าง Data-Type

**Boolean / String / Number / Any**

```
const isLoadingTS: boolean = true; // Boolean แบบ Typescript
const cat: string = "CAT"; // String แบบ Typescript
const quantity: number = 300; // Number แบบ Typescript

// Number จะสามาระใช้ได้ แบบทั้ง Decimal , Hex , Octal , Binary
const deciamal:numebr = 100; 
const hex: number = 0xf66a0; // 0 - 9 & a - f
const binary: number = 0b00101; // 0 , 1
const octal: number = 0o31752; // 0 - 7
const anyType : any = "james" // สามาถใช้ Type อะไรก็ได้
```

#### ตัวอย่าง Method

**Void / Number / String / Boolean / Any**

```
// การ Return แบบ Void
const voidReturn = () : **void** => {
    console.log("Hello World")
}

// การ Return แบบ Number
const numberReturn = () : **number** => {
    const **num** : number = 10;
    return **num** ;
}

// การ Return แบบ String
const stringReturn = () : **string** => {
    const **name** = "James";
    return **name** ;
}

// การ Return แบบ Boolean
const boolReturn = () : **boolean** => {
    const **isLogin** = true;
    return **isLogin** ;
}

// การ Return แบบ Any
const boolReturn = () : **any** => {
    const **word** = "Hello Any";
    return **word** ;
}

// การ Return แบบ Never สำหรับ method ที่ทำงานไม่สิ้นสุด
const boolReturn = () : **never** => {
    **while(true) {  
 console.log("Hello From the outside");  
 }**  
}

// และถ้าหากมีการรับ parameter ก็จะต้องใส่. Type ให้กับ parameter ด้วย
const stringReturn/ = ( **name : string** ) : **string** => {
    return **name** ;
}
```

จะบอกว่าคอร์สนี้เป็นคอร์สที่ดีที่ได้ทั้งทำบุญ ได้ความรู้ และได้แรงบันดาลใจในการเขียน Typescript เพราะตอนแรกคือเคยลองเขียนเองแล้ว งง นิดหน่อย แต่นานมากละ หลังจากได้เรียนก็เปิดรับมันมากขึ้นและสนุกไปกับมัน

ยังมีเรื่องอื่นๆอีกมากมายที่น่าสนใจไม่ว่าจะ Enum , interface , Gerneric Type ที่สามารถไปศึกษาเพิ่มเติมได้ที่

[antronic/theselfmade-typescript](https://github.com/antronic/theselfmade-typescript)

ติดตามเราได้ที่

- [thanawatgulati - Overview](https://github.com/thanawatgulati)
- 

* * *
Setting up Bitbucket pipelines for Laravel
Tags: laravel, bitbucket, pipelines, cicd
Published: 2020-05-18 09:34:30

Bitbucket Support has a good [article](https://confluence.atlassian.com/bitbucket/laravel-with-bitbucket-pipelines-913473967.html) to start setting up your laravel project with their pipelines feature but for a large scale Laravel project, this article is not complete.

## Multi stage builds
Bitbucket pipelines has all the inherent pros and cons of vendor locked-in environment. Memory limitation is one of them. Composer install step was never going to work with this limitation. For that I moved to multi stage build. I created my own custom image and pushed it to docker hub. The dockerFile looks like this
<pre>
FROM php:7.2-fpm

RUN apt-get update && apt-get install -y unzip ...
RUN printf 'memory_limit = -1;' > /usr/local/etc/php/php.ini

RUN curl -sS https://getcomposer.org/installer | php -- --install-dir=/usr/local/bin --filename=composer
RUN mkdir tests
RUN echo '{                                    \
	"require": {                               \
		"laravel/framework": "7.*",            \
		...
	},                                         \
	"require-dev": {                           \
		"phpunit/phpunit": "^8",               \
		"squizlabs/php_codesniffer": "3.*",    \
		"phpmd/phpmd": "@stable",              \
                "pdepend/pdepend" : "@stable"  \
	},                                         \
	"autoload-dev": {                          \
		"classmap": [                          \
			"tests"                            \
		]                                      \
	}                                          \
}' > composer.json
RUN composer install --no-scripts
RUN composer dump-autoload
</pre>

Now in the bitbucket-pipelines.yml file, use this custom image and few other statements to make the tests run

<pre>
image: dockerhub_user/base-image:prod

pipelines:
  default:
    - step:
        script:
          - cd $BITBUCKET_CLONE_DIR && ln -s /var/www/html/vendor vendor
          - composer dump-autoload
          - vendor/bin/phpunit tests
          ...
</pre>

You can also test the base image locally using following commands. You'd need to copy the dockerFile in project_root/pipelines folder
<pre>
# build image
docker build -t dockerhub_user/base-image:prod -f pipeline/dockerfile .

# Run image locally with bitbucket memory constraints
docker run -it --memory=4g --memory-swap=4g --memory-swappiness=0 --entrypoint=/bin/bash -v ${PWD}:/build dockerhub_user/base-image:prod
# With volume use -v $(PWD):/build on linux

#push the image to dockerhub
docker login
docker push dockerhub_user/base-image:prod
</pre>
New Week, Less Work
Tags: devjournal, codenewbie, womenintech
Published: 2020-05-18 09:30:56

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

Hi all, happy Monday! This entire past weekend was spent feeling exhausted and - in my ongoing effort to respect my mental limits - I'm pretty conscious of the fact that I need to take it relatively easy this week.

Thankfully, I was able to relax this weekend, on purpose! Even when I felt tempted to work on one of my project ideas, I had to sit myself down with the reassurance that the work isn't goin' anywhere!

Last week, I was able to finish up my client project, which went absolutely swimmingly. I also had my HackerRank assessment for a job application process. When I look back on it, I was taking the days in stride, but I also realize they were *really* full and high-impact work days.

This week, in my effort to eventually come back in full force, my main focus will be on outlining and starting to prepare an upcoming conference talk (!!! More info to come...!) and migrating some blog posts over to [my profile on Medium] (https://medium.com/@alexlsaltt).
Web Scraping - Scraping de AJAX y JavaScript Websites
Tags: webscraping, dataextraction, pyhon, javascript
Published: 2020-05-18 09:19:06

**Manejar AJAX y JavaScript**

Hablando sobre el manejo de AJAX y JavaScript mientras se raspa la web, a veces puede ser complicado, especialmente cuando eres un novato en tecnología.

Últimamente he recibido muchas preguntas sobre cómo scrape AJAX y JavaScript. He recopilado algunas de las preguntas más frecuentes de los clientes.


. [¿Cómo scrape un sitio web AJAX de desplazamiento infinito?]
(http://www.octoparse.es/tutorial-7/infinite-scrolling-and-load-more)
. [¿Cómo scrape datos y hago clic en el botón cargar o en el botón Siguiente?]
(http://www.octoparse.es/tutorial-7/ajax)
. ¿Cómo scrape los sitios web con contenido AJAX (como Gumtree)?
. ¿Se puede usar Octoparse para raspar contenido dinámico de sitios web que usan AJAX?
. ¿Puedo scrape datos del sitio web con paginación?
. ¿Puedo scrape sitios web que cargan datos dinámicamente (como Facebook)?
. ¿Puedo rastrear un sitio web que carga contenido usando Javascript?

......


[Lidiando con el desplazamiento infinito/cargar más]
(http://www.octoparse.es/tutorial-7/infinite-scrolling-and-load-more)
[Tratar con AJAX]
(http://www.octoparse.es/tutorial-7/ajax)
[Extrección Incremental:Obtenga datos actualizados fácilmente]
(http://www.octoparse.es/tutorial-7/obtenga-datos-actualizados-f%C3%A1cilmente)
[¿Cómo manejar la paginación con números de página?]
(http://www.octoparse.es/tutorial-7/paginacion-con-numeros-de-pagina)
[Autodetección AJAX]
(http://www.octoparse.es/tutorial-7/autodeteccion-ajax)
 

**Scraping de Páginas Web con AJAX No es Fácil**

A veces las personas ven páginas web y encuentran que el contenido de AJAX se está cargando en la web pero piensan que el sitio no puede ser scraped. Si está aprendiendo Python y está sumergiendo su mano en la construcción de un raspador web. No va a ser muy fácil. Si está buscando una manera fácil y rápida de hacer esto, especialmente para grandes cargas de trabajo, es posible que desee buscar aplicaciones de terceros para extraer datos de páginas web con AJAX.


**Ejemplo: Scrape Websites con Desplazamiento Infinito**

Entonces, como ejemplo, lo que voy a mostrar es cómo scrape sitios web con desplazamiento infinito. (Si eres un programador experimentado y escribes tu asombroso herramientas de raspado web, simplemente ignora mi galimatías).

[Vea aquí cómo manejarc y scrape los websites de desplazamiento infinito.]
(http://www.octoparse.es/tutorial-7/infinite-scrolling-and-load-more)
Javascript: Check an array value is included in another array
Tags: javascript, sort, includes, filter
Published: 2020-05-18 09:15:33

A common situation is when we have 2 arrays, and want to know if the value of one is included in the other:

```javascript
const array1= ["cheese", "dough", "sauce", "pepperoni"]
const array2= ["mozzarella", "peppers", "chicken", "cheese"]
```

Here we see that "cheese" is in both arrays, but how we use Javascript to check?

First of all, we need to decide what we want to be returned:

1. Do we want a boolean, if there is a match return true, if not return false
2. Or, do we want the matching values returned i.e "cheese"

For option 1, we can use the [some array method](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/some) to get a boolean value. This is simple enough for checking one array, but we want to compare 2. So, we can also combine with the [includes array method](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/includes): 

```javascript
const isIncluded =  array1.some(value => array2.includes(value))
// true
```

This will get each "value" from array1, then check this value is included in array2.

The true or false value is then stored in the *isIncluded* constant.

Next we can also store these matching values too. We can do this with the [filter array method](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter), this will create a new array with the matching values:

```javascript
const values = array1.filter(value => array2.includes(value))
// "cheese"
```

The code above is the same as the first example, but using filter in place of some. Again checking each value in array1 is included in array2, then storing in the *values* constant.

You can also find a working Codepen demo here too: <https://codepen.io/chrisdixon161/pen/OJyPJdB>
Muchas lecturas pendientes
Tags: beginners, coding
Published: 2020-05-18 02:45:28

Quiero aprender a programar. 
Ya, lo dije. 
Listo.
...
...
¿Y ahora, cómo hago eso?
Una búsqueda rápida en Google, y veo que hay montones de recursos libres para aprender (en inglés, obvio; en español no hay mucho), lo que de entrada hace que sea un poco tonto pagar por los contenidos básicos. Más adelante me queda claro que hay que pagar por los conocimientos especializados. Más adelante ya sabré exactamente que es lo que quiero, y pagaré por aprenderlo. Por ahora, lo básico, gratis.
Es decir, no hay que pagar dinero. Pero hay que invertirle tiempo, y por ese vistazo inicial, va a ser un montón.
Alguien dijo que la pandemia nos venía "como anillo al dedo". No tanto así, pero si no es ahora, no será nunca. Hay algo más de tiempo, y hay que aprovecharlo. 

Pasos iniciales:
1. Soy un chico Twitter. Es maravillosa la cantidad de información útil que fluye por ahí (de nuevo, hay mucho más en inglés). Así que dejé de seguir a un montón de gente futbolera, agencias deportivas, y similares, y los comencé a reemplazar por gente que habla de código. Poco a poco empezó a fluir el contenido interesante a mi timeline.
2. Empecé a buscar sitios que enseñan código gratis. Hay un montón. "________ básico para principiantes" por todos lados. Me inscribí en todos, obvio. Aún no sé cuál empezar.
3. Lo que me lleva al siguiente problema. Tengo un montón de pestañas abiertas con lecturas por hacer. Y no avanzo en ninguna, por miedo a perderlas, a no volverlas a encontrar.

Así que aquí estoy. Escribiendo esto para documentar mis avances, si. Pero sobre todo, para ir guardando en algún lugar mis links, mis lecturas, mis fuentes.
(Estoy contando con que Dev cuente con un buen mecanismo de búsqueda).
A ver.
Glitch effect with pure HTML CSS
Tags: html, css, effect
Published: 2020-05-18 08:40:29

---
title: Glitch effect with pure HTML CSS
published: true
tags: html, CSS, effect
---

Hi coding people 🙋‍♂️ hope you all are at home and learning more about code. Well in this Dev post you will learn how to make glitch effect on text.
🤘💛

{% codepen https://codepen.io/atulcodex/pen/zYvmKjY %}