teleren/devto huggingface dataset:
Amazing Tab Bar (Animated)
Tags: codepen, html, css, showdev
Published: 2021-04-11 12:44:17

<p>Animated Mobile Tab Bar</p>

This CodePen was created by @amaralflavio (aka my little brother), it shows a cool tab bar animation that can be used for a mobile navigation. The code and demo https://codepen.io/flavio_amaral/full/xxgYGrR

Sharing here to give him some love.


{% codepen https://codepen.io/flavio_amaral/pen/xxgYGrR %}

<p>Credits:
- Design based: <a href="https://dribbble.com/shots/10474707-Experimental-UI-animation" target="_blank">https://dribbble.com/shots/10474707-Experimental-UI-animation</a>
- Icons: <a href="https://icons.getbootstrap.com" target="_blank">https://icons.getbootstrap.com</a>
- Colors: <a href="https://material.io/resources/color" target="_blank">https://material.io/resources/color</a>
- Font: <a href="https://fonts.google.com/" target="_blank">https://fonts.google.com/</a>
- Image: <a href="https://www.pexels.com/" target="_blank">https://www.pexels.com/</a>
- Jello Animation: <a href="https://animista.net/play/basic" target="_blank">https://animista.net/play/basic</a></p>
how to write and run embedded c program in keil software
Published: 2021-04-11 12:35:27


For detailed step please read <a href="https://pythonslearning.com/2021/03/how-to-write-and-run-embedded-c-program-in-keil-software.html">How to write and run embedded c program in keil</a>
The HELLO sample program, located in the folder ..\Examples\Hello, can be used to confirm the correct installation of the toolchain. The program prints the text "Hello World" to a serial port. Use this small application to start compiling, linking, and debugging an application with µVision. The example program operates on various devices. The only on-chip peripheral used is the serial port (along with a baudrate generator). A target CPU is not needed. µVision simulates the hardware required for this program.

Resources : https://pythonslearning.com/2021/03/how-to-write-and-run-embedded-c-program-in-keil-software.html
Series Summary - Part 1 of Implementing a RESTful API on AWS
Tags: aws, serverless, rest, cognito
Published: 2021-04-11 12:29:31

In this series of articles, I intend to provide a detailed, accurate, and step-by-step explanation of how to implement a RESTful web interface using a stack of [Typescript] (https://www.typescriptlang.org), [Node.js](https://nodejs.org/), [Dynamoose] (https://dynamoosejs.com/), [DynamoDB] (https://aws.amazon.com/dynamodb/), [Jest] (https://jestjs.io), [Serverless Framework] (https://www.serverless.com), [AWS](https://aws.amazon.com), and [Amazon Cognito] (https://aws.amazon.com/cognito/).

The final product includes everything one would expect from a RESTful API, including **group-based** restrictions on DELETE, PUT and POST operations **without** the use of [custom lambda authorizer functions](https://docs.aws.amazon.com/apigateway/latest/developerguide/apigateway-use-lambda-authorizer.html) (yes, this is possible and I'll take you step-by-step through the process).

## Table Of Contents
1. This Overview
1. [Background and project stack](https://dev.to/cstraw/background-and-stack-description-2dca)
1. [Initial local tool installation and setup] (https://dev.to/cstraw/tool-installation-and-initial-configuration-part-3-of-implementing-a-restful-api-on-aws-kl9)
1. [Amazon Web Services sign-Up and configuration] (https://dev.to/cstraw/amazon-web-services-sign-up-configuration-part-4-of-implementing-a-restful-api-on-aws-4f1d)
1. [File types, purposes, and directory skeleton] (https://dev.to/cstraw/file-types-purposes-and-directory-skeleton-no2)
1. [First build to ensure proper configuration]
1. [Get our debugger and offline environment up and running]
1. [Fleshing out our basic endpoints]
1. [Bring online unit, integration, and coverage testing]
1. [Incorporating database support]
1. [Mocking our various components]
1. [Adding in Cognito-based user authentication and groups]
1. [Activating AWS IAm group-based authorization without the use of custom authorizers]
1. [Github repository]
Asynchronous Communication: Offload expensive operations to your message queues
Tags: architecture, performance, beginners, webperf
Published: 2021-04-11 12:21:09

![](http://i.imgur.com/54GYsSx.png)

Asynchronous workflows help reduce request times for expensive operations that would otherwise be performed in-line.  They can also help by doing time-consuming work in advance, such as periodic aggregation of data.

### Message queues

Message queues receive, hold, and deliver messages.  If an operation is too slow to perform inline, you can use a message queue with the following workflow:

* An application publishes a job to the queue, then notifies the user of job status
* A worker picks up the job from the queue, processes it, then signals the job is complete

The user is not blocked and the job is processed in the background.  During this time, the client might optionally do a small amount of processing to make it seem like the task has completed.  For example, if posting a tweet, the tweet could be instantly posted to your timeline, but it could take some time before your tweet is actually delivered to all of your followers.

**[Redis](https://redis.io/)** is useful as a simple message broker but messages can be lost.

**[RabbitMQ](https://www.rabbitmq.com/)** is popular but requires you to adapt to the 'AMQP' protocol and manage your own nodes.

**[Amazon SQS](https://aws.amazon.com/sqs/)** is hosted but can have high latency and has the possibility of messages being delivered twice.

### Task queues

Tasks queues receive tasks and their related data, runs them, then delivers their results.  They can support scheduling and can be used to run computationally-intensive jobs in the background.

**Celery** has support for scheduling and primarily has python support.

### Back pressure

If queues start to grow significantly, the queue size can become larger than memory, resulting in cache misses, disk reads, and even slower performance.  [Back pressure](http://mechanical-sympathy.blogspot.com/2012/05/apply-back-pressure-when-overloaded.html) can help by limiting the queue size, thereby maintaining a high throughput rate and good response times for jobs already in the queue.  Once the queue fills up, clients get a server busy or HTTP 503 status code to try again later.  Clients can retry the request at a later time, perhaps with [exponential backoff](https://en.wikipedia.org/wiki/Exponential_backoff).

### Points to Consider:

* Use cases such as inexpensive calculations and realtime workflows might be better suited for synchronous operations, as introducing queues can add delays and complexity.

<hr>
## Thank you for reading
### If you like what you read and want to see more, please support me with  [coffee or a book](https://www.buymeacoffee.com/vishnuchi)  ;)
Send Me Your App Or WebSite Idea You Want To Build
Tags: webdev, javascript
Published: 2021-04-11 12:18:26

If you have a project that you want to work on. I can help you to develop it for free. You can send me your project idea at justiceankomah12@gmail.com and include a deadline for it. 

This is free no payment is required. You can also get in touch with me on my blog https://tutorialscamp.com
Artia - Neo's Adventures - First world view
Tags: indiegame, gamedev, unity3d, 3d
Published: 2021-04-11 12:13:28

Artia - Neo's Adventures - First world view

Artia  - Neo's Adventures is a Action Role Playing Game made with #unity3d #indiegame #gamedev

https://odysee.com/@ArtiaGame:5/Artia01:f
Introducing the #RenderRoundtable
Tags: javascript, react, career, news
Published: 2021-04-11 12:03:38

Something that is really important to us here at RenderATL, is humanizing tech and having real conversations. Which is why we decided to start the #RenderRoundtable: a series of informal conversations with a few dope techies where you can learn about what tech is really like, what it takes to succeed, and more importantly that there is a way to carve your own path and be your own person along the way. 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/to7145g1u8tseobepybv.png)

This past Thursday, we had the pleasure of talking with the one and only [Brianna McCullough](https://www.brilimitless.com), aka [Bri Limitless](https://twitter.com/BriLimitless?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor)--and limitless is right! Bri talked to us about her journey to Program Management at Google, and we dispelled some of the myths surrounding skills needed, what it means to be "successful," had an impromptu conversation about networking, and getting the job without seeming "thirsty." 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7qiiycfxnnh4zyjwhztr.png)

This Thursday's #RenderRoundtable will feature [Scott Hanselman](https://www.hanselman.com)-- a true jack of all trades. Scott is a programmer, teacher, speaker, technologist, podcaster, writer, inclusion advocate and more! This week's conversation will be one for the books, so be sure to follow our Director of Outreach and Engagement on [Twitter](twitter.com/notdanilu), and give [Scott](https://twitter.com/shanselman) a follow as well so you can catch us on Spaces this Thursday (and every Thursday!) at 7:00PM EST.

Until next time!
Daily Developer Jokes - Sunday, Apr 11, 2021
Tags: jokes, dailydeveloperjokes
Published: 2021-04-11 12:00:23

---
title: "Daily Developer Jokes - Sunday, Apr 11, 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=Sunday%2C%20Apr%2011%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/5e1258ef9deee.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:
___Q:___ What did the proud React component say to its child?

___A:___ I've got to give you props
 -->
Menggunakan Axios untuk GET dan POST PHP
Published: 2021-04-11 11:56:36

---
title: Menggunakan Axios untuk GET dan POST PHP
published: true
description: 
tags: 
//cover_image: https://direct_url_to_image.jpg
---

Untuk GET:

```javascript
const axios = require('axios')
async function init(){
 let hasilnya = await axios.get('https://kucing.com')
 hasilnya = hasilnya.data
 console.log(hasilnya)
}
```
?How did I publish my first Android App
Tags: android, app, flutter, newbie
Published: 2021-04-11 11:02:37

## Who am I
So, I am completely a beginner, I just know the basics of programming languages. Previously I have tried to master Ruby On Rails and Django frameworks but never succeeded. I have no experience in mobile app development whatsoever. I just know a little bit of HTML, CSS and JavaScript. Thanks to Flutter that I was able to publish my very first application in just matter of a week.


## How did I get started
Honestly, I tried flutter a few months back in 2020 and I was completely not able to understand how the widgets are created and ultimately work together.


But now I understand how Flutter widgets work and are created, most importantly, I can use Flutter plugins that are freely available and are easy to install and implement in Flutter apps.

As soon as Flutter 2.0 was launched I tried once more and succeeded publishing my very first application on the Android platform which is Google Play Store.

It's a very simple application. What it does is - it renders data from a local JSON file and this application has only a list of cards and each card can render a detailed screen.

For everything else I have used Flutter plugins to make my life easier and publish the application quickly.

## Honing my Flutter skills
After launching my first application on myself has boosted my confidence and I am trying to to understand, learn, and practice Flutter a little more from a few courses on Udemy.

I have purchased a basic Flutter application course. I am also trying to understand how I can use machine learning models in my upcoming Flutter applications. I am learning ML in Flutter Apps with this course.

After launching my first application on myself has boosted my confidence and I am trying to to understand, learn, and practice Flutter a little more from a few courses on Udemy.

Here is the [Nakshatra Astrology App](https://tubemint.com/nakshatras-rules-by-each-planet/) that I built with Flutter published on Google Play Store.

I have purchased a [basic Flutter application course](https://tubemint.com/course/). I am also trying to understand how I can use machine learning models in my upcoming Flutter applications. I am learning [ML in Flutter Apps with this course](https://tubemint.com/course/).
JS Game - Day 14
Published: 2021-04-11 10:52:39

On day 14, I created a game using JavaScript, which the user can play, it's almost the clone of the dragon game, that we play when there is not internet connection, it's an awesome game, please ignore the Frontend part, it's not so good, I used animation attribute in CSS, and the class list in JavaScript to access the element with animate class present in HTML, 
For playing the game, click on the screen or click any key on your keyboard, I added this feature with the help of in-built function by adding onClick and onKeyPress in the HTML tags.

Do check it,
For demo: https://ashuydv.github.io/dragonGame/
YOLOV3 & Tensorflow object detection and report human movements in persian
Tags: python, yolov3, tensorflow, objectdetection
Published: 2021-04-11 10:43:39

Yolov3 is an algorithm that uses deep convolutional neural networks to perform object detection. This repository implements Yolov3 using TensorFlow

you can access to this repository on Github:
https://github.com/nimadorostkar/human-detection

الگوریتم‌های مختلفی برای پیاده‌سازی سیستم تشخیص اشیا در نظر گرفته شدند، اما در نهایت، الگوریتم YOLO به عنوان الگوریتم اصلی بر پیاده‌سازی این سیستم در نظر گرفته شد. دلیل انتخاب الگوریتم YOLO، سرعت بالا و قدرت محاسباتی آن و همچنین، وجود منابع آموزشی زیاد برای راهنمایی کاربران هنگام پیاده‌سازی این الگوریتم است.


![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gi185bx2col8reas4te2.jpeg)


Getting started
Pip
pip install -r requirements.txt
Downloading official pretrained weights
از لینک های زیر dataset رو میتونید دانلود کنید
For Linux: Let’s download official yolov3 weights pretrained on COCO dataset.
# yolov3
wget https://pjreddie.com/media/files/yolov3.weights -O weights/yolov3.weights
# yolov3-tiny
wget https://pjreddie.com/media/files/yolov3-tiny.weights -O weights/yolov3-tiny.weights
For Windows: You can download the yolov3 weights by clicking here and yolov3-tiny here then save them to the weights folder.
Saving your yolov3 weights as a TensorFlow model.
Load the weights using load_weights.py script. This will convert the yolov3 weights into TensorFlow .ckpt model files!
# yolov3
python load_weights.py
# yolov3-tiny
python load_weights.py --weights ./weights/yolov3-tiny.weights --output ./weights/yolov3-tiny.tf --tiny
After executing one of the above lines, you should see .tf files in your weights folder.
Running just the TensorFlow model
The tensorflow model can also be run not using the APIs but through using detect.py script.
Don’t forget to set the IoU (Intersection over Union) and Confidence Thresholds within your yolov3-tf2/models.py file
Usage examples
Let’s run an example or two using sample images found within the data/images folder.
# yolov3
python detect.py --images "data/images/dog.jpg, data/images/office.jpg"
# yolov3-tiny
python detect.py --weights ./weights/yolov3-tiny.tf --tiny --images "data/images/dog.jpg"
# webcam
python detect_video.py --video 0
# video file
python detect_video.py --video data/video/paris.mp4 --weights ./weights/yolov3-tiny.tf --tiny
# video file with output saved (can save webcam like this too)
python detect_video.py --video path_to_file.mp4 --output ./detections/output.avi
Then you can find the detections in the detections folder.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o0yg6ps6gupo3w4kcpu1.gif)


حتما اینو امتحان کنید
با دستور زیر به صورت real-time ویدیو از وبکم گرفته میشه و object های تصویر تحلیل میشه و اگه انسان شناسایی بشه به صورت صوتی اعلام میشه.
python detect_video.py --video 0
https://github.com/nimadorostkar/human-detection
phone number tracker app in Python
Tags: python, pythonslearning, programming
Published: 2021-04-11 10:41:28

For coding purpose please read this original Article <a href="https://pythonslearning.com/2020/11/how-to-trace-mobile-number-and-get-information-using-python.html">How to trace mobile number and get information using python</a>
Requirements
phone-iso3166
pycountry
Tkinter
Install the following python libraries for you to able to completely follow through this tutorial

Installation
pip  install python-tk, phone-iso3166 , pycountry
We are going to use phone-iso3166 to determine the get alpha_2 letters of the country from the number and pycountry to determine the official name of the country using alpha_2 letters we obtained from phone-iso3166.

Sample code
>>> import pycountry
>>> from phone_iso3166.country import phone_country
>>> code = phone_country("255757295721")
>>> code
'TZ'
>>> pycountry.countries.get(alpha_2 = code)
Country(alpha_2='TZ', alpha_3='TZA', common_name='Tanzania', name='Tanzania, United Republic of', numeric='834', official_name='United Republic of Tanzania')
>>> 
Resources :
https://pythonslearning.com/2020/11/how-to-trace-mobile-number-and-get-information-using-python.html
Expert level Angular interview questions Part 4
Tags: angular, typescript, html
Published: 2021-04-11 10:37:42

#Mix and Advance
What is annotation?
What is JIT ?
What is module?
What is ngcc?
How handle NPM package dependencies ?
What is platform?
What is polyfill?
What is subscriber ?
What is view engine ?
What is zone?
What is Bazel?
What is web worker? Is SSR support the it?
What is state function?
How Dynamically component can be created?
What is basere tag ? where we need to put it?
Define mapping rules for mapping custom element to DOM?
How to run angular change detection manually ?
In script tag we have async , defer and preload, prefech differentiate them?
How make anything draggable in angular?
How to remove ngAfterViewChangeExpression changes?
What is challenging work you have done in angular?
How to increase the speed of app?
What is ngModule?
 If we refresh the page how manage the state of the app?
What is HMR? ( Hot Module Replacement )
Difference between get, post, put and delete?
What is a querylist ?
What is multi slot projection?
What is content projection?
What best to handling errors?
How to analyse the code?(code analyser)
What mean by uglification?
What is High order component?
What is webpack?
When we do ng serve who in background take care browser?
Difference between session storage and local storage?
Which are the main features of angular?
Enlist the steps  to upgrade  from AngularJS to Angular.
What is app initiator 
How to bootstrap other module at start or change main component?
Expert level Angular interview questions Part 3
Published: 2021-04-11 10:35:45

#Schematics 
How to make custom schematics?
How to add any third party library?
How to update the angular apps?
What is an angular dev kit ?
Can we run angular app without ng serve?


#PWA and Service worker 
How to support PWA in angular?
What are the benefits of service worker?
Which file contain service worker configuration?
What is app shell?

#RxJS 
Difference between Observable and Promise ?
What is next , error complete?
Difference between of and from ?
How to convert promise to Observable and vice-versa?
How to create observable?
List the operators ?
Explain the combineLatest, concat , zip, takeuntil debounceTime, DistinctUntil change, switchmap buffertime, tap and share? 
Can we replace interval with observable if yes then how?
Make an observable from keystrokes ?

#Security
How to prevent cross site scripting?
How to trust safe values?
What is CSP Content security policy?
What are all possible vulnerabilities ?
How we can audit an angular app?


#Performance and optimization
How to support accessibility ?
How to check version of angular app?
How to update old angula third party libraries?
What is a lightweight injection token?
Step to deploy angular app?
How to configure differential loading?
What is AOT ?
What are the phases included in compilation ?
What is non null type assertion operator?
What is code folding?
What is ivy ? 
How to disable type checking on template expression?
How to make various environment build like development , staging , UAT , prod ?
What is SSR (Angular Universal)?
What is Angular language service?
Expert level Angular interview questions Part 2
Tags: angular, typescript, html
Published: 2021-04-11 10:33:44

#Forms
What form approaches are available ? Among them which is best and why?
In Which form of approach data model is immutable?
How does data flow differently in template and reactive forms?
What is benefit of ngForm Driective ?
Differentiate the pristine dirty touched ?
How to put custom validation in template driven forms?
What is use of remove Control ?
How to use Update Model?
How to show validation errors in dynamic template driven form and reactive forms ?
Write code for custom validation for reactive forms ?
What is cross field validation?
Implement async validator for template driven form?
How to compose dynamic form content?
#HTTP Client 
How to consume an  JSON REST api (server)?
Which service is used for hitting an api?
Differentiate between get and post?
What is a header?
In Auth 2 how to manage token expire scenario by renew it using refresh token without impact of user experience?
Where do we put http params in the request ?
What are different type of response type available in angular?
What is role of observe in request ?
How get upload progress of file request ?
How t request a typed response?
How to read the full response?
How to make and consume a jsonp request?
How to request non json data ? like download a file.
Write code for interceptor ? also where do we need it to inject?
In provider array we use multi true what it does ?
How can we apply caching in request?
How to apply debouncing in request?
How you can secure the requests?
How to handle more than one request suppose need to get path of 100 of images in an array ?


#Testing 
Write the code for testing a service ?
Why we need before each?
Difference between equal to and tobe?
Why we need fake service?
Testing without before each ?
How to test http service?
What is needed for component dom test?
Use of by.css
What is the debug element?
How to test attribute directive?
Explain tick , discard periodic task , component fixture auto detect?
Explain compile, component?
How replace meta data ?
How to reset the test environment?
Please enlist the component fixture methods?
What is isStable ?
What is listener in testing?
What is By.directive ?
#Internationalization (i18n)
How to change the currency according to timezone?
Name the local package?
How to support the translation?
In which file we put localize configuration ?

#Animation
Enlist the some animation functions we import from modules?
Write and animation code ?
Explain delay and easing?
What is trigger in animation Where we put the trigger?
What is use of animateChild ?
How to create reusable animation?
How to add animation in route transition?
How to add animation in ngFor for element for leaving and entering?