teleren/devto huggingface dataset:
Modifiers
Tags: android, jetpackcompose
Published: 2023-10-09 07:36:23

In Jetpack Compose, modifiers are objects that are used to change the appearance or behavior of UI elements. They are applied to composable functions using the modifier parameter. Modifiers can be used to change the layout, size, position, and other properties of UI elements.

Here are some of the main properties of modifiers in Jetpack Compose:

- **Layout:** Modifiers can be used to change the layout of UI elements, such as padding, margin, and alignment.

```
Text("Hello World",
    modifier = Modifier.padding(16.dp)
)
```


- **Size:** Modifiers can be used to change the size of UI elements, such as width, height, and aspect ratio.

```
Image(
    asset = image,
    modifier = Modifier.preferredHeight(200.dp)
)
```


- **Position:** Modifiers can be used to change the position of UI elements, such as x and y coordinates.

```
Text("Hello World",
    modifier = Modifier.offset(x = 16.dp, y = 32.dp)
)
```


- **Visibility:**
 Modifiers can be used to control the visibility of UI elements, such as hiding or showing elements.

```
Text("Hello World",
    modifier = Modifier.visibility(visible = true)
)
```


- **Background:** Modifiers can be used to add background color, shapes and images to UI elements.
```
Surface(color = Color.Yellow, shape = RoundedCornerShape(10.dp)) {
    Text("Hello World")
}
```


- **Clickable:** Modifiers can be used to make a UI element clickable and perform an action when clicked.

```
Button(
    onClick = { /* Perform action */ },
    text = "Click me!"
)
```


These are just a few examples of the properties that modifiers can have, and there are many other properties and functions that you can use depending on your needs. Modifiers can be combined in different ways to create complex UI elements with different properties.

**Note:** Modifiers can be combined to create complex UI elements with different properties. The order in which modifiers are applied can affect the final result.

For example, you might want to add a padding to a UI element and then add a border to that element. In this case, you have to apply the padding modifier first and then the border modifier.

Here’s an example of how to combine the padding and border modifiers:

```
Text("Hello World",
    modifier = Modifier.padding(16.dp)
            .border(4.dp, Color.Red)
)
```


This code applies a padding of 16dp to the Text composable and then adds a border of 4dp with a red color. If you switch the order of Modifiers in the above examples, the result will be different, so you have to be careful when combining modifiers.

Modifiers can be also combined with + sign as well, for example:

```
val padding = Modifier.padding(16.dp)
val border = Modifier.border(4.dp, Color.Red)
Text("Hello World",
    modifier = padding + border
```
what is BOUNTY BUG ?
Tags: securityexploits, bugbounty, cybersecurity, onlinesafety
Published: 2023-10-09 07:30:43

Bug Bounty is a program that allows independent security researchers to report bugs to an organization and receive rewards or compensation.

 These bugs are usually security exploits and vulnerabilities, though they can also include process issues, hardware flaws, and so on. 

The reports are typically made through a program run by an independent third party (like Bugcrowd or HackerOne). 


popular bug bounty programs:

Some notable programs include Google’s Vulnerability Reward Program, which offers rewards for discovering security vulnerabilities in their products and services, 

and Microsoft’s Bug Bounty Program, which covers a wide range of rewards for finding security vulnerabilities in their products and services.



how to participate in bug bounty program

1. Find a bug bounty program: Platforms like HackerOne, Bugcrowd, and Synack offer various bug bounty programs

2. Read the rules and scope: Carefully read the rules and scope of the program before participating. The rules will outline eligible vulnerabilities, while the scope will define which systems, tools, or software you can test.

3. Identify vulnerabilities: Use tools like Burp Suite, OWASP ZAP, or Nmap to identify vulnerabilities once you have identified a bug bounty program and read the rules and scope.

4. Report vulnerabilities: Submit a detailed report to the organization running the bug bounty program when you find a vulnerability. Include a description of the vulnerability, how it was discovered, and how it can be exploited.


5. Wait for validation and reward: After submitting your report, wait for validation from the organization running the bug bounty program.


bug bounty programs rewards:

 Rewards can range from a few hundred dollars to tens of thousands of dollars, depending on the severity of the vulnerability and the organization running the program.
Boosting React App with Custom Hook : useOnScreen
Tags: react, javascript, typescript, learning
Published: 2023-10-09 07:30:00

