teleren/devto huggingface dataset:
📱Build a Flutter Wishlist App, Part 2: Adding CRUD Functionality to Your App
Tags: android, flutter
Published: 2021-05-07 12:05:25

This is the second in a series of articles in which you’ll create a “wishlist” mobile application using the Flutter SDK. The wishlist contains items that the user would like to someday own, storing each item’s name, description, and URL. The mobile app provides the user interface and communicates with a back-end application, which stores the list and provides an API to perform CRUD operations on it. Initially, the app will communicate with a public API that anyone can access; later, you’ll modify the app so that the user signs in using Auth0 to access their list via a secured API.

> **Note:** This article builds on material and code from the previous article in this series, [***Build a Flutter Wishlist App, Part 1: Introducing Flutter and Building a Basic Wishlist App.***](https://auth0.com/blog/build-flutter-wishlist-app-with-secure-api-part-1/)


## The App So Far

Here’s what you’ve done so far:

* **You created your own copy of the wishlist server application.** You did this using Glitch, a web application hosting service that allows you to create your own “remixes” of an existing project. The mobile app will use this server application as its back end.
* **You created a new Flutter app.** By default, Flutter creates a simple single-screen “starter” app, which you promptly discarded.
* **You created the app’s domain models.** This is a simple application, so it has only two models: one for items in the list and one for the list itself.
* **You created a service to manage the wishlist.** This service is a class containing methods to call the wishlist server API’s endpoints, which provide the functionality to get the list of items, add an item to the list, edit an item in the list, and delete an item from the list.
* **And finally, you created the landing page.** This is the app’s opening screen. It greets the user and presents them with a button that they will eventually tap in order to sign in:

![The landing page, which features the text “Welcome to your wishlist. Sign in to get started.” and a button that reads “Sign in with Auth0”.](https://images.ctfassets.net/23aumh6u8s0i/14Y89bH12DITOLeWxiIRvq/a00f531c0d2474a70ffcff6e8a5c34ac/01_landing_page_2.jpg)

At the end of the previous article, running the app presented the user with the landing page, but the app does little more than that. If you were to tap the **Sign in with Auth0** button, you would be presented with a spinning progress indicator. After three seconds, the progress indicator would disappear. 

The app doesn’t do much — yet — but we’re going to fix that! In this article, you’ll give the app full CRUD functionality. The user will be able to view their wishlist, as well as add, edit, and delete items. 

Let’s continue building the app!
[Read more...](https://auth0.com/blog/build-flutter-wishlist-app-with-secure-api-part-2/?utm_source=content_synd&utm_medium=sc&utm_campaign=flutter)
Three Simplified Way To Solve Complex Math Problems
Tags: education
Published: 2021-05-07 12:03:55

Mathematics is a discipline where solving a problem can be approached in a variety of ways. The [math problem solver](https://myassignmenthelp.com/us/math-problem-solver.html) step-by-step approach will guide you through the solution to even the most difficult math problem.

There are many methods for solving math problems; math word problem solver is one. Here a three-step process is a simplified method that can help anyone solve even the most difficult problem.

The method is as follows:

Think about the problem.
The method needed to solve the problem.
Finally, resolve the problem.
This three-step method will help you solve math word problems and help you develop your overall math abilities.

Here are three simple steps towards "solve my math problem":

Carefully read, comprehend, and classify the problem type

Check the type of problem when you first start learning math, whether it's a word problem, a problem involving fractions, a problem involving quadratic equations, or some other type.
Before you move on, define the category. If it is a quadratic equation, then the math equation solver will help you to solve it.
It's important to read the issue carefully and double-check that you understand it before moving on to the next steps.
Make an illustration go for solving the problem

After you've grasped the issue, you might want to draw it because it will help you decide the best course of action. Simple shapes or shapes with numbers may be used in the drawing.
You could look for trends or use graphs here as well. After you've completed the entire process of understanding, reading, and drawing, you'll need to review the research you've created.
This will assist you in evaluating the problem's form and solution process.
Find a solution to the issue

You will begin solving the problem once you have a plan and process in place. The method is as follows:

After you've completed each move, compare your response to the estimates you've listed. This will allow you to save time if the result isn't what you planned. You can also avail yourself of [CPM homework help](https://myassignmenthelp.com/us/cpm-homework.html) to save your time.
If you know your strategy isn't working in the center, you can always [get assignment help](https://myassignmenthelp.com/get-assignment-help.html) to solve your problem.
On the bottom line, once you've solved the problem right, go back and study the method. Please take a moment to consider the problem and the approach you used to solve it. [Assignment help UAE](https://myassignmenthelp.com/assignment_help_uae.html) will assist you in recognizing principles that need to be mastered while you work.
Daily Developer Jokes - Friday, May 7, 2021
Tags: jokes, dailydeveloperjokes
Published: 2021-05-07 12:00:17

---
title: "Daily Developer Jokes - Friday, May 7, 2021"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
cover_image: "https://private.xtrp.io/projects/DailyDeveloperJokes/thumbnail_generator/?date=Friday%2C%20May%207%2C%202021"
published: true
tags: #jokes, #dailydeveloperjokes
---

Generated by Daily Developer Jokes, a project by [Fred Adams](https://xtrp.io/) ([@xtrp](https://dev.to/xtrp) on DEV)

___Read about Daily Developer Jokes on [this blog post](https://xtrp.io/blog/2020/01/12/daily-jokes-bot-release/), and check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/).___
### Today's Joke is...
![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e1259a37a785.png)

---
*Have a joke idea for a future post? Email ___[xtrp@xtrp.io](mailto:xtrp@xtrp.io)___ with your suggestions!*

*This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit.*

<!-- 
Joke text:
A new database query walks into a bar.

The server says "Sorry, cache only."
 -->
High-Quality Remote Jobs for IT & Digital Gurus
Published: 2021-05-07 11:57:55

Find the best suitable jobs and most qualified employees at the job board of Hidden Gurus where you get large-scale remote jobs online. High quality remote jobs for tech, data, pm and design experts from all over the world. Innovative way to find and list incredible jobs. Check our job board now: https://hiddengurus.com/
React core concepts
Tags: react, corereact
Published: 2021-05-07 11:54:42

**React not a framework**
React no a framework, Framework made a plugin for you, Every framework has own programing language. But React is a javascript library it's totally base on javascript. You create everything in yourself.

**Components**
In react, the app component name always starts the capital letter. It is required because HTML and React element mix.Lowercase names for HTML elements  
Every component receives a list of attributes, just like HTML elements. In React, this list is called props. With a function component, you can name it anything though.

Example :
import React from 'react';

const Example = (props) => {
    return (
        <div>
            
        </div>
    );
};

export default Example;

**You can use JavaScript expressions anywhere in JSX**

import React from 'react';

const Example = () => {
const fruits = [name:{"Apple"}, name:{"Banana"}, name:{"Orange"}]
    return (
        <div>
            {
                fruits.map = fruit => <p>fruit.name<p>
               }
        </div>
    );
};

export default Example;

**Events in React**
When handling events inside React elements, there are two very important differences from the way we do so with the DOM API:

All React elements attributes (events included) are named using camelCase, rather than lowercase. It’s onClick, not onclick.
We pass an actual JavaScript function reference as the event handler, rather than a string. It’s onClick={handleClick}, not onClick="handleClick".

import React from 'react';

const Example = () => {
const handleClick = ()=>{
//do something 
}
    return (
        <div>
            <button onClick={handleClick}> Click <button> 
        </div>
    );
};

export default Example;
Learn Vim Quickly: Essential Commands for Editing Text
Tags: linux, productivity, vscode, programming
Published: 2021-05-07 11:52:23

[Vim](https://www.vim.org/) is one of the most common text editors and is available on nearly every system. Most IDEs have vim-mode like Visual Studio Code and the Jetbrains IDEs.

Vim is an excellent tool for quickly writing and editing code and other text files. Once you learn how to use it, you’ll love it. It helps to have a basic understanding of the Unix command line, but if you don’t, that’s OK, too.

### why vim?

The (Vim) editor is a fundamental tool for developers, programmers, and sysadmins. 

Here are some reasons to use vim:

* Vim is the only text editor you will ever need.
* Vim is free, and always will be.
* Vim can be used with any programming language.
* Vim can edit remotely over a TCP/IP connection.
* Vim runs on every operating system, but no other text editor runs on all of them.
* Vim runs in most IDE's as plugin
* Vim is the ultimate weapon in your programming arsenal, it should be your first choice for any code related tasks.

However, it takes some time to [learn vim](https://vim.is/)

### new file

To create a new file: type the command 

```bash
vim filename
```

where filename is the name of the file you want to edit. This creates a new file and opens it using Vim.

### save file

The `ESC` `:w` (write) command writes the file to disk.
To save and write the file when you exit: type `:w`.

### open file

To open a file, press `ESC` `:e` followed by your file name. This can include the path to the filename, so you can type `:e /home/you/filename.txt`

### quit vim

To quit vim, type the command `ESC` `:q!`.  If you want to save the file and exit type `ESC` `:wq` or if you are lazy just type `ZZ`. 

### write text

To write text, you need to enter insertion mode. You can do that by pressing `i` or `insert`. Then you can write whatever you want. In vim, you can use the cursor keys to navigate around the text. 

### run command and insert output

You can use the command `ESC` `:r !cmd↵` to execute a command and insert the results in vim.

If you are familiar with Unix commands, it means you can directly get the output inside your editor with commands like `:r !ls /`

### many more commands

There are many more commands in vim. You can do what any editor can do, but with only a few keystrokes.

So why work inefficiently when you can use vim?

Check the [cheatsheet](https://vim.rtorr.com/) to see an overview of commands
Document today or repent tommorrow!
Tags: programming, productivity
Published: 2021-05-07 11:39:24

Whether you are a pack hunter or a lone wolf, documentation is at the essence of your code. Do you not agree that code written without proper documentation is like a text in Hebrew? Because we all know, as the scope of the program grows, it becomes impossible to remember the details. That is why all seasoned programmers assert that documentation is the secret recipe differentiating the great from the good!
 While working in a team, the variables and functions you encode need to be accessed by others. Your fellow mates may use your work in later versions to cope up with new demands. Untidy cryptic commands will leave them scratching their brains for no reason!![MEME](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/otnahbxjmjgzbmd1o38d.jpeg)
 Well, if you are a solo contributor and know your code like the back of your hand? But what if you need to review a part of the code sometime after six months? Clutter of countless variables and myriad functions will send you haywire! Hurrying forward without proper documentation is like being penny wise pound foolish.  

You must have now realized that documentation of paramount importance. Here are three tips to remember while documenting your code-
 1) **The Header**- Place a prologue at the beginning of each section.  Do include details like data used, purpose, functionality and changes made to the main program. Never forget to add the changes made to the global variables! Write in brief the logical flow and the algorithm. Make the information as lucid as you can wherever complex logic is involved. 
```
/**** HEADER
 * purpose of function-
 * returns and error codes-
 * business logic-
 * Additional notes-
****/
```

 2) **Body**- Nicely indented, commented code is easy to debug.
 So keep documentation short and sweet-simple yet descriptive. While including crucial details is indispensable, You do not want to be a parrot with comments like 
` count++; /*increase counter by one*/`

3) **Naming Variables**- The information the variables hold must be evident from their name.  You must have experienced that two identically named variables lead to silly errors. While labelling the functions, be careful not to hinder their black-box treatment.
```
/*correct*/
RandomNumberGenerator();
Random_Number_Generator();

/*incorrect*/
randgen();//unclear wording
StochasticStatsticalRandomGenerator();
 /*no black-box treatment of function*/
```
---
Thus we conclude that a code without documentation is an unsharpened knife!!
Vollständige Liste aller WordPress Locale Codes
Tags: wordpress
Published: 2021-05-08 10:43:19

---
title: Vollständige Liste aller WordPress Locale Codes
published: true
date: 2021-05-07 11:29:22 UTC
tags: Wordpress
canonical_url: https://j0e.org/vollstaendige-liste-aller-wordpress-locale-codes/
---

![WordPress Locale Codes](https://j0e.org/wp-content/uploads/2021/05/wordpress-locale-codes.png)

 WordPress unterstützt mittlerweile eine große Anzahl an Sprachen und sogar Dialekten. Neben dem internationalen Sprachcode …

[Vollständige Liste aller WordPress Locale Codes Weiter Lesen »](https://j0e.org/vollstaendige-liste-aller-wordpress-locale-codes/)
HTML : Highlighting Text
Tags: codenewbie
Published: 2021-05-07 11:28:25

The `<mark>` element is new in HTML5 and is used to mark or highlight text in a document "due to its relevance in another context".

The most common example would be in the results of a search were the user has entered a search query and results are shown highlighting the desired query.
```html
<p>Here is some content from an article that contains the <mark>searched query</mark> that we are looking for. Highlighting the text will make it easier for the user to find what they are looking for.</p>
```
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/15rbf8ahlk7gpe9b30no.PNG)

<a href="https://www.buymeacoffee.com/rkycom" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important;" ></a>

With all that being said, I highly recommend you keep learning!

Thank you for reading this article. Please feel free to connect with me on [LinkedIn](https://www.linkedin.com/in/www-rajeshkumaryadav-com/) and [Twitter](https://twitter.com/rky_com).!important;" ></a>
Java Simplified :-)
Tags: java, simplified, python
Published: 2021-05-07 11:24:45

I have been writing a lot of Java code of late. It is boring when writing print statements and reading user input. I resolved to creating this two function to solve it. Inspired by python. Simple and easy. I am a tutor, at the moment

link to gist: https://gist.github.com/danruiyot/f17575f57c121d51c343b5e99e0fc7f3
File-Upload-General-Methodology
Tags: ubuntu, javascript
Published: 2021-05-07 11:22:58

ASP / ASPX / PHP5 / PHP / PHP3: Webshell / RCE
SVG: Stored XSS / SSRF / XXE
GIF: Stored XSS / SSRF
CSV: CSV injection
XML: XXE
AVI: LFI / SSRF
HTML / JS : HTML injection / XSS / Open redirect
PNG / JPEG: Pixel flood attack (DoS)
ZIP: RCE via LFI / DoS
PDF / PPTX: SSRF / BLIND XXE

Other useful extensions:
PHP: .php, .php2, .php3, .php4, .php5, .php6, .php7, .phps, .phps, .pht, .phtm, .phtml, .pgif, .shtml, .htaccess, .phar, .inc
ASP: .asp, .aspx, .config, .ashx, .asmx, .aspq, .axd, .cshtm, .cshtml, .rem, .soap, .vbhtm, .vbhtml, .asa, .cer, .shtml
Jsp: .jsp, .jspx, .jsw, .jsv, .jspf, .wss, .do, .action
Coldfusion: .cfm, .cfml, .cfc, .dbm
Flash: .swf
Perl: .pl, .cgi

Erlang Yaws Web Server: .yaws
Bypass file extensions checks If they apply, the check the previous extensions. Also test them using some uppercase letters: pHp, .pHP5, .PhAr ... Check adding a valid extension before the execution extension (use previous extensions also):

file.png.php
file.png.Php5

Try adding special characters at the end. You could use Burp to bruteforce all the ascii and Unicode characters. (Note that you can also try to use the previously motioned extensions)
file.php%20
file.php%0a
file.php%00
file.php%0d%0a
file.php/
file.php.\
file.
file.php....
file.pHp5....

Try to put the exec extension before the valid extension and pray so the server is misconfigured. (useful to exploit Apache misconfigurations where anything with extension .php, but not necessarily ending in .php will execute code):
ex: file.php.png

Using NTFS alternate data stream (ADS) in Windows. In this case, a colon character “:” will be inserted after a forbidden extension and before a permitted one. As a result, an empty file with the forbidden extension will be created on the server (e.g. “file.asax:.jpg”). This file might be edited later using other techniques such as using its short filename. The “::$data” pattern can also be used to create non-empty files. Therefore, adding a dot character after this pattern might also be useful to bypass further restrictions (.e.g. “file.asp::$data.”)
Working Of Array in Ruby
Tags: ruby, array
Published: 2021-05-07 11:20:36

Today, we are going to see how ruby adds elements into an array without specifying the size. Let’s start.
When we define an array in C then we create it for a particular size, right?
`int array[ 10 ];`
Here, we have defined an integer array `array` of size 10. So it will contain a maximum of 10 numbers. If we try to insert/push more than 10 elements then it will give an error. To add more element you need to increase the size of the array `array`.
But, in Ruby, we never define the size of the array, so how it is handling?

Following is the strategy that Ruby uses while creating an array and adding elements to it.
Whenever we define an array in ruby then it defines its size as 3 by default.
`array = []`
means in C
`int array[3] = [];`
So what will happen when we push more than 3 elements in array? It will create a new array of size 20 and copy all the elements from the old array to a new array and then it will insert a new element to it. So, ruby calculates the size of the new array when it is full, like 3, 20, 37, 56, 85 …..
You can check the following link which describes how they are calculating the size of the array when it is full and when we push a new element to it.
https://github.com/ruby/ruby/blob/ruby_2_0_0/array.c#L183
Plan your weekly meals 🥗 with this template
Tags: watercooler, showdev
Published: 2021-05-07 11:20:24

Hey folks 👋🏼

We just launched another Product on the Product hunt. It's a notion template that helps you track your calories and make healthier choices ! and who doesn't want to have a fit physique when they come out of quarantine, eh ?

### Meal Planner
Meal planning has never been easier and more organized! Prototion brings you this amazing Meal Planning Template for Notion, that helps you organize your meals for the day, keep track of the calories and macros present along the freedom to supplement your recipes with pictures - Just adds a special something to the meal planning process!

{% youtube i0zena3NwM0 %}

In this template, you'll be able to track -
### Weekly Meals:
In this template, you're provided with a weekly overview of your meals that you can change or upgrade at your convenience. Don't want fish on a Saturday ? Simply switch it up and replace it with an item of equal nutritive value! Yes, meals are easy to switch up!
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/65t45gwzhsfrxnz9ison.png)

### Daily Meals:
With the filters to the right of the Weekly meal, you can change the board view and select the card for a particular day - This lets you look at all your meals for that day - Breakfast, lunch, dinner, snacks, etc.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w9ko8et4jrj35ra6naf2.png)

### Calories calculator :
A calories calculator that saves you from the hassle of counting your intake and making cuts accordingly. Yes, that donut doesn't sound too alluring now, does it ? 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4eihltp2n8h5bdp2t19s.png)

### Food Calories
You have the freedom to view foods that meet certain criteria like being low-fat, sugar-free, etc. A list will then open up in front of you and you'll be pleased to find all those foods that you can eat while not worrying about them being sugary or not!
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0ozzft3bge93sjwr3z2z.png)

### In depth Macros count :
You have the freedom to enter and view calories and other macros like protein, carbs, etc. by clicking on the card of your choice in the weekly view.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/75203uran7pqvhfwyxln.png)

### Want One?
![](https://media.giphy.com/media/3XBPrAvitLOBxD3bAn/giphy.gif)
***Here is your link*** 👉 [***Meal Planner***](https://prototion.com/notion-for/meal-planner)

We are on Producthunt today. Go show some love here🔥
[![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qpbl45jr6gyjnoggz29b.png)](https://www.producthunt.com/posts/notion-meal-planner)