teleren/devto huggingface dataset:
Ethereum Summer Camp 2020 Week 3: Women in Ethereum
Tags: womenintech, ethereum, blockchain, eventsinyourcity
Published: 2020-07-24 05:48:35

This week, we would like to set up a stage dedicated to elevating and empowering all the builders — who happened to be women — we’re here to support diversity in the industry.

How the blockchain industry is rethinking diversity, inclusion, and belonging in 2020? What are those women builders working on and what have they contributed to the ecosystem? What is the practical advice would they give to someone thinking about joining the industry?
Join us for insightful talks with women builders from the Ethereum community, followed by Q&A with the speakers.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/gaykwvyqqga8jc029mkp.png)

<h1>Women in Ethereum Lightning Talks and Q&A</h1>
📅 Friday, July 24 | 12:00 PM to 1:40 PM EST
📺 We will be live streaming from [YouTube](https://youtu.be/3IrQX8_lBHw)

<h1>About Our Speakers</h1>
Isa Kivlighan is Head of Marketing at Aave. Isa was introduced to the blockchain through her Public Policy background, which leads her to discover Decentralized Finance and how blockchain can be used to build an open and equitable financial ecosystem.

[Pooja Ranjan](https://twitter.com/poojaranjan19): Working towards creating awareness and promotion of Ethereum for several years with EtherWorld, she is the proud Herder-in-chief of Ethereum Cat Herders, helping the Ethereum community with decentralized project management.

[Jaye Harrill](https://twitter.com/JayeHarrill): Passionate communications manager for blockchain security company Quantstamp. Jaye has a long leadership history in blockchain and Ethereum community spaces. She has dedicated her life to bringing broad visibility to the transformative changes this technology is expected to bring.

[Anett Roliková](https://twitter.com/AnettRolikova), leading Ethereum Magicians Sessions and Councils at Fellowship of Ethereum Magicians. Doing Magic (Operations) behind all Magic that Ethereum Magicians requires :)

[Alexis Gauba](https://twitter.com/AlexisGauba): Co-founder of Opyn, which is bringing hedging and risk management to DeFi using options, and is co-founder of she256, a 501c3 nonprofit focused on increasing diversity and breaking down barriers to entry in the crypto space.

[Medha Kothari](https://mobile.twitter.com/medhakothari): Software Engineer at cLabs working on the Celo protocol, and Co-founder of she256, a nonprofit aiming to increase diversity and break down barriers to entry in the blockchain space.

Moderator — [Annie Huang](https://twitter.com/annie_huang1018), a developer advocate for open source community. Currently, work as a community advocate at GitLab. She has dedicated to helping more people to the cutting-edge technology transformation for their daily lives.

More details: https://www.ethplanet.org/ethereum-summer-camp-2020/
Acknowledgement From Hubspot
Tags: security, bugbounty, bughunting, cybersecurity
Published: 2020-08-03 15:48:26

This website has web-based advertising online tools which minimizes our work to such an extent. They have likewise an[ Email Signature maker](https://www.hubspot.com/email-signature-generator) which is vulnerable to Cross-Site Scripting (XSS). My companion proposed to me HubSpot Academy for finding out about Email Marketing tutorials. I have investigated their site and established that this Email Signature is vulnerable to Cross-Site Scripting (XSS) vulnerability. In spite of the fact that they additionally have a Responsible Disclosure program on BugCrowd however, I never noticed.

## **Below I'll show you I replicate Cross-Site Scripting (XSS) in HubSpot**

Go to[ HubSpot](https://www.hubspot.com/email-signature-generator) Email Signature maker.

In the Email Signature required data frame, fill these fields with XSS payloads. This page is reacting invigoratingly to the ideal frame.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/6qlwjhxv9dilndm9m3tz.jpg)

As page loads entered information, the JavaScript payload executed.

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

The following day they replied:
_This submission has been previously reported by another researcher. Thanks for the submission, this submission is duplicate of another submission. We appreciate your effort and we hope that you’ll continue to research and submit any future security issues you find._

After confirming that report they Acknowledged me by posting my name in HubSpot Hall of Security Researcher [HubSpot Hall of Fame](https://bugcrowd.com/hubspot/hall-of-fame).

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

I am grateful to HubSpot for acknowledging and  I’ll test that site again as I got some time and I’ll do my best to locate another interesting vulnerability. I thank HubSpot for acknowledgement and my thanks to you too for your profitable time.
How do you use the `<LinkControl />` component in Gutenberg development?
Tags: wordpress, gutenberg, help
Published: 2020-07-24 06:54:52

---
title: How do you use the `<LinkControl />` component in Gutenberg development?
published: true
description: I need help with implementing the link popover to a custom button component
tags: wordpress, gutenberg, help
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/uur03ioocj6ll3w11rdj.jpg
---

I'm trying to develop a custom CTA button component that will be used in all of our custom Gutenberg blocks. I'd like the authors to be able to click on the button in the editor and change the button text, URL (with option to search the existing posts/pages/CPTs/…) and set the target and rel attributes. I've been playing around with `URLInputButton`, `URLPopover` and eventually stumbled upon [`LinkControl`](https://github.com/WordPress/gutenberg/tree/master/packages/block-editor/src/components/link-control), but I just can't get it to work at all. The documentation doesn't provide any example of its use either. Does anybody here knows?

```js
// A simplified example showing what I've been trying so far…
function edit( props ) {
    const { attributes: { btnText, url }, setAttributes } = props;
    return (
        // <ButtonGroup className={`flex cta`}>
        //     {/* <Button url={`#url`}>
        //     </Button> */}
        //     <Button url={url} >
        //     <PlainText
        //         placeholder={ __(`Calling to act`, cvslug) }
        //         value={btnText || `Click`}
        //         onChange={ (newText) => setAttributes({ btnText: newText }) }
        //     />
        //     </Button>
        //     {/* <URLInputButton
        //         url={ url }
        //         onChange={ (url, post) => setAttributes( { url, btnText: (post && post.title) || `Click here` } ) }
        //     /> */}
        // </ButtonGroup>
        <LinkControl />
    );
}
```
===
<span>Photo by <a href="https://unsplash.com/@breakyourboundaries4?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Matt Collamer</a> on <a href="https://unsplash.com/s/photos/help?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Unsplash</a></span>
Show your latest Medium article in GitHub Readme
Tags: showdev, github, opensource, javascript
Published: 2020-07-24 09:53:54

3 weeks ago, GitHub adds a feature that enables you to make your profile more usable and beautiful using a README file.

By using [GitHub Readme Medium](https://github.com/omidnikrah/github-readme-medium), you can show your latest medium article in your READMEs.

### Usage

Copy-paste this into your markdown content, and that's it. Easy Easy Tammam Tammam!

Change the `?username=` value to your Medium's username.

```md
[![Omid Nikrah Medium](https://github-readme-medium.herokuapp.com/?username=omidnikrah)](https://medium.com/@omidnikrah)
```

[![Omid Nikrah Medium](https://camo.githubusercontent.com/2548f1c77cd79b3a1c809d6bd213fbdce6e8e72f/68747470733a2f2f6769746875622d726561646d652d6d656469756d2e6865726f6b756170702e636f6d2f3f757365726e616d653d6f6d69646e696b726168)](https://medium.com/@omidnikrah)
How do you deal with node_modules?
Tags: webdev, discuss, node
Published: 2020-07-24 10:53:17

---
title: How do you deal with node_modules?
published: true
description: 
tags: webdev, discuss, node
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/8bqhs2j0frz5upzfyj90.jpg
---
Node has been around for more than a decade. Developing on it has been fun, tho one of the main drawbacks has always been it's spacious package management.

In 2020, create-react-app would create over 30k files, close to 200 MB in total. Even without installing it via boilerplate, depending on the selected dependencies, the local node_modules folder can get pretty heavy quickly.

So, what if you have like hundreds of projects?

Do you keep the node_modules folder for archived (completed) projects or do you delete it and do npm install if you need to re-visit the particular project later to save space?

Or have you already switched to Ryan's newest offering - Deno, that imports and uses dependencies directly from URLs?
Daily Developer Jokes - Friday, Jul 24, 2020
Tags: jokes, dailydeveloperjokes
Published: 2020-07-24 12:00:19

---
title: "Daily Developer Jokes - Friday, Jul 24, 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=Friday%2C%20Jul%2024%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/5e12591e45d64.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:___ Why didn't the `<div />` get invited to the dinner party?

___A:___ Because it had no class!
 -->
Question: How to better structure Laravel Livewire code and components?
Tags: laravel, livewire
Published: 2020-07-24 18:18:54

I'm building an app using [Livewire](https://laravel-livewire.com/). If you have some experience with Livewire please take some time to answer. 

I'm trying to keep my livewire components code clean. How we can separate validation logic just like custom Requests in the controller as there is not Request object in the Livewire component. 

My current approach: I make separate method for validation for now? But I'm looking for something much better like custom Requests. 

```
class Add extends Component
{
 public function store()
    {
     $this->Validation();

     $property = new Property();
     $property->user_id = ...

    }
}

```

Also, If is there any better approach for structuring components? My current approach is below: 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ot5q78c9etdnd8l6vgtg.png)

Any suggestions will be appreciated.
Kelola Disposisi Anda Setiap Saat
Published: 2021-02-27 12:14:47

Menjadi terlihat dan mudah diakses oleh pelajar berarti Anda akan memiliki lebih banyak interaksi langsung. Manfaat dari ketersediaan yang lebih baik membantu pelajar Anda ketika mereka memintanya, sambil menunjukkan kepedulian dan kepedulian Anda terhadap perkembangan kesejahteraan mereka.

Dengan komunikasi yang meningkat, muncul kemampuan untuk juga mengenal pelajar Anda lebih baik. Ini juga meningkatkan kemungkinan konflik antara Anda dan pelajar Anda, terutama jika mereka menghubungi Anda melalui telepon dan tidak ada catatan langsung tentang apa yang telah dinyatakan.

Terserah Anda bagaimana Anda menangani setiap situasi. Misalnya, jika pelajar tidak berkomunikasi dengan tepat, Anda dapat membatasi komunikasinya hanya untuk pesan atau email. Saya juga merekomendasikan bahwa dengan setiap panggilan telepon yang diterima atau Anda mulai, Anda mengirim pesan tindak lanjut cepat atau email untuk dijadikan catatan. Ini akan memberi sekolah Anda catatan percakapan tersebut. https://www.artikelkami.com/

Apa yang harus Anda putuskan sebelumnya, adalah Anda akan mempertahankan kerangka berpikir positif tidak peduli seberapa tertantang Anda oleh pelajar. Jika suatu saat Anda yakin seorang pelajar tidak memelihara komunikasi yang benar, baik itu nada bicara mereka atau hal lainnya, Anda dapat menasihati mereka bahwa Anda tidak akan lagi melanjutkan percakapan dan mengingatkan mereka tentang Pedoman Perilaku.

Sebagai instruktur, Anda harus selalu berusaha sebaik mungkin untuk tetap tenang dan terkendali secara emosional saat berinteraksi dengan pelajar Anda. Disposisi Anda membantu memperkuat persepsi bahwa Anda tertarik untuk menjadi bagian aktif dari kelas.

Visibilitas dapat terjadi dalam berbagai bentuk dan termasuk interaksi langsung dengan pelajar Anda, baik melalui diskusi, pesan, email, atau panggilan telepon. Dampak potensial yang dapat Anda miliki pada kemajuan dan perkembangan pelajar Anda meningkat secara signifikan ketika Anda menjadi mudah diakses dan menggunakan setiap kesempatan yang disajikan sebagai waktu untuk belajar dan mengajar. Apapun metode yang Anda gunakan untuk menjadi sangat terlihat, buatlah pilihan sadar untuk terlibat dalam kelas virtual Anda untuk kepentingan pelajar Anda, bukan hanya untuk tampil demi kehadiran.
Full Stack developer
Tags: beginners, javascript, discuss, podcast
Published: 2020-07-24 21:30:14

Is this an actual role nowadays? Are they real or just unicorns? When are you really full-stack?


We just released a podcast chapter about this at Rootstrap [Full Stack podcast](https://open.spotify.com/episode/7xpHCOPO9Nm1QrCoRgrRN9?si=xHzYmLnaQWeJ_UuMvHXmWg) - Friendly spoiler, is in Spanish :)

Besides being a company podcast, we want it to be developer friendly (from developers to developers)
I will be happy to hear any opinion/feedback/experiences :)
Azure Maya Mystery Part II: The Mysterious Cenote
Tags: javascript, vue, game, mystery
Published: 2020-08-03 15:23:40

---
title: Azure Maya Mystery Part II: The Mysterious Cenote
published: true
description: Jump in to the mysterious cenote to discover more about the Azure Maya Mystery's pyramid
tags: javascript, vue, game, mystery
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/0xrn4ji9j2orw2oe8k32.gif
---

If you haven't been following along as we explore a Maya pyramid in the middle of the uncharted jungle, it's not too late! Join us as we [explore](https://aka.ms/AzureMayaMystery) the pyramid. 

> The following content contains spoilers about gameplay!

{% youtube jgMHdpcyvvE %}

In part 1 of the Mystery, we discovered the meaning of many glyphs to gain access to the pyramid. Amongst others, we learned symbols with familiar imagery: 'jaguar', 'macaw', and 'snake'
![easy glyphs](https://dev-to-uploads.s3.amazonaws.com/i/qvt5mxy6he7f8sy796lh.gif)
as well as more esoteric glyphs: 'earth', 'wind', and 'tree'
![more esoteric glyphs](https://dev-to-uploads.s3.amazonaws.com/i/al89kr8pk6a8ddj9sjqs.gif)

> Art by Dana Moot II

Winding our way around the pyramid's base and finally up its steps, we used our new knowledge to gain entrance. We also learned the meaning of one of the parts of the temple's name by launching a chat app on an [Azure Static Web App](https://azure.microsoft.com/services/app-service/static/?WT.mc_id=mayamystery-github-jelooper#overview) to talk to the goddess to whom the pyramid is dedicated.

![Chat with a Goddess](https://dev-to-uploads.s3.amazonaws.com/i/ukdjiqbb29glhmgs04je.png)

But when the floor suddenly gives way underfoot, the intrepid explorer has to wait until Part 2 of the Maya Mystery to learn more!

That time is now.

In this part of the Mystery, you will continue your exploration of the deepest part of the pyramid, an underground cenote, a natural sinkhole that the ancient Maya sometimes used for sacrificial offerings. Your job? dive in and gather broken glyphs that careless prior explorers have tossed in to the cenote, restoring them to their former place. In the process, you will learn more glyph meanings and the second part of the pyramid's name. 

While exploring, you will also launch a shopping experience to acquire the gear you need to successfully complete your mission. Learn more about the Node.js code you need to launch by visiting a [new Microsoft Learn](https://docs.microsoft.com/en-us/learn/modules/intro-to-nodejs/2-what/?WT.mc_id=mayamystery-playfab-chnoring) learning path all about the topic!

> Are you prepared to continue your exploration? Haven't joined us yet? It's not too late! Complete [Level 1](https://www.microsoft.com/AzureMayaMystery/?WT.mc_id=mayamystery-blog-jelooper), or skip right to [Level 2](https://www.microsoft.com/AzureMayaMystery/pyramid/en/2/?WT.mc_id=mayamystery-blog-jelooper).
What's your strategy for learning through online courses?
Tags: discuss, learn, tips
Published: 2020-07-25 04:01:37

---
title: What's your strategy for learning through online courses?
published: true
description: What tips or advice can you offer to maximize learning when doing online tutorials?
tags: #discuss, #learn, #tips
//cover_image: https://direct_url_to_image.jpg
---

While taking online coding tutorials, I often find that I have to rewatch the video more than once to fully grasp the material. I also rarely feel ready/confident to apply the material after following a set of instructions with the provided "starter code" and so my strategy has been to rebuild the provided app from scratch. But that also means that I take 2-3 times longer completing courses. Is there a better way? Hit me up with your best tips 😀
balalaika IT newsletter #6
Tags: react, node, java, webdev
Published: 2020-07-25 16:25:44

---
title: balalaika IT newsletter #6
published: true
description: Curated IT newsletter. From Russia with love. Issue #6.
tags: #react #node #java #webdev
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/7dwkz927sf2ausnqygq3.jpg
canonical_url: https://blog.balalaikait.com/balalaika-it-newsletter-6
---

# Frontend
- A [comprehensive guide](https://jkettmann.com/beginners-guide-to-testing-react/) on testing in React from Johannes Kettmann. A single long-read that covers it all.
- Did you ever hear of CSS Houdini? Lisi Linhart did not just hear about it, but went above and beyond and wrote a [great piece](https://lisilinhart.info/posts/css-houdini-performance) on its performance. 
- Adobe open-sourced its own [design system and state management library](https://react-spectrum.adobe.com/blog/introducing-react-spectrum.html) for React!

# Node.js
- Moment.js, Luxon or date-fns? Hopefully, one day there will be a built-in API that if not removes but at least reduces the need for third-party libraries to manipulate date and time. Here is a [TC39 proposal for the new Temporal API](https://tc39.es/proposal-temporal/docs/index.html) that is destined to fix JS Date.
- Nowadays almost every Node.js developer has a good understanding of the event loop principles. Yet, only some folks understand how node works from the low-level perspective. If you want to learn more about non-blocking I/O, watch this interesting [talk](https://youtu.be/P9csgxBgaZ8) by Sam Roberts.

# Java
- Some of `java.util.concurrent.atomic` classes expose `#lazySet()` methods which may be a significant performance win for a single writer scenario in the concurrent mode. If you are not familiar with those methods and want to understand how they differ from ordinary `volatile` writes take a look at this [post](http://psy-lob-saw.blogspot.com/2012/12/atomiclazyset-is-performance-win-for.html) and [this](http://psy-lob-saw.blogspot.com/2016/12/what-is-lazyset-putordered.html) one as well.
- Everyone knows Netty, which is used as a building block in many other frameworks. One of the main reasons behind that popularity is performance. Watch [this talk](https://youtu.be/hvYqSz_BgUM) to learn about some optimizations inside Netty, including the "do not try this at home" ones.

# General
- Linux kernel scheduler has to make a lot of decisions and it has to make them fast. Here is a [detailed explanation](https://helix979.github.io/jkoo/post/os-scheduler/) of how the scheduler works.
- Writing correct concurrent code is hard, no doubts. Writing performant concurrent code is even harder. If you aim for both of these goals, read this awesome [blog post](https://travisdowns.github.io/blog/2020/07/06/concurrency-costs.html) that compares the costs of different concurrent primitives.
Day 55 : #100DaysofCode - In Need of Advice on Reading Poorly Written Documentation
Published: 2020-07-26 02:46:02

Today I worked on my Rails project all day. I am determined to get it up and running as soon as possible. However, as I add more components I am finding myself reading more and more documentation. I love reading and learning, but does anyone have advice for reading poorly written documentation? Or what do you do when you are on a tight timeframe and need to add a gem and the documentation is 3,000 pages long (sarcasm, but also real)?

![Alt text of image](https://media.giphy.com/media/P8X4lemg5Iphe/giphy.gif)

<h2><center>I am losing my mind!!!! </center><h2>

I usually read the documentation, add code to my project, pray it works. If the prayer does not work then I search for the error via google. If that does not work, then I watch a tutorial on youtube. I know this can be time consuming at times and I wanted to know if anyone else had any advice on how to read documentation and if it gets better with time. 

Since I spent the day working on my rails project and trying to interpret documentation, I was unable to continue on my <a href="https://github.com/SincerelyBrittany/todo-mvc-lv-codealong"> todo code-along</a>. However, I hope to have a better update sometime this week on adding user authorization.

Oh and I was not kidding, I really would love advice from on best practices on reading poorly written documentation, until then I will keep reading, coding, learning, and growing. 

As always thanks for reading.

Sincerely, 
Brittany 


Song of the day:

{% youtube jW_gewLYECE %}
Is JavaScript truly a functional language?
Tags: javascript
Published: 2020-07-26 12:35:45

I've been coding in JavaScript where functions are treated as first-class citizens, they also play the role of implementing the key OOP concepts (encapsulation/inheritance/polymorphism), but does that make JavaScript a functional language?

Those who have coded in other functional languages like haskell say that JS isn't a "true" functional language. I'd like to know what are these features that make a language truly functional?