teleren/devto huggingface dataset:
LEARNING JAVASCRIPT AND PYTHON
Published: 2022-11-15 17:52:16

HI ALL I HAD EXAMS TILL TODAY WHICH DONT RELATE TO PROGRAMMING.
MEANWHILE I LEARNT THE PYTHON BASICS AND OOP THROUGH FREECODECAMP
OOP COURSE AND LEARNING JAVASCRIPT THROUGH MDN DOCS. I COMPLETED TILL JAVASCRIPT BUILDING BLOCKS IN MDN SITE.I AM PLANNING TO WATCH CLEVERPROGRAMMER COURSE ON JAVASCRIPT AND JAVASCRIPT30 DAYS PROJECT SITE AND OWN PROJECTS AND SO ON.IN PYTHON I WANT TO LEARN MATPLOTLIB TO CREATE A SIMPLE PROJECT WHICH I WILL UPDATE HOPEFULLY BY SUNDAY.I HAD SOME PRIOR EXPERIENCE TO PROGRAMMING WORLD IF SOMEONE IS THINKING WHY ARE YOU LEARNING TWO LANGUAGES AT SAME TIME.IT CAN'T BE COUNTED AS BIG EXPERIENCE BECAUSE IT WAS BEFORE 1 OR MORE THAN HALF YEAR THAT TOO WAS ABOUT BASICS AND STARTING OF OOPS ONLY.THIS TIME I HAVE STRONG WILL AND MOTIVATION {WELL DRIVE NOT MOTIVATION} TO DO PROGRAMMING.

THANKS FOR VIEWING MY ARTICLE WHILE I'M DOCUMENTING MY JOURNEY
IF ANYONE CAN POINT ME TO SOME GOOD RESOURCES IT WILL BE VERY HELPFUL TO ME 

JEEVAN.K -
design patterns every javascript developer should know
Tags: javascript, typescript, webdev, webperf
Published: 2022-11-15 17:42:18

Most widely used patterns javascript libraries and frameworks: 

- Module Pattern
- Singleton Pattern
- Proxy Pattern
- Observerble Pattern
- Factory Pattern
- Prototype Pattern
- Facade Pattern

Resouce to learn: https://www.patterns.dev/posts/#design-patterns
Welcome Thread - v200
Tags: welcome
Published: 2022-11-15 17:41:38

---
title: Welcome Thread - v200
published: true
description: Welcome to DEV! A thread of hellos and intros.
tags: welcome
canonical_url: 
---

![The word hello flashing in different colors on cartoon clouds](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s0b2ad670uoim8y8v5fg.gif)

### Welcome to DEV!

1. Leave a comment below to introduce yourself! You can talk about what brought you here, what you're learning, or just a fun fact about yourself.

2. Reply to someone's comment, either with a question or just a hello. 👋 

**Great to have you in the community!**
Import structured data from Excel to Visio (contains relationship)
Published: 2022-11-15 17:01:34

I have an Excel file with the following structured data

Function  | sub function

functionA| sub function A.1

functionA| sub function A.2

functionA| sub function A.3

functionA| sub function A.4

functionB| sub function B.1

functionB| sub function B.2

I would like to import it into visio as in the attached image. I would like in fact to have the function as a contener and to have inside it the su-functions. 

I need to refresh my data very often. So I want to do it not manually.

Thank you in advance
 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rm60pfvej6sweiumdoja.png)
How to Create a Modal Popup in HTML CSS and JavaScript
Tags: html, css, javascript
Published: 2022-11-15 16:54:48

In this tutorial we will learn How to Create a Modal Popup in HTML CSS and JavaScript, It's a very helpful project for beginners. 

So, I'm going to teach you How to use HTML, CSS, and also a little bit of JavaScript to Modal Popup. Basically, most users display the signup or registration form inside the modal and someone displays the content inside the modal or popup.

