teleren/devto huggingface dataset:
FOSS4G Conference
Tags: gis, opensource, geospatial
Published: 2022-05-19 16:06:08

This year's [FOSS4G conference](https://2022.foss4g.org/) takes place in Florence, Italy and the early bird registration ends by June, 30. So make sure you get your ticket early enough!

[Camptocamp](www.camptocamp.com) supports the event with a sponsorship and many of our colleagues will participate in the event. We submitted multiple talks which got accepted by the program comitee. This will be the opportunity for you to get to know more about our solutions, projects and engagement in the open source communities. Watch out for the following talks:

- Contributing to Geospatial Cloud Native Solutions
- GeoMapFish Project status
- MapFish Print Project status
- Favoring Opensource Technologies for French Fire Brigades
- GeoNetwork
- GeoServer-cloud: Cloud Native GeoServer in production environments
- 2021 vector tiles R&D with baremaps
- Implementation of the Chinese Postman Problem in the Valhalla Routing Engine
- pgRouting optimization: from technical to functional
- Datahub: the confluence of open data and geo data
- ogc-client
- swissgeol.ch - Geology in 3D: new features
- The Carto 2 Project

and the following workshop:
- geOrchestra


FOSS4G is the acronym for Free and Open Source Software for Geospatial. It is the annual recurring global event hosted by OSGeo, the non-profit organization that supports and promotes the collaborative development of free and open source geographic technologies and open geospatial dataFOSS4G is the annual conference of the OSGeo organisation

If you’d like to engage in a conversation on this topic, please connect, we’d be happy to help!
Star Wars Baby Yoda aka Grogu | Pure CSS
Tags: codepen, css, tutorial, beginners
Published: 2022-05-19 16:00:17

