teleren/devto huggingface dataset:
Mainframe interview with DDD
Tags: interview, job, mainframe
Published: 2022-06-30 12:25:09

1. How will you split a file equally into 4 files in a COBOL Program?

2. JOIN in COBOL Program - **Best approach!**
   (2 input files, 3 output files -> Matching in OUT1, IN1 has IN2 doesn't in OUT2, IN2 has IN1 doesn't in OUT3)

3. COND Parameters in JCL. 
   a) Running a step if all other steps failed
   b) Running a step if all other steps successful

4. Five (5) JOBs need to run concurrently. All accessing DB2. JOB Parameters like priority, class, msgclass etc. are exactly same in all jobs. How will you maintain the concurrency?
Typescript Two Numeric Literal Types How To X - Y (Subtraction)
Tags: webdev, tutorial, typescript, programming
Published: 2022-06-30 11:35:40

---
series: Typescript Basic Arithmetic with Numeric Literal Types
---

We have seen how can we [add two numeric literals type](https://dev.to/tylim88/typescript-add-two-numeric-literal-types-92n)

now can we apply similar tricks for subtraction?

yes we can, this is how we do it:

```ts
type CreateArrayWithLengthX<
    LENGTH extends number,
    ACC extends unknown[] = [],
> = ACC['length'] extends LENGTH
    ? ACC
    : CreateArrayWithLengthX<LENGTH, [...ACC,1]>

type Subtraction<LARGER extends number, SMALLER extends number, GAP extends number[] = []> = 
    [...GAP,...CreateArrayWithLengthX<SMALLER>]['length'] extends [...CreateArrayWithLengthX<LARGER>]['length'] 
    ? GAP['length'] 
    : Subtraction<LARGER, SMALLER, [1,...GAP]>

type result = Subtraction<849, 654> // 195
```

[playground](https://www.typescriptlang.org/play?#code/C4TwDgpgBAwgThAhsCBBOdEgOoEtgAWAMhAHYDmhAGgDwBQUjURAogHIDiAKgBJQQAPFKQAmAZyikArgFsARhDgAaBk1QwY-IWXFQppANakA9gHdSAbQC6UALxRrKgHx2o6mBYDkAGzKUCnjaCwrqsnLyqjAD8bhqRUABcsAjIaBhYeIQkFNQ0Ydw8Sg4AdKXuSgCMVk50dKCQUADKUnLAmADGwLjGpHmoAEocLP1aIRLS8opFjQCyqESsI8E647IKylAcqAAKoyuSa4rWrtYu9vEWpcVb20pX8Ego6Jg4+MR+ubPzi05WXr45AJBbSiCSXUoPVLPDJvbL+WhEAZDfq-f4fIFQeIxG5owGBTFMRJNFptRCdbq9RGDYbTOYLGkOCp3Uo3aq1erQBBiKTeYCuZqtDpdHo0AAcABYAJxFABsAFZxS4APRKqAVSVy2p0IA)

limitation: the number cannot exceed 999 because the max depth of TS recursion is only 1000, only work with positive integer
Tailwind CSS —How to Design Custom Animations
Tags: css, webdev, tailwindcss, webdesign
Published: 2022-06-30 12:19:57


## Wanna learn how to [design](https://blog.canopas.com/ios-designing-data-layer-for-offline-first-apps-f929c83bb195) custom [animations](https://blog.canopas.com/animations-with-css-and-vue-transitions-fdb53dbb21e7) using TailwindCSS?

Here's the detailed guide by our team that will help you learn to design custom animations.

Days are gone when web designers were using .gif files to show some animations. It’s easy to use CSS animations instead of using external files(you never know, gifs can make your site slow! 😨).

However, CSS provides the facility to apply animations, we will discuss how to add custom animations using Tailwind CSS in this blog.

### Here's the list of all 10 animations you will learn in this guide.

1. wiggle
2. heartBeat
3. flip horizontal
4. flip vertical
5. swing
6. rubberBand
7. flash
8. headShake
9. wobble
10. jello

For detailed implementation, navigate to [blog.canopas.com](https://blog.canopas.com/tailwind-css-custom-animations-b041a1310aab)
VYou Integration
Published: 2022-07-01 07:46:27

---
title: VYou Integration
published: true
date: 2022-06-30 12:16:39 UTC
tags: 
canonical_url: https://vyou-app.com/en/vyou-integration/
---

The integration software market nowadays is fully competitive. Companies are faced with the problems arising from the difficulty of unifying and jointly managing all technological systems and data. It could be very difficult to have a global and unitary vision of business activity that reports on its performance or processes. Connectivity and interaction problems are common to all companies.

## VYou Integration: a cornerstone

The economic crisis and budget cuts have caused companies to demand integration solutions that fit their current budget situation, which has led to a significant increase in the supply of software integration solutions under a pay-per-use model, which is much more flexible. Here is where we find[VYou.](https://vyou-app.com/en/)

Given the economic situation, SaaS has lowered the intrinsic total cost of ownership for adopting software, solved scaling challenges and taken away the burden of issues with local hardware. Thanks to this mindset shift, APIs are on track to create another SaaS-sized impact across all industries and at a much faster pace.

By exposing often complex services as simplified code, API-first products are far more extensible, easier for customers to integrate into, and have the ability to foster a greater community around potential use cases.

## VYou: a Software Service Aggregator

SaaS management can cause as many headaches as SaaS apps prevent, but poor integrations between tools can create bottlenecks and failures, this is where service aggregators can help.

Software Service Aggregators as [VYou](https://vyou-app.com/en/) provide homogeneous services on their SDK. They aggregate the service providers like [Sendgrid](https://sendgrid.com/) or [Stripe](https://stripe.com/en-gb-es) on their components and allow the customer/user to avail such services from their application.

## What are developers driving the demand for aggregators?

In today’s development world, a software aggregator has a lot of importance and ever increasing demand due to:

- Increasing demand for more integrations from business decision makers.
- Providing good and professionally managed API integrations.
- Reaching a much wider audience with ready made products or MVPs.
- Offering users a huge amount of features that helps differentiate your product.

Learn more about VYou asking for a FREE demo [here](https://vyou-app.com/en/contact/). For more details about integrations & code implementation, [documentation.](https://docs.vyou-app.com/?_ga=2.205956947.196603046.1656494114-687245093.1654600773)
Would you like to know how people are building products?
Tags: discuss, webdev
Published: 2022-06-30 12:11:11

Hey guys! I've always had a questions like "How this product build? What was the process? What issues products were facing?". And my plans now is to build a small pet project with the idea in mind to share with people the progress, plans, so anyone can see how I move forward step by step and what I learn. I've created an account on Twitter and started to add tweets like "We've added an ability to switch theme", "We're planning to write some tests using Cypress", and so on. At the moment, this Twitter is more like a place to share small details that I'm working on, and to be able read this in the future. I don't have plans to grow the audience, or something like this, but I do have a question for you.

Do you know any Twitter account that have same idea? Like someone who build product, share their stories, knowledge and so on. I do want to share something that will be helpful not only for me, but for other people as well. Or if you're interesting in some specific topic that I can cover, please, let me know. I'd like to share everything about the project. 

The project's Twitter lives here: https://twitter.com/ExpenseApp and if you have any suggestion, just let me know. I'd love to share more engineering details, or how I plan something. Just everything that can be helpful. 

P.S. I hope that some day I'll publish this as an Open Source project that you can work on to gain experience, because I really love when people share their products and let anyone to add something they can use in future. I even happy when people fix something, because everyone wants to implement new feature, but not a lot of people want to fix something old.
Bind list of selected value in DropdownButton
Tags: flutter, android, ios, dart
Published: 2022-06-30 11:52:47

I've a dropdown button inside a listview builder. User will upload multiple files and will select their different types using dropdown button. Listview length will be according to the number of selected files.
```
List<String> _selectedItem = [];
DropdownButton(
  hint: Text('Select type'),
  isExpanded: true,
  underline: Container(),
  value: _selectedItem[index].isNotEmpty ? _selectedItem[index] : null,
  items: _itemList.map((e) {
    return DropdownMenuItem(
      child: Text(e.description!),
      value: e.code,
    );
  }).toList(),
  onChanged: (value) {
    setState(() {
      _selectedItem[index] = value.toString();
    });
  })
```
But while I'm using list to get the selected value, it'll throws error Error :  *RangeError (index): Invalid value: Valid value range is empty: 0.*

ListView builder:
```
ListView.separated(
  itemCount: fileList.length == 0 ? 1 : fileList.length,
  separatorBuilder: (BuildContext context, int index) {
   return SizedBox(height: 8.h);
  },
  shrinkWrap: true,
  physics: NeverScrollableScrollPhysics(),
  itemBuilder: (context, index) {
// Other code
```
Here, fileList is number of selected files. Initially it'll be 0 that's why I'm setting it 1 so that user can see the Select File UI. Later the listview will generated according to number of selected files. For example, user selects 2 files. Then there'll be 2 card and each card will contain File type dropdown, file name and comment.
How could I resolve this issue? Need Help...
Nonimmigrant Visas Issued (Nigeria F-1 )Visualization 2016-2020
Tags: datascience, analytics, excel
Published: 2022-06-30 11:46:22


![visa usa](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xyymyvxm5sf4ksn0jumm.jpg)


## **DATA SOURCE**
[Nonimmigrant-Visa-Statistics](https://travel.state.gov/content/travel/en/legal/visa-law0/visa-statistics/nonimmigrant-visa-statistics.html)

## **SCRAPING TOOL**
Manual web Scraping

##  **DATA WRANGLING**

After downloading all workbooks to extract the desired data from, I used the Excel function "VLOOKUP"

` VLOOKUP function says =VLOOKUP(What you want to look up, where you want to look for it, the column number in the range containing the value to return, return an Approximate or Exact match – indicated as 1/TRUE, or 0/FALSE).`

 to get the data associated with Nigeria into a new worksheet.


![Datasets After Wrangling](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wwcy8dwq2g8uyj4io8k1.png)

## **VISUALIZATION TOOLS**

- PowerBi
- MS Excel

## **VISUALIZATION**

### Data Transform
After exporting the excel file into PowerBI 
I deleted the "Nigeria" Colum and  transposed all other columns into rows then made the "Date" row the header as in below


![Data after Transformation](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6ajyvgnc4up06jn9ddah.png)

I used a PowerBI cluster Bar chart and Pie chart to best visualize the given Dataset.


![Clustered Bar Chart](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1k0megtqtko9alrg1ce9.png)



![Pie chart](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6hqoftf05zce26qjivt7.png)

## **CONCLUTION**

From the data visualized, we can see that as the year increases the number of Nonimmigrant Visas Issued (Nigeria F-1 ) decreases by 18.16% between 2019 and 2020.
How to Enable github copilot for free to students
Tags: github, git, programming, webdev
Published: 2022-06-30 11:43:18



Hello everyone ,In this blog we are going to see how to enable github copilot for free as student 

**Requirement**

1. Be currently enrolled in a degree or diploma granting course of study such as a high school, secondary school, college, university, homeschool, or similar educational institution.
2. Have a verifiable school-issued email address or upload documents that prove your current student status.

3. Have a GitHub personal account
4. Be at least 13 years old


Without futher delay let get started ,first you need to head to [github Education](https://education.github.com/) then you will see signin button at top right corner hit it and enter you github username and passowrd.

After login in you should see landing page of github education like this!

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/08vejnq8dj5p2dphdt1y.PNG)

go to benefits down little bit and choose student in given option.

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


You will  be asked to select you gmail account and name of you school then  you have to enter what you will do with your github you can say like _I will use github contributing to open source and coding class projects_



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

The next page you will be asked to upload document which show prove that you are student either be student card or anything mentioned and **here you have to be careful** because image of you card have to visible and clearly showing how long it will stay valid!

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


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


After submitting you student card you should get response on you email account  welcoming you to github Education.

By Heading to you github profile you should see something like pro on Hightlight

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


on you github Account 

I'm grateful that you took the time to read my writing, and I hope it will help you develop. Let's collaborate to brighten the future. All of my primary profiles are available on [My GitHub](https://github.com/twizelissa)
Full Stack?
Tags: codenewbie, todayilearned, discuss, beginners
Published: 2022-06-30 10:53:41

## What in the world are these types of developers?
From what I heard, Full Stack developers have a solid understanding of Backend, Frontend, Databases, Devops and Mobile App Dev.
<br>
Although I'm a little curious on what Devops actually means as I am a noob
<br>
### Pros?
1. Able to do any task that people assign you
2. Create things for fun
3. Answer almost every forum post

<br>
### Cons?
1. Hard Work
2. Time Consuming
3. Too many things to cram into the head
4. Generalist and can't really pursue Mastery for all languages in a short amount of time

<br>
### How anyone can start full stacking!
Well, most of you here know what the heck programming is. So, you probably know a language too. Even if it is blocks! Well then, time to up your game! Learning Python is really easy, and that can be your Backend scripting. Majority of you have coded JavaScript too, and that's also in your skillset (along with HTML and CSS). You can learn Flutter for your mobile apps and MySQL from some tutorials and it is also a Python Module, so [check them out](https://realpython.com/python-mysql/)
<br>
### Can there be a program where you can use all five?
Well, I've been asking myself that too. I think that you can do that by using Python to build a http web server, use HTML, CSS & JS for the client, and use MySQL on Python to do the storage. There are also a ton of Website converters to Web Apps to do the Mobile App. And lastly use GitHub or AWS to serve the website.
<br>
### What that means for me and anyone else pursuing Full-Stack status
I am working on becoming a full-stack dev and there is a lot of things to cover. I have done Backend and Frontend dev, but still lacking on the Databases and I don't even know what is Devops! Never did a mobile app too... But for those pursuing this, good luck to you and I wish you the best.
<br><br>
Also, I realized from the "explainimlikefive" moderators that this tag is only for asking questions, so sorry! Anyways, hope it helps!
Deploy Website on Netlify
Tags: netlify, react, github, beginners
Published: 2022-06-30 10:37:55

Hello Guys today i am going to show you how to deploy React app on Netlify for free.

Netlify is a platform which allows you to deploy your website for free and provides a bandwidth of upto 100GB for free and also have https security and can get more features in their paid version.

Let's get started...
I am going to deploy a react app 

## NOTE - I am not going to explain how to create react app or how to push code to github.

## STEP - 1
* Create your React project

## Step - 2 
* Create a github repository on Github and push the React App code to that repository

## Step - 3
* Open Netlify from the link below
https://www.netlify.com/

* You will see an interface like this , click "Start building for free"

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

* Sign up if you dont have an account and after signup , log-in to your account 
* After Login you will get a dashboard like this 

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

* Click on Add a new site -> import an existing site
* Then choose github in the Connect to Git provider option
* Then connect your github to netlify using your credentials if asked
* Then it will show you all the github repo's in your account 
* Choose the Repo which have your project.
* Then Scroll down to bottom and click deploy site
* Wait for few minutes , it will build your site and will create a link for the site.
* After production build is successfull , you will see something like this

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

* The link is Below your App name with https://, as you can see in the image above
## NOTE - If you want to change the url name of your site 
go to site settings -> change site name and change the site name and save .

## OUTPUT -

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


Thats it for this post.
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.
^^You can help me by some donation at the link below Thank you👇👇 ^^
☕ --> https://www.buymeacoffee.com/waaduheck <--

Also check these posts as well
https://dev.to/shubhamtiwari909/higher-order-function-in-javascript-1i5h

https://dev.to/shubhamtiwari909/styled-componenets-react-js-15kk

https://dev.to/shubhamtiwari909/introduction-to-tailwind-best-css-framework-1gdj
.Net Core E-Commerece Microservices with using CQRS and Vertical Slice Architecture
Tags: csharp, dotnet, dotnetcore, microservices
Published: 2022-06-30 10:37:01

---
title: .Net Core E-Commerece Microservices with using CQRS and Vertical Slice Architecture
published: true
description: A practical e-commerce microservices sample, built with C#, .Net Core, Domain-Driven Design, CQRS, Vertical Slice Architecture, Event-Driven Architecture, and the latest technologies.
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w28m643au86nd6deycdw.png
tags: csharp, dotnet ,dotnetcore, microservices
---

Hi everyone, 
I want to share my E-commerce microservices here that I've created some times ago and sill is in progress for adding some new features. In this project is a practical ecommerce sample, built with **.Net Core** and different software architecture and technologies like **Microservices Architecture**, **Vertical Slice Architecture**, **CQRS Pattern**, **Domain Driven Design (DDD)**, **Event Driven Architecture**. For communication between independent services, we use asynchronous messaging with using `RabbitMQ` on top of `MassTransit` library, and sometimes we use synchronous communication for real-time communications with using `REST` and `gRPC` calls.

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

You can check it out here:
https://github.com/mehdihadeli/ecommerce-microservices-sample

I will be happy if You have any suggestions or feedbacks or If you like you can contribute and send a pull request for me :)

Thanks.
Leetcode Solutions: Implement Tree (Prefix Tree)
Tags: programming, python, tutorial
Published: 2022-06-30 10:30:46

Here is the problem: 

A trie (pronounced as "try") or prefix tree is a tree data structure used to efficiently store and retrieve keys in a dataset of strings. There are various applications of this data structure, such as autocomplete and spellchecker.

Implement the Trie class:

Trie() Initializes the trie object.
void insert(String word) Inserts the string word into the trie.
boolean search(String word) Returns true if the string word is in the trie (i.e., was inserted before), and false otherwise.
boolean startsWith(String prefix) Returns true if there is a previously inserted string word that has the prefix prefix, and false otherwise.


Here is my different solution: 


```py
class Trie(object):

    def __init__(self):
        self.words = []
        

    def insert(self, word):
        """
        :type word: str
        :rtype: None
        """
        self.words.append(word)
        

    def search(self, word):
        """
        :type word: str
        :rtype: bool
        """
        for w in self.words:
            if w == word:
                return True
        return False
        

    def startsWith(self, prefix):
        """
        :type prefix: str
        :rtype: bool
        """
        for w in self.words:
            if w.startswith(prefix):
                return True
        return False
        
        


```
Quiz: in-file string replacement using bash
Tags: quiz, bash
Published: 2022-06-30 10:09:46

Hello, coders! :computer:

Today's quiz taken from a real world task is:
> replace a string in a file using bash.

![I challenge you!](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oe8i64qbh5jlh543uiz2.png)

## Pre-requisites
We have a **dynamically generated** variable `newPath`:
`newPath=/new/path/$(date +"%Y%m%d%H%M%S")/file.json`

We want to change the value of `PATH_TO_FILE` with the value of `newPath` in `/app/.env`.

File before replacement:
```bash
# /app/.env
# there could be lines here
PATH_TO_FILE=/path/to/file.json
# there could be lines here too
```

File after replacement:
```bash
# /app/.env
# there could be lines here
PATH_TO_FILE=/new/path/20220630081234/file.json
# there could be lines here too
```

## Starter script
```bash
#!/usr/bin/env bash

newPath=/new/path/$(date +"%Y%m%d%H%M%S")/file.json

# your code here
```

## My take on this
{% details Click to see my solution %}
```bash
#!/usr/bin/env bash

newPath=/new/path/$(date +"%Y%m%d%H%M%S")/file.json

sed -iE "s|(PATH_TO_FILE).*|\1=${newPath}|g" /app/.env
```

`-i` option means _in place_. So any change made to `/app/.env` will be saved.

`-E` stands for _extended regular expressions_.

Traditionally we use `/` when replacing things : `s/to_be_replaced/replacement/g` for instance.
Since we're dealing with a file path we would need to escape slashes in `newPath` but there's a better way: use a different separator. I'm using `|` here but you can use `@` if you prefer.

`\1` holds what was captured by the parenthesis which is `PATH_TO_FILE` in our case.

And that's it!

Comments on how to improve this solution are most welcome.

{% enddetails %}

Happy coding! :keyboard: