teleren/devto huggingface dataset:
Send Form Data From Marketo to Multiple Destinations Using RudderStack
Tags: customerdata, datawarehouse, marketo, rudderstack
Published: 2022-01-13 08:03:21

Turning Anonymous Into Known
----------------------------

Are you using Marketo forms and struggling to tie user form submissions with other actions they've taken on your site and in your product? Then keep reading. In this post, we'll show how you can leverage RudderStack to track Marketo form submissions without disrupting Marketo *or* your marketing team.

By using [RudderStack](https://rudderstack.com/) to understand how users are finding and interacting with your site and then combining that with the data collected by your Marketo forms, you'll get deeper insights about your potential customers and provide higher quality leads to your sales team.

To set this up, first, you'll need to get RudderStack running on your website. You can do this in a matter of minutes. Go [here](https://docs.rudderstack.com/stream-sources/rudderstack-sdk-integration-guides/rudderstack-javascript-sdk/), follow the instructions, and you'll be collecting data in no time.

Once that's done, and you have Marketo instrumented, use this code snippet to instrument capturing all the form values from every Marketo form on your website and sending them through RudderStack:

```JavaScript
<script>
MktoForms2.whenReady(function (form) {
    form.onSuccess(function() {         
        if (typeof(rudderanalytics) !== 'undefined') {
            var formVals = form.getValues();
            rudderanalytics.track("marketo_form_submit", formVals);
        }
    });
});
</script>
```

With the data captured by RudderStack, you'll now have all the data in your data warehouse, so you can combine the data you've captured from *page* and *track* requests with the *marketo_form_submit*, giving you more information about your customers, and turning them from anonymous into known customers you can engage with.
Today's Daily Humor For Devs - Daily Developer Jokes
Tags: jokes, dailydeveloperjokes
Published: 2022-01-13 08:00:28

---
title: "Today's Daily Humor For Devs - Daily Developer Jokes"
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/5e1258f50f7c0.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:___ Why did the developer go broke?

___A:___ Because they used up all their cache
 -->
Android Mirroring Tool : Release ScrcpyHub v1.4.0
Tags: kotlin, android, jetpackcompose, composefordesktop
Published: 2022-01-13 07:57:30

## Introduction

ScrcpyHub is a GUI application to use scrcpy.

https://github.com/kaleidot725/ScrcpyHub

## Motivation

scrcpy is an Android device screen mirroring command tool. scrcpy is a useful command tool, but multiple device mirroring is so difficult and bother.

1.Get android device using adb command.
2.Execute scrcpy command using -s option.

![2021-11-27 11-10-40.2021-11-27 11_11_40.gif](https://res.craft.do/user/full/3a21bd0e-fe7a-39aa-73ad-b52ef24b655b/doc/6995FDF2-2CF0-43F5-B9D3-C35F739FF92F/BB45EAD5-A33A-4C88-8243-24E6F425A2F6_2/2021-11-27%2011-10-40.2021-11-27%2011_11_40.gif)

## Features

ScrcpyHub assists in multiple device mirroring. ScrcpyHub makes it easy to do multiple device mirroring.

- Support Windows10 / 11 or macOS.
- Detect android device.
- Control mirroing (Start / Stop).
- Save Screenshot.
- Support Tary Menu.
- Record Movie.
- ***v1.4.0 NEW Feature : Modify light and dark theme.***

![demo.gif](https://res.craft.do/user/full/3a21bd0e-fe7a-39aa-73ad-b52ef24b655b/doc/6B81409B-F369-40D8-A18F-C3EB0794AE95/0198F212-64C1-4528-9DEC-A72EBEED8992_2/LcAfFELCjRs9vCPv2FArMLyGYoeIT37oGJxeO9yi1LMz/demo.gif)

## v1.4.0 New Feature : Modify light and dark theme

v1.4.0 support modifying light and dark theme. You toggle lignt and dark theme. Try it.

![2022-01-10 17-56-07.2022-01-10 17_56_42.gif](https://res.craft.do/user/full/3a21bd0e-fe7a-39aa-73ad-b52ef24b655b/doc/6B81409B-F369-40D8-A18F-C3EB0794AE95/60E47A48-C287-48E6-9EE4-770B806F60FD_2/flY22zicUTUBSnXUtOTUXxiDK82kuRyVACE0GDYQY2Yz/2022-01-10%2017-56-07.2022-01-10%2017_56_42.gif)

## How to Use

### Install

Install adb and scrcpy, ScrcpyHub.

### Mac OS

1.Install android-platform-tools and scrcpy.
2.Download [here](https://github.com/kaleidot725/scrcpy-hub/releases/tag/v1.4.0) and launch ScrcpyHub.
3.Open ScrcpyHub Preferences.
4.Input adb and scrcpy location, save settings.

```other
brew install android-platform-tools
brew install scrcpy
```

### Windows 10 / 11

1.Download [here](https://github.com/Genymobile/scrcpy#windows) and install scrcpy somewhere.
2.Download [here](https://github.com/kaleidot725/scrcpy-hub/releases/tag/v1.4.0) and launch ScrcpyHub.
3.Open ScrcpyHub Preferences.
4.Input adb and scrcpy location, save settings.

## Contact

We are working on the development [here](https://github.com/kaleidot725/ScrcpyHub). If you have any suggestions for improvement, please contact us.
How to build a social network app with ReactJS
Tags: javascript, react, webdev, beginners
Published: 2022-01-13 07:51:38


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e3cisbw1uoop1p1dd2j3.png)

I have developed a small social network web app for educational purpose and want to share this with the community. This app is built with ReactJS for frontend, Java Spring Boot for backend and MongoDB as the database.

The app tries to mimic a few functions of Twitter, including:

- Create post with text and image
- The number of characters in each post is limited to 200 characters
- Like, comment and re-post a post
- View the number of likes, comments and shares of a post
- Comments are toggle
- The number of character in each comment is limited to 100 characters
- Follow, un-follow someone
- See who are following us and follow them back
- Check who we are following
- View all posts of an individual
- View our own posts
- List all user accounts in the entire social network (due to the number of users are still small, I did not develop search user function)

Other functions:

- Due to limited storage space, client app compresses the uploaded image to the maximum of 250px (width or height)
- User avatar is created by hashing user id and convert that hash code into a hexagonal image
- Authentication and authorization use JWT
- Responsive frontend for desktop and mobile devices

Technical stack:

- Frontend: ReactJS, Redux Toolkit, React Router, React Bootstrap
- Backend: Java Spring Boot
- Database: MongoDB

If this project is useful for you , please give me a ⭐ Github star ⭐ for my effort!

Source Code:
https://github.com/linhtch90/psn-social-network-public-source
Day 5 of 100 - Java: Functions and Objects
Published: 2022-01-13 07:41:38

## Working with functions

Function definition of `println`:

```java
public void println(String x) {
  if(x == null) {
    x = "null";
  }
  try {
    ensureOpen();
    textOut.write(x);
  } catch (IOException e) {
    trouble = true;
  }
  newLine();
}
```

Function call:

```java
System.out.println();
```

`public` - access modifier
`void` - return type
`function()` - how we call our function
inside the function - block of code

Parameters and Arguments:

```java
public void greeting(String location) {
    System.out.println("Hello, " + location);
}

greeting("New York");
```

Randomly rolled dice:

```java
/**
 * This dice function simulates a 6 sided dice roll
 *
 * @return random value from 1 to 6
 */

public int rollDice() {
    double randomNumber = Math.random(); // 0 to 0.999...
    // A dice have 1 to 6
    // i.e, so max value 6.9999 and min value of 1.00
    randomNumber = randomNumber * 6 
    // shift range up one
    randomNumber = randomNumber + 1;

   int randomInt = (int) randomNumber; // casting
   return randomInt;
}

int roll1 = rollDice(); //example, 2
int roll2 = rollDice(); //example, 4
```


Points on functions:
1. Easy to reuse code
2. Organize and group code
3. More maintainable code
4. Function definition is like a dictionary detail for a word in a sentence
5. Argument order is important in a function call
6. `Math.Random()` gives a random number between 0 and 1

## Objects

Points on objects:
1. Objects combine variables together to make your code meaningful
2. Organized and maintainable code

--
https://docs.oracle.com/javase/8/docs/api/java/lang/package-summary.html
Get unique values in javascript array & object array
Published: 2022-01-13 07:34:43

**Unique elements from array**
```
     function onlyUnique(value, index, self) {
        return self.indexOf(value) === index;
      }
  
      var optionsArray = ['a', 1, 'a', 2, '1'];
      var unique = optionsArray.filter(onlyUnique);
      
      console.log("unique", unique);
```
**Unique objects from object array**

```
    console.log("optionsArray", optionsArray)
    var unique = Array.from(new 
    Set(optionsArray.map(JSON.stringify))).map(JSON.parse);
    
    console.log("unique", unique)
```
A11y tips: hide content from screen readers
Tags: a11y, tips, html
Published: 2022-01-13 07:28:19

If you want to **hide content for screen readers** but still be available to sighted or keyboard users, just use `aria-hidden="true"`.

A classic example where it is useful is to hide icons that serve as visual support for a text:

```
<style>
  .icon-star: before {content: "★"; }
</style>

<span>
  <span class="icon-star" aria-hidden="true"></span>
  Favorite
</span>
```

In this way the icon that we insert with CSS only appears for sighted users, while screen readers will announce only "_Favorite_", instead of "_Black Star Favorite_".

It is best to **avoid using this ARIA attribute on focusable elements**, as being able to receive focus but hiding from screen readers can cause confusion for their users. You could use a `tabindex="- 1"` to avoid focus but then it would be out of use for sighted keyboard users.

This and other tips on the use of `aria-hidden="true"` can be found in the [already named article](https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html#:~:text=Hiding%20Content%20from%20Assistive%20Technology) by Scott O'Hara, and on the use of icon fonts in [the article](https://www.filamentgroup.com/lab/bulletproof_icon_fonts.html) by Zach Leathermann, from which the example is taken.
Special Features Of The Customized Nail Polish Boxes
Published: 2022-01-13 07:21:41

Are you looking for a fantastic packaging to showcase your manicure collections? If yes, start using customized polish boxes, it would certainly satisfy your desire. These boxes are specially crafted; With them, nail polish manufacturing companies can personalize their nail care and color range products easily. One beautiful thing about these boxes also is that you can actually have any shape and sizes that you want. The materials used in crafting the nail polish boxes are sturdy and flexible, making it easier for experts to achieve their desired result of creating a fantastic packaging faster. If you actually have a particular design in mind, all you need to do is to brief the graphics team of any professional printing company. With your little contribution, they can come up with innovative templates' design that you would suit your product.

Many companies in the cosmetics industry have truly benefited from using the customized nail polish boxes; they use it to package as well as display their products conveniently. They have boxes with special customization like; nail polish boxes for summer, manicure, pedicure, and beach. When you want to create packaging for your product, ensure that you use the one that is attractive and unique. What I mean here is that the material of these boxes, colors, and shape should all be perfectly suited to the product. All these qualities, makes your packaging special; so adopting them wisely will do your products some good. When choosing your packaging style for your nail boxes, use colors that are not too conflicting. For example, if your product's bottle are pink in color, you can use boxes that have pink colors as well or colors that not too odd for the product.

Another customized option for your nail polish boxes is to add windows. Use them extensively, especially when the product's design are catchy as well. The window in the boxes, makes it possible for you to showcase your products with style. You do not need to take your product out from their packaging before customers can see them. Customers generally find these windows in boxes very interesting. With it, they can easily choose the type of product that they want. Nail polishes are very common with almost every age group. When it comes to choosing the right brand and color, it will surprise you that packaging affects people's decision. Getting alluring nail polish boxes for your brand has the capacity to compel your target audience into buying your exclusive nail colors. This is true because people judge your product based on the quality of your packaging. You can add your company's logo, brand's name and other important information to your boxes. This will also make your customers recall your brand easily.
[nail polish boxes](https://customizeboxes.com/nail-polish-boxes)
Add storybook.js to a sveltekit project
Tags: svelte, storybook, javascript, webdev
Published: 2022-01-13 06:12:58

First Create a sveltekit project and initialize storybook.js

```zsh
1. npm init svelte@next sb-svelte
2. cd sb-svelte
3. npm install
4. npx sb@next init
5. npm run storybook
```

Running storybook at this moment should give you error. Here are the steps for the fix: 

1. change `"type": "commonjs"` in package.json

![change type to commonjs - Step 1](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j3l4lqa1qyk25krldebh.png)


2. rename `svelte.config.js` to `svelte.config.mjs`

3. replace your `.storybook/main.js` with following code:

```javascript
module.exports = {
	stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx|svelte)'],
	addons: ['@storybook/addon-links', '@storybook/addon-essentials', '@storybook/addon-svelte-csf'],
	framework: '@storybook/svelte',
	svelteOptions: {
		preprocess: import('../svelte.config.mjs').preprocess
	}
};

```
Virtual and actual events 2022
Tags: watercooler, webdev, eventsinyourcity
Published: 2022-01-13 07:16:43

Events to look forward to in 2022, just a small and subjective selection from the perspective of a European web developer focused on front-end development, accessibility, and sustainability.

This is a repost, you can read the [same content](https://www.open-mind-culture.org/en/1947/virtual-and-actu…tech-events-2022/) in my blog "Open Mind Culture" which used to feature less technological topics, but somehow I want to switch back to more Indie Web publishing to be more independent of "social" networks like ("Tech") Twitter, Meetup, and maybe even DEV (which is currently the only social platform for technical content that doesn't either suck or is nearly abandoned like mastodon seems to be.

[JSWORLD AFRICA Conference](https://africa.jsworldconference.com/program) on Tuesday, 8 February 2022.

[Remix 2021 of Webdirections Conference Events](https://webdirections.org/remixed/) streaming on Friday, 14 January 2022 from 12:00 CET. 

[Stay Curious: Toolkits with Stephanie Eckles and Hidde de Vries](https://beyondtellerrand.com/stay-curious/toolkits) 18 Jan 2022, 20:00 CET, Stephanie Eckles will talk about aspect-ratio, :is(), scroll snap and what you really need to know about modern CSS, and Hidde de Vries will present a toolkit for accessibility.

[A Smashing Hour with Sara Soueidan](https://ti.to/smashingmagazine/a-smashing-hour-sara-part2) Part 2, 20 January 2022 from 17 p.m. CET.

[CSS Café: Understanding the Cascade](https://www.meetup.com/CSS-Cafe/events/283116732/), Online-Meetup with Bramus van Damme on Thursday, 27 January 2022 also at 17:00 (5 p.m.).

Also looking forward to the upcoming [beyond tellerrand conferences](https://beyondtellerrand.com/) [on 2 and 3 May 2022 in Düsseldorf](https://beyondtellerrand.com/events/dusseldorf-2022) and on [1 and 2 September 2022 in Berlin](https://beyondtellerrand.com/events/berlin-2022).

Another conference that will hopefully continue to take  place in place as an actual event: [Never Code Alone](https://blog.nevercodealone.de/php-testing-refactoring-nca-conference-duisburg/) in the quiet media harbor of Duisburg in the west of the German Ruhrgebiet region. Save the date: 29 / 30 March 2022.

Hope to meet you at one of the few actual conferences!

Stay tuned for more upcoming events!
What Makes Max Brain So Good For The Mind?
Published: 2022-01-13 07:14:50

 It isn't a burning question. I also learned this is only available for a limited time. I have to find the solution. You'll have to have them in your pocket. Even [Max Brain](https://ipsnews.net/business/2021/12/17/max-brain-reviews-legit-memory-enhancer-or-fake-ingredients-real-consumer-reports/) noobs recognize the need for evidence from this research. Sound familiar? This boils down to focus. How can you discover your desired that case? This scaled down really good. This Max Brain information hit me like a ton of bricks. That is a vivid reminder. Hey, the key to that novelty is to be obsessed with doing this. Same old same ol'. I've had little success with doing that, however that's so rare. My intuition tells me that these are the essential thoughts when it's in the same class as Max Brain


Visit Hare=> [https://ipsnews.net/business/2021/12/17/max-brain-reviews-legit-memory-enhancer-or-fake-ingredients-real-consumer-reports/](https://ipsnews.net/business/2021/12/17/max-brain-reviews-legit-memory-enhancer-or-fake-ingredients-real-consumer-reports/)
Databooks: supercharging notebook collaboration
Published: 2022-01-16 12:26:10

---
title: Databooks: supercharging notebook collaboration
published: true
date: 2022-01-13 07:00:00 UTC
tags: 
canonical_url: https://dataroots.io/research/contributions/databooks:-supercharging-notebook-collaboration
---

<sub><b>original author(s):</b> Virginie Marelli</sub>

🎉 [Murilo Cunha](https://github.com/murilo-cunha/) released his first official version of `databooks` earlier this month. `databooks` is a package that eases the collaboration between data scientists using Jupyter notebooks. It does so by reducing the number of git conflicts caused by differences in notebook metadata. Also, in the event a conflict does occur, it supports the needed conflict resolution process.

Check out the [repository](https://github.com/datarootsio/databooks) and [docs](https://datarootsio.github.io/databooks) for a detailed overview of what `databooks` can do for you.

<iframe src="https://ghbtns.com/github-btn.html?user=datarootsio&amp;repo=databooks&amp;type=star&amp;count=true&amp;size=large" frameborder="0" scrolling="0" width="170" height="30" title="GitHub"></iframe><iframe src="https://ghbtns.com/github-btn.html?user=datarootsio&amp;repo=databooks&amp;type=watch&amp;count=true&amp;size=large&amp;v=2" frameborder="0" scrolling="0" width="170" height="30" title="GitHub"></iframe>
Klondike solitaire winning strategy
Tags: solitaire, gamedev, games, card
Published: 2022-01-13 06:55:11

Klondike solitaire is the classic version of the solitaire game. The game rules are simple but winning is not easy. Not every game of klondike is winnable. There are some winning strategies that you can you. Let's check out.
1. CHANGE YOUR FIRST MOVE

When someone first begins playing Solitaire, nine times out of ten, their first move will be to move a face-up card from one column to another with a corresponding card (a black 5 to a red 6, for example). However, the best first move you can make when playing Solitaire is to turn over the first card in the deck and see if you can use it anywhere. In Solitaire, you must flip over and use all of the cards in the deck, which should provide you with a better start to the game.

2. CLEAR THE LARGEST COLUMN AS QUICKLY AS POSSIBLE.

If you want to make the most of your Solitaire time, try to clear the largest column of facedown cards first. This may necessitate several moves to reveal all of the facedown cards, but the effort will be worthwhile once they're all out of the way.

3. DO NOT USE AN EMPTY COLUMN IF YOU DO NOT HAVE A KING.

A free column space can only be filled by a King card, so emptying out a column has no benefit if you don't have a King to move in the free space afterwards. Keep your options open and avoid making hasty decisions.

4. CONSIDER YOUR KING SELECTION

In klondike solitaire online free game, if you have both a red King and a black King waiting to fill a free column space, consider the other cards you have face-up before making your choice. If you have a visible and easily accessible red Queen, don't move a red King card into the open space.

5. BALANCE THE CARDS YOU'VE GOT

It's tempting to move as many cards as possible to the foundation piles so that you can get rid of them as soon as possible. However, if you do not balance the cards you move, you may end up jeopardizing your chances of winning the game. Consider moving a card on top of a black 3 early in the game, only to discover that you need a black 3 to move a red 2. Only move cards to the foundation piles after you've discarded all four of a kind – don't move any 2s until your Ace cards are all gone, for example.

6. TRY TO EMPTY OUT A SMALL PILE AS EARLY AS POSSIBLE.

The first pile on the left is the simplest and quickest to clear, and it will leave a space for a King, allowing you to begin a new column. Try to do this early in the game to give yourself somewhere else to move your cards to.

[Klondike solitaire](https://klondikesolitaire.io/) free game is the most popular card game in the United States. You can play it online in your browser. It comes with turn one and turn three options.
My First Hackathon
Tags: productivity, hackathon, beginners, programming
Published: 2022-01-13 06:48:01

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/02bcufkeqb0mu5fipm4b.jpeg)

Intro

On 12th November 2021, I took part in my first Hackathon conducted by my college. This post is all about my experience with hackathons and also working in a team(which was quite new to me).
Our App [Maver](https://github.com/theyashwanthsai/Maver-inGENIUS)

So the hackathon was about developing an idea which would help us become a better developer. An idea which could be scaled into a product. It was a 24 hour hackathon and we had to stay awake overnight and come up with a product.

Our idea was an app which would help students manage their monthly finance. With few inputs from our mentors we were able to make an app which was a great deal for us.

We made a Github repo and made it a public project. With more development in coming days we are sure to make a better application. Our team used MIT App Inventor(embarrassing) and added few features to the app. My teammate helped make the gui much better while i was working on database. We used Firebase DB and we managed to make something out of it. 

Final takeaways:-

Using MIT App Inventor was not really a good idea since we were not equipped with right of amount of knowledge. Knowledge of  basic Javascript and knowing react.js would have placed us miles above. I should also focus on creating more projects.
Frontend is something not to be ignored and recently I have focused more on frontend part.

Need to focus on communication with teammates. I was lucky my teammate understood what was to be done and we somehow made something to show to the evaluators.


In the end, I made friends, learnt about team management and about how a product is made from idea part to execution part.