teleren/devto huggingface dataset:
How to Animate pointer on Google Map in React Native
Tags: reactnative, android, ios
Published: 2021-07-12 16:43:00

This article is to show animation of pointer movement on Google map.
There are many ways of doing an animation of pointer movement on maps ,this article focus on using the react-native-maps.We use  MapView, Marker and AnimatedRegion for this animation.

Here's what we'll create at the end of this article : 
 
 
![Pointer Animation](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/goc03lrznehvzwkrgqi2.gif)
 

For creating this animation we use the location array which has latitude and longitude values ,for example :
{latitude: 20.93289777777778,longitude:77.77506666666666}

We will update the location in state every 4 sec, so we will get the next pointer value and animate it on Map.

Code sample:
```
const [location  ,setlocation ]=useState(0); 

 useEffect(() => {                
        const interval = setInterval(() => { 
             getLocation()
          
        },4000);
        return () => clearInterval(interval)       
    })

const getLocation =  () => {   
        console.log("get live location after 4 second")
let i=0; 
var locationArray=[             
{latitude:20.752219999999998,longitude:79.75849777777778},
{latitude:20.75269111111111,longitude:79.75815999999999},
{latitude:20.75293111111111,longitude:79.75798222222222}, 
{latitude:20.754004444444444,longitude:79.75805333333334},
]
const { latitude, longitude } =locationArray[i+1];
animate(latitude, longitude);
}

const animate = (latitude, longitude) => {
        const newCoordinate = {latitude, longitude};
        if(Platform.OS == 'android'){
            if(markerRef.current){
            markerRef.current.animateMarkerToCoordinate(newCoordinate, 7000);
            }
        }else{
            coordinate.timing(newCoordinate).start();
        }
    }
```
The Complete code is available on https://github.com/swapnilwatkar/GoogleMap-Animation/blob/main/MapScreen.js
How to do Web Scraping Weather Data using Beautiful Soup
Published: 2021-07-12 16:42:58

Today we are going to see how we can scrape Weather data using BeautifulSoup in a simple and elegant manner. The aim of this article is to get you started on real-world problem solving while keeping it super simple so you get familiar and get practical results as fast as possible. 

https://youtu.be/SBxv5Fkgass
Titanium News #4
Tags: appcelerator, titanium, mobile, news
Published: 2021-07-12 16:39:45

