teleren/devto huggingface dataset:
Build an app for sending GIFs and win 300$!
Tags: contributorswanted, javascript, webdev, sideprojects
Published: 2021-09-07 14:41:03

![https://media.giphy.com/media/th5if2irUcjPtnrn1a/giphy.gif?cid=ecf05e4744rdd1ugvjs9g2wvla0p0ur6xbbt728veo4plsn2&rid=giphy.gif&ct=g](https://media.giphy.com/media/th5if2irUcjPtnrn1a/giphy.gif?cid=ecf05e4744rdd1ugvjs9g2wvla0p0ur6xbbt728veo4plsn2&rid=giphy.gif&ct=g)

Hello! 👋

LiveChat would like to invite you to a very special event! Our Developer Platform is running a **live coding session**, during which we’re going to put our design skills into practice and build an **integration with Giphy.** The app will allow agents to display, search for, and send gifs to the chat.

It will be a great opportunity to master [LiveChat Design System](https://livechat.github.io/design-system/), which is used both by engineers working at LiveChat and external developers building apps for the Marketplace. It will also be a chance to learn a bunch of good practices in designing web apps.

*[Quick Side Note: The [LiveChat Developer Platform](https://developers.livechat.com/) is a space where external developers can build custom solutions for LiveChat customers. As a bonus, it’s a great source of passive income for developers who publish their apps in the LiveChat Marketplace. Our team supports developers during the whole process of creating and distributing their solutions: from sharing insights on customers’ needs to marketing new integrations.]*

### 💻 You'll learn how to: 

- build apps that match the LiveChat look and feel.
- optimize and speed up app development with the ready-to-use - components from the Design System.
- apply good UX patterns in web application design.
- avoid design anti-patterns.
- create a Settings page for your app through Developer Console.


### 🛠 What we are going to do? 

We'll build an integration with Giphy for displaying, searching for, and sending gifs to the chat right from the LiveChat Agent Application. Our application will store the history of sent gifs along with the filtering by date option. Additionally, we’ll add a Favorites feature. We’ll also enhance the app by a custom Settings page built through Developer Console, ensuring the app settings are always styled and displayed flawlessly.

### ⭐️ Prizes 

The first person to correctly resolve our coding task will receive the main prize, **300$**! 💸

📅 **When:** September 16, 2021 at 5 p.m. CEST

🔴 **Where:** [YouTube](https://www.youtube.com/watch?v=d792twx7Q0I)

👨‍🏫 **Host:** [Dominik Sławkowski](https://www.livechat.com/team/#dominik-slawkowski), Frontend Developer in the Developer Program 

*[[[[SAVE YOUR SEAT]]]](https://developers.livechat.com/live-coding-livechat-design-system-in-use/?utm_source=dev.to&utm_medium=blogpost&utm_campaign=lcs4)*

*Hope to see you there!* 🤞
Build role-based api Python and firebase authentication
Tags: python, firebase
Published: 2021-09-07 14:36:13

This is my complete guide to use **python firebase Auth** in 2021. I used  **Firebase Auth REST API ** official documentation to build a simple and clean python codes (api) that allows you to  :

*   Sign up with email / password.
*   Sign in with email / password.
*   Send email verification.
*   Sign in anonymously.
*   Send password reset email.
*   Get user data.
*   Delete account.

After this article you will be able also to make your own api.

So if you want use firebase authentication in one of your project, You will love today's article.

Let's dive in.

What is firebase authentication
-------------------------------

Firebase Authentication provides back-end services, **easy-to-use , and ready-made UI libraries to authenticate users to your app** . It supports authentication using passwords, phone numbers, popular federated identity providers like Google, Facebook and Twitter, and more.

It is also **free** !

Create Firebase Project
-----------------------

To create a firebase project :
[Keep reading](https://blog.icodes.tech/posts/python-firebase-authentication.html)
The Unanswered Question
Tags: programming, devops, mentalhealth, funny
Published: 2021-09-07 14:35:49

A meme that tries to capture the pain and shock to have your question in a forum like Stackoverflow unanswered. Is your problem truly too difficult? Is it maybe too idiotically simple that everyone refuses to answer? Perhaps you are a pioneer and the first to ever come across the issue? 

{% youtube GGabKvaihm0 %}
Could #buildInPublic Get You A Job?
Tags: career, webdev, codenewbie, programming
Published: 2021-09-07 14:34:06

\#buildInPublic is all the rage at the moment in the IndieHackers scene and I think it is a great thing for new developers looking for a job to do as well. Basically keep your side project code in a public GitHub repo and tell people about it. Talk about what you are making, the choices you made and what you are finding tricky.

This idea is probably mortifying to you, that’s ok. Putting our code out into the world is scary, you will make mistakes and have some questionable design decisions BUT, it will give you one thing that is vital when you are coding in a job and that is the experience of knowing other people can, and will, view your code.

In any good software team, your code will be reviewed by a team member before it is merged into the main codebase. This is an opportunity to catch mistakes, make sure one other person knows what you are doing and for them to make constructive comments on how to improve it.

Coding in public means you can ask other people to look at your code to simulate this- ask other coders on Reddit, Instagram, Slack/Discord, StackExchange etc. if they can take a look. Start with a small specific function and if you build a rapport you can ask them to look wider at the repo. Don’t expect masses of depth but even 5 minutes of a senior developer looking at your code can really improve your skills.

Getting used to this sooner rather than later ticks this off and makes it a complete non issue at the interview. I have been asked a number of times, “a team member has made a suggestion on your code, how would you handle this?” If you have had your code in public for a while you will have this question sorted and won’t be phased by it.

If you want more like this go sign up to the [CareerSwitchToCoding.com](http://careerswitchtocoding.com) mailing list and get a free chapter of my book 😀
Liman ID Bilgisi Nasıl Elde Edilir
Tags: liman, id, server, control
Published: 2021-09-07 14:24:29

Liman id bilgisi, liman ana ekranında bulunan profil kısmından görüntülenebiliyor.

![Screenshot_2021-09-01_16-20-11](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/96hu2341fesexehkcdxc.png)
 
Liman ana sayfasında ekranın sağ üst kısmında limana giriş yapılan kullanıcı profili gözüküyor. Profil üzerine tıkladığımızda açılan modal ile birlikte liman bilgilerine erişebiliyoruz.

![alt text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vjwapunh5n24b8euz9tf.png) 
    
Burada bulunan **liman id** kısmından gerekli bilgiyi temin edebiliriz.

![alt text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hnd2ofkcj5ut3qdiuo3z.png)
No code systems but not for "Makers"?
Published: 2021-09-07 14:16:46

Hi all, 

nice to find this community. 

We develop a product called Logiak. I want to tell you a bit about it, and then ask your advice about terminology.

It has been in evolution for years. In the past couple of years we have, with the help of Flutter, we've developed it into a cross-platform SaaS product. 

It is definitely a 100% "no-code" system - you can create apps with it, but it is not quite right to call it an "App Builder". It would be more correct to say "System Builder" where "System" here can be taken to mean "multiple apps working together".

The system evolved in the context of developing advice-giving apps for health-workers in resource-poor settings. In such a situation, a couple of things are really important, and these things are the core of our system..

1. Firstly, medical knowledge which is the basis of the app has to be really clearly encoded, with a consistent interpretation, intelligible, modifiable (because things change). 
1. Secondly, to avoid interpretation errors, the need that a medic can express and manage the knowledge without a programmer having to transform it is really strong. No code as requirement.

The "system" part comes from the need to have an app for the clinical health-worker(s), an app for the supervisor(s), maybe an app for the community health worker...

Now the question: we note the explosion of use of the term "No Code", but also note it is so often paired with the idea of "Maker" - which we take to mean: the non-programmer entrepreneur who can create an app which makes money using a no code system.

These terms seem so tethered, it sometimes leads to misunderstanding when we talk about our system. Sure, our system is 100% no code, but our target users aren't Makers..

We want our system to be used by *organizations* when making custom mobile systems (single or multi-app), because it is just really a efficient way to do it. 

We are not targetting the individual Maker, nor would we want someone to evaluate our system on whether it is possible to build an Instagram clone with it.

We enable organizations to embody important logic and important data manipulations in systems which can be used by field teams.

The questions: 

(1) do you see the terminological problem we are running into here? We are "No Code" but not "Maker" focussed. Or have we misunderstood "Maker" usage?

(2) do you know of a terminological strategy which would help us communicate about our "No code" product with fewer "Maker" connotations? 

Thanks
Latest Office suite error code fix 
Tags: office365, outlooksupport, microsoftlivesupport, microsofterrorcode
Published: 2021-09-07 14:13:11

<a href="https://livesupport.cc/Microsoft/fix-error-code-135011-microsoft-online-support/">https://livesupport.cc/Microsoft/fix-error-code-135011-microsoft-online-support/</a>
<a href="https://livesupport.cc/Microsoft/microsoft-office-error-code-1325-microsoft-customer-care-support/">https://livesupport.cc/Microsoft/microsoft-office-error-code-1325-microsoft-customer-care-support/</a>
<a href="https://livesupport.cc/Microsoft/error-code-1310-online-microsoft-support-office-customer-care-support/">https://livesupport.cc/Microsoft/error-code-1310-online-microsoft-support-office-customer-care-support/</a>
<a href="https://livesupport.cc/Microsoft/microsoft-office-error-code-128-microsoft-support/">https://livesupport.cc/Microsoft/microsoft-office-error-code-128-microsoft-support/</a>
<a href="https://livesupport.cc/Microsoft/microsoft-office-error-code-1224-4/">https://livesupport.cc/Microsoft/microsoft-office-error-code-1224-4/</a>
<a href="https://livesupport.cc/Microsoft/error-code-1224-28/">https://livesupport.cc/Microsoft/error-code-1224-28/</a>
<a href="https://livesupport.cc/Microsoft/microsoft-customer-care-error-code-12152-4-microsoft-support/">https://livesupport.cc/Microsoft/microsoft-customer-care-error-code-12152-4-microsoft-support/</a>
<a href="https://livesupport.cc/Microsoft/error-code-12030-4/">https://livesupport.cc/Microsoft/error-code-12030-4/</a>
<a href="https://livesupport.cc/Microsoft/chat-support/">https://livesupport.cc/Microsoft/chat-support/</a>
<a href="https://livesupport.cc/Microsoft/error-code-12030-27/">https://livesupport.cc/Microsoft/error-code-12030-27/</a>
<a href="https://livesupport.cc/Microsoft/error-code-12029-4/">https://livesupport.cc/Microsoft/error-code-12029-4/</a>
<a href="https://livesupport.cc/Microsoft/error-code-12007-4/">https://livesupport.cc/Microsoft/error-code-12007-4/</a>
<a href="https://livesupport.cc/Microsoft/error-code-12007-28/">https://livesupport.cc/Microsoft/error-code-12007-28/</a>
Throwing Null
Published: 2021-09-07 13:47:42

by Peter Neill and Andy Balaam – November 25, 2018

At OpenMarket we care a lot about getting our code right, and we like to know our tools and this subject has had us all involved in lively debate.

So, what do you think the following Java program prints out?

    class ThrowNull {
      class A extends RuntimeException {}
      public static void main(String[] args) {
        try {
          throw (A)null;
        }
        catch (A a) {
          System.out.println("a");
        }
        catch (Exception e) {
          System.out.println("e");
        }
        catch (Throwable t) {
          System.out.println("t");
        }
      }
    }

It’s throwing something of type A, right?

But does Java remember the type at runtime when it checks the type of the thing being thrown?

OK, I’m going to give you enough time to guess.  Choose your option:

    “b”
    “e”
    “t”
    Something else

Chosen?

The answer is 2 – the program prints “e”.
Why?

It took a bit of investigation and I followed some blind alleys before we figured it out: I initially decided Java used the type information at compile time (because if we just throw null with no mention of A, the compiler refuses to allow us a catch clause for A) but then threw it away at runtime, and somehow considered null to be an instance of Exception, but not of A.

My colleague Pete sits next to me here at OpenMarket, and one thing about Pete you can count on, is that if there’s a discussion like this going on, he is definitely going to turn in his chair and give me a teacherly look, then immediately get drawn into it and figure out the right answer.

Within 2.6 seconds of me musing about this problem, Pete was on the case hacking my example program until the answer was clear.

Actually, it’s simpler than it first looks.  Pete’s new program might help explain:

    public class ExceptionNull {
      class DumbException extends RuntimeException {}
      public static void main(String[] args) {
        try {
          DumbException dumbo = null;
          throw dumbo;
        } 
        catch (DumbException dumb) {
          dumb.printStackTrace();
        } 
        catch (Exception e) {
          e.printStackTrace();
        }
      }
    }

When you throw null, at runtime, Java stops you, and throws a NullPointerException instead, and this is what is caught in the catch (Exception e) block.

Whether or not this is helpful behaviour is open to question.

Some might say if we allow types that could never be null we might be prevented from writing such horrible programs, but what would be the fun in that?

What do you think?  Should Java do something different, or is this the best way to handle the situation?
Welcome to the OpenMarket Tech Blog
Published: 2021-09-07 13:45:17

OpenMarket's Director of Engineering Jonas Hellborg explains what this blog is for and why you might be interested.

Jonas Hellborg – November 24, 2018

Our technical teams at OpenMarket solve interesting and challenging problems every day. Our software engineers meet those challenges in a flexible and creative environment, which helps us attract and retain exceptionally talented people.

OpenMarket’s primary offerings provide platforms that allow enterprises to communicate with their customers via mobile messaging. In large part, those mobile messages are SMS messages, some of which are sent to the end users’ handsets and some sent from those handsets.

What makes this interesting or challenging? After all, SMS messaging has been around for more than 25 years. The problems we solve involve creating global, high-volume, high-availability, and high-performance services.

Let’s consider a typical use case – two factor authentication. We all have experience with this; when trying to log in to a bank or airline, retail or social media account. To confirm my identity, the site wants to send me a validation code. Often, this code is sent via SMS message, which is sent through OpenMarket’s platform. For me, as the end user, I want to get that message exactly once, as quickly as possible, no matter where I am. After all, I’m watching my mobile phone, thinking “It’s already been 4 seconds. Where is my code!” so the OpenMarket platform needs to be fast. With our platforms, we send billions of messages like that each month, so we need scalability in addition to speed and reliability. Finally, the mobile handset could be anywhere in the world, so we need to have connections to hundreds of suppliers and carriers across the globe.

Much of our interesting work involves building and managing the platforms that reliably handle traffic like that. Meanwhile, systems that process billions of messages generate a lot of data and we have a data management team working on collecting, storing, enriching and analyzing all that data. In addition, we build many complementary products and services that help our customers create, manage and orchestrate the delivery of all those mobile messages. Each of these teams tackles fascinating issues every day.

Welcome to our tech blog. I invite you to come back from time to time, to learn more about the kind of work we’re doing. If it sounds interesting, take a look at our careers page to join the fun.

Finally, we’re interested in what you think. If you have comments or suggestions about our blog, please email me directly (jonas.hellborg@openmarket.com) and I promise that I’ll respond.
Livesupport.cc
Tags: customercare, windowssupport, onlinelivesupport, chatsupport
Published: 2021-09-07 13:41:11

<a href="https://livesupport.cc/microsoft-365">microsoft customer care support </a>
Support for Microsoft products Windows 10, Windows 8, Windows 8.1, Windows 7 & Microsoft Office Suite including Word, Excel, Outlook etc...

Talk to our Experts by chat on your computer

No waiting on hold, no scripted answers, no automated representatives. Just a real technician giving you the answers you need.
🛠 Testing AWS Chalice Applications
Tags: aws, testing, programming
Published: 2021-09-07 13:31:41

#### 📗 A tutorial to learn how to write unit tests and integration tests for REST APIs in AWS Chalice. Additionally, we will see how to measure test coverage. 

### <br>

**TL;DR:** In this tutorial, we will learn how to write unit tests and integration tests with Pytest in AWS Chalice applications. We will also learn how to measure test coverage.

## Introduction

[AWS Chalice](https://aws.github.io/chalice/) is a Python-based web micro-framework that leverages on the [AWS Lambda](https://aws.amazon.com/lambda/) and [API Gateway](https://aws.amazon.com/api-gateway/) services. It is used to create serverless applications. The Chalice experience is [Flask](https://flask.palletsprojects.com/en/2.0.x/)-like by way of features like semantics and syntax. For more details on creating and deploying Chalice applications, you can go through the article on [how to create CRUD REST API with AWS Chalice](https://auth0.com/blog/how-to-create-crud-rest-api-with-aws-chalice/).

When building applications, there is a need to [test](https://en.wikipedia.org/wiki/Software_testing) the code to avoid shipping bugs and unstable code. It also saves one a lot of debugging hours and makes deployments less stressful.

Common forms of tests in software development include:

1. [Unit test](https://en.wikipedia.org/wiki/Unit_testing): This tests a particular function, component, or logic in the code. This way, edge cases can easily be identified, isolated, and fixed. Unit tests usually involve inspecting the output of a function against a known or expected output.
2. [Integration Test](https://en.wikipedia.org/wiki/Integration_testing): examines multiple parts or the entire application in an end-to-end manner. It considers how each function or component works with the other.

However, Chalice currently provides a test client for just unit tests. Therefore, the integration tests are written in a manner similar to unit tests with no major difference other than the fact that integration tests consist of multiple unit tests.

## Where to Write Tests

In Python-based applications, tests are usually housed in `test.py` files. These are the test files that will import the application logic to be tested.

[Read more...](https://auth0.com/blog/testing-aws-chalice-applications/?utm_source=content_synd&utm_medium=sc&utm_campaign=aws)
Vuejs Adobe color clone part 1.
Tags: vue, adobe, clone, javascript
Published: 2021-04-30 23:03:58

I come back with few changes in my attention to recreate Adobe color. I was struggling with making every component update slider separated. Then I decide to use Vuex with Vuex magic and Watch magic I finally made it (Yayyyyyyy 👏 😱). For now, I have only the easiest part done Shades but the concept now is the same and simple.

If you check line 56 this is when beauty start I made myself a little function called hsltorgb.
```
hsltorgb: function(hslcolval,changevalue) {
      h = hslcolval[0]+changevalue[0];
      s = hslcolval[1]+changevalue[1];
      l = hslcolval[2]+changevalue[2];
```
This function takes 2 arrays as arguments. The first array is the HSL value of the color you changing at this moment and the array looks like this [Hvalue,Svalue,Lvalue] and the second array is changed I want in the next color boxes. 
It will be a positive number if I want to add some number and a negative number if I want to subtract value for example [0,1,-1], 
if I use this array for changevalue H will stay the same if S is 50 it will become 51 and if L is 50 it will become 49.

This is the color wheel.
![Color wheel](https://www.sessions.edu/wp-content/themes/divi-child/color-calculator/wheel-3-rgb.png)

Now when you check the wheel you see we have a circle (360 degrees who don't know 😎) and if we have red color (hsl(0,100%,50%)) and I want to get the green color I just need a pass to my function [0,100,50], [120,0,0] because green is on 120 degrees if I want blue I need 240. 

Notice: I still working on this and for now it doesn't work so well except if we change the first color box but soon I will make it work with any color box. 

{% codepen https://codepen.io/bajro91/pen/eYgXjNZ %}
If you like my work feel free to leave me like ♥
Der Gutenberg WordPress Block Editor
Tags: wordpress, pagebuilder
Published: 2021-09-10 12:38:06

---
title: Der Gutenberg WordPress Block Editor
published: true
date: 2021-09-07 13:28:53 UTC
tags: WordPress,pagebuilder
canonical_url: https://bloggerpilot.com/gutenberg/
---

![](https://bloggerpilot.com/wp-content/uploads/2021/09/gutenberg.png)

Jeder auf der Welt liebt den Gutenburg-Editor für WordPress. Es ist ein fantastisches Werkzeug, das es uns so viel einfacher macht, schön aussehende Websites zu erstellen. Mit ihm kannst du nicht nur schöne Layouts mit deinen Inhalten erstellen, sondern er macht auch das Hinzufügen von Code für uns einfach.

Gutenberg ist ein WordPress Block Editor und wurde im Dezember...

Der Original-Artikel erschien auf [Der Gutenberg WordPress Block Editor](https://bloggerpilot.com/gutenberg/).