When it comes to building web applications, performance is a critical factor in ensuring a smooth user experience. One common requirement is to determine whether an element is currently visible on the screen. This task is essential for implementing features like **lazy loading images**, **infinite scrolling**, or **tracking visibility-based events**. In this article, we'll introduce you to a custom React hook called useOnScreen, which simplifies visibility detection in React applications, making your life as a developer easier.

---

## Introducing `useOnScreen`

The `useOnScreen` hook is designed to help you detect whether an element is currently visible on the screen or not. It leverages the Intersection Observer API, **a modern JavaScript feature that allows you to monitor changes in the visibility of elements**. With this hook, you can easily determine whether an element is within the viewport, enabling you to trigger actions accordingly.

Here's how the `useOnScreen` hook works:

```typescript
import { RefObject, useEffect, useState } from 'react'

export const useOnScreen = (ref: RefObject<any>) => {
  const [isIntersecting, setIntersecting] = useState(false)
  const observer = new IntersectionObserver(([entry]) => setIntersecting(entry.isIntersecting))

  useEffect(() => {
    observer.observe(ref.current)
    return () => {
      observer.unobserve(ref.current)
    }
  }, [])

  return isIntersecting
}
```

---

## How to Use `useOnScreen`

Here's a complete example of using the `useOnScreen` hook to progressively load an image when the user scrolls down the page and the image becomes visible:

```typescript
import React, { useRef } from 'react'
import { useOnScreen } from './useOnScreen'

function App() {
  const imageRef = useRef()
  const isImageVisible = useOnScreen(imageRef)

  return (
    <div>
      <div style={{ height: '100vh' }}>Scroll down</div>
      <div ref={imageRef}>
        {isImageVisible && (
          <img src="image.jpg" alt="Image" />
        )}
      </div>
    </div>
  )
}

export default App
```
Unlocking Network Potential: Your Juniper Learning Portal Journey
Tags: juniperlearningportal
Published: 2023-10-09 07:27:05

d. Certification and Recognition
Upon successful completion of courses, learners receive certifications that are recognized and <a href="https://dumpsmedia.com/education/juniper-learning-portal-training/">juniper learning portal</a> respected in the industry. These certifications validate their expertise, improving job prospects and professional growth.
Navigating the Juniper Learning Portal
a. Creating an Account
Getting started is as simple as creating an account on the platform. Users can register with their credentials and start exploring the available courses immediately.
b. Course Selection
The portal offers a wide range of courses, organized into categories for easy browsing. Learners can <a href="https://dumpsmedia.com/education/juniper-learning-portal-training/">juniper learning portal</a> select courses based on their interests, career goals, or current skill level.


Click Here For More Details>>>>>>>[https://dumpsmedia.com/education/juniper-learning-portal-training/](https://dumpsmedia.com/education/juniper-learning-portal-training/)
The Future of Video Icons: Pictograms of Progress
Published: 2023-10-09 07:25:57

**The Future of Video Icons: Pictograms of Progress
**
The digital tapestry of our world is constantly shifting, and with it, the symbols we use to navigate this space. In the realm of video content, icons aren't just functional; they tell a story of technological advancements and evolving viewer behaviors. Let's explore what the future might hold for [video icons.](https://icons8.com/icons/set/video)

1. Adaptive Streaming Icons: As internet speeds vary globally, adaptive streaming ensures viewers receive the best quality possible. Future icons might showcase fluctuating waves or dynamic quality symbols, representing real-time adjustments.

2. Holographic Video Indicators: As technology progresses, we're nearing the age of mainstream holographic projections. Icons could emerge to represent 3D holographic content, perhaps a floating cube or a 3D play button.

3. Immersive Environment Icons: Beyond VR and AR, the next step might be fully immersive environments, blending the physical and digital. Icons for this could be a play button enclosed in a sphere or a silhouette immersed in digital waves.

4. AI-curated Content Symbols: With AI playing a pivotal role in content recommendations, icons indicating AI-curated or AI-generated content might become commonplace. Think of a neural network infused with a play button.

5. Multisensory Video Indicators: Videos of the future might not just be limited to visual and auditory experiences. Symbols for tactile or olfactory-enhanced videos, like a hand touching a wave or a nose with wafting scents, could emerge.

6. Interactive Pathway Icons: Choose-your-own-adventure style content could become more popular, necessitating icons that signify branching paths or decision points within videos.

7. Enhanced Privacy Modes: With growing concerns about digital privacy, icons indicating encrypted or private streams, perhaps a play button with a lock or shield, could become vital.

8. Mood-based Content Indicators: Imagine video platforms curating content based on your mood, with icons representing different emotions, ensuring viewers get content aligned with their current feelings.

9. Real-time Translation Symbols: As global audiences grow, real-time translations could be the norm, with icons showcasing this feature, such as a globe with captions or multiple language flags.

10. Eco-conscious Streaming Indicators: As digital carbon footprints become a concern, icons indicating energy-efficient streaming or eco-friendly content platforms might arise, like a leaf-infused play button.

Conclusion:
The video icons of tomorrow will be emblematic of both our technological prowess and our evolving relationship with content. They will serve as visual markers of an age where viewing is not just passive consumption but an interactive, adaptive, and deeply personalized experience. As the lines between reality and the digital blur, these icons will guide us, ensuring a seamless blend of both realms.
Weekly Roundup 021 (Oct 2): 🔥Hot Topics🔥 in #workplace, #sharepoint, and #powerplatform
Tags: roundup, powerplatform, sharepoint, workplace
Published: 2023-10-09 07:22:29

Hey fellow developers! It's @jaloplo, here to give you the latest scoop on what's been happening in the [#workplace](https://dev.to/t/workplace), [#sharepoint](https://dev.to/t/sharepoint), and [#powerplatform](https://dev.to/t/powerplatform) communities. 😎

## [#workplace](https://dev.to/t/workplace)

- [Digital formula for getting revenues in the beauty industry](https://dev.to/kcd/digital-formula-for-getting-revenues-in-the-beauty-industry-3gck) by [Kuntal Chatterjee](https://dev.to/kcd)
- [Lessons I've Learned After Three Years as a Full-time Software Engineer](https://dev.to/nehamaity/lessons-ive-learned-after-three-years-as-a-full-time-software-engineer-hml) by [Neha](https://dev.to/nehamaity)

## [#sharepoint](https://dev.to/t/sharepoint)

- [Why SharePoint Online is Indispensable for Copilot](https://dev.to/jaloplo/why-sharepoint-online-is-indispensable-for-copilot-3ib4) by [Jaime López](https://dev.to/jaloplo)

## [#powerplatform ](https://dev.to/t/powerplatform)

- [From Shadow IT to Power Platform Developer, The Low Code Diary](https://dev.to/wyattdave/from-shadow-it-to-power-platform-developer-the-low-code-diary-3h96) by [david wyatt](https://dev.to/wyattdave)
- [PowerApps Showdown: Model-Driven vs. Canvas – How to Decide](https://dev.to/balagmadhu/powerapps-showdown-model-driven-vs-canvas-how-to-decide-1be2) by [Bala Madhusoodhanan](https://dev.to/balagmadhu)

That's all for this week's roundup! Thanks for tuning in, and remember to keep the discussions lively and informative in our tags. 💬 If you have any suggestions for future topics, feel free to drop them in the comments below. See you next week! 👋
Hacktoberfest 2023: A Journey of Contribution and Reflection
Tags: opensource, hacktoberfest23
Published: 2023-10-09 07:21:35

From the very beginning, I pledged to myself that this Hacktoberfest would be different. No last-minute rush or hurried contributions this time. I wanted to fully immerse myself in the world of open source, engage with projects I was passionate about, and make meaningful contributions.

**Choosing the Right Projects**

One of the key lessons I had learned from previous Hacktoberfests was the importance of choosing projects that resonated with me. This year, I carefully selected repositories and projects that aligned with my interests and expertise. I wanted every contribution to be a genuine reflection of my passion for open source.

**A Month of Learning and Creating**

As Hacktoberfest kicked off, I embarked on a month-long journey of learning and creating. It was both exhilarating and humbling. I spent hours reading documentation, understanding codebases, and diving into issue trackers. The process of learning from others and, in turn, sharing my knowledge through contributions was immensely fulfilling.

**The Joy of Pull Requests**

One of the most rewarding aspects of Hacktoberfest was the joy of creating pull requests. Each pull request was a small piece of the larger puzzle, and I took pride in submitting them. Whether it was fixing a bug, enhancing a feature, or improving documentation, I knew that every contribution was making a difference.

**The Thrill of Collaboration**

Open source is not just about code; it's about collaboration and community. I had the privilege of collaborating with maintainers and fellow contributors from around the world. The discussions, feedback, and code reviews were invaluable. It was a reminder of the power of collaboration in the open source ecosystem.

**Writing a Related Post**

As I actively contributed to open source projects, I decided to document my journey through a related post. It was a way to share my experiences, insights, and challenges with the broader community. Writing the post allowed me to reflect on my journey, and I hoped it would inspire others to embark on their own open source adventures.

**The Rewards of Contribution**

Hacktoberfest is not just about giving; it's also about receiving. I earned a sense of fulfillment and accomplishment with each contribution. The feeling of seeing my pull requests merged and knowing that my work would benefit others was priceless.

**The Post That Captured It All**

As Hacktoberfest 2023 drew to a close, I penned the post that captured my journey. It was a reflection of the commitment, passion, and dedication that had fueled my contributions throughout the month. The post served as a testament to the power of open source and the incredible sense of community that it fosters.
Hacktoberfest 2023 done
Tags: hacktoberfest23, hacktoberfest, java, git
Published: 2023-10-09 07:17:36

Hello world!

Hacktoberfest 2023 is a bit different this year. "NO TSHIRTS" and "NO TREES" instead digital rewards are given but it doesn't mean to lose interest since it is a yearly affair and helping the community is the greatest reward.

Here are my successfully merged PR's
1. https://github.com/gailo22/payment-service/pull/22
2. https://github.com/souptik4572/Xharktank-SpringBoot/pull/1
3. https://github.com/Ritikraja07/Java-problem-2023/pull/6
4. https://github.com/govardhanshah456/BlogAppSpringBoot/pull/3
Case Study - NevRetire
Published: 2023-10-09 07:07:14

NevRetire, based out of Canada, is an employment & social platform for retirees. The core objective was to create a user-friendly, hybrid mobile and web application which could engage the retirees, help them give back to the society based on their vast experiences.

[NevRetire](https://celestialsys.com/case-studies)
Deploy python fastapi project from github to vercel (without vercel cli)
Tags: fastapi, python, vercel, deployment
Published: 2023-10-09 07:03:37

I used to deploy my pet projects to Heroku using their free tier until it had a free tier. Let's all acknowledge that we have a fondness for free tiers, especially when we want to test our projects on a server.

I once built a text-to-ASCII art app using FastAPI. To demonstrate it, I initially utilized Heroku. However, due to the discontinuation of its free tier, I haven't been able to keep my project updated with live demos."

Now, let's talk about [Vercel](https://vercel.com). I assume most of you are already familiar with it, so I won't delve into the specifics. Following some research and experimentation, I discovered that deploying a Python project on Vercel is a straightforward process. All you require is a 'vercel.json' file.

Here's what I did to deploy my FastAPI app to Vercel -

1) Add a `vercel.json` file in the project root
```json
{
    "version": 2,
    "builds": [
        {
            "src": "main.py",
            "use": "@vercel/python"
        }
    ],
    "routes": [
        {
            "src": "/(.*)",
            "dest": "main.py"
        }
    ]
  }
```
In the `builds.src use` your app entrypoint, mine is `app.py` in the app root. Same goes for routes.src

- Login to Vercel and add new project

- Go to **Continue with Github** as shown below -

![Import from Github](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lfg7el1mx6d2vbooacbe.png)

- Connect Your GitHub Account
- Authorize Vercel to access your GitHub repositories if prompted.
- Select the GitHub repository you want to import

That's it. The project will be deployed and it build and re-deploy each time you push a commit to your main branch.

GitHub: https://github.com/ganmahmud/fastapi-text-asciify
Live demo on Vercel: https://fastapi-text-asciify-npt1siwyq-ganmahmud.vercel.app
Case Study - Netskrt
Published: 2023-10-09 07:00:20

Netskrt’s product is an edge Content Delivery Netskrt’s edge Content Delivery Network (eCDN) uses edge caching to make streaming video possible anywhere. Consumers expect to access these services from anywhere - on the train, on airplanes, in remote areas and rural communities. Airlines, railways, Internet Service Providers are all struggling to meet this demand over constrained or unreliable network connections.

[Netskrt](https://celestialsys.com/case-studies/netskrt)
Case Study - Metron Aviation
Published: 2023-10-09 07:00:17

Metron Aviation is a global leader providing Air Traffic Management Systems. Air traffic management challenges are complex and ever-changing, but with the client’s customized solutions in ATM and Air Traffic Flow Management (ATFM), global customers and partners can proactively plan for and meet the challenges.Celestial was engaged with the client to provide Ext JS services for developing new functionality and modernizing their existing in-house application.


[Metron Aviation](
https://celestialsys.com/case-studies/metron-aviation)
Case Study - Information Technology Major
Published: 2023-10-09 06:53:46

Our team evaluated different tools to meet the requirements. Based on our findings, we finalized and implemented those. The tool helped integrate most Cloud Service Providers like AWS, GCP, Azure, Oracle etc. It also helped enhance asset management with features like location-wise, instance-wise categorization etc. In addition to deploying the tool, Celestial helped further customize it to meet complex requirements from the client and generate customized reports.

https://celestialsys.com/case-studies/secops

[Information Technology Major](https://celestialsys.com/case-studies/fortune-500-pharma-company)
Case Study - Fortune 500 Pharma Company
Published: 2023-10-09 06:53:41

The growth of clinical trials in terms of scope and complexity is transforming the approach to content management in pharmaceutical, as well as the biotechnology companies. Electronic Trial Master Files (TMFs) are therefore, the go-to place for maintaining a central repository for the storage of clinical trial documents for use in regulatory submissions. With a next generation of eTMFs, more advanced technologies and capabilities will be rendered for sure.

[Fortune 500 Pharma Company](https://celestialsys.com/case-studies/fortune-500-pharma-company)
DB POOL
Tags: db, go, postgres
Published: 2023-10-09 06:48:22

Hi team need help with DB Pool, 
consider the following Scenario

DB pool settings are:
dbConn.SetMaxIdleConns(80) 
dbConn.SetMaxOpenConns(250) 
dbConn.SetConnMaxLifetime(5 * time.Minute)

sql.DBStats{MaxOpenConnections:250, OpenConnections:250, InUse:250, Idle:0, WaitCount:399, WaitDuration:4442935235, MaxIdleClosed:0, MaxIdleTimeClosed:0, MaxLifetimeClosed:69}

MY DB pool size is not coming down.Post this we have increased the size to 2000 and we are restarting our service once in a day.

DB Stat : sql.DBStats{MaxOpenConnections:2000, OpenConnections:154, InUse:151, Idle:3, WaitCount:0, WaitDuration:0, MaxIdleClosed:0, MaxIdleTimeClosed:0, MaxLifetimeClosed:258}

How can we resolve this?
String Metodlari
Tags: beginners, programming, tutorial, python
Published: 2023-10-09 06:42:43

В Python есть набор готовых операций, которые можно выполнять над строками. Набор таких операций называется методами.
Для использования методов имя метода пишется в виде .method_name() после текста. Давайте рассмотрим некоторые из этих методов.

**upper() va lower()** metodlari.
Метод Upper() преобразует каждую букву текста в верхний регистр.

```
ism = 'Hasanboy'
familiya = 'Qodirov'
ism_sharif = f"{ism} {familiya}"
print(ism_sharif.upper())
```

`Natija: HASANBOY QODIROV`

С другой стороны, метод lower() преобразует каждую букву в нижний регистр.

```
ism = 'Hasanboy'
familiya = 'Qodirov'
ism_sharif = f"{ism} {familiya}"
print(ism_sharif.lower())
```

`Natija: hasanboy qodirov`

title() va capitalize() metodlari
Метод title() делает первую букву каждого слова в тексте заглавной

```
ism_sharif = 'james bond'
print(ism_sharif.title())
```

`Natija: James Bond`

Capitalize() делает заглавной только первую букву самого первого слова.

```
ism_sharif = 'james bond'
print(ism_sharif.capitalize())
```

`Natija: James bond`

Методы можно применять не только к переменным, но и непосредственно к тексту (по сути, переменная — это просто адрес текста (или других данных))

```
print('james bond'.upper())
```

`Natija: JAMES BOND`