So, inside the tutorial, you will learn How to display the image, content, and also buttons. You will learn How to use JavaScript to display and also close the modal using Buttons.

So, hope this tutorial is helpful and beneficial for you.

{% embed https://www.youtube.com/watch?v=kjIS3JnrE9E %}.
Video: Accelerate Transformer inference with Optimum and Intel OpenVINO
Tags: transformers, intel, machinelearning, deeplearning
Published: 2022-11-21 16:57:12

---
title: Video: Accelerate Transformer inference with Optimum and Intel OpenVINO
published: true
date: 2022-11-15 16:46:37 UTC
tags: transformers,intel,machinelearning,deeplearning
canonical_url: https://julsimon.medium.com/video-accelerate-transformer-inference-with-optimum-and-intel-openvino-f71e4cf9a83e
---

In this video, I show you how to accelerate Transformer inference with Optimum, an open source library by [Hugging Face](http://huggingface.co), and [Intel OpenVINO](https://docs.openvino.ai/latest/index.html).

I start from a Vision Transformer model fine-tuned for image classification, and quantize it with OpenVINO. Running benchmarks on an AWS c6i instance (Intel Ice Lake architecture), we speed up the original model more than 20% and divide its size by almost 4, with just a few lines of simple Python code and just a tiny accuracy drop!

{% youtube mfj1QrZWkk8 %}
💡 We found a solution to make embedded and edge projects easier and faster to deploy.
Tags: opensource, microservices, tutorial, luos
Published: 2022-11-15 16:39:51

We are now working on virtual boards, which will give something similar to ROS. This gives you the opportunity to test the Luos library without needing any hardware making it even more attainable for everyone and even easier to use.

▶️ Try now our get started and select “No board” during the tutorial: https://www.luos.io/tutorials/get-started

With this, are many new things coming soon!
Single vs. Multi Page Android App
Tags: xamarinforms
Published: 2022-11-15 16:27:44

I wrote an App that was a single page using MVVM and I was just using a frame to hide/unhide areas.  This is a location tracking app.  When it was a single page when minimized or the screen was locked tracking and everything worked perfect.

I then found some issues with modifying map features when the frame it was in wasnt visible so I needed to change it to a multipage app.

For some reason now, when I go from Page 1 to the actual map page the map gets  displayed, but as soon as the screen locks or the app is moved to background, the OnDisappearing event on the map page is fired.

I can stop it by changing the MainActivity from inheriting global::Xamarin.Forms.Platform.Android.FormsAppCompatActivity to inheriting FormsApplicationActivity but that seems to create additional issues

I can also stop it by loading the map page (page 2) as a PushModalAsync page.  This way caused the app to crash alot.

changing the page inheritance works better, but it seems like it cannot fire messages using message center that I have in the onAppearing event of the mapPage.xaml.cs file.

Any thoughts on how to keep the app running, and updating in the background in a multi page environment?
P1 Bug Bounties: What is an IDOR, and how does IDOR == $$$?
Tags: cybersecurity, vulnerability, idor, bugbounty
Published: 2022-11-18 04:23:34

---
title: P1 Bug Bounties: What is an IDOR, and how does IDOR == $$$?
published: true
date: 2022-11-15 16:18:19 UTC
tags: cybersecurity,vulnerability,idor,bugbounty
canonical_url: https://medium.com/the-gray-area/p1-bug-bounties-what-is-an-idor-and-how-does-idor-63fc72c371c8
---

[![](https://cdn-images-1.medium.com/max/833/1*GxtT2xblK5V0NIaXj0vsOg.jpeg)](https://medium.com/the-gray-area/p1-bug-bounties-what-is-an-idor-and-how-does-idor-63fc72c371c8?source=rss-79a7fbf51e21------2)

TL;DR- A brief post about what an IDOR is, and what they mean to the bug-hunting world.

[Continue reading on The Gray Area »](https://medium.com/the-gray-area/p1-bug-bounties-what-is-an-idor-and-how-does-idor-63fc72c371c8?source=rss-79a7fbf51e21------2)
Définition Manger Healthy
Published: 2022-11-15 16:13:03

C’est un mot d’origine anglaise qui a plusieurs traductions selon le contexte. Pour ce qui nous intéresse, on choisira ici « sain », « en bonne santé » et « équilibré ».
Et concrètement alors ?

C’est lorsqu’on décide d’éviter les aliments ou préparations transformés, qu’on choisit les produits les plus bruts possible et avec le moins d’additifs, ce qui sous-entend donc se remettre en cuisine: « Home made, of course ! »
cuisine maison en [napsothérapie](https://guide-educsante.fr/manger-healthy-quest-ce-que-cela-veut-dire/)

Sur le principe, cela semble simple, mais en réalité cela demande certaines connaissances et un bon guidage. Nous courrons tous après le temps, trop pressés, trop stressés, sous pression sociale, familiale et professionnelle ! Les industriels l’ont bien compris, en nous proposant une multitude de produits sucrés ou salés, rapides à manger en quelques minutes seulement et sans préparation. Je m’attarderai sur leurs compositions lors d’un prochain article mais aujourd’hui je me concentre sur l’alimentation « healthy » faite maison.
Adobe integration and one-stop subscription platform development
Tags: ruby, webdev, writing, programming
Published: 2022-11-15 15:59:44

Active Platform helps companies act as cloud service brokers, enabling telecommunications companies and mobile operators, service providers, resellers, entrepreneurs, and government organizations to cost-effectively provide IT as a service. The platform allows them to build an end-to-end ecosystem that helps customers quickly find, acquire, and manage cloud services through their own specialized system, according to their immediate needs.

[Evrone developers are integrated](https://evrone.com/active-platform) into the Active Platform team and work on the aspects that relate to resellers, administrators, managers, and customers (buyers at the company level). Namely, we have worked on integration with Adobe, payment systems integration, implementation of billing systems for various vendors, integration with external tax calculation engines, etc.
Position in Tailwindcss
Published: 2022-11-15 15:33:08


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/odwzt83ja06pcoot16nk.PNG)Position property is how element is positioned in webpage  we have

static: by default all elements are static means they cant be moved like top ,bottom , right or left 

Relative:element is positioned related to its normal position
Absolute:  The elemenent is positioned absolutly according to its first parent and can be moved top right ,bottom or left

`<div class="relative">
   <p>paragraphy1</p>
   <p class="absolute">paragraphy2</p>
 </div>
`
Fixed: The element is position based on  browser window means  can not be moved
sticky : The element is postioned based on user scroll position it act like fixed until its acrross  its parents
WaterNav Project Part 2 (15/11/2022)
Published: 2022-11-15 15:31:51

Ok so following on from last week Currently I am working on the interaction between the backend Database and the client application.

Currently the user can log into a different location and on the backend it will create them a new record that allocates them map data for that Unique map ID.

currently developing the unity scene to take in the data and process that at runtime. Ideally what should happen is the Map Data should be passed into the runtime unity player and based on the map Data I can compare to see if it's a new entry on the backend in which case I let the system choose the first map piece.

currently It just logs out all this info but the next steps is to then get the flat byte array blob from the backend server and interpret that data in the runtime application where it should be turned to tile's for a tile map
Ansible Inventory Plugin
Tags: ansible, aws, python, opensource
Published: 2022-11-15 15:13:48

### Intro
This [repo](https://github.com/cloudguruab/ansible-plugin) is a smaller part to executing generic ansible commands inside an ansible execution environment using ansible-runner to consume inventory from an external source other than an inventory file.

Here is the repo that is used inside an execution env for those who are curious: https://github.com/cloudguruab/edpm_plugin

If you have questions feel free to open an issue.


### Requirements & Dependencies
I have specified all the requirements for this plugin [here](https://github.com/cloudguruab/ansible-plugin)

- Ansible
```
pip install ansible
```

- AWS CLI
```
pip install boto3
pip install awscli
```

### Setup
Be sure the desired collection is installed if you're pulling from pre-built module

```
ansible-galaxy collection list # list installed plugins
ansible-galaxy collection install amazon.aws
```

After running `ansible-galaxy collection list` you should see something like this: 

```
Collection        Version
----------------- -------
amazon.aws        5.1.0
community.general 5.2.0
openstack.cloud   1.10.0
```

Once this is done you need to navigate to your aws console and obtain your `aws_secret_key`, and `aws_public_key`:

```
#setting up auth 
bash-5.1$ aws configure
AWS Access Key ID [None]: key
AWS Secret Access Key [None]: key
Default region name [None]: us-east-1
Default output format [None]: json
```

### Updating your project
We need to update our inventory source with our `private_ip` to connect with our instance. Our ansible config file will also map to our inventory source and the plugin we are using. 

- `aws_ec2.yml`:
```
plugin: aws_ec2
regions:
  - us-east-1
keyed_groups:
  - key: tags.Tagname
filters:
  instance-state-name: running
compose:
  ansible_host: private_ip
```

- `ansible.cfg`:
```
[defaults]
enable_plugins=aws_ec2
inventory=aws_ec2.yml
```

### Testing
Lets look for our host:
```
ansible-inventory -i aws_ec2.yml --list #look for host
ansible-inventory -i aws_ec2.yml --graph # graph view
```

#### Resources
- [Ansible](https://docs.ansible.com/ansible/latest/plugins/inventory.html#using-inventory-plugins)
- [Anisble-runner](https://ansible-runner.readthedocs.io/en/stable/)
- [AWS](https://aws.amazon.com/)
The Great Commandments of Frontend Engineering
Published: 2022-11-15 14:57:38

I’ve been spending a lot of time recently thinking about fundamentals. Breaking complex things down to the basics. Looking for success patterns that I can replicate. Reading up on what the industry thought leaders have said about the core essentials of our field. If you have seen my previous post about [the fundamentals of software engineering (spoiler alert, it's not data structures and algorithms)](https://dev.to/kat_pavlopoulos/the-fundamentals-of-software-engineering-2kc5), you already share my context.

Today I want to zero in on frontend engineering in particular, and suggest three principles that I have seen at work again and again when working with or observing top frontend developers. If I missed anything, or if you believe either of these three aren't necessary, please let me know in the comments below. Let's learn together.

**1) Love your craft**. 

Many people can write code, but one thing that sets the masters of their craft apart is that they care about the quality of their work so much that they will go the extra mile, always. 

They’re also lifelong learners. They didn’t stop acquiring knowledge when they were last promoted. They look for opportunities to learn, to improve, to grow, and this pursuit of excellence reflects in their work.

**2) Love your users**.

Frontend engineers in particular work very closely to the user, building the very interface the user interacts with. I noticed that the best frontend engineers think about not just the computers running the code but the people that code will interact with. Even the best practices for testing frontend code revolve around mocking user actions rather than striving for 100% code coverage.

They also don’t cut corners on things like accessibility and cross-browser support. 

**3) Love yourself**.

Are you surprised to see this on the list? The truth is, the best frontend engineers have been in the industry for a while, which means they’ve managed to position themselves in a way that allows them to be continually challenged, recognized, and not burn out in the process. You might be able to accomplish quite a bit running on fumes, skipping meals, skipping workouts, even sacrificing your sleep, but how long will you last? 

Create intentional times of rest.

Refuel your creative tank. 

Take care of your physical, mental, emotional, and spiritual wellbeing so that you can bring your best self to work every day. 

And have fun building awesome frontends <3
Good UX is good for SEO
Tags: seo, ux
Published: 2022-11-15 14:30:27

The most overlooked SEO ranking factor is user experience.

SEO experts often talk about page speed and mobile device optimization. But good user experience is not always about modifying code or having 1-2% gains.

Good user experience is not even about having a site that looks good. Amazon and Google are not pretty.

**Good user experience is about helping the user get from point A to point B.**

That could be anything from ensuring your website is easy to navigate to providing customer support that is easy to reach.

The little things often make the most significant difference: a title that is easy to read, a button that is easy to click, a checkbox that is easy to check, a text that is easy to read, etc.

The bottom line is that if your website is challenging to use, people will leave and won’t return.

And if people are leaving your website, that will impact your SEO.

Knowing what information to hide is just as important as knowing what information to show when trying to help your users make a decision. Please don’t underestimate your users; make the information easy to search but don’t spoon-feed them everything.

Google knows when users are not converting - and it also knows when people are recommending your website. If it is hard to use, that recommendation will probably happen farther in between.

So, my final advice is to try to think like your users:

- What are they looking for?
- How are they looking for it?
- How can we make it easy for them to find?
- How can we remove obstacles?


Sometimes the solution is to rewrite a few texts. Other times, we need to redesign the website.

But the starting point is always the same: think about your users and their needs.
11 – Cloud Solution Architect – Security
Tags: techtalks, career, architecture
Published: 2022-11-15 14:09:06

No Cloud Applications can be designed and deployed without security. So, security is a point to be discussed from day one and should be reassessed and redesigned as and when new things are getting onboard. It is like an arm of a person moving and staying all along. 

https://youtu.be/tTbU4GYtdMU 

{% youtube tTbU4GYtdMU %}

For more please subscribe 
https://www.youtube.com/c/TechTalksWriju?sub_confirmation=1
😓 I have some issue in React
Published: 2022-11-15 14:06:35

I couldn't understand this issue.
please explain me about this.
I attach source code and error image.
https://github.com/elitesuper/my_issue/blob/main/CollectionUpload.tsx
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l9xaa7hx8rd66bp0gei1.png)
How does #blockchain technology work for business?
Tags: webdev, javascript, opensource, web3
Published: 2022-11-15 14:02:05

Blockchain for business is useful for entities that conduct transactions with one another. Blockchain also allows a solution to rapidly size and scale. Blockchain for business provides these advantages based on four distinct characteristics of the technology:

1. Consensus: Shared ledgers are only updated after the transaction has been validated by all relevant participants.

2. Replication: When a block — the record of an event — is accepted, it is automatically imitated across all ledgers for all channel participants. Each network partner sees and shares the same "trusted reality" of the transactions.

3. Immutability: More blocks can be added but not removed, ensuring a permanent record of every transaction and increasing stakeholder trust.

4. Security: Only approved entities are permitted to create and access blocks. Only trusted partners are granted access.
EUROWINDOW 12 NĂM LIÊN TIẾP ĐẠT THƯƠNG HIỆU QUỐC GIA VIỆT NAM
Published: 2022-11-15 13:43:09

Sau hơn 9 tháng phát động và triển khai hoạt động xét chọn với hệ thống tiêu chí đánh giá chặt chẽ, [Eurowindow](https://www.eurowindowhcm.com/2022/11/eurowindow-12-nam-lien-tiep-dat-thuong-hieu-quoc-gia.html) đã vinh dự trở thành một trong 172 doanh nghiệp được công nhận Thương hiệu quốc gia Việt Nam 2022 với sản phẩm cửa và vách nhôm kính.

Đây là minh chứng cho những nỗ lực của Eurowindow khi không ngừng nâng cao chất lượng sản phẩm, dịch vụ, đầu tư công nghệ sản xuất và xây dựng uy tín thương hiệu hàng đầu lĩnh vực.

EUROWINDOW 12 NĂM LIÊN TIẾP ĐẠT THƯƠNG HIỆU QUỐC GIA VIỆT NAM
Vượt qua những tiêu chí khắt khe về đánh giá năng lực, Công ty CP Eurowindow vinh dự lần thứ 6 liên tiếp đón nhận danh hiệu Thương hiệu quốc gia Việt Nam 2022. Lễ công bố và trao biểu trưng diễn ra vào tối 02/11 tại Trung tâm Hội nghị quốc gia (Hà Nội).

“Thương hiệu Quốc gia Việt Nam” là chương trình xúc tiến thương mại đặc thù, dài hạn và duy nhất được Thủ tướng Chính phủ phê duyệt nhằm xây dựng và quảng bá hình ảnh quốc gia thông qua thương hiệu sản phẩm.

Phát huy giá trị của Thương Hiệu Quốc Gia Việt Nam, trong 20 năm qua, bên cạnh việc cung ứng ra thị trường những sản phẩm cửa và vách kính ưu việt, nâng tầm chất lượng sống cho hàng triệu khách hàng, Eurowindow không ngừng nghiên cứu, ứng dụng công nghệ để tạo ra những sản phẩm đột phá, an toàn với sức khỏe người dùng và thân thiện với môi trường.

Danh hiệu Thương hiệu Quốc gia sẽ là nguồn động lực lớn để Eurowindow tiếp tục đẩy mạnh phát triển, nâng cao chất lượng sản phẩm, mang tới cho khách hàng sự hài lòng cao nhất, góp phần khẳng định vị thế doanh nghiệp tại thị trường trong nước và nâng cao năng lực cạnh tranh trên trường quốc tế.

Bước sang thập kỷ mới, đặt mục tiêu chinh phục những thành công mới, Eurowindow tiếp tục đẩy mạnh nghiên cứu, đưa ra thị trường các sản phẩm đề cao tính an toàn, ứng dụng công nghệ AI thông minh, bảo vệ sức khỏe người dùng và thân thiện với môi trường…góp phần khẳng định vị thế nhà cung cấp giải pháp tổng thể về vật liệu xây dựng xanh hàng đầu Việt Nam.
Animating using sliders in JavaFX and SceneBuilder
Tags: javafx, slider, scenebuilder, changelistener
Published: 2022-11-15 13:41:40

Hello All! I am a beginner in Java. For my project, I am developing a GUI using JavaFX in Eclipse (I have connected Java with SceneBuilder). I have 2 sliders named Diameter (D1) and Length (L1). Secondly, I have a cylinder with 2 dimensions i.e. diameter (D2) and Length (L2). The task that I want to do is when I change the values in slider of D1, corresponding D2 should change (increase/decrease). And the same way with Length also. But I don´t know how to connect the sliders with the cylinder. Maybe I should use changeListener for this. If anyone can give me a slightest idea of implementing this, it would be very helpful! Looking forward to your help, thank you in advance!
Max-width and Min-width
Published: 2022-11-15 13:38:40

When an element is set to a certain min-width, and the content inside the element become small, the min-width is applied, when the content is big the min-width has no effect, It means that the content will get treat as they are have auto-width when the content is large, and if it is small we keep our min-width.

For the max-width if the content is small the max-width has no effect when it is big the max-width is applied, This is means that if thye content big larger than the max-width it will overlap, However, if the content is small no effect, the content will be treated as having width-auto
Relative position and Absolute in TailwindCSS
Published: 2022-11-15 13:33:36



In CSS when you want to position an element or div, you need to identify the parent of that element or Div in order to position it relative to its parent. Every element is positioned static by default, However you can  change it by applying relative to the parent of the element. All elements{Nodes} in HTML are by default relative to the body, when you apply absolute to a element it follows the body, to achieve positioning to a certain element you need to change relative to the specific element you are targeting. The final point about this is that when you  use position many chances are that you will use z-index, not every time but when an element you positioned is overwrapped think about trhe z-index. Moreover, Z-index also works with position.