teleren/devto huggingface dataset:
Front-end vs Back-end vs Full-stack Developers
Tags: webdev, career, beginners, programming
Published: 2022-10-21 16:17:17

The front end of a website refers to the elements that you can see in your browsers, such as the navigation bar and the way that content is displayed. Front-end developers deal with HTML, CSS, JavaScript, and their corresponding frameworks to make sure that content is presented well and that users have a great time. (Bootstrap CSS, Tailwind CSS, Foundation CSS, React js, Angular Js, Vue Js etc are all included in front end programming).

The back end of an application is the portion of it that sits on the server. The back end saves and serves program data to make sure the front end has what it needs. This process can become quite difficult when a website has millions of users. Back-end developers use programming languages like Java, Python, PHP, and Ruby to interact with data.

A full-stack developer has the ability to manage both the front and back ends. They possess expert front-end and back-end tools for building application interfaces, or the component of the application that users can view, as well as for doing the logic and data manipulation necessary to make the interface function.

Learn Web Development
https://www.fiverr.com/share/mV72wb

Watch On YouTube

{% embed https://youtu.be/ThJF2AePSa4 %}
Sillas Para Oficina Ergonómicas¡¡
Published: 2022-10-21 15:43:04

¿Padeces de dolores de espalda, dolor lumbar o mala postura? Las sillas de oficina son una de las cosas más importantes para el confort y la productividad en el trabajo. 

Las personas que trabajan frente a una computadora por mas de 8 horas saben lo importante que es tener una buena silla. Los expertos en ergonomía han diseñado una variedad de [sillas para oficina](https://sillasdeco.mx) que están diseñadas para proporcionar una postura correcta y un nivel óptimo de confort. 

Si buscas mejorar tu salud y bienestar, inventir en una buena silla de oficina es una excelente idea. ¡Comenta abajo si necesitas ayuda para encontrar la silla perfecta para ti!
The astonishing logic behind pip update
Tags: python, programming, beginners, tutorial
Published: 2022-10-21 15:32:23

Hey there everyone 👋1!

To all the **_[Python](https://python.org/)_** users out there, we've all used **_pip_** in out life, right?

## 😮 History

`pip` is the de facto and recommended package-management system written in Python and is used to install and manage software packages. It connects to an online repository of public packages, called the Python Package Index.
It was released on 4 April 2011 with the **_[MIT](https://opensource.org/licenses/MIT)_** license.

Over the years `pip` was changed rapidly! A lot of ground-breaking changes were introduced in the recent few years.

## 🦄 Updating `pip`

We all know how to update pip a package in pip, right? We just do
```bash
pip install -U <package_name>
```
But, pip too itself is an package, but it cannot be updated with the same command -
```bash
pip install -U pip
```
**NO**! It's wrong!

## 🐲 Explanation

Consider you are running an app. Now if I delete the app and reinstall a new version of the same app while the app is running, is it possible? NO! If I delete the source while it is running it will no longer exists to work, so abnormally quit itself. Thus, pip added this safety check to run itself under python as a module. 🧑‍💻 Quite amazing and next-level thinking right?

I too recently realised this while fix a bug in the docs of **_tenserflow_**.

{% embed https://github.com/tensorflow/docs/pull/2141#issuecomment-1283697456 %}

## 🙍 Connect with me
- **Mail** - `akashpattnaik.github@gamil.com`
- **Github** - `BLUE-DEVIL1134`
- **Twitter** - `akash_am1`
What was your win this week?
Tags: discuss, weeklyretro
Published: 2022-10-21 15:30:00

Hey folks! 👋

Hope everybody is having a fantastic Friday and that you all have wonderful weekends!

Looking back on this past week, what was something you were proud of accomplishing?

All wins count — big or small 🎉

Examples of 'wins' include:

- Starting a new project
- Fixing a tricky bug
- Carving a pumpkin 🎃

---

Put your weekend face on! 😎

![Cartoon — An old stiff pulls themself apart revealing a fluffy dancing red character in black pants and the screen starts flashing in multiple colors. The word Friday is above the character at all times.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wyixjyrwnisq54908hc7.gif)
Pipy 0.70.0 is released!
Tags: proxy, pipy, kubernetes, programming
Published: 2022-10-21 15:26:06

**[`Pipy`](https://flomesh.io) 0.70.0** is now available. This release consists of 170+ commits and comes with improvements to several areas including support for writing Pipy modules using C via Pipy Native Module Interface (NMI), PJS language extensions like looping construct, Map, Set, etc, protocols like Thrift, PROXY, TPROXY, Output UDP with Ephemeral ports, Encoder/Decoder for DNS protocol,  and more. This version of Pipy comes with a fresh and new design of modules/plugin system, enhanced Pipy unique Admin Console, IDE is now more robust and supports more features like Intellisense, parameters highlighting, hints, etc.
This release continues on the great work of previous releases and optimization is done for PipyJS and code readability, better documentation, and some bug fixes.

This release was indeed a community effort and could not have been made possible without all of the hard work from everyone involved in active discussions and the Pipy project on GitHub.The Pipy community provides code submissions covering new functionality and bug fixes, documentation improvements, quality assurance testing, continuous integration environments, bug reports, and more. Everyone has done their part to make this release possible! If you’d like to join this amazing community, you can find it on GitHub, Slack, and the Pipy discussion groups.

Below we list the most remarkable changes in the Core API and PipyJS. For a detailed change log, refer to [Pipy Release Page](https://github.com/flomesh-io/pipy/releases/tag/0.70.0-2)

## Core

* NMI (Native Module Interface) for dynamically loaded modules written in C
* New module/plugin system by using chain() filters
* Support loop logic in pipelines by using the new replay() filter
* Builtin GUI frontend greatly reduced in size by using Brotli compression

## Protocols

* Support Thrift protocol
* Support the Proxy protocol proposed by HAProxy
* Support outbound UDP with ephemeral local ports
* Support TPROXY on UDP

## API

* Implementation of the standard ECMAScript builtin objects Map and Set
* Encode and decode DNS messages
* Logging API now supports HTTPS receivers and Syslog
* Expose subject alternative names of a certificate
* Mux filters to support limit of maximum messages per session
* Netmask API now supports IPv6

## Documentation & Samples

* Renovation of the documentation system by using TypeScript
* All new tutorials with complete API reference
* New samples for HTTP proxy common use cases


We would like to thank each and every contributor who was involved in this release.
Promise.all(), Promise.any() as Simple as ABC
Published: 2022-10-21 15:15:52

Many of us now regard the beloved Javascript **Promise API** as old fashioned, now that we have **async/await**. But Promises still have their place and are still very relevant.

But what if you're just beginning to learn Promises and are finding it hard to wrap your head around. Follow me briefly as I quickly explain it with a simple code example.

A promise is a function that helps you write asynchronous code. What this means is that if you make a network request in your program other parts of the program won't have to wait  until your network request is complete. I'm sure you must have heard that Javascript is single-threaded, and runs your code from top to bottom.

Javascript Promise API is available to us as a class, all you have to do is to instantiate it as you would a class in OOP.

It takes two arguments, which are functions you use to return the data from your request or the error, if that was the case.

Conventionally, we call the arguments resolve and reject. The former returns your data, while the latter returns error.

Alright, enough talk. Let's see a simple example:

```
const userPromise = new Promise((resolve, reject) => {
    axios()
    .then((res) => resolve(res.data))
    .catch((error) => reject(error))
})

userPromise
.then((data) => {
    // use data here
})
.catch((error) => {
    // handle error elegantly
    console.log(error)
})

```
If what you need to make multiple API requests and you want all of them to complete (resolve) before you can do anything with them. You have just the perfect method of that - Promise.all()

This method takes a list of promises or requests that haven't resolved.

It resolves all your promises in a go if all of them went well but return the reject should any fail.

```
const axios = require('axios') #assumes axios is imported
const userPromise = new Promise((resolve, reject) => {

    const req1 = axios.get('https://reqres.in/api/users/1')
    const req2 = axios.get('https://reqres.in/api/users/2')
    const req3 = axios.get('https://reqres.in/api/users/3')

    Promise.all([req1, req2, req3])
    // # when all of the promises resolve
    .then(promises => resolve(promises))

    // # when any of the promises rejects
    .catch(err => reject(err))
});

userPromise
// #if all 3 reqs went well
.then((listOfPromiseData) => {    
    const users = listOfPromiseData.map(({data}) => data.data.email)
    console.log(users)
})
// if any of reqs went south
.catch((err) => console.log('just err...'))
```

Remember in the above example all 3 requests must be successful for .all() to resolve. But in other situations you might need just one of the requests to come true to proceed, in such case the candidate is Promise.any(). I'm sure you don't need another example to show this. Use .any() in place .all() and intentionally fail of your requests.

Hope you've learnt something today. Thank you for reading ❤️
Day29 of #100DaysOfCode
Tags: 100daysofcode, nextjs, webdev
Published: 2022-10-21 15:11:42

I spent an hour or so trying to figure out how to create sitemaps for nextjs app.  I ended up using next-sitemap and made it work in the development branch.

I haven’t yet pushed it to the main branch because I’m not sure if Vercel will run the postbuild script automatically or not or I have to customize the build script manually in Vercel.

Another thing that complicates this is that I haven’t really merged dev branch to main branch before so I will need to study a bit more before I have the confidence to merge the branches 😂.

Tomorrow and the coming weekend will be quite busy for me as I’m flying to Laos for a business trip. (Shameless plug: We have over 110MWs of hydropower to be used in bitcoin mining.  All licensed by the Laos government 🇱🇦)

Now you know why I’m creating this [Hashing.energy](hashing.energy) website. It’s because I realized that in a small country like Laos there is an oversupply of hydropower (at least 1.2GW are issued for crypto mining).  I want to be able to map out untapped energy and wasted energy around the world for my own personal use. (I have a friend who specializes in converting gas flare to Bitcoin mining. So after hydropower, I’ll probably focus on gas flare next)

Hopefully I can learn quickly and complete this hashing.energy website soon! 😍
The most overkill stairs automation
Tags: opensource, microservices, showdev, luos
Published: 2022-10-21 15:05:57

Nicolas Rabault wanted to create fantastic animations on his house stairs. To show you his work, he recorded a quick video demonstrating his use of Luos, led_strips, and load sensors.

{% embed https://www.youtube.com/embed/MT_hdq4ZtUk %}

If you have any questions, ask Nico 🤙1209 on the Luos Discord (link in comment)
Avengers Gallery
Tags: react, css, webdev
Published: 2022-10-21 15:03:04

Hello Developers. I hope you are coding well. As a fan of Marvel, we admire our beloved characters in MCU. Mostly, Avengers. Somehow they made so many memories in the MCU. We all are connected to them very well. The characters shall be remembered for a long time. As I am learning React today and building some web pages. One day I was like "I should build one for them". So, I started building it and here it is. There's a link down below. Let me explain you before you explore it. This is some sort of a gallery thing, where you can find the HD pictures of them. Just search the character name in the search box. You'll get them. 

Here are some sample screens that'll drive you further.

**1. HomePage**


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

Click on the names of the characters to know more about them.

**2. Character Info**


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

**3. Search Box**


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

You can see the Search Box on the top right corner. Click on it and enter the name of the character. 

**4. Full Image**


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

Click on the image. There you go, A full sized image of the character that you searched for. 

**Click the link down below to see the Original-Six of Avengers.**
[Link🔗](https://praveenkumarpanchadarla.github.io/Original-Six/)

That's pretty much it. Hope that helps you **x3000**.
Being a Developer Advocate: Week 7
Tags: devrel, learninpublic
Published: 2022-10-21 15:02:13

Time flies when you are busy. It is already Friday again...

I have done so much this week: Moderation of a slot at the Global QA Summit 22.2, and giving a talk later the same day. Meanwhile learning Flutter while building a complex demo with our tool.

## Global QA Summit: Hosting a Slot
I am really anxious when it comes to hosting any event. As a host there is so much you have to track. Time boxes, making sure everyone feels welcome and at this particular event, the Q&A is 30 minutes with all speakers. Everybody should get their fair share of speaking time.

I prepared some questions (which were not needed 🤣) and researched the topics of each talk as well as the speakers.

Also, I personally do not think my personality is a good fit for hosting! But it is sooo fun to talk to amazing speakers and watch them do what they do best. So I bring a curious and positive mindset to it and I hope that does the trick 😇

## Preparing a Demo
Together with a colleague, we prepared a PoC for a Flutter automation. Our tool supports Android devices already but Android is a little bit _special_. So we spend a lot of time figuring out how to setup with an emulator and then fiddling together a nice Flutter app that we could automate with our tool.

A highlight was that I managed to get the automation running on a real Android tablet.

The demo including the automation will serve as the foundation of a tutorial series where we show what our tool can do with Android.

Sadly we do not have any documentation on it now and it is dearly needed by our users!

So in the spirit of content reuse, this week was amazing 🥳

## Helping Users Out
As I am growing more competent with our product it is time to finally start engaging with our community (If you want to join: https://discord.gg/vQc4Tbb7 ☺️) by responding to questions and helping out.

I now understand better why it is so important to be there. Already got some new ideas on what is missing for a better Developer Experience!
The Beginning
Published: 2022-10-21 14:59:50

Yesterday I started to learn JavaScript, by watching, and coding along with Jonas Schmedtmann.



I am planning to become really good at JS and then find a job with my JS skills.



I am planning not only to stop there, but also then dive into .Net, and come up with an awesome project using .Net and Angular or perhaps React.



I want to keep this one short and get back to studying. 



Soon I'll be returning to health tourism industry to be able to afford my living but I'll keep on learning code as much as I can and finish Jonas' course in 3 months.

21.10.22
Recursion in array
Published: 2022-10-21 14:44:29

Hi Guys I'm a newbie here,

can you help me with these problem to create recursion adding the elements in the invoicelist.

let InvoiceList = ["Invoice 008", "Invoice 007", "Invoice 006", "Invoice 005"];

function insertToBottom(status) {
  if (status.length > 0) {
    return 1;
  } else {
    insertToBottom(status.length - 1);
  }
}

console.log(
  insertToBottom(["Invoice 008", "Invoice 007", "Invoice 006", "Invoice 005"])
);
Unique Major Project Ideas?
Tags: help, programming, ai, datascience
Published: 2022-10-21 14:40:18

I'm doing my bachelors in I.T, I'm expected to use Latest Technologies and have Unique Application / Implementation. 🥲 

My field of Interest are A.I, ML, Application / WEB Development and Data Science.
I am Excited to try new technologies like Docker, Open-AI etc.  

I Have Done FULLSTACK (MERN) project earlier, so not in that regard... 

TBH, I really Don't know that this way of asking is acceptable here? Feel Free To guide me and Thanks for your Precious time.
This Week in Python
Tags: python
Published: 2022-10-21 14:40:00


**Fri, October 21, 2022**


This Week in Python is a concise reading list about what happened in the past week in the Python universe. 


## Python Articles


- [The Ultimate Guide To Sets In Python](https://levelup.gitconnected.com/the-ultimate-guide-to-sets-in-python-c7556402726c)
- [Python’s Type Hinting: Friend, Foe, or Just a Headache?](https://betterprogramming.pub/pythons-type-hinting-friend-foe-or-just-a-headache-73c7849039c7)
- [Python isn’t Used in Prod](https://www.ianwootten.co.uk/2022/10/19/python-isnt-used-in-prod/)
- [Python, Flask, and SQLite](https://quindarius.com/timeline/2022/10/16/python-flask-sqlite.html)
- [Hello World under the microscope](https://gynvael.coldwind.pl/?lang=en&id=754)





## Projects

- [mintotp](https://github.com/susam/mintotp) – Minimal TOTP generator in 20 lines of Python
- [neograd](https://github.com/pranftw/neograd) – A deep learning framework created from scratch with Python and NumPy
- [codex_english2python](https://github.com/alxschwrz/codex_english2python) – Converts plain english to python code snippets by using OpenAI CODEX 
- [sqlite-utils](https://github.com/simonw/sqlite-utils) – Python CLI utility and library for manipulating SQLite databases
- [panel](https://github.com/holoviz/panel) – A high-level app and dashboarding solution for Python
HacktoberFest Update
Published: 2022-10-21 14:05:00

We're three weeks into Hacktoberfest. I thought I would post a quick update on my progress. I'm writing this on lunch time Wednesday but using the new schedule feature to publish Friday Morning.
I'll be offline this weekend so it'll be great to test scheduling.

## Contributor.
2 Pull request accepted and matured.
2 Pull request merged and maturing. (One will mature early Saturday morning.)
1 Pull Request pending
1 issue assigned, and still working on it.

That means as of now. I have met the goal of four PRs accepted for the month with two more in process.

![wire frame sphere. text says "your fourth Hacktoberfest pull request has been approved."](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6bqdpot29wgx2v49qps1.jpg)

## Maintainer.
This is my first year maintaining a project. So far I had 4 new to Hacktoberfest PRs accepted. This will be a blog in November.
Function Friday – Coalesce
Tags: development, flow, functionfriday, powerautomate
Published: 2022-10-26 20:53:18

---
title: Function Friday – Coalesce
published: true
date: 2022-10-21 14:00:00 UTC
tags: Development,flow,FunctionFriday,PowerAutomate
canonical_url: https://barretblake.dev/2022/10/function-friday-coalesce/?utm_source=rss&utm_medium=rss&utm_campaign=function-friday-coalesce
---

I had intended to cover the XML XPath function this week. But due to some time constraints I needed to make this a quick hit this week, so I’m going over the coalesce function instead.

The coalesce function is quite simple. You pass in any number of arguments and coalesce returns the first item in that list that isn’t a null value.

```
coalesce(<item1>, <item2>, <item3>, ...)
```

The function looks at each item in the order that they are passed in and whatever the first one that isn’t null is will be your output value. You can pass in variables or static values.

It’s important to remember that empty is not the same thing as null. So a blank string (“”), an empty array ([]), or an empty JSON object ({}) are not null values. So if one of the parameters is one of those, that’s what your return value will be.

```
coalesce(null, "Hello", null) // returns "Hello"
coalesce("", "Hello", variableA) // returns ""
```

If all parameters are null, then null is the return value.

The post [Function Friday – Coalesce](https://barretblake.dev/2022/10/function-friday-coalesce/) first appeared on [Barret Codes](https://barretblake.dev).
#Coding4Fun – Power Automate and Cat as a Service 😸
Tags: englishpost, catasaservice, coding4fun
Published: 2022-10-21 18:31:53

---
title: #Coding4Fun – Power Automate and Cat as a Service 😸
published: true
date: 2022-10-21 13:59:46 UTC
tags: EnglishPost,CatasaService,Coding4Fun,EnglishPost
canonical_url: 
---

Hi !

You probably didn’t request this, but hey, it’s Friday and it’s time to have some fun.

Yesterday, thanks to Rishab, I learned about [Cat as a Service (cataas)](http://cataas.com). Yes, because we can have ANYTHING as a Service !😸.

I was thinking about some cool and advanced scenarios to use this, then I realized that I can make my team smile with a super simple solution.

#### A Power Automate flow that sends an email every Monday at 10AM with a cat photo ! 

This idea rocks !🤘🤘🤘

And it’s super easy to implement. A 2 step flow

- Schedule Trigger with a weekly cadence, for each Monday at 10AM.
- EMail action with html body with the following content:

```

<p><b><font color=blue>Happy Monday</font></b></p>
<img src="https://cataas.com/cat"
alt="Monday cat !">

```

Single screenshot of the flow.

![screenshot of the flow](https://brunocapuano.files.wordpress.com/2022/10/image-7.png?w=911)

And a happy Inbox !

![Inbox screenshot with the new email with a cat photo](https://brunocapuano.files.wordpress.com/2022/10/image-9.png?w=1024)

Happy coding!

Greetings

El Bruno

More posts in my blog [ElBruno.com](https://www.elbruno.com).

* * *