teleren/devto huggingface dataset:
Dicas que usei para conseguir o primeiro emprego em T.I!
Published: 2022-10-17 17:44:36


Oie! Eu sou a Camila, sou trainee SRE/DevOps e trabalho na área da tecnologia há dois anos! O meu grande aliado no primeiro emprego foi o Linkedin, então fique aqui para entender como a plataforma me ajudou no meu primeiro emprego e no atual!

1 - Coloque os cursos que você está estudando, poste certificados, projetos finalizados etc! isso é o básico, você precisa ser visto!

2 - Palavras-Chaves: Recrutadores estão muito ocupados tentando preencher vagas e não vão ler textões, eles querem ir direto ao ponto!

No seu perfil você precisa colocar a stack que está estudando ou atuando, mas lembre-se das palavras-chaves!

Alguns exemplos:

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

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


3 - Bio: Resuma! Qual stack você estuda? Quais projetos e skills você possui? Exemplo:

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

4 - Networking! Você precisa adicionar pessoas, Tech recruiters, influencers da área, lembrem-se você precisa ser visto ou seja, entra em contato com pessoas da área, você quer entrar em alguma empresa? Já pensou em entrar em contato com funcionários dessa empresa pra pedir dicas de processo seletivo ou como se preparar? Existem muitas pessoas dispostas a te ajudar! Eu juro!


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

Eu tenho mais de +500 pessoas adicionadas, eu conheço tudo isso? Não! mas adicionar tech recruiters, pessoas da área ajudou e ajuda meu perfil a ter mais visibilidade!

5 - Currículo: Tenha um currículo! Aí meu deus mas não tenho experiência o que eu coloco? O que você estuda, seus projetos, github!!!!!
Meu primeiro currículo em T.I:

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

Como eu consegui meu primeiro estágio com esse currículo? NETWORKINNNNNNNG!
SIM! Eu postei esse currículo no linkedin com a legenda descrevendo que eu estava a procura de uma primeira oportunidade e sabe o que aconteceu? Uma moça X que tinha bastante visibilidade no linkedin com conteúdos tech compartilhou, fazendo chegar em diversos perfis! Na mesma semana 3 empresas entraram em contato comigo e consegui meu primeiro estágio!

Linkedin Premium para estudantes: [aqui!](https://members.linkedin.com/pt-br/estudante/linkedin-premium)

Links de artigos maneiros que podem te ajudar no seu processo inicial no mercado de T.I: 
[Programaria: Processos Seletivos](https://www.programaria.org/category/programaria-sprint-processos-seletivos-tech/)
[Programaria: Comunicação](https://www.programaria.org/category/sprint-programaria-comunicacao-e-autoconfianca/)

Participe da [He4rt](https://heartdevs.com/)! Comunidade gigante, com pessoas incríveis e muito conteúdo para te ajudar a entrar no mercado e aprender conteúdos tech!
FLiP Stack Weekly #53
Tags: apachepulsar, apacheflink, apachenif, kubeco
Published: 2022-10-17 17:43:37



[https://www.linkedin.com/pulse/october-2022-week-2-tim-spann-](https://www.linkedin.com/pulse/october-2022-week-2-tim-spann-)

#ApachePulsar #ApacheFlink #Spring #DeltaLake #CDC  #SQL  

#OpenSource #ApacheBookeeper #ApacheCon  #Containers

If you get the chance, please choose an option in my poll.   It's what I should work on next.  Spring Boot is in the lead with Apache Spark close by.


What says Halloween better than a well-written (David Kjerrumgaard), fully free book on Apache Pulsar in Action!??!?!?!   If you want to know about, learn, use, a develop with, or just bask in the glory of Pulsar, download this free PDF today.








Add alt text
No alt text provided for this image

Halloween is coming!   Real-time gets scary....?








Add alt text
No alt text provided for this image
The first Podcast is out!   Please subscribe to your favorite podcast channel.   Matt Yonkovit


Speaking of Podcasts, here is mine from Current22.


NYC Friends join me on November 3rd with Aerospike.


CODE + COMMUNITY
Join my meetup group NJ/NYC/Philly/Virtual:

This is Issue #53!!









Add alt text
No alt text provided for this image


RELEASES

The Apache NiFi 1.18.0 release (with Apache Pulsar 2.10.0) of the NiFi processor from David Kjerrumgaard


Apache NiFi 1.18.0 released!









Add alt text
No alt text provided for this image
ARTICLES


EVENTS

Pulsar Summit Asia 2022 is looking for speakers, get your talks in. I got mine in. November 19-20.


Oct 20, 2022: Conf42 KubeNative:


Oct 24, 2022: DoK Days NA. https://dok.community/dok-day-north-america-2022/

Oct 26, 2022: KubeCon: Detroit

Nov 2, 2022: AI Dev World









Add alt text
No alt text provided for this image
Nov 3, 2022: Real-Time Data Event NYC


Nov 10, 2022 at 1:30PM EST: AllDayDevops. Virtual.


Nov 15, 2022. OSA Con. Virtual.   


Nov 16-18, 2022. PASS Data Community Conference. Virtual.


Nov 19-20, 2022. Pulsar Summit Asia. Virtual.

Nov 23, 2022: Big Data EU. Virtual.


Nov 29, 2022: Machine Intelligence Guild Speaker of the Month. Virtual.

Dec 6-8, 2022: Spring One: San Francisco

LakeFS Meetup 


VIDEOS



TOOLS








Add alt text
No alt text provided for this image
HOW-TO

JOBS
This seems like an awesome job!
how to get height of div in pixels?
Published: 2022-10-17 17:42:47

Hello!
 For a DIV with variable text I hoped to get the height in pixels with the function getComputedStyle, but it delivers auto also if I delay the detection.
Has you a suggestion how to fix it ?
my javascript code snippet:
```
this.slInfDetail = this.slInfo.appendChild( document.createElement('div') );
s = this.slInfDetail.style;
s.position = "relative";
s.fontSize = `calc(${fontsize} / 2.5 )`
s.textAlign = "left";
s.backgroundColor = "rgba(0,0,0,0.35)";
s.color = "rgb(255,255,255)"
s.zIndex = 999;
this.slInfDetail.innerHTML = "Additional info comes<br>here";
this.slInfComputedHeight;
setTimeout(() => {
	let sComputed = getComputedStyle(this.slInfDetail);
	this.slInfComputedHeight = sComputed.height; // is 'auto' 
});
```
FLiP Stack Weekly: #53 - October 2022 - Week 2
Published: 2022-11-07 13:58:36

---
title: FLiP Stack Weekly:  #53 - October 2022 - Week 2
published: true
date: 2022-10-17 17:42:00 UTC
tags: 
canonical_url: 
---

https://www.linkedin.com/pulse/october-2022-week-2-tim-spann- #ApachePulsar #ApacheFlink #Spring #DeltaLake #CDC #SQL #OpenSource #ApacheBookeeper #ApacheCon #Containers If you get the chance, please choose an option in my poll. It's what I should work on next. Spring Boot is in the lead with Apache Spark close by. What says Halloween better than a well-written (David Kjerrumgaard), fully free book on Apache Pulsar in Action!??!?!?! If you want to know about, learn, use, a develop with, or just bask in the glory of Pulsar, download this free PDF today. Add alt text No alt text provided for this image Halloween is coming! Real-time gets scary....? Add alt text No alt text provided for this image The first Podcast is out! Please subscribe to your favorite podcast channel. Matt Yonkovit Speaking of Podcasts, here is mine from Current22. NYC Friends join me on November 3rd with Aerospike. CODE + COMMUNITY Join my meetup group NJ/NYC/Philly/Virtual: This is Issue #53!! Add alt text No alt text provided for this image RELEASES The Apache NiFi 1.18.0 release (with Apache Pulsar 2.10.0) of the NiFi processor from David Kjerrumgaard Apache NiFi 1.18.0 released! Add alt text No alt text provided for this image ARTICLES EVENTS Pulsar Summit Asia 2022 is looking for speakers, get your talks in. I got mine in. November 19-20. Oct 20, 2022: Conf42 KubeNative: Oct 24, 2022: DoK Days NA. https://dok.community/dok-day-north-america-2022/ Oct 26, 2022: KubeCon: Detroit Nov 2, 2022: AI Dev World Add alt text No alt text provided for this image Nov 3, 2022: Real-Time Data Event NYC Nov 10, 2022 at 1:30PM EST: AllDayDevops. Virtual. Nov 15, 2022. OSA Con. Virtual. Nov 16-18, 2022. PASS Data Community Conference. Virtual. Nov 19-20, 2022. Pulsar Summit Asia. Virtual. Nov 23, 2022: Big Data EU. Virtual. Nov 29, 2022: Machine Intelligence Guild Speaker of the Month. Virtual. Dec 6-8, 2022: Spring One: San Francisco LakeFS Meetup VIDEOS TOOLS Add alt text No alt text provided for this image HOW-TO JOBS This seems like an awesome job!
Expand-JsonFile
Tags: json, powershell, devops
Published: 2022-10-17 17:40:54

---
title: Expand-JsonFile
published: true
description: A powershell script able to resolve cross json property reference.
tags: json,powershell,devops
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n9ppkaasd925q7pz3khq.jpg
# Use a ratio of 100:42 for best results.
---

Json format is an amazing way to define things, so devs often use it into the code repository to describe entities. Devops also uses json files to configure application or other stuff.

Proliferation of the number of json files and inconsistent data could be a problem, so to avoid them I have created a small powershell script that is able to resolve expressions contained into json file. The expression defines the correlation between different files.

Example:

Into the data folder there are three json files:

- customers.json (which contains a set of customer)
- products.json (which contains a set of product)
- orders.json (which contains a set of order)


The *orders.json* has two properties (product and customer) which need to be calculated by evaluating a reference expression:

```json
// orders.json
[
    {
        "created":"2022-10-15T09:00:00",
        "product":"[data/products(pid=1).title]",
        "quantity":1,
        "customer":"[data/customers(cid=3).name]",
        "notes":"this is a note"
    },
    {
        "created":"2022-10-15T10:00:00",
        "product":"[data/products(pid=2).title]",
        "quantity":2,
        "customer":"[data/customers(cid=3).name]",
        "notes":"this is a note2"
    }
]
```

The function **Expand-JsonFile** evaluates the reference expressions contained in the orders.json file and produce a new file:

```powershell
import-module -name .\ADMjson.psm1 -Force
Expand-JsonFile -SourceFile data/orders.json -TargetFile data/orders_expanded.json
```

The result json file contains property values:

```json
// orders_expanded.json
[
    {
        "created": "2022-10-15T09:00:00",
        "product": "xbox",
        "quantity": 1,
        "customer": "Paperino",
        "notes": "this is a note"
    },
    {
        "created": "2022-10-15T10:00:00",
        "product": "playstation",
        "quantity": 2,
        "customer": "Paperino",
        "notes": "this is a note2"
    }
]
```


The script code is available [here](https://github.com/antdimot/devops/tree/main/powershell)
5 devtools tips you may want to know 🚀
Tags: webdev, productivity, programming
Published: 2022-10-17 17:26:46



## 1. Find unused JavaScript and CSS

To know how many unused JS and CSS you’re shipping open the network tab ➡ Open the command menu (<kbd>⌘ Cmd</kbd> + <kbd>↑ Shift</kbd> + <kbd>P</kbd>) ➡ type "Coverage" then press <kbd>enter</kbd>.

What are the result of your portfolio?


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





&nbsp;
## 2. Inspect CSS grid and flex container

By clicking on the badge (like in the gif below) you toggle the display of a grid overlay on the page. The overlay appears over the element, laid out like a grid to show the position of its grid lines and tracks:

![Image 2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mkphwkdhx2yvtrrrjll3.gif)




&nbsp;
## 3. Previous inspected element

You can access an element that has been inspected in the console by typing `$0`:

![Image 5](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/af4jkr4mwu9m9wlyz31t.gif)

Also, you can use `$0`, `$1`, `$2`, `$3` and `$4`. These commands work as a historical reference to the last inspected elements 👌





&nbsp;

---

Hi there! I'm Mustapha, a technical writer, speaker and a passionate JS / TS developer. Follow me on [Twitter](https://twitter.com/TheAngularGuy) for daily tech tips 🚀


---





&nbsp;
## 4. Scroll into view

Did you know that while inspecting an element in the devtools, you can right click it and select "scroll into view" to scroll to its position in the web page:


![Image 4](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pok48kw210m0fznbql0t.gif)

This can be useful when working with lists for example. 




&nbsp;
## 5. Select elements with pointer-events:none
Usually, if an element does not react to pointer events because the `pointer-events:none` CSS declaration is set and you can't select it, then the only way to get access it is through the inspector panel.

Actually, you can hold the <kbd>↑ Shift</kbd> key on your keyboard while hovering the element:



![Image 5](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uab47vmwo2hurl0f8n45.gif)








&nbsp;
&nbsp;

That's all for now. I hope you found this useful! 
Leave a comment to let me know which tip (if any) you found useful ⤵


Until next time, have a nice week!



&nbsp;
### What to read next?

{% embed https://dev.to/mustapha/where-is-css-20nk %}
🔥Something Most People Don’t Know About Job Hunting🔥
Tags: career
Published: 2022-10-17 17:25:40

A successful "Job Hunt" is a combination of Strategy, Marketing and Sales tasks. The strategy and marketing pieces you can start doing today itself, even if you are 5 years away from your actual job hunt and applications.

🎯Strategy 🎯
In broad strokes -🔎 figure out 🔎what you want (earn/learn/title), what you do well(skills) and what next? 
At the end of this exercise you should have a list with the ideal industry, company, job role, pay range, learning aspirations and company culture. 
🔁 Iterate 🔁: Do spend 1-4 hrs on this but don't spend more than 4 - at the start of the hunt on strategic thoughts. Idea is to iterate on the strategy as you get feedback from your marketing activities.

🚀Marketing🚀
Many people will say "If only I knew how to sell my skill set better..I could be doing x and y at firm abc." What they actually mean to say is, "If I could Market my skills better.. " The piece you should spend maximum time on (7 days at least) is Branding & Positioning + Messaging & Community for yourself as a candidate.

💥Create a unique personal brand💥: For example, in my last job hunt, it was "Durgesh Shukla, a product manager who is great with ambiguity and understands a broad range of cloud technologies." What is the unique value prop you bring on to the table? Write it down.

👀Be visible👀 on Linkedin / Reddit / GitHub / StackOverflow / Tradeshows / Podcasts / Quora / Youtube / Tableau Dashboards: Create that Resume, personal pitch deck, those tableau dashboards or the GitHub projects you want people to take notice of. Get feedback on these items from different people. You want to be on people's minds. Answer the question "Why you vs 1000 other candidates?" and then create the answers via these forums.

✳️Community✳️: Find the tribe, your network and the stakeholders that connect with you as a professional, and have an idea about the value you bring to the table.

✨Sales✨
And now once you have built the top of the funnel you need to focus on selling “You” the employee/resource.

🗣 Networking and Outreach👥: Talk to recruiters, hiring managers, and your connections about you being in the market.

🔥Apply! Apply! Apply! 🔥: Cannot stress this enough - once you have a resume setup on linkedin/job sites you need to make 10-50 applications daily. You can skip the cover letters, speed is more important. Instead highlight your GitHub/ Open source contributions / personal pitch decks etc.

🔄Follow ups🔄: Create an excel tracker and be in touch with all the recruiters with regards to your active applications. Send follow ups at regular intervals. 

Comment and message me to get the following assets that can help in the above steps:
 🔆The job hunt funnel checklist to keep on track
 🔆A personal pitch deck template
 🔆A simple and proven resume template
How to start learning about the 🌟Jungle Gym framework🌟 for a fulfilling career?
Tags: career
Published: 2022-10-17 17:24:20

I have compiled a simple 5 point list to help you get started in this post.

(Recap: To create a great career roadmap we need to stop thinking about our career as a ladder. If we instead see our career as a jungle gym, our career path becomes different blocks of interesting core skills to master along the way. But when I first got interested in this topic, I had a hard time figuring out where and how to get started.)

👉🏽So here are some great resources for you to get started.👈🏽

1️⃣ Read this blog by Amy Franko where she explains Pattie Seller's Jungle Gym concepts in detail: https://lnkd.in/g46gTDx4

2️⃣ Watch this short 20 min YouTube Video: Sheryl Sandberg addresses the class of 2012 at Harvard Business School https://lnkd.in/gNtjAxdJ . It is a must-watch beginner resource for anyone interested in this topic. A transcript is available on huffpost - https://lnkd.in/gh-vvrDK.

3️⃣ Check this webinar by Technicaly and Jobber's Sara Cooper: If you are an executive and want to adopt a Jungle Gym framework for your company/people who report to you for improving employee retention - https://lnkd.in/gtAzXmyy

4️⃣ Read This Book: “Lean in” by Sheryl Sandberg will give you a lay of the land, and is a helpful way to get your bearings. If you don't have the time, this blogger has got a summary of the Jungle Gym chapter for you - https://lnkd.in/gjH3WmC3
Also read the explanation of the framework by Dr K - https://lnkd.in/gPkE5m3c

5️⃣ This talk by Heidi Williams of Box: If you really want to start going down the rabbit hole, check out how typical tech-allied career roadmaps can look like when you adopt the jungle gym mindset - https://lnkd.in/gaU6qnNj

Hope these resources help clarify the guiding principles that can turbocharge your career!
Create a database and associate it to a user - MySQL
Tags: database, mysql, administration, dbadmin
Published: 2022-10-17 16:35:15


Login to your MySQL `root` account (or any other account with admin privileges):
```
mysql -u root -p
```

Create the database you want your new user to be associated with:
```
CREATE DATABASE example_database;
```

Create the new user:
```
CREATE USER 'example_user'@'localhost' IDENTIFIED BY 'password';
```

Grant the new user access to the newly created database:
```
GRANT ALL ON example_database.* TO 'example_user'@'localhost';
```

Login to MySQL with your new user:
```
mysql -u example_user -p
```

Check the databases under the new user:
```
show databases;
```

Build something awesome!
How to Add Schema Markup in WordPress
Tags: webdev, beginners, tutorial, wordpress
Published: 2022-10-17 16:31:01


![How to Add Schema Markup in WordPress](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e22ozv36dfgrofec2gc1.png)

Schema markup helps you supply search engines with important information that they can use to increase your listing in search results.

In this article, I will show you how to easily insert schema in WordPress and get more users to your website. But first, you need to know what a WordPress schema is and why it is prominent in your SEO strategy. So let’s get started!

##What is Schema Markup?

A schema is a personal structure or idea that supports managing and representing information. In computer programming, the schema is the control and structure for a database. Schema markup is a superior type of HTML code that you can add to your WordPress website to tell search engines more about your content.


![Schema Markup](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gqn1u2a0x7pwbzwypw0j.png)

Schema is useful because it allows us to bring shortcuts to analyze the extensive amount of information and knowledge available in any condition.

Schema markup can boost your website traffic because all main search engines measure the effects of schema when showing a search engine results page. In addition, schema markup is intended to improve your search engine rankings as well as increase clickthrough rates...

Read More: [How to Add Schema Markup in WordPress](https://softcodeon.com/wordpress/add-schema-markup-in-wordpress.htm)
How to make interaction with React.js and Smart-Contract
Tags: javascript, webdev, tutorial
Published: 2022-10-17 16:25:27

Hello fellow programmer, so on this tutorial i will teach how function in react works, lets get to work!

First of all you will need to use useEffect and useState

`import React, { useEffect, useState } from "react";`

and after 

`const [currentAccount, setCurrentAccount] = useState("");`

this will creating a hook 

On this code block 
`const checkIfWalletIsConnected =  async () => {
    try {
      
    const { ethereum } = window;

    if (!ethereum) {
      console.log("Garanta que possua a Metamask instalada!");
      return;
    } else {
      console.log("Temos o objeto ethereum", ethereum);
    }
      /*
      * Confirma se estamos autorizados a acessar a carteira do cliente
      */
      const accounts = await ethereum.request({ method: "eth_accounts" });

      if (accounts.length !== 0) {
        const account = accounts[0];
        console.log("Encontrada a conta autorizada:", account);
        setCurrentAccount(account);
      } else {
        console.log("Nenhuma conta autorizada foi encontrada");
      }
  } catch (error) {
      console.log(error);
  }`

This will check the const ethereum that will be the blockchain we are currently using, and after that, and basically the method: gets the eth_accounts and checks with IF.

After that you will need to create the button is simples, all you need is 

`{!currentAccount && (
        <button className="waveButton" onClick={connectWallet}>
        Conectar carteira
        </button>
        )}`

the function connectWallet will get the wallet and connect to it.

Good job you did it!