teleren/devto huggingface dataset:
NEXUS OSS Repository APT Repository Proxy oluşturma
Tags: linux, tutorial, productivity, learning
Published: 2023-07-28 11:13:41

NEXUS OSS kurulumuyla ilgili yazımıyaz [buradan](https://dev.to/aciklab/ubuntu-2204-nexus-oss-kurulumu-6gk) ulaşabilirsiniz.

NEXUS OSS üzerinde isterseniz apt ve yum proxy yöntemleri ile repository oluşturabilirsiniz. Bu yazımızda apt repository nasıl oluşturulur değineceğiz.

Nexus arayüzümüze **yetkili kullanıcı (default bırakıldı ise admin kullanıcısı)** ile giriş yapıyoruz.

Sonrasında 



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


sol üstte bulunan çarlk simgesine tıklayarak açılan panleden **Repositoriy** altındaki **repositories** alına giriyoruz.

**Create Repository** butonuna tıklıyoruz.


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

Açılan panelden **apt (proxy)** seçeneğini seçiyoruz.



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




**Name** alanına repomuza vermek istediğimiz ismi yazalım.
Distribution alanına debian repo sürümümüzü azıyoruz. Pardus 21 ise **yirmibir**, veya Ubuntu 20.x ise **facal** olarak yazabiliriz.

Remote storage alanı proxy yapacağımız repo **url** olacak şekilde güncelleyebiliriz.

Bu işlemlerin sonucunda **Create repository** butonuna basarak kurulumu tamamlayabiliriz.



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


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

Kurduğumuz  repostory ismini içeren kolonu bulup **copy** butonuna basarak yeni repo urlimizi kopyalayabiliriz.


İlgili url tarayıcıda açıldığında repomuzun içi aşağıdaki gibi görünecektir.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b6uyqh90k4r8ixoxv6nx.png)
The Art Of Messy Code - Chapter 0 : Nurturing Creativity Amidst Complexity
Tags: codenewbie, devjournal, learning, programming
Published: 2023-07-28 11:08:51

In the realm of software development, the Software Freestyle Engineer emerges as a vanguard of innovation, accepting complexity as a fertile ground for cultivating unconventional solutions. Thriving amidst the labyrinth of intricate requirements and stringent time constraints, these engineers transcend the boundaries of convention, viewing complexity not as an impediment but as an opportunity for boundless ingenuity.

Real-world examples abound, illustrating the Software Freestyle Engineer's remarkable prowess in navigating the uncharted waters of the unconventional. In projects where the conventional path proves too restrictive, the Software Freestyle Engineer steps forth, defying established norms and exploring innovative approaches. These scenarios manifest as crucibles for creative exploration, where traditional coding practices fail to fully capture the intricacies of complex problems.

Amidst the tumultuous complexities, the Software Freestyle Engineer discerns the latent potential for ingenuity. Harnessing the very essence of "messy" code, they get on an artistic journey, crafting unconventional paths that defy predefined patterns. By relinquishing the shackles of convention, these engineers traverse unexplored territories, venturing into the unknown with audacity and determination. In this dynamic dance between creativity and chaos, the Software Freestyle Engineer unearths the transformative power of embracing the unconventional.

The Software Freestyle Engineer's quest for groundbreaking software solutions transcends the boundaries of prescribed methodologies. Instead of confining creativity to predefined patterns, they cultivate a mélange of technical prowess and artistic vision. This synergistic blend empowers them to discern opportunities where others may see challenges, leading to the conception of innovative and disruptive software solutions.

To this end, the Software Freestyle Engineer reframes complexity as an enabler rather than a deterrent. They appreciate the intrinsic connection between embracing the unconventional and propelling the industry forward. In the crucible of complex projects, they wield creativity as a powerful enabler, transcending the constraints of traditional approaches and reaching unexplored heights of innovation.

---

