teleren/devto huggingface dataset:
5 Lessons Learned In Content Creation As a Developer!
Tags: javascript, webdev, codenewbie, career
Published: 2021-10-01 11:50:05

## Life, coding & business are full of lessons if you look for them.

Some you learn the easy way, and some you learn the hard way.


> 
As a creator, you’re at war with yourself every day.

It's a competition with yourself  not with others.

Here are the 5 most important lessons (so far) I learned in my journey of sharing/creating content as a developer!


## 1. You can’t get far alone:

Fast is fun for a while.

Alone a youth runs fast, with a mentor/senior may be slow, but together they go far.


> 
A Great Dream Requires A Great Team.

Going far simply can’t be done without people to support you.


## 2. Keep Your Heros Human:

They may be great people, but they are still people.


> 
“Heros” still struggle & have limits that everyone else has, they still put their pants on one leg at a time.

When I let the people I admire be human.

I find grace and compassion for them.


## 3. Don’t let comparison steal your best work:


> 
No matter your talent, there is always someone doing much better than you.

It’s hard not to be jealous but try to praise others in similar work.

If You have something to share or to create.


- Create it
- Say it
- Build it
- Write it

## 4. Don't avoid conflicts, Learn from them:


> 
You will not experience life without conflict.

This is one of the hardest things I had to experience and learn as early as possible.

"Society wins when developers learn how to resolve conflicts."


## 5. Be patient, don’t rush:

“Opportunities don’t happen, you create them.” 

-Chris Grosser

Patience is so difficult. 

There are things we have no choice but to wait for and there are things we should wait for but choose not to.


> 
Be Patient! Don’t Rush in Your Career Growth.

# Bonus Tip: Batch write when you can

Want to gain freedom, time, and flexibility? 

Plan a marathon content creation session.

The secret to stress-free content production is batching.

## Over to you now:

What content creation lessons have you learned since you started your journey? 

Let’s make this post a place to share our best hard-earned lessons.

Share yours in the comments!


Thanks for reading.

If you’re a regular reader, thank you, you’re a big part of the reason I’ve been able to share my life/career experiences with you.

Connect with me on [Twitter ](https://twitter.com/TheAnkurTyagi) 

If you like this. I encourage you all to sign up for my newsletter.

It's free. You can ask me your questions via email.

Check out today's edition:  [The 2-1-1 Developer Growth Newsletter by Ankur](https://www.getrevue.co/profile/AnkurTyagi)
Update: typescript backend is in the bin.
Tags: rails, hotwire, typescript, node
Published: 2021-10-01 11:44:49

It’s been almost a year since I last wrote about Nines tech choices. I wanted to give a brief update on what’s changed and what’s stayed. 

## Here to stay 👍

### GraphQL

This was the one piece of the puzzle I liked the most from building Nine. Since the frontend is a static Next.js app using typescript, GraphQL pairs perfectly and having all the data and mutations in the frontend static typed is awesome!

### Next.js/vercel

The frontend for Nine being static is really important and has been a great experience. 

There is one niggle that I need to sort out at the moment though, the frontend deploy is getting slow. We’re currently building several thousand static pages, what’s worse though, it’s growing as we get more stores online.

## What’s gone 👎

### Bye bye node

As you might tell from the title of this post, the backend API written in node and typescript is gone. 

I am still a Rails developer and I haven’t found anything that gives me the same programmer happiness or productivity than Rails. 

I’ve recently deployed a rewrite of the GraphQL API and store manager in Rails. I’m much happier about the stability and maintainability of this stack, especially for side projects where you don’t want them falling over. 

This was spurred on by running into issues with bullmq falling over with no apparent reasons. The interactive repl for running database commands wasn’t up to scratch with what I’m used to with Ruby, holding me back from debugging issues. And just me generally not spending enough time on this stack to feel confident managing it.

## What’s new ✨

**[Hotwire](https://hotwired.dev)**. This is something I’ve been tinkering with for quite some time and I must say I am extremely impressed. 

In short, you write minimal JS, but can still building highly interactive applications, relying on Rails server-side rendering and the Turbo framework.

The store manager for Nine has lots of modals and replaces the previous React app will full feature parity, with a mere 6 stimulus controllers that are all very generic and reusable 🤯. 

I’ll definitely have a few follow up posts on Hotwire, I’ve been building [Happi](https://happi.team) using it and I’ve recently taken a contract role as a Rails engineer at Polywork where it’s also the tech stack of choice.

---

I never learn my lesson, nearly every time I have strayed away from Ruby / Rails in the past 5 years I have regretted it. Maybe I’ll stop trying new backend frameworks someday 🤷‍♂️
Join our IoT Platform Team of React.js Experts (Portugal, Spain)!
Tags: hiring, react, iot, portugal
Published: 2021-10-01 11:39:49

Come and join our newly opened roles in Spain or Portugal (can be made also fully remotely or hybrid, from one of our offices), dedicated to our fantastic IoT data-driven Platform Lumada (https://www.youtube.com/watch?v=LC9GdmaZAnk), which has been recognized as a Leader in Gartner Industrial IoT Platforms Magic Quadrant in 2021!

In this position you will interact with our Hitachi Vantara's Architects, Data Scientists, Businesses & Product Managers to develop and maintain parts of Lumada, mostly with micro-frontend with ReactJS + with HTML5, CSS, D3, Loopback, REST/JSON, Mocha, Jasmine or Selenium (any many more!), while the platform itself is built with micro-services, containers and operates in multi-cloud enviro. 

Please check out more info here:
https://www.hitachivantara.com/en-us/company/careers/job-details.html#jobid=5132840002

and reach out to me in case any questions! :)
How-to Webinar Series with Tech Evangelist, Adolfo Delorenzo.
Published: 2021-10-01 11:03:07

Join this 6-part How-to Webinar Series with Tech Evangelist, Adolfo Delorenzo.

In this series, learn to use Portainer to manage the most common scenarios facing Platform Managers, DevOps teams and/or Developers.

Follow along with Adolfo as he showcases Portainer, with live hands-on demos, explained step-by-step.

At the end of this series, you will have a deeper
understanding of how Portainer can simplify 
container management in your organization.

Episode Line-up:
1.	How to use Portainer to build a powerful, secure multi-cluster Kubernetes environment anyone can use.
2.	How to use Portainer (integrated into Git) to automate deployment of apps as part of your DevOps workflow.
3.	How to create a centralized identity and access management layer with Portainer.
4.	How to use Portainer as a collaboration platform for developers.
5.	How to use Portainer as the bridge between Docker / Docker Swam and Kubernetes.
6.	How to use Portainer to write better cloud native apps for Kube environments.
7.	How to get started with Portainer and Charmed Kubernetes / MicroK8s.
8.	How to use Portainer to manage your Docker environment (where there’s no Swarm).
9.	Managing containers at the edge with Portainer.
10.	How to create and publish Portainer app templates.

You can use this link to watch: https://www.youtube.com/playlist?list=PLhawEudhdubRM7S9e_XIui19nA4Vnvp5a

#Kubernetes #Docker #Linux #opensource #cloudnative #containers #Portainer #Portainerbusiness
TerraGen3D
3D Procedural Terrain Generation Tool in OpenGL/C++
Published: 2021-10-01 09:31:29

I am making a 3D Procedural Generation Software Completely opensource and free!

Get it:
https://github.com/Jaysmito101/TerraGen3D
https://sourceforge.net/projects/terragen3d/

Tutorials : https://www.youtube.com/playlist?list=PLl3xhxX__M4A74aaTj8fvqApu7vo3cOiZ

Join the Discord Server : https://discord.gg/AcgRafSfyB

# What can this do?

* Generte 3D Terrain Procedrally
* Export Terrain mesh as OBJ
* You can write and test your own shaders
* An Inbuilt IDE for shaders
* Test under different lighting
* A 3D viewer
* A Node based as well as Layer based workflow
* Save the project(custom `.terr3d` files)
* Hieght map visualizer in node editor
* Wireframe mode
* Custom Lighiting
* Customizable Geometry Shaders included in rendering pipeline
* Skyboxes
* Multithreded Mesh Generation
* [Lua](https://www.lua.org/) scripting to add custom algotrithms
* Export to heightmaps(both PNG and also custom format)
* Custom Skyboxes
* Completely usable 3D procedural modelling and texturing pipeline


# Future Goals

* Procedural grass and foliage
* Fix more bugs!
* Many more things..

# Screenshots

![Screenshot 1](https://raw.githubusercontent.com/Jaysmito101/TerraGen3D/master/Screenshots/Version%203/Screenshot%20(1).png)

![Screenshot 2](https://raw.githubusercontent.com/Jaysmito101/TerraGen3D/master/Screenshots/Version%203/Screenshot%20(2).png)

![Screenshot 3](https://raw.githubusercontent.com/Jaysmito101/TerraGen3D/master/Screenshots/Version%203/Screenshot%20(3).png)

# Support

I am just a Highschool student so I may not have the best quality of code but still i am trying my best to write good code!

Any support would be highly appretiated!

For example you could add a feature and contribute via pull requests or you could even report any issues with the program!

And the best thing you could do to support this project is spread word about this so that more people who might be interested in this may use this!

Please considering tweeting about this! 


<a href="https://ctt.ac/MX5_c"><img src="http://clicktotweet.com/img/tweet-graphic-4.png" alt="Tweet: Check out TerraGen3D Free and Open Source Procedural Modelling and Texturing Software : https://github.com/Jaysmito101/TerraGen3D" /></a>

Join the Discord Server : https://discord.gg/AcgRafSfyB
Hacktoberfest 2021
Tags: hacktoberfest, hacktoberfest2021
Published: 2021-10-01 10:47:02

This is my second time of participating hacktoberfest. Now I'm in higher place compare to previous hacktoberfest.

I learnt some git and github techniques throughout my internship period but the things I had a question always. That is how to pull the code when do forking repo. 

*#Hacktoberfest2021* gives me the answer. It's really fun...
Nextbrand
Published: 2021-10-01 10:43:48

https://nextbrand.com.vn/ Là doanh nghiệp hoạt động chính trong lĩnh vực truyền thông, quảng cáo marketing với năng lực triển khai các chiến dịch quảng cáo tổng thể trên toàn quốc. Chúng tôi coi việc đồng hành phát triển, bảo vệ hình ảnh và thương hiệu của khách hàng là một sứ mênh đầy tự hào của mình. 
Với những con người đầy đam mê và nhiệt huyết trong công việc, hứa hẹn sẽ mang đến cho khách hàng những sản phẩm phong phú và giá trị.
Các dịch vụ chính của chúng tôi:
1.	Quảng cáo sân bay Nội Bài: https://nextbrand.com.vn/v2/dich-vu/quang-cao-san-bay-noi-bai
2.	Quảng cáo sân bay Tân Sơn Nhất: https://nextbrand.com.vn/v2/dich-vu/quang-cao-san-bay-tan-son-nhat
3.	Quảng cáo sân bay Đà Nẵng: https://nextbrand.com.vn/v2/dich-vu/quang-cao-san-bay-da-nang
4.	Quảng cáo sân bay Phú Quốc: https://nextbrand.com.vn/v2/dich-vu/quang-cao-san-bay-phu-quoc
5.	Quảng cáo sân bay Cam Ranh: https://nextbrand.com.vn/v2/dich-vu/quang-cao-san-bay-cam-ranh

Thông tin liên hệ:
Công ty CP Truyền thông Nextbrand Việt Nam
Địa chỉ: P602, TTTM Chợ Mơ, 459C Bạch Mai, quận Hai Bà trưng, TP Hà Nội
Điên thoại:  024 6680000 – 0936 737 727
Email: info@nextbrand.com.vn
Website: https://nextbrand.com.vn/
Facebook: https://www.facebook.com/quangcaohangkhong/
Twitter: https://twitter.com/NextbrandV/
Blogs: https://nextbrand2013.blogspot.com/
Pinterest: https://www.pinterest.com/nextbrand2013/
Flickr: https://www.flickr.com/people/193914659@N04/
Instagram: https://www.instagram.com/nextbrandvietnam/
Youtube: https://www.youtube.com/channel/UCiCpBYDszWhnlnwxwxPc6Sg/
Likedin: https://www.linkedin.com/in/nextbrandvietnam/
Medium: https://medium.com/@nextbrand/
Behance: https://www.behance.net/nextbrandvietnam/
Github: https://github.com/nextbrandvietnam/
 
Rất hân hạnh phục vụ qúy khách
If you were in I.T.
Tags: information
Published: 2021-09-30 17:46:25

Shoutout to former I.T. people who can never, ever get away from it. If code is as confusing to you as it is to me, that is because you probably spent a lot of time modding The Sims or Counter Strike to add items. That was too good for buffing your file system knowledge and appalling for the code. Both should be combined but I know why pedagogically why they might do that ($$$).

In the Spanish language, computer science and IT are called información. But due to my accent people think I'm being sarcastic when I say that's what I do. I don't say inteligencia because that sounds like a better hit squad than I am qualified for.

What am I actually doing while on computers? Drinking some preworkout and perfecting an interface for using Apple's frameworks more-easily in my apps. I will show a screenshot for the sake of learning in public but that is also something I am working on. Making an app involves so much graphic design. I personally feel like pixel-testing is graphic design gone too far. Yet, as a coder, I love that type of thing... let's just say I tried graphics and decided I.T. would be more fitting.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o3xk7ijow4n7qggtnrb7.png)
Caption: This was a big deal at the time.

I got on here because I bought a UPS for the first time. I never needed uninterrupted computing because I use a huge laptop and don't care but I am afraid of my house frying something and I always wanted my own giant battery.
My SocialShare Library hits 1 million in last month
Tags: javascript, github
Published: 2021-10-01 10:31:20

2 years ago i started a simple library to make easy share a page or some info in all important Social Network, and in the last month it hits 1 million request.

The details about the library you can find here: https://github.com/assisfery/SocialShareJS .

# With few lines of code you can make your page shareable

Code
```<div class="ss-box"></div>```

Result
![socialsharejs](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g7atqj2p5sp2r56bdse3.PNG)
Managing SSH/SFTP connections with a single Python script
Tags: python, devops, ssh, sftp
Published: 2021-10-01 10:11:24

This is a quick one. Update the servers list on this file, then you will have your SSH/SFTP connections displayed in a nicely table-like format, so you can easily pick one to connect to! 

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

{% gist https://gist.github.com/costa86/e720730272385cd2c8c469c0fbac3c3d %}
All about Jina Swags
Tags: tech, jina, swags, contribution
Published: 2021-10-01 10:11:00

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/al7v266b0cq6a0goe5yp.png)

Hey Everyone,
Today I will be talking to you about the Jina Swags and how awesome there repo and support system is , So lets start with what is Jina ?so as we all know that Deep learning technology is transforming how we interact with big data, whether for scientific applications, consumer software, or internal enterprise systems.

So Jina AI was started to create a solution ready to keep up with the emerging needs for all kinds of search. With the growing need to process huge quantities of data, Jina helps you stay on top of the ever-changing data landscape.

Now coming why is Jina AI even more exciting, it excites me even more because Jina AI gives you chance to win swags that too at your door step-:

So over all they have two categories of swags the first one is the Supporters and the second one are the Advocate .

So talkin about each category one by one-:

1. Supporter-: In this particular category all you gotta do is just star their [repo](https://github.com/jina-ai/jina) and fork it and also join their [discord](https://discord.gg/Dbn3ESC5n2) server.
Then they give you a google form and verify your activities and voila you are eligible for a set of cool swags right at your door step.
Swags Earned-: Lovely Jina AI postcard, stickers and fridge magnets

2. Advocate-: In this particular category you need to contribute Jina in whatever possible way you can whether it be through a blog, newsletter or maybe a Valid PR contribution.
ALl you need to do is contribute.
Swags Earned-: Everything a supporter gets, plus a keyring, pen, A5 notebook and tote bag.

After all of the above doing you know what your category is so you fill the google form accordingly and just get the swags.

So that was how you can earn swags by Jina so easily just you need are good contribution skills.

Link to the main website for more details such as google forms-: [Link](https://jina.ai/blog/swag/)
#happy_contributing

THANKYOU
😎😄
Đặc sản giò me Nghệ An Tứ Phương
Tags: giome, giobe
Published: 2021-10-01 10:04:30

Giới thiệu đặc sản giò me Nam Nghĩa, Nam Đàn, Nghệ An món ăn ngon đậm tình xứ Nghệ với hương vị vùng miền, truyền thống mang lại thực phẩm sạch được người nơi đây yêu thích và trên toàn quốc.

Khi nhắc đến Giò bê Nghệ An chắc ai cũng biết đây là món ăn đặc sản nơi đây và cụ thể hơn là giò me Nam Đàn, Nam Nghĩa với cách chế biến truyền thống, nguyên liệu từ thiên nhiên, sạch, không chất bảo quản … đã tạo nên thương hiệu Giò Bê Nghệ An bây giờ.
Xem sản phẩm tại: https://giobetuphuong.com/
Have one strange float in CSS

Tags: css, webdev, tutorial, beginners
Published: 2021-10-01 09:58:05

---
canonical_url: "https://www.thangphan.xyz/posts/have-one-strange-float-in-css/"
---
When we talk about `float` in CSS, we usually only think about two values `left`, `right`, and wrap it up. But is it all of `float`?

In this article, we're going to discover some cases of `float` property in CSS.

### Float

The floated element breaks the normal flow, and it will be wrapped by the **inline element or text**. I think we are familiar with this concept.

Here's what I want to say:

### Case 1

_Add the floated element to an element which we can change `display` property._

```html
<div class="parent">
  <div class="float">Floated element</div>
</div>
```

```css
.parent {
  display: block;
  /*flex, grid, inline-flex, inline-grid, table...*/
}

.float {
  float: left;
}
```

And I realize that:

> `float` doesn't work with `grid, flex` property.

### Case 2

_What happen if I add `display` to the floated element?_

```html
<div id="float">Floated element</div>
```

```css
#float {
  display: inline-flex;
  float: left;
}
```

I'm going to use `javascript` to check whether the CSS property change or not:

```javascript
window.getComputedStyle(document.getElementById('float')).display
// it returns flex
```

As you can see the `display` property was changed from `inline-flex` to `flex`.

> Float can change the display property in CSS.

### Case3

_What happen if I set the height for the floated element._

```html
<div class="parent">
  <div class="float">Floated element</div>
</div>
```

```css
.parent {
  border: solid 1px black;
  /*
   float: left
  */
}

.float {
  float: left;
  height: 100px;
}
```

It will overload the parent's height. But If I add `float: left` to the parent element, the parent element is as tall as its tallest floated children.

> To ensure the parent element can cover its nested floated children, we can set it to the floated element.

### Conclusion

It's only a simple property in CSS, but there is a ton of cases that we can discover. If you have another case about the floated element. 
Please share it with me!
Automated Dapps Scrapping with Metamask and C#
Tags: csharp, blockchain, testing, webdev
Published: 2021-10-01 09:28:13

Hey everyone!
This article is a follow up on my last article about Daaps Scrapping, if you have not read it yet I suggest heading to:
{% link https://dev.to/ltmenezes/automated-dapps-scrapping-with-selenium-and-metamask-2ae9 %}

Thank you all for the great feedback you provided in the last article, it's great to see people building their automations and sharing their own challenges.

One of my followers requested an example of how Metamask automation would look like in C#, so a built an automation for the same 'Import Wallet' flow:

```csharp
static void Main(string[] args)
{
        ChromeOptions options = new ChromeOptions();
        options.AddExtension(EXTENSION_PATH);
        IWebDriver driver = new ChromeDriver(CHROME_PATH, options);

        // Navigate to Metamask extension page
        driver.Navigate().GoToUrl($"chrome-extension://{EXTENSION_ID}/popup.html");
        Thread.Sleep(1000);

        // Enter Metamask import wallet flow
        driver.FindElement(By.XPath("//button[text()=\"Get Started\"]")).Click();
        driver.FindElement(By.XPath("//button[text()=\"Import wallet\"]")).Click();
        driver.FindElement(By.XPath("//button[text()=\"No Thanks\"]")).Click();
        Thread.Sleep(1000);

        // Send recovery phrase, password to import the wallet
        IList<IWebElement> inputFields = driver.FindElements(By.XPath("//input")).ToList();
        inputFields[0].SendKeys(SECRET_RECOVERY_PHRASE);
        inputFields[1].SendKeys(NEW_SECRET);
        inputFields[2].SendKeys(NEW_SECRET);
        driver.FindElement(By.CssSelector(".first-time-flow__terms")).Click();
        driver.FindElement(By.XPath("//button[text()=\"Import\"]")).Click();
        Thread.Sleep(2000);

        driver.FindElement(By.XPath("//button[text()=\"All Done\"]")).Click();
        Thread.Sleep(3000);
            
        // Close Metamask 'What's new' popup
        driver.FindElement(By.CssSelector(".popover-header__button")).Click();
        Console.ReadLine();
}
```

The concepts used here are the same as the previous article, we load Metamask extension to our ChromeDriver, navigate to its extension page and then automate the import flow as we would with any webpage. 

It's good to note that the XPaths and CSS selectors used here might differ based on your Metamask extension version, so if you have issues in any of these steps jump over to your local ChromeDriver window and debug which selector broke the automation.

Let me know in the comments for which Dapp you are building your automation for and which challenges you're facing, I will make sure to address them in the next article!
Use every() and some() to test the elements of your arrays
Tags: javascript, webdev
Published: 2021-10-01 09:55:53

In this tutorial I will explain to you how to test if the elements of the arrays fulfill a condition using the some () and every method of javascript.


## some()

The some() method allows you to test if at least one element of the array passes the test implemented by the function. Its return value is a boolean which indicates the result of the test.

```javascript
"use strict"

const users = [
    { name: "claude Motoba", sexe: "M", age: 19, skills: "Fullstack" },
    { name: "Diana Jade", sexe: "F", age: 25, skills: "Frontend" },
    { name: "Erik Johnson", sexe: "M", age: 18, skills: "Backend" },
];

const test = users.some(({ age, skills }) =>{ 
    return age >= 18 && skills == "Fullstack";
})

console.log(test) // log true
```

## every()

every() on the other hand allows us to test if all the elements of the array pass the test implemented by the function. It also has as return value a boolean which indicates the result of the test.

```javascript
"use strict"

const users = [
    { name: "claude Motoba", sexe: "M", age: 19, skills: "Fullstack" },
    { name: "Diana Jade", sexe: "F", age: 25, skills: "Frontend" },
    { name: "Erik Johnson", sexe: "M", age: 18, skills: "Backend" },
];

const test = users.every(({ sexe, age }) =>{ 
    return sexe == "M" && age >= 18;
})


console.log(test) // log false
```

## Conclusion

The difference between the two is that the some () method tests whether a single element fulfills the condition while every () checks all the elements.