teleren/devto huggingface dataset:
Shopify Foundations Certification
Tags: shopify, defaultvalue, webdev, programming
Published: 2023-03-24 11:58:38

At Default Value, we value every opportunity to boost our skills. And that's why today we are delighted to congratulate our senior software developer Sergii Medvid on successfully passing Shopify Foundations Certification! 🥳

During the course, Sergii explored evolving standards and trends in the eCommerce industry, combined with key Shopify product offerings.

The program consisted of 8 modules:

✅Shopify 101
✅Introduction to Cross-Border Selling
✅Introduction to POS & Retail
✅Introduction to Shopify Plus
✅Introduction to Working with Merchants
✅Introduction to Marketing
✅Shopify Data & Analytics 101
✅Introduction to Product Development Opportunities

Shopify Foundations Certification is a mark of recognition for our employees' skills that increases the trust of our clients and partners.

Sergii, we wish you further achievement of new heights! 💪
5 Common Mistakes to Avoid in React Native Development
Tags: reactnative, react, webdev, javascript
Published: 2023-03-24 11:28:07

React Native is a popular choice for developing cross-platform mobile applications, but it has its share of pitfalls, like any technology. If you're new to React Native development, you may find yourself making common mistakes that can slow you down or cause issues in your app. Here are five common mistakes to avoid in React Native development:

## Not optimizing your images.
Images can take up a lot of space in your app, and large images can cause your app to load slowly or even crash. To avoid this, you should optimize your images for size and resolution. Use image compression tools like ImageOptim or Kraken.io to reduce the size of your images without compromising their quality.

## Not testing on real devices.
React Native allows you to develop and test your app on a virtual device, but virtual devices don't always accurately represent real-world devices. It's essential to test your app on various real devices to ensure it works properly across different screen sizes and resolutions.

## Not using Flexbox for layout.
Flexbox is a powerful tool for creating flexible and responsive layouts in React Native. If you're unfamiliar with Flexbox, using other layout methods, like absolute positioning or fixed widths and heights, can be tempting. However, these methods can cause issues when your app is viewed on different devices with different screen sizes.

## Not using the correct lifecycle methods.
React Native has a set of lifecycle methods at specific points during a component's life. These methods allow you to perform actions like initializing the state, fetching data, and updating the UI. Using the correct lifecycle methods for your use case is essential to avoid issues like memory leaks and inconsistent states.

## Not using the correct navigation libraries.
Navigation is critical to any mobile app, but React Native doesn't have a built-in navigation system. Instead, you'll need to use a third-party navigation library like React Navigation or React Native Navigation. Choosing the correct library for your use case is essential, as each library has strengths and weaknesses.

In conclusion, by avoiding these common mistakes, you can improve the performance and stability of your React Native app. Continuously optimize your images, test on real devices, use Flexbox for layout, use the correct lifecycle methods, and choose the correct navigation library. Happy coding!

Don't settle for a subpar mobile app development experience. Contact us today to learn more about how our team at **[Aspire Softserv](www.aspiresoftserv.com)** can help you bring your mobile app idea to life. Let's create something unique together!
Best DX to write OpenAPI documentation
Tags: documentation, openapi, rest, node
Published: 2023-03-24 11:22:51