Today we create a Star Wars themed Baby Yoda art with CSS that hovers. Though this is just a fun tutorial, you can practice CSS art to improve your CSS skills. CSS art has been a fun way for me to learn new properties and improve my CSS skills. I have a bunch of CSS art tutorials. You can check more Star Wars themed stuff [here](https://codepen.io/collection/GoNBRq). For this tutorial, all we need is some basic HTML and CSS.

{% codepen https://codepen.io/rembertdesigns/pen/NWwJWzj %}

If you liked this post, make sure to follow me on [Twitter](https://twitter.com/RembertDesigns) where I post daily about Tech related things!

### 🌎 Let's Connect

- [Portfolio](https://www.rembertdesigns.co/)

- [Twitter](https://twitter.com/RembertDesigns)

- [Github](https://github.com/rembertdesigns)

- [Codepen](https://codepen.io/rembertdesigns)

- [LinkedIn](https://www.linkedin.com/in/rrembert/)
Cloud Native Geospatial
Tags: ogc, gis, cloudnative, devops
Published: 2022-05-19 15:46:33

I participated with [Camptocamp](https://www.camptocamp.com) in the Cloud-Native Geospatial Outreach Event organized by the Open Geospatial Consortium in April 2022.

Cloud native solutions are currently a hot topic in the geospatial industry and Camptocamp is participating in the effort of bringing the open-source stack in the cloud. Camptocamp is one of the main open source service providers offering both geospatial and DevOps expertise to it's customers.

As a few examples you can have a look at:
* The new cloud native version of Geoserver initiated by Camptocamp and donated to the community: [Cloud Native Geoserver](https://github.com/geoserver/geoserver-cloud)
* GeoNetwork research and development initiatives to migrate to Elasticsearch, as a scalable metadata indexing system and the current software architecture migration to microservices: [GeoNetwork Microservices](https://github.com/geonetwork/geonetwork-microservices)
* Our OGC API STAC implementation in Rust, a very modern and efficient programming language. We initiated this project during last year OGC API code sprint meeting: [OGC API Rust Implementation](https://github.com/camptocamp/ogcapi)
* Custom vector tiles generation with Baremaps, a very performant and flexible solution to create your own vector tiles: [Baremaps](https://github.com/baremaps)
* And of course, the many geospatial projects we have been running in the cloud for years, leveraging the power of AWS, Azure, OVH, Deutsche Telekom Cloud and others for reliable and scalable operations.

In addition, our DevOps experts work tirelessly to automate and ease the provisioning and management of cloud servers and services. In this context we released a very interesting infrastructure as code management system, making your geospatial data infrastructure cloud agnostic and called the [DevOps Stack](https://devops-stack.io/).

If you’d like to engage in a conversation on this topic, please connect, we’d be happy to help!
How efficient dev environments can increase development velocity?
Tags: devops, devenvironments, productivity, deployment
Published: 2022-05-19 15:44:43

A dev environment, if set up well, can help you in

1. discovering bugs early in the software development lifecycle.
2. testing features in parallel testing & shipping code rapidly.
3. collaborating with your fellow developers.
4. testing features along with your users and customers & get their feedback.

Imagine what would unlimited dev environments to every developer in your team unleash? 

1. Faster development?
2. Better collaboration?
3. Early detection of bugs?

Well, yes to all of them. 

So why don't all teams adopt it? 

Because dev environments are:
1. hard to set up
2. slow 
3. are dependent on services & 3rd party applications that might make them slow.

[Cohesive](https://cohesive.so) allows you to setup environments with easy to use UI, automate environment creation and termination.


Read more [here] (https://blog.cohesive.so/how-efficient-dev-environments-can-increase-development-velocity/)
DevOpsDays Conference
Tags: gis, devops, opensource
Published: 2022-05-19 15:37:43

I participated with [Camptocamp](www.camptocamp.com)to the international DevOpsDays Geneva conference 2022. The conference covers topics of interest to both Operations and Development, with a focus on Open Source, Agile and early Cloud Adoption.

In the Geospatial field, we are focusing on Agile software development, Open Source contributions and DevSecOps. These topics are nowadays the 3 pillars for executing successful innovative projects at scale.

At Camptocamp we develop and operate our solutions.

Our DevOps culture leverages cloud native workflows, being active in multiple countries with both sovereign cloud providers (OVHcloud, Scaleway, Exoscale, Deutsche Telekom Open Telekom Cloud) or the international market leaders (Amazon Web Services (AWS), Microsoft Cloud Azure, Google). It’s a real asset for our customers to deploy their massive geospatial data in the cloud and let us build scalable applications using highly robust services.

Speaking about open innovation and co-creation with our customers, the Software Development workflows align perfectly with our Infrastructure as Code approach of IT management. Provisioning, developing, improving and adapting rely on code changes and pull requests, for both the Operations and the Development. This unified model allows everyone to participate and speeds up processes, allowing agile software development to thrive.

If you’d like to engage in a conversation on this topic, please connect, we’d be happy to help!
How to use Luos with Python?
Tags: python, opensource, microservices, luos
Published: 2022-05-19 15:36:13

Pyluos is the standard Python library to manage a Luos system with a computer.

⏩ https://www.luos.io/docs/tools/pyluos

In this tutorial, you will learn how to install Pyluos in order to use Luos with Python on a computer through a gate service.
It's OK To Be Replaceable
Published: 2022-05-19 15:34:15

You might come across some articles on the web about how you should be "irreplaceable" to your team. We tend to put ourselves in positions where we are the only one who can do X, Y, or Z. The whole operation comes crashing down without us.

**I'm here to tell you that is a big ol' lie.** 

The truth is this: your employer can drop you at the blink of an eye. Obviously, no one wants to lose their job and I'm not talking about the loss of gainful employment here.  What I _am_ talking about is being in a position where your team can pick up where you left off.

Silos happen purely out of convenience and herein lies the situation. Management tends to "stick with what works" and put the best people on the tasks that would be best suited for them. What people don't realize is you can gain more dividends by putting someone _else_ on the task that would get you 85% of the way there and let the person who you would normally assign the task to provide some feedback.  Now you have two people who can do the task.

So, what _if_ you've dug yourself into the trench of reliability? Well, guess what? You're probably inundated with emails, IMs, meetings, Slack messages, PagerDuty ... the list goes on. Those are obviously plentiful, but what isn't is your mental health or your freedom to take PTO.

The answer? Knowledge management.

Write documentation, record videos, loop people in on what you know. Explain. Educate. Powerpoint. If you're the Primary on something, tag someone to be your padawan and show them the ways of the Force. You get the idea. Stop holding the cards close to your chest.

Trust me. You're valuable with what you already know. Sharing doesn't make you any less valuable or put you at any more risk of getting canned. If you're at risk of getting canned, I guarantee it wasn't this article and you likely deserve better employment anyway.

Think about it. We would never have the beautiful works of art from famous painters and sculptors if they never expressed what they know. The same applies to technology. Just because you know something and the other teammate doesn't, means that you have to be available more to do the same task. 

Delegate. Educate. Disseminate.
Paracetamol.js💊| #120: Explica este código JavaScript
Tags: javascript, spanish, webdev, discuss
Published: 2022-05-19 15:28:48

## **<center>Explica este código JavaScript</center>**
#### <center>**Dificultad:** <mark>Avanzado</mark></center>

```js
function asyncFunc() {
  console.log('asyncFunc');
  return new Promise(
    (resolve, _reject) => {
      console.log('new Promise()');
      resolve();
    });
}
console.log('START');
asyncFunc()
  .then(() => {
    console.log('.then()'); // (A)
  });
console.log('END');
```

A. `START`, `asyncFunc`, `.then()`, `new Promise()`, `END`
B. `asyncFunc`, `new Promise()`, `START`, `.then()`, `END`
C. `START`, `asyncFunc`, `new Promise()`, `END`, `.then()`
D. `START`, `asyncFunc`, `new Promise()`, `END`, `undefined`

Respuesta en el primer comentario.

---
Is it worth developing MERN Stack Template ?
Tags: javascript, discuss, webdev, programming
Published: 2022-05-19 15:23:11

Why MERN stack does not have a theme/Template like WordPress themes? 

I am developing few full-stack solutions using MERN Stack and selling them as a theme/template. 

Why will you encourage me to do or why you will discourage me not to do it?

Actually, I am looking some feedback. 

Thank you
It is all about trade-offs
Published: 2022-05-19 15:09:36

Why "right or wrong" and other binary decision making doesn’t exist when developing software?

As a decision-maker, I wish I could just take binary decisions. Life would be way easier If I just needed to choose between the good or bad, the cheap or expensive, the simple or complex options, however, in reality, it is never like that. Every "yes" to one thing, is a "no" to everything else.

Should we use Java or Golang, MySQL or Oracle, microservices or monolithic, AWS or GCP?

There is no right or wrong. The choice that seems like the best option right now may not be the right choice in 6 months. It may not even be the right choice right now. But the only way to know is to make a choice. By taking action, you move in a direction.

Then you can evaluate that decision by measuring your progress toward your goal.

If you realize you’re off track, make adjustments. Please! don't be afraid to be wrong and more importantly, don't be afraid to admit mistakes

Each decision we make, each action we take, provides us with an incredibly undervalued tool: Experience!

Mistakes can cost money and are the manager's role to make sure people are making an educated decision and experiences has been considered.

<img style="width:500px" src="https://media-exp1.licdn.com/dms/image/C4E22AQENRGY21f0QMA/feedshare-shrink_800/0/1604687956225?e=1655942400&v=beta&t=ZYzwdTmchwu-OzTfh1bV9DPd-8A2KgXwcMoktMf_A3g" >
Coffee Machine Glowing | Pure CSS
Tags: codepen, css, tutorial, beginners
Published: 2022-05-19 15:07:35

Today we create a coffee machine art with CSS that pours coffee automatically while having a glowing name. Though this is just a fun tutorial, you can practice CSS art to improve your CSS skills. CSS art has been a fun way for me to learn new properties and improve my CSS skills. I have a bunch of CSS art tutorials. You can check them out [here](https://codepen.io/collection/RzpOqj). For this tutorial, all we need is some basic HTML and CSS.

This was also my first time using **keyframes**. 

**Keyframes** controls the intermediate steps in CSS animation sequence by defining styles for keyframes (or waypoints) along the animation sequence. Enjoy the code below!

{% codepen https://codepen.io/rembertdesigns/pen/rNYJqYj %}

If you liked this post, make sure to follow me on [Twitter](https://twitter.com/RembertDesigns) where I post daily about Tech related things!

### 🌎 Let's Connect

- [Portfolio](https://www.rembertdesigns.co/)

- [Twitter](https://twitter.com/RembertDesigns)

- [Github](https://github.com/rembertdesigns)

- [Codepen](https://codepen.io/rembertdesigns)

- [LinkedIn](https://www.linkedin.com/in/rrembert/)
trace parallel tech
Tags: firstyearincode, programming, beginners, career
Published: 2022-05-19 14:49:13

Giving it a bit of thought has made me wonder.
Why do some people think it is "Illegal" to migrate from one career to another? why do they think it's near impossible?

Then I realized our field of work is a whole new thing, different from common work. We have, for the first time in HISTORY, created a field where we have as much demanding rights as every other field should have. WE own it. in the condition that you are good at what you do.

So taking this into consideration, as well as some of my other posts, please do consider knowing there are techs and languages out there that you could become great at, if you only appreciate what it can do for you.
In example, I for one, am finally diving into the world of database. Not just getting to know, because that, most of us do already. But I mean really getting into it as if I was moving from Front-End to Back-End. 
Some of us take longer than others to get from A to B, but in the end, we pull through, if we really put out minds to it.
Two-way data binding for concise APIs in Vue. The dialog example.
Tags: javascript, vue, react
Published: 2022-05-19 14:46:39

Two-way data binding is a controversial thing. Keeping the flow of data to be only from parent to child, is a beneficial thing when the time comes when you have to fix a bug in a complex application.
React has always been very strict about this, which leads to a pattern seen very often, for example in the popular Material UI library.

Imagine the situation where you want to create a component library, with a dialog component.

For simplicity our example will only have a button to close the dialog.

The parent component will have an additional button to toggle the open state of the dialog and the dialog component will be able to "close itself".

This is typically how this component would be used in React.

```jsx
import React, { useState } from 'react'
import EasyDialog from './components/EasyDialog'

function App() {
  const [open, setOpen] = useState(true)
  return (
    <div>
      <button
        onClick={() => {
          setOpen(!open)
        }}
      >
        Toggle the dialog
      </button>
      <EasyDialog
        open={open}
        onClose={() => {
          setOpen(false)
        }}
      />
    </div>
  )
}

export default App
```

And this would be the component's code:
```jsx
import React from 'react'

function EasyDialog({ open, onClose }) {
  return (
    open && (
      <div>
        <button onClick={onClose}>Close me</button>
      </div>
    )
  )
}

export default EasyDialog
```

It feels wrong that you have to tell the dialog to call `onClose`, a prop passed down from the `App` component to the dialog, doesn't it?

In my honest opinion this boilerplate is even worse than two-way data binding, here the child is de facto executing a method from the parent!

In Vue this problem does not exist, since we can create our custom two-way data bindings, also known as custom v-models.

This is how the equivalent app looks in Vue

```vue
<script setup>
import { ref } from 'vue'
import EasyDialog from './components/EasyDialog.vue'

const open = ref(true)
</script>

<template>
  <div>
    <button @click="open = !open">Toggle the dialog</button>
    <EasyDialog v-model="open" />
  </div>
</template>
```

Isn't this API a lot nicer? No need to pass any function to the child component, it's the child that emits:

```vue
<script setup>
defineProps(['modelValue'])
defineEmits(['update:modelValue'])
</script>

<template>
  <div v-if="modelValue">
    <button @click="$emit('update:modelValue', false)">Close me</button>
  </div>
</template>
```

So much more concise ...
Vue allows to do it, Svelte allows to do it, React probably never will introduce such ergonomics.

The React team has its reasons to do so and most React developers feel comfortable with this approach, so as a Vue developer I sure won't question this decision and just be a happy guy :D
Version 1.0 Released 🎉
Tags: devops, cloudops, aws, productivity
Published: 2022-05-27 09:46:02

---
title: Version 1.0 Released 🎉
published: true
date: 2022-05-19 14:43:26 UTC
tags: #devops, #cloudops, #aws, #productivity
canonical_url: https://www.setops.co/blog/version-1-0-released
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s0zjanwdom08pp1mwdmh.png
---

We have been building SetOps for more than 2 years, putting all efforts into the production readiness of the API. Now it's time to call SetOps stable and release version 1.0! I will tell you what changes we made and what that means for you.

[... Read more!](https://www.setops.co/blog/version-1-0-released)
Help needed for A new laptop. if Already used it's not bad ,I will appreciate.
Published: 2022-05-19 14:41:56

I'm a young guy with love in the software development aspect, ever since I struggled to get myself a gadget so I could start my coding, but wasn't possible because I couldn't afford one,please I seek the community help to help me out, as this can be a way to help my future careers.. if you need anything to confirm my Real identity.. 
My email is at timilehinitadare@gmail.com
I will surely provide the proof of identity, please ] would be grateful if the community help me
How Babel transforms JSX to JS
Tags: react, javascript, webdev, beginners
Published: 2022-05-19 14:41:35

When writing JSX you can either start your tag in lowercase `<div>` or in uppercase `<Component>`. Below we will discuss each case separately

## Lowercase tags
Babel transforms `<div>..` into `React.createElement('div',...)`. Essentially treating the tag name `div` as a string.

## Capitalized tags
Babel transforms `<Component>...` into `React.createElement(Component,...)`. Notice the lack of quotation around `Component` this means it will get treated as a variable.

## What can the variable hold?
The first argument to `React.createElement` can only hold strings or functions that return something that's renderable. Typically it simply holds a React component, which is a function that returns JSX. 

## Conclusion
Now we know `<Component>..` doesn't have to reference a React component. It can also reference a simple string or any function that returns renderable content.
Like a spellcheck for email recipients
Published: 2022-05-19 14:27:04

[https://www.jiminyclick.com](https://www.jiminyclick.com)

Nearly every week, we'd hear at work about how somebody's sent out some confidential email to the wrong company and how we're now in jeopardy. They'd start typing in the name of the person they mean to send the sensitive information to, and just click the first entry in the auto-complete list. The first thing proposed was to disable the Outlook auto-complete, as that was thought to be the culprit.


Needless to say, the users revolted. We'd just taken away a productivity tool and now they had to go find the email address of every single person they wanted to email. Since everyone had grown so reliant on the auto-complete, nobody had created contacts for any of these people and everyone was angry. They'd have to go into old emails, copy the email address of the people they wanted, and paste them into the email. They'd grab extra symbols around the email as they'd quickly try to do this. It was a nightmare. Within a week, we were told to re-enable the feature.


I had an idea: why couldn't you use AI to tell if somebody was about to email the wrong person? Sure, it was easy to miss bsmith@somecompany.com wasn't the same as bsmith@someotherplace.com as a human, but a computer wouldn't make that mistake nearly as easily. So I started working on my nights and weekends on a way to create a "spellcheck" for recipients. I made an Outlook extension that reads your email, gets to know your habits, and can tell if you're about to email the wrong person. I started thinking that I could probably easily have it detect if you missed an attachment, so I added that feature in as well. A lot of testing later and I had Jiminy.
Batman OG Logo | Pure CSS
Tags: codepen, css, beginners, tutorial
Published: 2022-05-19 14:26:49

In this post, we show you how to create the 1960's Batman logo, which is iconic in itself by using multiple ellipses to create the background & multiple circles to create the bat logo. 

{% codepen https://codepen.io/rembertdesigns/pen/OJOQPmv %}

If you liked this post, make sure to follow me on [Twitter](https://twitter.com/RembertDesigns) where I post daily about Tech related things!

### 🌎 Let's Connect

- [Twitter](https://twitter.com/RembertDesigns)

- [Github](https://github.com/rembertdesigns)

- [Codepen](https://codepen.io/rembertdesigns)

- [LinkedIn](https://www.linkedin.com/in/rrembert/)
Dark Knight Logo | Pure CSS
Tags: codepen, css, tutorial, beginners
Published: 2022-05-19 14:16:39

Here is the Dark Knight logo made using 4 circles & 3 squares to make this iconic logo from the legendary series.

{% codepen https://codepen.io/rembertdesigns/pen/abVEaGm %}

If you liked this post, make sure to follow me on [Twitter](https://twitter.com/RembertDesigns) where I post daily about Tech related things!

### 🌎 Let's Connect

- [Twitter](https://twitter.com/RembertDesigns)

- [Github](https://github.com/rembertdesigns)

- [Codepen](https://codepen.io/rembertdesigns)

- [LinkedIn](https://www.linkedin.com/in/rrembert/)
Tutorial To Build Full Stack Amazon Clone with Admin Panel
Tags: flutter, javascript, node, mongodb
Published: 2022-05-19 14:09:36


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

Tutorial to Build Full Stack Amazon Clone along with Admin Panel using Flutter, Node.js, Express and MongoDB for beginners!

Link: https://youtu.be/O3nmP-lZAdg

This video covers the complete UI of Amazon including features like auth with email/password, cart, searching products, fetching them based on category, rating them, fetching deal of the day, checking out using GPay/Apple Pay, viewing the orders, the details of the order along with their status which can be changed from the admin panel, view total sales and graph of sales based on category.