Been busy lately with some work (more details below) that's why it took a bit longer to write a new `Titanium News` blog post.
In case you've missed the older issues have a look here:
* [Titanium News #3](https://dev.to/miga/titanium-news-3-41gl)
* [Titanium News #2](https://dev.to/miga/titanium-news-2-2d6c)
* [Titanium News #1](https://dev.to/miga/titanium-news-1-1fn8)

## Titanium SDK

Ti 10 is now available ([Release notes](https://devblog.axway.com/mobile-apps/ga-releases-of-titanium-sdk-10-0-0-and-appcelerator-cli-9-0-0/)) and the next Titanium 10.0.1 will have some big performance improvements for ListViews! This [PR](https://github.com/appcelerator/titanium_mobile/pull/12931) is already merged which will help you with complex templates and there is [another PR](https://github.com/appcelerator/titanium_mobile/pull/12891) that will add some more speed!
For iOS there are already some [iOS 15 fixes](https://github.com/appcelerator/titanium_mobile/pull/12872) and some [Hyperloop fixes](https://github.com/appcelerator/titanium_mobile/pull/12829). So if you have some issues with Ti 10 they'll be fixed in 10.0.1.

## LiveView
[@janvennemann](https://github.com/janvennemann) is updating LiveView to use Vite in his next-branch: https://github.com/appcelerator/liveview/tree/next/vite#readme
Awesome to see that he is still working on it and using Vite as an "engine"!

## TiDev
If you want to support the future of Titanium you can go to https://liberapay.com/tidev/ and donate some money. TiDev is currently setting up some goals and future plans so we can see what the next steps will be 👍

## Modules

This time there are many *M1 iOS updates* of existing modules by [@designbymind](https://github.com/designbymind/):
* https://github.com/designbymind/statusbar
* https://github.com/designbymind/tiws
* https://github.com/designbymind/TiDAKeyboardControl
* https://github.com/designbymind/Ti.Geocoder
* https://github.com/designbymind/TiScreenshotDetection

I've created an *OpenStreetMap module* for Android:
* https://github.com/m1ga/ti.osm
  (thanks to [Wikimedia Italia](https://www.wikimedia.it/))

updated *Ti.Paint (Android)* and added undo/redo and a multi color mode:
* https://github.com/appcelerator-archive/ti.paint/pull/33

and raised the version of *Ti.Animation (Android)* to 4.1.0 to use the latest Lottie version:
* https://github.com/m1ga/ti.animation/releases/tag/android-4.1.0


## One last thing
As mentioned in the beginning I had some stuff to do that kept me busy: I'm a *freelance developer* now 🤗 So if you need help for your next App project, some Titanium Android modules or a Web/Wordpress project feel free to get in contact with me 📬


And that's all for this time!
Produsen Dimsum Terdekat   untuk Supplier Dimsum Frozen
Published: 2021-07-12 16:38:48

<p>Perhatian!! Jika Anda adalah pebisnis dimsum atau pun keagenan supplier dimsum yang sedang mengambil dan membangun pasar kuliner di kota Anda, tapi tidak punya banyak waktu untuk mengelola SDM produksi dan malahan seringnya mengulah, bahkan kalau dihitung lebih besar biaya produksi daripada hasil yang didapat, maka ini jawabannya.</p>

<a href="https://mrdimsummedan.com/agen-reseller/" alt='produsen dimsum, supplier dimsum'><img src="https://mrdimsummedan.com/wp-content/uploads/2021/06/CTA-MrDimsumMedan1.jpg" /></a>

<p>Sebelum itu, apakah kamu mengalami permasalahan seperti di bawah ini ketika menjalin rekanan dengan Produsen Dimsum</p>

<ul><li>Apakah Anda pernah rekanan dengan produsen dimsum tapi GAK PROFESIONAL<ul><li>Kualitas dimsum tidak dijaga, berbeda tiap pesan</li><li>Kualitas rasa dimsum tidak konsisten, selalu mengecewakan</li></ul></li><li>Tapi GAK TEPAT WAKTU, sering kecewa pesanan sampai beda dari janji?</li><li>Tapi GAK TRANSPARAN, tiba tiba harga beda alasan stok terbatas</li><li>Apakah Anda pernah menunggu pesanan terlalu lama, karena sebenarnya persediaan dimsum tidak selalu ada.</li></ul>

<p>Mengapa harus Dimsum dari <a href="https://mrdimsummedan.com" alt='produsen dimsum, supplier dimsum'><b>Produsen Dimsum</b></a>, ini alasannya</p>

<ul><li>Kualitas dimsum dan kualitas rasa menjadi keunggulan</li><li>Komplit tersedia saus penas nikmat hasil racikan khusus</li><li>Setiap hari produksi dimsum dengan permintaan harian lebih dari 8.000 paket dimsum beku</li><li>Berpengalaman sejak tahun 2011 menjadi supplier dimsum di Medan dan kota besar Sumatera Utara</li><li>Kesimpulannya, Produsen Dimsum Terbaik adalah mitra produsen dimsum medan berpengalamn dan terpercaya</li></ul>

<p><a href="https://blog.goo.ne.jp/produsendimsum/e/467ad86c221c3bad8cfc1b86ad0ac0d5" alt='produsen dimsum, supplier dimsum'>Produsen Dimsum Terdekat</a></p>
---
<p><a href="https://produsendimsum.mystrikingly.com/blog/produsen-dimsum-terbaik-supplier-dimsum-halal" alt='distributor dimsum medan'>Distributor Dimsum Medan</a></p>
<p><a href="http://dimsumbeku.egloos.com/6818618" alt='distributor dimsum medan'>Distributor Dimsum Medan</a></p>
<p><a href="http://produsendimsum.e-monsite.com/blog/produsen-dimsum-terdekat-halal/produsen-dimsum-terdekat-untuk-supplier-dimsum-frozen.html" alt='distributor dimsum medan'>Distributor Dimsum Medan</a></p>
<p><a href="https://ko-fi.com/post/Produsen-Dimsum-Halal-Terdekat-F1F05BD89" alt='distributor dimsum medan'>Distributor Dimsum Medan</a></p>
<p><a href="https://611f70429b670.site123.me/#section-5fe164870c371" alt='distributor dimsum medan'>Distributor Dimsum Medan</a></p>
<p><a href="https://bitbucket.org/produsendimsum/distributor-dimsum-medan/issues/1/dimsum-murah" alt='distributor dimsum medan'>Distributor Dimsum Medan</a></p>
Change the beginning of the product code whenever we insert a new product
Tags: salesforceforfresher, shubhamvsnv, apex, trigger
Published: 2021-07-12 16:30:24

Problem:

You need to create a trigger on the product object which fires every time we insert a new product, we want to make sure that we will add XYZ at the beginning of that product code.

Trigger code :

Continue reading . . . 
https://salesforceforfresher.wordpress.com/2021/07/08/change-the-beginning-of-the-product-code-whenever-we-insert-a-new-product/
Invisible content for screen readers with aria-labelledby
Tags: a11y
Published: 2021-07-12 16:14:33

This is more a note for myself than anybody else.

## Problem

What if you have a group like the following but for some reason you're not allowed to have a title to tell people what it's for? Maybe your designers think it's contextual enough for sighted people or something.

```
<div role="radiogroup">
  <input type="radio" id="fish" name="fish">
  <label for="fish">🐟</label>

  <input type="radio" id="mammal" name="mammal">
  <label for="mammal">🧸</label>
</div>
```

## Solution

WebAIM has really good tips on how to hide content from sighted users. I want to focus only on what they say about `display: none` and `visibility: hidden` [here](https://webaim.org/techniques/css/invisiblecontent):

<blockquote>
These styles will hide content from all users. The content is removed from the visual flow of the page and is ignored by screen readers. <b>Do not use this CSS if you want the content to be read by a screen reader. But DO use it for content you want hidden from all users.<b>
</blockquote>

True. However, [Accessibility Developer Guide](https://www.accessibility-developer-guide.com/examples/sensible-aria-usage/label-labelledby/#referencing-a-label) says:

<blockquote>
elements hidden using CSS can still be referenced
</blockquote>

How? With `aria-labelledby`.

## Demo

Let do this with our `radiogroup` example:

```
<div role="radiogroup" aria-labelledby="hidden-content">

  // Exciting new span!
  <span id="hidden-content">Which animal family do you like better?</span>

  <input type="radio" id="fish" name="fish">
  <label for="fish">🐟</label>

  <input type="radio" id="mammal" name="mammal">
  <label for="mammal">🧸</label>
</div>
```

The CSS:

```
#hidden-content {
  display: none;
}
```

This way, the span is hidden from sighted users but can be read out by screen-readers.

## Why not `aria-label`?

We might ask, why not just apply `aria-label` to the wrapper `div`? [ADG](https://www.accessibility-developer-guide.com/examples/sensible-aria-usage/label-labelledby/#text-not-searchable) says: "Text added with aria-label is not searchable in browsers."

## The end

🙂
Client Side Login page with Form validation
Tags: codepen, css, html, javascript
Published: 2021-07-12 16:01:45

# Here is the Preview of this Project.You can Check the code if you want.

{% codepen https://codepen.io/sudipta95/pen/xxdEBMp %}

If you have any suggestion please let me know in the comment section. Leave a ❤ if you like my work and thank you for viewing my post.
Opportunity Checkbox isValueCorrect Salesforce Apex Trigger
Tags: salesforceforfresher, shubhamvsnv, salesforce, apextrigger
Published: 2021-07-12 15:40:18

Problem:

Create a custom checkbox field on the opportunity (label: IsValueCorrect)
If the stage updated to closed-won only the IsValueCorrect check box is checked

Trigger code :

Continue reading . . .

https://salesforceforfresher.wordpress.com/2021/07/08/opportunity-checkbox-isvaluecorrect-salesforce-apex-trigger/
What is blockchain
Tags: blockchain, programming, help, beginners
Published: 2021-07-12 15:39:56

**Blockchain**
#What Is Blockchain

Blockchain is basically a type of digital ledger or database that information or data of transactions can be stored in and is also distributed on a network of computers that check and verify the validity of these transactions before they are being added to the chain as new blocks. These computers are called nodes.

 

It is this technology that is used to power and secure cryptocurrencies like bitcoin, cardano, ethereum and many others through a process known as cryptography.  For example, the Ethereum blockchain contains recorded informations of transactions made on it, informations such as "sent from who", "sent to who" and "amount sent", this information is stored in a block and is then cryptographically linked to the previous block that went before it.This process makes it very next to impossible to alter or tamper with the informations stored in a block. This entire process makes it possible to store and transfer value accross the globe without the need to trust a third party middleman {usually a bank or credit card issuer}.



 **Blockchain advantages includes but are not limited to the following:**



* Because almost all cryptocurrencies like bitcoin, ethereum, cardano, and Litecoin, are secured  by blockchain networks, transaction validity and accuracy on these networks are being verified and validated by a large number of nodes on the network.



* This kind of technology is also very usefull because it does not let a single individual or corporation dictate when, how, why and  where you should spend your funds as such decisions are being made by everyone on the network.


* Payments done via blockchain networks are more secure and requires little to no sensitive information unlike traditional banks where your name, address, phone number, email and other sensitive informations are required just to send a payment. This level of security is only possible due to the cryotographic nature of these networks.



* That means there is almost zero to no risk of your financial information being compromised, or your identity being stolen by the bad guys.





Imagine a global, open alternative to every financial service you use today, accessible with little more than a smartphone and internet connection.

written by hamza muhammed IG https://www.instagram.com/zanni__x/
June 2021: Launching my first app
Tags: monthly, buildinpublic
Published: 2021-07-12 15:38:17

Taking inspiration from [Alex West](https://www.alexwest.co/) I am starting to write monthly updates.

## Launching a paid plan for stagetimer.io

Stagetimer was born on November 1, 2020, after I visited a friend's studio. He had to run back and forth to an old laptop to start and stop a simple timer app. I was sure someone made a simple cloud-synced timer app. You know, those .io/.so/.to mini-apps. But no, nobody made it. So I started to build that very evening.

I posted it on [Reddit](https://www.reddit.com/r/CommercialAV/comments/jx3j8i/advice_for_presentation_timer_app_in_the_making/) on November 19 for feedback and got (for my standards) a lot of positive responses. There were even some suggestions for paid features. So I continued building more features.

Finally, on June 13 I did what I never planned or even considered. I launched a paid plan for stagetimer.io. That very evening, to my utter amazement, I got my first subscriber. At the end of the month, I had six customers.

{% twitter 1409927392701734919 %}

For the first time in my life, I can post MMR (monthly recurring revenue) numbers. For the uninitiated, MMR is the holy grail for solo entrepreneurs. MMR is like a salary without the cons of being an employee. MMR means freedom, future, self-fulfillment, independence, flexibility, no more 9-to-5 grind, and no more advanced notice for vacations only to stay in the hotel the entire week due to rain. But it also comes with customer support, marketing, taxes, and the nagging feeling to always use your time productively.

Just to be clear, I have a full-time job with [Laserhub](https://laserhub.com/). Stagetimer is my side project. But for me, it is also the beginning of a brighter future.

## Stats

Stagetimer <strong class="text-green-600">↗</strong> €52 MMR

> Aller Anfang ist schwer.
>
> _– German Proverb "Every beginning is hard"_
Throw Error when user tries to delete the contact without account
Tags: salesforceforfresher, shubhamvsnv, salesforce, apextrigger
Published: 2021-07-12 15:34:34

Problem:

You need to create an apex trigger on the contact object which is throwing an error whenever user tries to delete the contact without an account

Trigger code :


Continue reading . . .
https://salesforceforfresher.wordpress.com/2021/07/08/throw-error-when-user-tries-to-delete-the-contact-without-account/
Sending email from apex trigger
Tags: salesforceforfresher, apex, shubhamvsnv, apextrigger
Published: 2021-07-12 15:29:59

Problem:

You need to create an apex trigger on contact object which send email when contact will inserted.

Trigger code :

Continue reading . . .
https://salesforceforfresher.wordpress.com/2021/07/08/sending-email-from-apex-trigger/
What is GitHub dependabot?
Published: 2021-07-12 15:18:04

Ever heard of dependabot or seen a dependabot commit in a GitHub repo? Well you might be wondering, What the heck is it?

## What is dependabot
______
Dependabot is a GitHub bot that  will auto upgrade your dependencies and GitHub actions to the latest version. It works for Bundler,Cargo,Composer,Docker,Hex,elm-package,git submodule,Go modules,Gradle,Maven,npm,NuGet,pip,pipenv,pip-compile,poetry,Terraform,yarn, or GitHub actions. Its is a great tool if your project has many dependencies!

Thank you for reading and please send me feedback in the comments section!
Work around for AWS Pinpoint issue : Exceeded maximum endpoint per user count
Tags: analytics, awspinpoint, amplify, endpoint
Published: 2021-07-12 15:00:08

The work around I have used in my project is like this.
Amplify Version: <code>"aws-amplify": "^3.3.8"</code>

<ul> <li> First listen for the error by below code</li></ul>
<code>
Amplify.configure({
.....
....
   }
});
analyticServiceErrorHandler();
</code>

<code>
analyticServiceErrorHandler() {
    Hub.listen('analytics', data => {
      Analytics.updateEndpoint({ immediate: true })
        .then(resp => {
          // Analytics service configured and connected properly
        })
        .catch(e => {
        // Analytics service is not connected
        // Try Clearing Pinpoint endpoint stored in local storage
            clearCachedEndPoints();
          }
        });
    });
  }
</code>

<ul><li> Clear cached Endpoints manually</li></ul>
<code>
private clearCachedEndPoints() {
    const allKeys = Object.entries(localStorage);
    console.log('Clearing keys');
    const keysToClear = allKeys.filter(
      x => x[0].indexOf('aws-amplify-cacheAWSPinpoint') > -1 || x[0].indexOf('CognitoIdentityId') > -1 || x[0].indexOf('aws-amplify-cacheCurSize') > -1
    );

    keysToClear.forEach(x => {
      if (x[0]) {
        localStorage.removeItem(x[0]);
        console.log('Clearing key', x[0]);
      }
    });
  }
</code>

<ul><li> Third step is up to you, how you want handle the re-initializing the analytic configuration, one option is to refresh the page (warning: this approach may lead to many page refresh in case something else went wrong) and it will start working, second try to re configure using method, or may be let it be the way it is on next client visit to page it will work as page refresh.</li>
</ul>
<hr>
Hope this will help.
How to Visualize Tabs in Vim
Tags: vim, cli, tabs, linux
Published: 2021-07-12 14:59:43

---
title: How to Visualize Tabs in Vim
published: true
description: (Excerpt from "Tabs & Spaces in Vim: How to Make Conscious Use of Both" from vim drops)
tags: vim, cli, tabs, linux
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sr86oavr77a1qdy2eior.png
---

(This is an excerpt taken from the post: [Tabs & Spaces in Vim: How to Make Conscious Use of Both](https://alldrops.info/posts/vim-drops/2021-07-08_tabs-and-spaces-in-vim/))

------

It will be presented two ways to visualize Tabs in Vim.

### Searching for the Tab Character

A quick way to visualize whether there is a Tab character is by searching for it using Vim’s `search-commands`:

- In NORMAL mode, type `/\t` and hit `<Enter>`. It will search for the Tab character (`\t`) and highlight the results.

![gif01](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yg2khcud0wvl0nc7h3bj.gif)

Although it may be good for a quick check, if you need persistent Tabs visibility plus the ability to use the `search-commands` for other purposes, you might need another solution.

### Activating `list` Mode

Vim’s `list` mode displays on screen unprintable characters (`<Tab>`, `EOF`, `EOL`, etc…) with strings defined by the `listchars` option.

By default, it will display `^I` for a Tab character but this default representation breaks screen alignment so, the suggestion is to set a string representation to be used for the Tab character:

- In `NORMAL` mode, type `:set listchars=tab:▷▷⋮` or add `set listchars=tab:▷▷⋮` to your `.vimrc` file.

The command above defines the strings that Vim will display (`▷▷⋮`) for a Tab character. Vim’s behavior is to repeat or omit the second character (`▷`), which means:

A Tab character on a file that the indentation is set to **occupy two screen spaces**, will display `▷⋮`.

A Tab character on a file that the indentation is set to **occupy four screen spaces**, will display `▷▷▷⋮`.

- Toggle `list` mode by typing `:set invlist` in `NORMAL` mode.

![gif02](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/55w50sxhces8p0jn4at8.gif)

#### Extra: Create a Mapping to Toggle list Mode Quickly

Add the following line to your `.vimrc` file:

```
noremap <Leader><Tab><Tab> :set invlist<CR>
```

(You may substitute `<Leader><Tab><Tab>` as you wish. If you’d like to know more about Vim mappings, [please check this post](https://alldrops.info/posts/vim-drops/2018-05-15_understand-vim-mappings-and-create-your-own-shortcuts/).)

------

[Check the full post about Tabs & Spaces in Vim ](https://alldrops.info/posts/vim-drops/2021-07-08_tabs-and-spaces-in-vim/) to know more.

Do you have any other tip about visualizing Tabs in Vim? Please leave a comment!

Thanks for reading 🙌 !
BUILD YOUR OWN: OS , AI, PROGRAMMING LANGUAGE, CRYPTO etc. : Awesome Tutorial List 😎
Tags: linux, devops, docker, beginners
Published: 2021-07-12 14:53:00

BUILD YOUR OWN

This is wonderful repo providing tutorials to build your own programs.
Below list is comprehensive. 

Look at building your own augmented reality, crypto currency, operating system and Programming Language.

-3D Renderer
-Augmented Reality
-BitTorrent Client
-Block Chain / Cryptocurrency
-Bot
-Command-Line Tool
-Database
-Docker
-Emulator / Virtual Machine
-Front-end Framework / Library
-Game
-Git
-Network Stack
-Neural Network
-Operating System
-Physics Engine
-Programming Language
-Refer Engine
-Search Engine
-Shell
-Template Engine
-Text Editor
-Visual Recognition System
-Voxel Engine
-Web Search Engine
-Web Server
-Uncategorized

https://github.com/danistefanovic/build-your-own-x

Shared with awesome people on WORLD AI GROUP https://chat.whatsapp.com/Jz8B1Rfv7h4FbH3nORZKsT
Top 5 most used apex trigger scenarios examples
Tags: salesforce, apex, apextrigger, devops
Published: 2021-07-12 14:47:35

Here we go, today we can see some amazing trigger examples which are mostly used in regular working scenarios and it will fun to know that you can throw errors like validation rules in the apex trigger, you can send an email by apex trigger and so more…

Continue reading....
https://salesforceforfresher.wordpress.com/2021/07/08/top-5-most-used-apex-trigger-scenarios-examples/