Creating an [OpenAPI](https://www.openapis.org/) documentation can look boring or hard.
But if you carefully design the workflow, it can be delight and easy.

In this article, I will explain how creating a OpenAPI documentation at Woovi works.

## Colocation of Code and Documentation
![code-doc](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r7a3wkp049wba24j6e11.png)

The first thing we thought when designing this workflow is that documentation should be colocated besides the code.
If you check the image above, the GET /charge api is besides `chargeGet.yml` documentation file.

## Writing some yml

```yml
/api/v1/charge/{id}:
  get:
    tags:
      - charge
    summary: Get one charge
    parameters:
      - name: id
        in: path        
    responses:
      '200':
        description: The charge retrieve using the given ID
        content:
          application/json:
            schema:
             ...             
```

We write documentation using yml format. We describe endpoints, tags, components, enums, and every thing that an API documentation needs.

## Bundling the yml files
OpenAPI editor does not accept many files, they just accept 1 single yml or json file. So we need to find a way to bundle all our separate yml documents into a single one.

For this task, we are going to use [swagger-jscode](https://github.com/Surnet/swagger-jsdoc). It says that it is to write Swagger, old name of OpenAPI, inside `jsdoc`, like below

```jsx
/**
 * @openapi
 * /:
 *   get:
 *     description: Welcome to swagger-jsdoc!
 *     responses:
 *       200:
 *         description: Returns a mysterious string.
 */
app.get('/', (req, res) => {
  res.send('Hello World!');
});
```
It sounds like a good idea, but does not scale if your documentation is too big. Luckly, this package also bundle .yml files.

This is the command line call that we use to bundle our documentation

```bash
yarn swagger-jsdoc -d wooviConfig.js src/charge/**.yml -o woovi-openapi.yml
``` 

This command generates a final `woovi-openapi.yml` that contains the content of all .yml files.


## In closing
When you invest in DX, when you make something easy, everybody starts doing it. 
Documentation should not be a pain, documentation should be part of our workflow.
Documentation is communication.


---
Woovi
[Woovi](https://www.woovi.com) is a Startup that enables shoppers to pay as they like. To make this possible, Woovi provides instant payment solutions for merchants to accept orders.

If you want to work with us, we are [hiring](https://woovi.com/jobs/)!

---
Photo by <a href="https://unsplash.com/@miinyuii?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Duy Pham</a> on <a href="https://unsplash.com/photos/Cecb0_8Hx-o?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>
Protect Your Express.js App from XSS Attacks
Tags: opensource, typescript, security, node
Published: 2023-03-24 11:00:33

Cross-site scripting (XSS) attacks are one of the most common and dangerous security vulnerabilities in web applications. They can compromise user data, steal sensitive information, and even lead to complete system compromise. That's why it's crucial to take action and have strong defenses in place to prevent these attacks.

[xss-shield](https://www.npmjs.com/package/xss-shield) is an npm package that provides a simple and effective way to prevent XSS attacks in your application. It's a middleware function that sanitizes user input in the request body, query parameters, and route parameters using a customizable set of rules. By doing so, it ensures that any potentially malicious code is removed before it can cause any harm.

To use [xss-shield](https://www.npmjs.com/package/xss-shield), simply install it with npm or yarn and add it as middleware to your Express application:

```ts
const express = require('express'); 
const xssShield = require('xss-shield');

const app = express();

// Add the middleware to the middleware stack
app.use(xssShield());
```

That's it! Now, any user input in the request will be automatically sanitized to prevent XSS attacks. You can also customize the sanitization rules by passing options to the middleware function:
```ts
const express = require('express'); 
const xssShield = require('xss-shield');

const app = express();

// Add the middleware to the middleware stack with options
app.use(xssShield({
  whiteList: {
    a: ['href', 'title', 'target'],
    img: ['src', 'alt'],
  }
}));
```

You can rest assured that your application is protected from XSS attacks. It's a simple and effective way to secure your code and prevent security vulnerabilities. Give it a try and see how easy it is to use!

Github Repo: https://github.com/Louis3797/xss-shield
Npm package: https://www.npmjs.com/package/xss-shield
How to Install Magento 2.4 in Windows 10
Tags: webdev, magento, magento2tutorials
Published: 2023-03-24 10:58:08

The usage of an open-source internet business stage is common across the business scene, as it gives a different scope of elements and capabilities reasonable for organizations of any size.

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

Notwithstanding, introducing how to install Magento 2.4 in Windows 10 working framework can introduce a few difficulties. In any case, through legitimate direction and guidelines, the establishment cycle can be done without a hitch.

This instructional exercise expects to convey a bit by bit guide on the most proficient method to introduce Magento 2.4 in Windows 10, subsequently working with the arrangement of your web-based store and empowering you to start selling your items quickly.

For more info, visit https://webguru.dev/how-to-install-magento-2-4-in-windows-10/
this is project what i working in it :|
Tags: codepen, github, jekyll, programming
Published: 2023-03-24 10:32:13

# hello people

this is codes ***<u>what</u>*** i doing:
  {% glitch 0micro-devmode %}
  {% codepen https://codepen.io/twitterNoteSwFAZ/pen/zYJyNZd %}
The architecture of data
Published: 2023-03-24 10:20:07

Imagine that you are a librarian and you have to organize all the books in the library. You know that it would be impossible to find a particular book if you just stacked them all in one big pile, so you decide to come up with a system for organizing the books.

First, you group the books by category, such as fiction, non-fiction, and reference. Then, you organize each category alphabetically by the author's last name. Finally, you assign each book a unique identifier, such as a call number, which makes it easy to find a particular book on the shelf.

In this analogy, the books represent data, and the librarian's system for organizing the books represents the architecture of data. Just like how the librarian needs to organize the books so that they can be easily found, data needs to be organized in a way that makes it easy to access, analyze, and use.

There are many different ways to organize data, but most data architectures share some common components. Here are a few examples:

1. Data Sources: Just like how books come from different publishers and authors, data can come from different sources such as sensors, databases, files, or APIs.

2. Data Storage: After the data is collected from various sources, it needs to be stored somewhere. This could be in a database, a file system, or a cloud-based storage solution.

3. Data Processing: Once the data is stored, it may need to be processed to make it more useful. This could involve transforming the data into a different format, cleaning up any errors or inconsistencies, or performing calculations and analysis.

4. Data Analysis: After the data has been processed, it can be analyzed to gain insights and make decisions. This could involve creating visualizations, running statistical analysis, or building machine learning models.

5. Data Presentation: Finally, the insights and results of the data analysis need to be presented in a way that makes it easy for people to understand and use. This could involve creating dashboards, reports, or visualizations that communicate the key findings.

Overall, the architecture of data is all about organizing and processing data in a way that makes it useful and accessible to people and machines alike. It's an important field that has a big impact on everything from business and science to healthcare and entertainment.
Get Your Dream Job With Our Qlik Sense Training from HKR Trainings
Published: 2023-03-24 10:12:36

This [Qlik sense Training](https://hkrtrainings.com/qlik-sense-training) from HKR Trainings offers topic-based and hands-on learning on data management, transformation, modelling, and visualizations. Our Qlik Sense Online Course incorporates optimization approaches, complex script functions, and advanced new features and visualizations. We make sure that students obtain the most training that is applicable to the industry and that they develop the sought-after work skills required in the Data Science Labor market.

**About HKR Trainings
**
HKR Trainings excel at providing you the best online classes with high quality facilities at a low price without any compromise on quality. What can you expect from us? A dedicated learning platform with 24*7 support, best in class training materials to help you learn advance techniques and practical knowledge of all IT Technologies.

Our courses are specifically curated for both professionals as well as job-seekers. Online classes conducted by the best knowledgeable and certified trainers helps you earn certification at your convenience.

**Key Features:
**
-Flexible Timings | Certified & Industry Experts Trainers

- Customize Course | Multiple Training Delivery Models

-24/7 Support | Hands-On Experience

-Real-time Use Cases | Q&A with Trainers

-Small Batches (1to5) | Flexible Payments

**Contact info:
**
USA: +1 (818) 665 7216
INDIA: +91 9711699759

Visit: https://hkrtrainings.com
Django News #172 - Django 4.2 released candidate 1 released
Published: 2023-03-24 13:54:25

---
title: Django News #172 - Django 4.2 released candidate 1 released
published: true
date: 2023-03-24 10:00:00 UTC
tags: 
canonical_url: https://django-news.com/issues/172
---

### News

#### [Django 4.2 release candidate 1 released](https://cur.at/JGlS6yt?m=rss)

Django 4.2 release candidate 1 is the final opportunity for you to try out the farrago of new features before Django 4.2 is released.

[djangoproject.com](https://cur.at/JGlS6yt?m=rss)

#### [Want to host DjangoCon Europe 2024?](https://cur.at/zsJWI4X?m=rss)

Could your town - or your football stadium, circus tent, private island or city hall - host this wonderful community event?

[djangoproject.com](https://cur.at/zsJWI4X?m=rss)

#### [Welcome to the PyPI Blog](https://cur.at/agsE6SW?m=rss)

Announcing the launch of blog.pypi.org

[pypi.org](https://cur.at/agsE6SW?m=rss)

### Sponsored Link
[![](https://dxj7eshgz03ln.cloudfront.net/production/link/image/841509/original_ratio_medium_a7a55a7c-1bdb-4a43-ad4a-c9656be32df0.png "Supercharge Your Wagtail CMS Project")](https://cur.at/FdWpbFJ?m=rss)
#### [Supercharge Your Wagtail CMS Project](https://cur.at/FdWpbFJ?m=rss)

Implement Wagtail at scale by adding extra capacity and capability to your sprint team with Torchbox's Consultancy and Staff Augmentation services. Utilised by Mozilla Foundation, Nasa JPL, and the NHS. Find out more: https://bit.ly/wagtail-super-boost

[bit.ly](https://cur.at/FdWpbFJ?m=rss)

### Articles

#### [Django: Parameterized tests for all model admin classes](https://cur.at/NFJcFD6?m=rss)

An application of "test smarter, not harder" for any project using Django's admin.

[adamj.eu](https://cur.at/NFJcFD6?m=rss)

#### [A 'No JS' Solution for Dynamic Search in Django](https://cur.at/cGP9HMM?m=rss)

Take advantage of HTMX requests to do partial rendering for list views in Django.

[fly.io](https://cur.at/cGP9HMM?m=rss)

#### [Django Database Connection Pooling with PgBouncer](https://cur.at/us7W7Uc?m=rss)

An example of Django PostgreSQL Database Connection Pooling with PgBouncer.

[github.io](https://cur.at/us7W7Uc?m=rss)

#### [Locking Down Your Users' Secrets: Django Sessions 101](https://cur.at/DpRFrup?m=rss)

Explore the security of Django sessions and see how they can be made even more secure.

[mattlayman.com](https://cur.at/DpRFrup?m=rss)

### Events

#### [Announcing PyGotham 2023](https://cur.at/X9RGXIq?m=rss)

PyGotham will take place online October 6th and 7th, 2023. The conference will feature two days of talks covering Python and the Python community.

[pygotham.tv](https://cur.at/X9RGXIq?m=rss)

### Projects

#### [fcurella/django-msgpack-serializer](https://cur.at/aN0L1rD?m=rss)

A MsgPack serializer for Django.

[github.com](https://cur.at/aN0L1rD?m=rss)

#### [em1208/adrf](https://cur.at/CVZjLbd?m=rss)

Async support for Django REST framework.

[github.com](https://cur.at/CVZjLbd?m=rss)

* * *

This RSS feed is published on [https://django-news.com/](https://django-news.com/). You can also subscribe [via email](https://django-news.com/#cta-newsletter).
MAKING API REQUEST WITH JAVASCRIPT.
Tags: api, javascript, node, html
Published: 2023-03-24 09:50:36



Hello developers! In this post, we’ll discuss various methods to request an API for your next project.

In the chapter 1 of this post, we’ll discuss what APIs means, it’s categories and types.

Then in the chapter 2, we’ll discuss various methods in making API calls with JavaScript.

 

- WHAT ARE APIs???

 API stands for Application Programming Interface. An API is a set of protocols, routines and tools for building software application. In essence, an API specifies how software components should interact with each other.

They are commonly used to access web-based services and databases.

APIs can be public or private. Public APIs are available to developers and users outside of the organization that developed the API, while private APIs are designed for internal use only.

APIs are often categorized by the way they are accessed such as RESTful APIs, which are accessed using HTTP requests, or SOAP APIs, which use XML to communicate.

We will only discuss RESTful APIs in this post due to modern usage.
   

- WHAT ARE RESTful APIs

 A RESTful API is a type of API that uses HTTP request to perform create, read, update and delete(CRUD) operations on resources.

RESTful API is an interface that two computer systems use to exchange information securely over the internet. Most business applications have to communicate with other internal and third-party applications to perform various tasks.

REST stands for Representational state transfer, which is a set of architectural principles to building web services.

In a RESTful API each resources is identified by a unique URL and HTTP methods such as GET, POST, PUT and DELETE are used to interact with the resources. For example, a GET request to a URL that represents a customer resource might return information about that customer, while a POST request to the same URL might create a new customer.

In addition, RESTful APIs of teen use standard HTTP status codes to indicate the success of failure of a request. For example, a 200 status code indicate a successful request, while a 404 status code indicates that the requested resource was not found.

- TYPES

There are several types of RESTful APIs, including:

- Hypermedia APIs which uses APIs such as links and other navigational elements to allow clients to discover and navigate the APIs resources.

- Search-bases APIs which allow clients to search for resources based on various criteria. They typically provide a search endpoint that accept query parameters and returns a set of results based on the search criteria. 

 Others are:

- Paginated APIs
- Streaming APIs
- File-based APIs
- CRUD-based APIs




Thanks so much for your time. The chapter 2 will be posted as soon as possible.
Workflow for recording a talk and post-processing it
Published: 2023-03-24 09:42:58

1. Capture screen and in-build notebook microphone during talk with [OBS](https://obsproject.com/)
2. Cut the video to the desired length with [Kdenlive](https://kdenlive.org). Export as `h264` for maximum end-user compatibility
3. Upload recording to [auphonic.com](https://auphonic.com/) for automated processing (volume leveling -> pretty clean audio, speech recognition -> subtitles)
4. Correct generated subtitles with [Subtitle Composer](https://subtitlecomposer.kde.org/) (latest git development version for WebVTT (`.vtt`) support)
5. Export subtitles as SubRip (`.srt`) with Suptitle Composer
6. Translate the `.srt` with [deepl.com](https://www.deepl.com/translator) by opening the file with a text editor and copying twenty captions at a time for translation (auto translation from Subtitle Composer was not working for me). Save the translations in a new `.srt`
7. Embed the subtitles with [ffmpeg](https://ffmpeg.org/) with the following command (taken from [bannerbear.com](https://www.bannerbear.com/blog/how-to-add-subtitles-to-a-video-file-using-ffmpeg/#one-liner)) ```ffmpeg -i input.mp4 -i subtitle.en.srt -i subtitle.chi.srt -map 0 -map 1 -map 2 -c copy -c:s mov_text -metadata:s:s:0 language=eng -metadata:s:s:1 language=chi output_eng_chi.mp4```
8. Share :)
.sort method in JavaScript may not sort numbers the way you would expect.
Published: 2023-03-24 09:31:55

In JavaScript, the array.sort() method sorts the array.
Now, the data type in the array could be anything, either numbers or strings.
When we talk about sorting through an array that contains a string, .sort() method seems to work just fine. There is a caveat though on how this sorting actually works.


## Behind the scenes of sorting

.sort() works in a peculiar way, i.e. it converts the initial letter(s) of the string into equivalent ASCII characters and then, the converted values are compared, and therefore sorted.
By value, capital letters have ASCII values with low number equivalent, therefore considered small, and they appear first then the small case letters since the default method is to sort in ascending order. 

```
const names = ['joker', 'batman', 'catwoman'];
names.sort(); // => ['batman', 'catwoman', 'joker']
```



## In the case of numbers, sorting works not as you would expect

Same way, the numbers are converted into their equivalent ASCII characters values and then the new equivalent values are compared, similar to how a dictionary algorithm works, which therefore fetches us wrong results. Therefore to expect the right behaviour from sort method in case of sorting of numbers, we pass a callback function in the .sort() as parameters, which return either a-b ( for ascending order of sorting ) or return b-a for descending order of sorting. 
Please refer to the examples below to have a better understanding of how this works.


```
const numbers = [10, 5, 11];
numbers.sort(); // => [10, 11, 5]

const numbers = [10, 5, 11];
numbers.sort((a, b) => a - b); // => [5, 10, 11]

```
06 berufliches Vorwärtskommen: So findest du dein Warum
Tags: career, motivation, german, discuss
Published: 2023-03-24 09:23:12

Moin Moin,


jetzt soll es darum gehen wie du dein „Warum“ für deine [Karriere ( berufliches Vorwärtskommen )↗](https://www.dwds.de/wb/Karriere) findest.
Möglicherweise helfen bereits folgende einfache Fragen. Was fällt dir als erstes ein, sobald du folgende Fragen liest. 

1. Warum bist du IT-Fachkraft ?
2. Was willst du als IT-Fachkraft erreichen ?
3. Fühlt es sich richtig an ITler zu sein ? Warum ?
4. Was haben du und deine Mitmenschen davon, dass du IT-Fachkraft bist ? Ist dir das wichtig ?
5. Wie denken andere über dich und deine Leistungen als IT-Fachkraft ? Ist dir das wichtig ?

( Nummeriert zwecks Verweis )
Teilt eure Antworten in den Kommentaren mit.


Beste Grüße,
Mustafa