teleren/devto huggingface dataset:
React Native eWallet App UI - Animation Drawer Menu - Light & Dark Theming
Tags: reactnative, javascript, programming, beginners
Published: 2021-12-04 15:38:40

Hey guys 👋 I want to share with you a eWallet App UI by using #ReactNative and #Expo. On this eWallet App #UI has three pages, one for the signing page, the second is a home page which has a list of send money implemented by #FlatList. And the last one is the animated custom drawer menu which using @react-navigation/drawer and react-native-reanimated.  Especially The starter template has already supported light dark theme switching and it  also have some useful base components, e.g., McText, McImage. etc.


Detail please check it out [https://youtu.be/mMW3kdh0PIE](https://youtu.be/mMW3kdh0PIE)

I hope you guys like it! Cheers!
Feel free to leave your feedback. Make sure to like + Subscribe For More!
Serving Your Static Files With Express
Tags: javascript, node, webdev, codenewbie
Published: 2021-12-04 15:16:44

Getting started with Express

What is Express?

It's basically a web application framework for Node.

First things first. Ensure your node.js env is set up. If not and you are a linux user, you can use a tool called Node Version Manager to help install node on your machine. **Note**: You should have _git_ and _curl_ installed. To get started with _git_ and _curl_ if at all you don’t have them installed in your system’s package manager. Example on an ubuntu or Debian, one would run

```
sudo apt-get install curl git 
```
So back to Express. Some of its **merits** include its _flexibility _and _minimality_. To get started using Express, you need to use NPM to install the module.

```
npm install -g express
```
To get all dependencies that are needed to run the app, you run

```
npm install
```
Once you have Express installed and an already existing directory like the one below, you’ll get to see something like this in the package.json file in “dependencies”.


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

Let's talk about nodemon for a sec:

From the above snip, you guys can note the nodemon in the devdependencies. It’s actually a tool that  helps node.js based  applications by **automatically restarting** the node application
when  file changes in the directory are **spotted**. To install nodemon on your project as dev-dependency, just type;

```
npm install nodemon --save-dev
```

So to get started on serving your files with Express, make sure you have all your files **including** the _index.html_ in your **public directory**.

The files can be served as below:


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

Incase this doesn’t work out for you, you can try using serve-index. Much is explained in this article. Check it out here:

Opened to any feedback. #Learning never stops

https://medium.com/swlh/serve-directory-listings-in-an-express-app-with-serve-index-ff54f20c9636
Internal GitHub Actions Marketplace
Tags: actionshackathon21, github, actions
Published: 2021-12-04 15:04:41


![Screenshot of the marketplace in action, with an overview of the actions available, search information and the last updated date](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9vr7qaiqav60k1p3jmur.png)

We want to follow [best practices](https://devopsjournal.io/blog/2021/02/06/GitHub-Actions-Best-Practices.html) in our organization using GitHub Actions, and that means forking the actions over to an org under our control (let's name it `org-actions`), limiting the actions being used to only those in our org-actions. That way we control what can be used and we can verify the security risks from using those actions. Additionally we have a backup of the action in case something happens with the original repo (like deletions or complete re-implementations).

After forking the actions to `org-actions`, it is a bit cumbersome to find the actions we have authorized. People can use the GitHub search, but that still is hard to find all the actions. We want a similar experience like the [GitHub Marketplace](https://github.com/marketplace?category=&query=&type=actions&verification=).

For this, I have created a [repository](https://devopsjournal.io/actions-marketplace/) that uses [GitHub Pages](https://docs.github.com/en/pages/getting-started-with-github-pages/about-github-pages) to display the marketplace and give people a place to search.

### My Workflow
The workflow for this submission can be found [here](https://github.com/rajbos/actions-marketplace/blob/main/.github/workflows/get-action-data.yml) and it contains only for actions that do all of the work.

### Submission Category: 
I think this can fall into either of these categories :grin::
* Maintainer Must-Haves
* DIY Deployments


### Yaml File or Link to Code
``` yaml
jobs:
  get-action-data:
    runs-on: ubuntu-latest

    steps:
    - uses: devops-actions/load-available-actions@v1.2.12
      name: Load available actions
      id: load-actions
      with: 
        PAT: ${{ secrets.PAT }} 
        user: ${{ github.repository_owner }}
  
    - name: Store json file
      run: echo '${{ steps.load-actions.outputs.actions }}' > 'actions-data.json'
          
    - name: Upload result file as artefact
      uses: actions/upload-artifact@v2
      with: 
        name: actions
        path: actions-data.json
   
    - name: Upload json to this repository
      uses: rajbos-actions/github-upload-action@v0.2.0
      with:
        access-token: ${{ secrets.PAT }}
        file-path: actions-data.json
        owner: ${{ github.repository_owner }}
        repo: actions-marketplace
        branch-name: gh-pages
```

### Additional Resources / Info
More information about the setup and reasons for it can be found [here](https://devopsjournal.io/blog/2021/12/04/github-actions-marketplace). I'm currently implementing the internal marketplace at my customer and have received questions from multiple different companies who want to implement the same.
Ruby on Rails - Which API to implement?
Tags: rails, jsonapi, api, graphql
Published: 2021-12-04 14:45:10

Lately we have been working a lots comparing different approaches to implement a Rails API. We used Active Model Serializers gem before but we were running into many challenges and it didn't fulfilled our needs, then we started looking at Graphql then JSON:API and compared many existing gems. At the end we came up with a good solution we are happy with, so I decided why not recording some tutorials to explain all what we have tried and share our experience. Hope this will be helpful, let me know what do you think? Any feedback is welcome.


https://www.youtube.com/watch?v=XcmkBYmU9Lk&list=PLfqQrn-RKaw3FyZszgxyGqPn-rg9WFxC8

More episodes are coming about Graphql and more.
Helpful Websites for frontend web development
Tags: beginners, webdev, tutorial, uiweekly
Published: 2021-12-04 14:28:59

Hello guys today i am going to show you some cool websites which can help you in front end web development and it is just for beginners.
Lets get started...

* csslayout.io

This one is helpful because it provides built-in designs and mini templates for your designs and also provide the snippet code which you can just copy and paste it in your code and adjust the content according to your need.

Source - https://csslayout.io/

* Animate.css

This one is also helpful as it provides many basic animation effects which can be used just by providing the class name of the animation which you want to use.

Source - https://animate.style/

* Wow.js -
This is also an animation library which you can combine with animate.css because the problem with animate.css animations is that all the animation in animate.css run when the page is loaded so, when you scroll down to the page you wont see the animation which is down to the page because the animation is already done when the page is loaded.So, to solve this problem we use wow.js.

Source - https://wowjs.uk/docs.html

Below is the link of a video of how to use wow.js with animate.css

Youtube link - https://www.youtube.com/watch?v=bd_jHBk8Kzw

* Hover.css - 
This one is also great as you can create hover effects easily with hover.css by just providing the name of hover effect it the class attribute of the element.

I have covered the Hover.css tutorial in other blog below -
Source - https://dev.to/shubhamtiwari909/hover-effects-with-hovercss-52fd

* getwaves.io - 
This one is also helpful as you can generate many types of waves effect of any color and shapes and get the source code of it .

Source - https://getwaves.io/

* uiGradients - 
This one is helpful as you can select the gradient out of many options available here and can generate the code and copy paste it into you css file.

Source - https://uigradients.com/#Turquoiseflow

* Glassmorphism - 
This one will help you to create glass type effect for you elements.

source - https://hype4.academy/tools/glassmorphism-generator

* Css Hero Gradient -
This one is advance gradient color generator.

source - https://www.csshero.org/mesher/

* Box shadows -
This one lets you generate box shadows by adjusting layers,horizontal or vertical shadow distance , blur , spreadness ,etc 

source - https://shadows.brumm.af/

##You can help me by some donation at the link below Thank you 👇👇
☕ - https://www.buymeacoffee.com/waaduheck


THANK YOU FOR READING THIS POST AND IF YOU FIND ANY MISTAKE OR WANTS TO GIVE ANY SUGGESTION PLEASE MENTION IT IN THE COMMENT SECTION.
Crack C++ Interview Questions
Published: 2021-12-04 14:16:48

If you Google for C++ jobs, you will find many job openings with decent salaries. Here, we will explain some of the most frequently asked C++ interview questions that will help you to clear an interview and land a C++ job. Even if you’re not looking for a job in C++, you can go through these interview questions to build a better understanding of the popular programming language.

![C++ Interview Questions](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kotf6eath01tjss29uvw.png) 

## List of C++ Interview Questions:
I've listed frequently asked C++ interview questions by top MNCs. Want to know their answers too, then go through this blog on [C++ interview questions and answer](https://www.techgeekbuzz.com/top-cpp-interview-questions/). 

1. What does C++ signify?
2. What is C++?
3. What is the latest version of C++?
4. Give some advantages of C++.
5. What is a pointer? 
6. What is a header file in C++?
7. What is the header file of getch() in C++?
8. What is a class?
9. How many modifiers does the class have?
10. What is the default modifier of a C++ class?
11. Name the various OOPS concepts of C++.
12. What is inheritance?
13. Define polymorphism.
14. Give some advantages of OOPS.
15. Give some disadvantages of OOPS.
16. What is the default function call method in C++?
17. What is recursion?
18. Define the call by value method.
19. Define the call by the reference method.
20. Define modularity.
21. What is function overloading?
22. Define constructors.
23. What is a parameterized constructor?
24. What does the malloc() function do?
25. Give an example of the copy constructor.

## Conclusion

During the interview, apart from your conceptual knowledge, your coding skills may also be tested. The interviewer may also ask you to write a specific program to solve a problem, so there you need to write code as soon as possible without committing any silly mistakes.
PHP Libraries for sending and parsing email
Published: 2021-12-04 14:08:53

## PHP Email Libraries for sending and parsing email.

* [CssToInlineStyles](https://github.com/tijsverkoyen/CssToInlineStyles) - A library to inline CSS in email templates.
* [Email Reply Parser](https://github.com/willdurand/EmailReplyParser) - An email reply parser library.
* [Email Validator](https://github.com/nojacko/email-validator) - A small email address validation library.
* [Fetch](https://github.com/tedious/Fetch) - An IMAP library.
* [Mautic](https://github.com/mautic/mautic) - Email marketing automation
* [PHPMailer](https://github.com/PHPMailer/PHPMailer) - Another mailer solution.
* [PHP IMAP](https://github.com/barbushin/php-imap) - A library to access mailboxes via POP3, IMAP and NNTP.
* [Stampie](https://github.com/Stampie/Stampie) - A library for email services such as [SendGrid](https://sendgrid.com/), [PostMark](https://postmarkapp.com), [MailGun](https://www.mailgun.com/) and [Mandrill](https://mailchimp.com/features/transactional-email/).
* [SwiftMailer](https://swiftmailer.symfony.com) - A mailer solution.
* [Symfony Mailer](https://github.com/symfony/mailer) - A powerful library for creating and sending emails. 
* [A curated list of awesome PHP libraries](https://bestofphp.com/)
Execute all JMeter files with GitHUB Actions
Tags: opensource, actionshackathon21, jmeter, automation
Published: 2021-12-04 14:06:25

I created a github workflow to be able to run all jmx files from my repository.

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

The workflow is triggered on push [main]. The machine provided by github is an ubuntu machine. Once we have the machine up and running with the operating system:

### My Workflow

1. **checkout actions/checkout@v2**
2. **displays the current folder**  (_you can refer to this folder like this $GITHUB_WORKSPACE_)
3. **install the JMeter version 5.4.1** (_here we also display the jmeter version and also the current folder location_)
4. **install the plugins for JMeter**(_here we just install the Dummy Sampler, but you can add any other plugin needed by your jmeter script; you can see all the available plugins here: [https://jmeter-plugins.org/files/packages](https://jmeter-plugins.org/files/packages)_)
5. **run each jmx file from the repo**


### Submission Category: 

Maintainer Must-Haves
DIY Deployments


### Yaml File or Link to Code

{% github https://github.com/sebiboga/jmeter_one %}

```
# This is a workflow to help you run all JMeter scripts with Actions

name: jmeter

# Controls when the workflow will run
on:
  # Triggers the workflow on push or pull request events but only for the main branch
  push:
    branches: [ main ]


  # Allows you to run this workflow manually from the Actions tab
  workflow_dispatch:

# A workflow run is made up of one or more jobs that can run sequentially or in parallel
jobs:
  # This workflow contains a single job called "build"
  build:
    # The type of runner that the job will run on
    runs-on: ubuntu-latest

    # Steps represent a sequence of tasks that will be executed as part of the job
    steps:
      # Checks-out your repository under $GITHUB_WORKSPACE, so your job can access it
      - uses: actions/checkout@v2
      - name: where are the files?
        run: |
           pwd
           ls
      
      # Runs a set of commands using the runners shell
      - name: install jmeter
        run: |
          java -version
          wget https://downloads.apache.org//jmeter/binaries/apache-jmeter-5.4.1.zip
          unzip apache-jmeter-5.4.1.zip
          cd apache-jmeter-5.4.1/bin
          ./jmeter -v
          pwd
          
      - name: install plugins
        run: |
          cd $GITHUB_WORKSPACE/apache-jmeter-5.4.1
          wget -q --no-check-certificate https://jmeter-plugins.org/files/packages/jpgc-dummy-0.4.zip  -P .
          unzip -o jpgc-dummy-0.4.zip  && rm jpgc-dummy-0.4.zip
          
      - name: run jmx scripts
        run: |
         cd $GITHUB_WORKSPACE/apache-jmeter-5.4.1/bin
         for i in $( ls $GITHUB_WORKSPACE/*.jmx); do
            ./jmeter -n -t $i;
         done
```

### Additional Resources / Info

For now we do not keep the artifacts, but for sure in next version I'll add another step in the workflow so we can have also the artifacts generated by JMeter.
Advent of Code 2021 - Day 4
Published: 2021-12-04 14:04:01

---
title: Advent of Code 2021 - Day 4
published: true
description: In this video series, I try to challenge myself with the Advent of Code trials. Each solution will be published to Github, and I hope you will learn something from my coding mistakes and perhaps send some code my way on how you have done these challenges. I know by reading code, so this is such an exciting thing for me.
tags:
cover_image: https://i.ytimg.com/vi/VD3qbLyr9oE/maxresdefault.jpg
---

{% youtube VD3qbLyr9oE %}

In this video series, I try to challenge myself with the Advent of Code trials. Each solution will be published to Github, and I hope you will learn something from my coding mistakes and perhaps send some code my way on how you have done these challenges. I know by reading code, so this is such an exciting thing for me.
How to Parse XML using Kotlin in 2021
Tags: android, codenewbie, programming
Published: 2021-12-04 13:56:53

## Introduction:

In 2021, Lots of APIs are written using JSON. But there are some API in some domains like healthcare, traveling and web streaming that return XML. XML is a terrible serialization format, it wasn’t initially, but has been misused for decades and abused by many a software development engineer out in the wild.

When you want to interact with one of these XML, you might cry or shake your fist initially.

But no more.

We can now use Simple XML library in Kotlin that does the heavy load, parses XML and gives the POJO (Plain old java object) magically.

## Steps:

So here is the XML we will use in this example, and parse it

{% gist https://gist.github.com/sheerazam/f9b7884cfe478c5be55bdf4b848b9135 %}

1. First add Simple XML library in Gradle.

{% gist https://gist.github.com/sheerazam/f10ffc14a3460a226668ff0e47e9d026 %}

2. Now let's create POJO’s

{% gist https://gist.github.com/sheerazam/27f68b8f60f838fc70c2035b914247cb %}

3. Now that POJO’s are created, we can parse it using the following code

`val serializer: Serializer = Persister() val dataFetch = serializer.read(DataFetch::class.java, xmlToParse)`

4. Easy, right, here is a test to check the parsing.

{% gist https://gist.github.com/sheerazam/82e0d2810986e4c9418e56ba3012bb91 %}

{% medium https://sheerazmemonway.medium.com/how-to-parse-xml-using-kotlin-in-2021-21f2fffbdf22 %}
How to support 3rd Party image in blogspot recent post with below js code?
Published: 2021-12-04 13:53:50

I use the following code for recent posts on my blogspot site.

When I upload a new image to my blog, most of the time the images are uploaded via a link like https: //1.bp.blogspot.com / ......

But sometimes when uploading pictures, the pictures are uploaded by such links as https: //blogger.googleusercontent.com/img/a/A ......

Then my pictures are not clear on the home page. And the pictures come at length. I did a Google search and found that the code below does not support third party images.

So I want to know how I can support third party pictures in this code below.

```
.mbtlist {
  list-style-type: none;
  overflow: hidden
  }

  .mbtlist li {
  margin: 0px auto 20px auto;
  clear: both;
  color: #666;
  font-family: Helvetica;
  font-size: 12px;
  border-bottom: 1px dotted #ddd;
  padding-bottom: 10px;
  }

  .mbtlist .mbttitle {
  font-family: oswald;
  font-size: 16px;
  color: #0080ff;
  font-weight: normal;
  text-decoration: none;
  }

 .mbtlist .mbttitle:hover {
 color: #00A5FF;
 }

font-family:georgia;
font-size:15px;
font-weight:bold
}
.mbtlist div span {
 margin: 0 10px 0 0;
 display: inline-block;
 }
.mbtlist span {
 display: block;
 margin: 5px 0px 0px;
 padding-right: 5px;
 }
.mbtlist .imore {
 font-size: 16px;
 font-weight: bold;
 text-decoration: none;
 color: #666;
 line-height: 0.7em;
 }
 .mbtlist .mbttitle .imgbox {
  max-width: 80px;
  max-height: 65px;
  margin: 0px 10px 10px 0px;
  padding: 6px;
  box-shadow: -1px -1px 4px #777;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  overflow: hidden;
  }
 .mbtlist .mbttitle .imgbox > img{
  width: 100%;
  vertical-align: middle;
  }
  

 .mbtlist li:first-of-type .mbttitle .imgbox
  {
  display: block;
  width: 100%;
  max-width: unset;
  max-height: unset;
  }

```

```
<script>
  function getPosts(json) {
  var posts = "<ul class=mbtlist>";
  for (var i = 0; i < json.feed.entry.length; i++) {
  var title = json.feed.entry[i].title.$t;
  var url = json.feed.entry[i].link.pop().href;
  if (json.feed.entry[i].media$thumbnail) {
    thumbUrl = json.feed.entry[i].media$thumbnail.url;
    thumbnail = thumbUrl.replace("/s72-c/", "/s" + 200 + "/");
  }

  posts += "<li><a class='mbttitle' href='" + url + "'><span class='imgbox'><img src='" + thumbnail + "'></span>" + title + "</a></li>";
}
posts += '</ul>';
document.getElementById('container').innerHTML = posts;
  }
 </script>

 <div id="container"></div>
<script src="https://www.sebahotnews.org/feeds/posts/default/-/বাংলাদেশ
?max-results=5&alt=json&callback=getPosts"></script>
```
File Systems implemented in Go
Published: 2021-12-04 13:08:48


* [afero](https://github.com/spf13/afero) - A FileSystem Abstraction System for Go
* [fsnotify](https://github.com/fsnotify/fsnotify) - Cross-platform file system notifications for Go.
* [juicefs](https://github.com/juicedata/juicefs) - A distributed POSIX file system built on top of Redis and S3.
* [gcsfuse](https://github.com/GoogleCloudPlatform/gcsfuse) - A user-space file system for interacting with Google Cloud Storage.
* [git-lfs](https://github.com/git-lfs/git-lfs) - Git extension for versioning large files.
* [go-systemd](https://github.com/coreos/go-systemd) - Go bindings to systemd socket activation, journal, D-Bus, and unit files.
* [goofys](https://github.com/kahing/goofys) - A high-performance, POSIX-ish Amazon S3 file system written in Go.
* [minikeyvalue](https://github.com/geohot/minikeyvalue) - A ~1000 line distributed key value store.
* [seaweedfs](https://github.com/chrislusf/seaweedfs) - SeaweedFS is a simple and highly scalable distributed file system for small files.
* [svfs](https://github.com/ovh/svfs) - A virtual file system over Openstack Swift built upon fuse.[https://golangrepo.com/](https://golangrepo.com/)
Apama Advent Calendar - 04 Dec 2021 - Apama fundamental concepts
Tags: apama, iot, cumulocity, streaminganalytics
Published: 2021-12-08 12:32:54

---
title: Apama Advent Calendar - 04 Dec 2021 - Apama fundamental concepts
published: true
date: 2021-12-04 12:49:51 UTC
tags: apama, iot, cumulocity, streaminganalytics
canonical_url: https://tech.forums.softwareag.com/t/apama-advent-calendar-04-dec-2021-apama-fundamental-concepts/253723
---
_This is Day #4_ _of a short series of brief tips, tricks, hints, and reminders of information relating to the Apama Streaming Analytics platform, both from Software AG as well as from the community._  

Check out the original post in the [Software AG Tech community](https://tech.forums.softwareag.com/t/apama-advent-calendar-04-dec-2021-apama-fundamental-concepts/253723) to review Apama basic fundamentals concepts.
 
_Note that some posts may be published a day or two early or late (e.g. Mon-Fri) so you may find you have bonus days with more than one post!_