![The Quotes](https://i.imgur.com/b9SOqsQ.png)
XML namespace
Tags: xml, interview, discuss, learning
Published: 2023-07-28 10:56:33

Are the two dog elements in the following XML fragments identical?

Fragment 1:
`<animals xmlns="urn:animals">
    <dog>The dog was the first species to be domesticated</dog>
</animals>
`

Fragment 2:
`<animals>
    <animals:dog xmlns:animals="urn:animals">
        The dog was the first species to be domesticated
    </animals:dog>
</animals>
`
Magento 2 Extensions
Tags: magento, magento2, magento2extensions, magento2ecommerce
Published: 2023-07-28 10:36:39

Do you want to improve your checkout process for your ecommerce store? If yes, then you need to check out our new **_[Magento 2 extensions](https://www.milople.com/magento-2-extensions)_**! This extension will make it easier for your customers to enter their payment information and complete their purchase journey.


A Magento 2 extension is a modular add-on that enhances the functionality and features of a Magento 2 ecokmerce online store. Magento 2 is a popular open-source e-commerce platform, and extensions that allow users to customize and extend their online stores to meet specific business requirements. Magento 2 extensions are typically developed by third-party developers and can be installed on a Magento 2 store to add new features, improve performance, or integrate with external services.

**Benefits**

Our Magento 2 extension offers a number of benefits, including:
Reduces the number of steps required in the checkout process
Makes it easier for customers to enter their payment information
Improves the overall checkout experience for your customers

For more information Visit: **_https://www.milople.com/magento-2-extensions_**
Build a simple scraper with Ruby
Tags: ruby
Published: 2023-07-28 10:05:03


Web scraping can often seem like a daunting task, especially when dealing with complex websites with many different elements. However, using Ruby and the Nokogiri gem, we can simplify this task and scrape websites more effectively.

In this post, I will illustrate how to scrape Wikipedia to fetch specific elements from a webpage. ***Please remember that web scraping should always be done responsibly, in compliance with the website's terms of service.*** 

Setting Up:

Firstly, you'll need to install the `nokogiri` gem. You can do this with the following command: `gem install nokogiri`.

The Code:

    require 'nokogiri'
    require 'open-uri'
    
    def scrape_wikipedia(url)
      document = Nokogiri::HTML(URI.open(url))
      
      page_title = document.css('h1').first.text
      puts "Page Title: #{page_title}"
      
      infobox_vevent = document.css('.infobox.vevent')
      infobox_title = infobox_vevent.css('.infobox-title.summary').text
      puts "Infobox Title: #{infobox_title}"
      
      tbody_tr_elements = infobox_vevent.css('tbody tr')
      third_tr_element = tbody_tr_elements[2] 
      fourth_tr_element = tbody_tr_elements[3]
      
      if third_tr_element && fourth_tr_element
        third_label = third_tr_element.css('.infobox-label').text
        third_data = third_tr_element.css('.infobox-data').text
        puts "#{third_label}: #{third_data}"
      
        fourth_label = fourth_tr_element.css('.infobox-label').text
        fourth_data = fourth_tr_element.css('.infobox-data').text
        puts "#{fourth_label}: #{fourth_data}"
      end
    end
    
    scrape_wikipedia('https://en.wikipedia.org/wiki/Ruby_(programming_language)')

**Code Breakdown:**

The script above uses Ruby's `open-uri` module and `nokogiri` gem to scrape data from Wikipedia. The `scrape_wikipedia` function receives a URL and fetches the HTML content from that URL. Nokogiri then parses this HTML content into a format we can work with in Ruby.

We use CSS selectors to target specific elements on the page. `document.css('h1').first.text` fetches the text of the first h1 element, which is usually the page's title.

The '`infobox.vevent`' and '`infobox-title summary`' classes are used to fetch the infobox on Wikipedia pages, which generally holds summary information about the page's topic.

We also fetch specific rows within the infobox's tbody (the 3rd and 4th row) and extract the labels and data.

**Conclusion:**

And there you have it! A simple way to extract specific information from a Wikipedia page using Ruby and `Nokogiri`. 

Remember, while web scraping can be a powerful tool, it's essential to use it responsibly to respect the website's terms and resources.  

Happy scraping!
Why Should You Use OnSubmit() Instead Of OnClick() Event Listener
Tags: javascript, beginners, react, tutorial
Published: 2023-07-28 09:57:00

Let's say this is my React form component:

``` jsx
function Form() {
  function handleSubmit(e) {
    e.preventDefault();
  }
  return (
    <form onSubmit={ handleSubmit }>
      <input type="text" placeholder="Type anything..." />
      <button>Submit</button>      
    </form>
  );
}
```
You can add onClick() event listener on the button instead of onSubmit on the form like so:
``` jsx
function Form() {
  function handleSubmit(e) {
    e.preventDefault();
  }
  return (
    <form>
      <input type="text" placeholder="Type anything..." />
      <button onClick={ handleSubmit }>Submit</button>      
    </form>
  );
}
```
Nothing will seem to change really. Everything is working the same. But there is a slight difference.

To understand the difference you need to know in HTML you can press Enter button on your keyboard to submit the form. If I type something in my input and press Enter the form will be submitted.

This functionality of HTML form gets disable if you add onClick() event listener to your submit button.

If that's what you're looking for then feel free to use onClick() event listener to your submit button.

Follow me: @wasimapinjari

Links: [wasimapinjari.bio.link](https://wasimapinjari.bio.link)
Remove Unwanted Objects and Clean up Pictures with AI Object Remover
Tags: webdev, productivity, news, showdev
Published: 2023-07-28 09:52:10

**[Object Remover](https://objectremover.com/)** is a powerful online object remover that can be used for many purposes. It combines the seven most popular features on one platform, giving you the ultimate solution to polish your images. 

With it, you can remove a text watermark, an unwanted person in a travel photo, a powerline in a real estate pic, or a skin defect in a face photo. This tool has a simple interface that makes it easy for users of any level. With a clear navigation bar and a neat layout, you can easily find the feature you need. It takes only a few seconds to remove unwanted objects from your photos. 


**_You can use this free online object-removing app by following the steps below:_**

> **Step 1: Upload the image you want to edit.**
Start dragging or moving the brush on the objects you want to remove.

> **Step 2: Select the unwanted object**
Use the brush tool to select the object you want to remove from the picture. 

> **Step 3: Click on Erase**
After selecting the objects you want to remove, click "Erase." Just wait for a few seconds and see your desired results.

> **Step 4: Download the image**
Now click on download to save your desired image. You can even adjust the picture quality, contrast, and saturation through this app.

## Main Functions:

- **People Remover**

Remove unwanted person from your photos. For example, remove a tourist or a stranger from your travel photos. 


![Remove People by Object Remover](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fm07pmk9u5bgw376tc8h.jpg)

- **Text Remover**

Erase outdated or sensive text information such as signature, name, or phone number.


![Remove Text by Object Remover](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7vg4qe54k7tgb07dqa89.jpg)

- **Clutter Remover**

Make your image cleaner and shift focus to the main subject. It allows you to remove many things, such as a bottle, an animal, power lines, trash cans, etc. 

![Cut out Clutter by Object Remover](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ijoxf47vougc1vsudjwz.jpg)

- **Skin Defects Remover**

Optimize your selfie or portrait before sharing it to social media platorms. You can easily remove imperfections like blemishes and acne marks. 

![Clean up Your Face with Object Remover](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j0o6nvd9uatnjyzc7fz7.jpg)

- **Sticker & Emoji Remover**

Remove sticker or emoji to make the image cleaner and more professional. 

![gET Rid of Sticker and Emoji](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ynghjh2t9zubtf5s7uzh.jpg)

For more information about Object Remover, visit objectremover.com.
What was your win this week?
Tags: discuss, weeklyretro
Published: 2023-07-28 09:30:00

---
title: What was your win this week?
published: true
description: Looking back on this past week, what was something you were proud of accomplishing?
tags: discuss, weeklyretro
published_at: 2023-07-28 09:30
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wyck78r593005hlbngyn.jpg




---

Howdy 🤠

The weekend is upon us once again!

Looking back on this past week, what was something you were proud of accomplishing?

All wins count — big or small 🎉

Examples of 'wins' include:

- Starting a new project
- Fixing a tricky bug
- Hanging out outside 🏕

---

![A person dancing down a row of celebratory people with everybody wearing colorful, outlandish clothes](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/moq4twc4v5gp4huto3t7.gif)
CI/CD with Github for Flutter Web to CPanel
Tags: cicd, githubactions, flutter, cpanel
Published: 2023-07-28 09:25:34

## Introduction
Flutter web can be used to make responsive beautiful web application using canvaskit and html renderer. Flutter provides the best experience for a web application but deploying and hosting it can sometimes be a hectic way to make and host it again and again. For this CI/CD can be used with the help of gitub actions to make our life easier.

## Requirement

1. Install Flutter on your operating system.[Installation](https://docs.flutter.dev/get-started/install)
2. Download your preferred IDE such as VS Code or Android Studio
3. Run the code in the terminal if all the required files and components are installed in your device.

`flutter doctor -v` 


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

4. Create a new project using command-line in terminal by creating a empty folder in your desired path 


`flutter create cicdflutterdemo`

You can use Android Studio to directly create a project as well.


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


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

This will run the command automatically and create an empty project for you.

5. Create a git repository in your project

`git init`
`git add.`
`git commit -m "initial commit`
`git remote add origin [copied web address]`
`git push origin main`

6. Do create a repository inside Github to get the web address to push your project to.

7. After that go to your CPanel login
8. Go to FTP accounts
9. Create a FTP credential


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

10 . After creating a FTP account go below you will see your FTP client below and click on to configure client

`FTP Username: your_id_in_cpanel@demo.com
FTP server: ftp.demo.com
FTP & explicit FTPS port:  21`

This will pop up. Copy your password and these setting that was generated.

11. Next go to your Github repository
12. Go to GitHub action

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

13. Create a new workflow file

14. Copy this text to your workflow

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


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

[CI/CD example](https://gist.github.com/brishav/76e92e1b6251c075f470796654d8d339)


15. After that push your code to your repo 
16. You can manage the push and pull to which branch you want to use CI/CD 
17. In the example it is set to main. You can set it to other branches as well to activate it.
 And we are done.

### Conclusion
So through this simple process we can easily use CI/CD with the help of Github action release our website made by flutter through IDE directly.

So what's your way of hosting the website?
TensorFlow Image Classification Tutorial: ResNet50 vs. MobileNet
Tags: python, tensorflow, neuralnetwork, computervision
Published: 2023-07-28 09:20:59

This is an image Classification tutorial using Python, TensorFlow, and Keras with Convolutional Neural Networks (CNNs). 
In this video, we'll learn how to use pre-trained models to classify images based on Resnet50 and Mobilenet.

1.	Introduction to image classification and CNNs.
2.	Using TensorFlow and Keras for building the classification process.
3.	Loading pre-trained models from the Keras application library (such as ResNet50 and MobileNet).
4.	Explaining how to prepare a fresh image for classification, including resizing it to the model's shape and converting it to a batch of images using the Numpy expand_dims function.
5.	Running the prediction process on the pre-trained models (ResNet50 and MobileNet) for the given image.
6.	Comparing and analyzing the quality of predictions between the two models.



If you are interested in learning modern Computer Vision course with deep dive with TensorFlow , Keras and Pytorch , you can find it here  : http://bit.ly/3HeDy1V
Perfect course for every computer vision enthusiastic

A recommended book , https://amzn.to/44GnlLW - "Make Your Own Neural Network - An In-depth Visual Introduction For Beginners "

The link for the video : https://youtu.be/40_NC2Ahs_8
I also shared the Python code in the video description .

Enjoy
Eran

#Python #TensorFlow #Deeplearning #convolutionalneuralnetwork #mobilenet #Resnet50
Virtual Try on glasses with JavaScript
Tags: javascript, ai, machinelearning, tensorflow
Published: 2023-07-28 09:18:22

Learn how to add virtual try on feature for your online glasses store. Utilize AR and 3D rendering for a seamless shopping experience. 

In below tutorial, I will explore how to use combination of TensorFlow.js + Face Mesh model + Three.js, that can transform the e-commerce industry by providing a virtual try on function for glasses. This innovative technology not only enhances customer satisfaction but also boosts sales and reduces product returns.

Tutorial + Demo : 
[https://bensonruan.com/virtual-try-on-glasses-with-javascript/](https://bensonruan.com/virtual-try-on-glasses-with-javascript/) 

Github : [https://github.com/bensonruan/Virtual-Glasses-Try-on](https://github.com/bensonruan/Virtual-Glasses-Try-on)
Ask the Experts: Understanding the API Context Maturity Model - Level 0 - Open, Public API Calls
Published: 2023-07-28 09:00:00

**By: Mayur Upadhyaya & Jamie Beckland**

Welcome to our new series, 'Ask the Experts: Understanding the API Context Maturity Model.' In the course of developing the [Context Maturity Model](https://bycontxt.com/blog/introducing-the-api-context-maturity-model?utm_source=DevTo), we spoke with hundreds of technology leaders across a variety of industries. In this series, we hear from some of these experts in their own words. Throughout this series, we will share their candid thoughts and feedback anonymously, to give you the most unfiltered view of the current state of APIs.

Our journey begins at Level 0 - Open, Public API Calls. APIs at this level are accessible to anyone and can be called freely. They serve as the foundation for organizations entering the realm of APIs, creating an open-ended environment for data sharing but also posing significant potential risks.

A technology lead at a multinational oil and gas company offered insight into their experience at this level. He noted, "APIs initially seemed like a simple way to share data and establish connections. However, we quickly realized that without proper control measures, our exposure to risk was far greater than necessary."

These sentiments underscore the trade-offs businesses must consider at Level 0. While open, public API calls can accelerate digital transformation, they also emphasize the importance of implementing secure API practices from the outset.

Another perspective came from a manager at a global retailer, who described an incident where public access to an API led to its misuse and unnecessary exposure of a significant amount of data. This experience further highlights the potential pitfalls at this level.

Open, public API calls are incredibly useful, but they should only be used once you have confirmed that there is no risk of proprietary or sensitive data leaks.

As we progress through the [Context Maturity Model](https://bycontxt.com/blog/introducing-the-api-context-maturity-model?utm_source=DevTo) in subsequent posts, we will explore how to navigate these challenges and adopt more secure and sophisticated API practices. The journey from open, public API calls to achieving open standards compliance has many considerations, but by understanding each level's unique challenges, your organization can confidently navigate the path to API maturity.

Join us in our next post as we delve into Level 1 - Authenticated API Calls. As always, if you'd like more information on API security and best practices, feel free to reach out. We're here to help!