teleren/devto huggingface dataset:
The Magic of Event Listeners
Tags: webdev, javascript, beginners, programming
Published: 2023-10-20 02:45:44

As I delve further into the tech world, I've come to realize the vast array of functionalities that code can provide. Among these, event listeners stand out as a crucial tool that can be leveraged to enhance user interaction and engagement. In this blog post, we'll delve into the world of event listeners with a focus on the following key types:

**1. Mouseover:** The 'mouseover' event listener allows developers to create subtle interactive effects when a user hovers their cursor over an element. This is particularly useful for enhancing user experience on websites and applications, making them more intuitive and engaging.

**2. Mouseout:** Complementing the 'mouseover' event is 'mouseout,' which triggers actions when a user moves their cursor away from an element. This event can be employed to provide feedback or to restore an element to its initial state, contributing to a polished user interface.

**3. Click:** The 'click' event listener is a fundamental component of user interface design. It enables developers to respond to user input, creating interactive elements that respond with precision when users click on buttons, links, or other interactive components.

**4. Submit:** When it comes to forms and data submission, the 'submit' event listener is indispensable. It facilitates the handling of form submissions, ensuring that data is processed accurately and efficiently, which is crucial for businesses collecting user information or feedback.

Event listeners play a critical role in shaping user experiences and adding functionality to web applications. By mastering these tools, developers can create polished, user-friendly interfaces that meet the needs of businesses and their customers. Stay tuned as we explore further aspects of the coding world, uncovering valuable tools and techniques that can drive success in the competitive tech landscape.
Benefits of Enrolling in a Local IELTS Coaching Center
Published: 2023-10-20 09:04:11

<p>Enrolling in a coaching center when preparing for your IELTS is a great way to improve your skills. After all, you need to prove that you have exceptional mastery over reading, writing, speaking, and listening. Now, you can choose online live tutoring sessions. But the better option is certainly a local IELTS coaching center.</p>
<p>If you wonder, &ldquo;Where should I get IELTS coaching near me?&rdquo; consider <strong><a href="https://abroadvice.com/"><u>AbroAdvice.com</u></a></strong> as an option. This service offers online and offline classes. There are several other websites that offer only online coaching and many offline tutoring centers. Usually, students opt for online sessions because of their convenience. However, local coaching classes have lots of benefits to offer.</p>
<p><strong>Immediate assistance with doubts</strong></p>
<p>The best part of local offline coaching centers is that you don't have to wait to get your doubts addressed. If you don't understand something, you can immediately ask the tutor to pause and explain the topic again. However, such instantaneous resolution isn&rsquo;t possible for lectures that are usually pre-recorded. When in doubt, you have to wait until the experts are available to answer your queries. You can't get instant assistance with your doubts here.</p>
<p><strong>Healthy competition with peers</strong></p>
<p>If you opt for online classes, you&rsquo;ll miss out on learning together with a group of peers. Offline classes always get an additional point in their favor because of this. You can get to know others and receive encouragement to improve your skills. A healthy competition can motivate you to do better. Besides, you can learn from others' mistakes as well. So, the next time you search for "IELTS classes near me,&rdquo; <strong><a href="https://abroadvice.com/ielts"><u>check here</u></a></strong> to enquire about offline classes.</p>
<p><strong>Personalized classes with experts</strong></p>
<p>It&rsquo;s impossible to get personalized classes online because most are pre-recorded sessions. But in the case of offline classes, the tutor is well-versed in your strengths and weaknesses. So they can personalize the sessions to cater to your needs. Their guidance will allow you to figure out where you're lacking so you can focus more on those areas.</p>
<p>&nbsp;</p>
How to get the hex code of a key from my keyboard ? 👓
Tags: rust, tutorial, keyboar, learning
Published: 2023-10-20 13:49:02


If you are studying your keyboard's behavior and want to know the hexadecimal value of the key event you wish to execute when pressing it, you can run this Rust code to obtain the exact value. If you don't have Rust installed, **you can find the mapped values in** the [k_board](https://docs.rs/k_board/1.1.2/src/k_board/lib.rs.html#61-258) library.

If you have rust installed, run the following command:

`cargo new keys && cd keys && cargo add k_board`

copy the code into the _main.rs_ file, then

`cargo run`

```rust
use std::io::{Read, Write};

fn main() -> std::io::Result<()> {
    loop {
        let _ = get_key();
    }
}

pub fn get_key() -> std::io::Result<()> {
    let termios_enviroment: k_board::termios = k_board::setup_raw_mode().unwrap();
    std::io::stdout().flush().unwrap();
    let mut buffer: [u8; 3] = [0; 3];
    std::io::stdin().read(&mut buffer).unwrap();
    if buffer[0] != 0x00 {
        println!(
            "[0x{:x?}, 0x{:x?}, 0x{:x?}]",
            buffer[0], buffer[1], buffer[2]
        );
    }
    std::io::stdout().flush().unwrap();
    k_board::restore_termios(&termios_enviroment).unwrap();
    Ok(())
}
```

## Preview

![video](https://user-images.githubusercontent.com/98977436/276949996-9567a374-357b-4e5e-af67-817d5d22ef88.gif)
Pledge #hacktoberfest23
Tags: hacktoberfest23
Published: 2023-10-20 18:55:38

**Intro**

So this is my first post here, so I guess Hello World! or Hello Dev.to community! 

This year, I'm also taking part of the community effort to pledge to the event.  

I'm dedicating myself to actively contribute to open-source projects throughout the month of October. 

**Goals**

My goals for Hacktoberfest 2023 are twofold. Firstly, I aim to find more open-source projects, even if not directly contributing to them.
Secondly, to complete the 4 PR accepted but more importantly to be in the first 50k contributors to have a PR accepted and so have a tree planted on our behalf.

**Pledge**

As such I pledge to making contributions to the best of my ability, to the open-source community.
Proseso ng paggawa ng aking (dating) Website
Tags: webdev, svelte, javascript, programming
Published: 2023-10-21 05:36:36

![Website image](https://torten.xyz/hs-static/torten-xyz-promo.png)Dahil sa pagkabagot noong pandemic, gumawa ako ng sarili kong website, mula noon hanggang ngayon di ko pa rin alam kung ano ang ilalagay ko dito. Sana naman ay sa susunod na rebisyon ng aking website ay magbago ito.

## Detalyeng Teknikal
Ang website na ito ay gumamit ng [TailwindCSS](https://tailwindcss.com/) para sa disenyo ng website, ginamit ko ang [SvelteKit](https://kit.svelte.dev) framework para mas madali ang aking proseso ng paggawa ng website.

## Proseso
Ang una kong pinagtuunan ng pansin sa paggagawa ng website ay ang blog function nito, kaya, sinundan ko lang itong blog post ni Josh Collinsworth na nangngangalang [Let's learn SvelteKit by building a static Markdown blog from scratch](https://joshcollinsworth.com/blog/build-static-sveltekit-markdown-blog).

At.... tad-aahh?
![Error Page](https://cdn.torten.lol/server/Screenshot%202023-10-21%20115241.png)

Uhuh. Dahil sa mga sirkumstansyang di ko alam. Ito ang kinalabasan ng mga articles.

![A example blog article](https://cdn.torten.lol/server/Screenshot%202023-10-21%20120047.png)
Medyo nagana naman, kung alam mo yung mismong URL ng isang artikulo, mababasa mo naman. Mayroon lang mga bagay na, sa aking opinyon, ay hindi nakalulugod sa aking mga mata.

Pagkatapos kong gawin yung blog, ginawa ko ang page para sa aking ginawang projects (na kailangan nang i-update)

At ginawa na lastly ang aking homepage.

Madali lang para sakin gawin itong proyektong ito, kung meron ka lang hilig para matuto at mayroong mga oras na pwedeng sayanin.

*Maaring makita ang buong code sa aking [Github repository](https://github.com/tortendes/torten-xyz)*
What Is LangChain? Unlocking the Potential of LLMs
Tags: llm, langchain, ai, machinelearning
Published: 2023-10-21 08:35:10



[LangChain](https://langchain.com) is an open-source framework crafted to ease the development of applications that leverage LLMs. Its primary function is to provide a standardized interface for chains, offering extensive integrations with other tools, and facilitating end-to-end chains for typical applications. The utilization of LangChain extends across various applications similar to those of language models, including document analysis, summarization, chatbots, and code analysis.

Moreover, LangChain is engineered to be a bridge for software developers working within the realms of AI and machine learning, enabling the amalgamation of large language models with other external components to craft LLM-powered applications. This framework thus acts as a conduit allowing developers to work seamlessly with AI, specifically in developing applications powered by language models.

Delving deeper, LangChain's uniqueness lies in its modular framework which is compatible with Python and JavaScript. This modularity simplifies the development of applications powered by generative AI language models. Furthermore, LangChain is not merely confined to textual data; it extends its capabilities to be data-aware, meaning it can connect a language model to various data sources, making it a robust tool for developing context-aware applications.

Lastly, an intriguing aspect of LangChain is its ability to streamline interaction with various large language model providers like OpenAI, Cohere, Bloom, and Huggingface, among others. It further propels its utility by enabling the creation of Chains, which are logical links between one or more LLMs, thus providing a robust library for developers aiming to integrate multiple LLMs in their applications.

In the next posts, I will try to provide you with guides for using different llms along with langchain and python.

### Related Links

- [LangChain official website](https://langchain.com)
- [LangChain on Altern](https://altern.ai/product/langchain)
What is npm?
Tags: webdev, javascript, npm, developer
Published: 2023-10-21 13:10:50

🔍 What is npm? 📦 

npm is an open-source repository of tools & libraries created by the developers. It serves as a central-hub for JavaScript Community, offering a vast collection of resusable code packages to enhance and accelerate their projects.

🤝 Benefits of npm

- Easy Package Management: npm simplifies the process of managing external libraries and tools, making it easy to add, update, and remove dependencies in your project.
- Code Reusability: Access to a vast repository of packages enables developers to reuse existing, well-tested code, saving time and effort in building common functionalities.
- Version Control: npm helps ensure version consistency by allowing developers to specify the exact versions or version ranges of dependencies, reducing compatibility issues.
- Community Collaboration: npm fosters community collaboration by allowing developers to share their code, contributing to a collaborative ecosystem of shared knowledge and resources.

🛠️ How NPM Works: A Step-by-Step Guide 🚀

1.Project Initialization: Developers kickstart a new project by running npm init in the project directory. This command generates a package.json file that acts as a manifest for the project, containing metadata and dependency information.

```
npm init
```
2.Developers specify these dependencies in the package.json file and install them using the npm install command.

```
npm install lodash
```
3.NPM automatically creates a node_modules directory where it stores the installed packages. These dependencies are recorded in the package.json file under the dependencies section.

```
"dependencies": {
  "lodash": "^4.17.21"
}
```
4.NPM uses semantic versioning to define package versions. Developers can specify version ranges in the package.json file to allow for flexibility in updating packages.

```
"dependencies": {
  "lodash": "^4.17.21"
}
```
5.The package-lock.json file provides specific version information for each package that is currently being used in a project.

```
{
  "name": "my-blog",
  "version": "1.0.0",
  "lockfileVersion": 2,
  "dependencies": {
    "lodash": {
      "version": "4.17.21",
      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
      "integrity": "sha512-...
      "dev": true
    }
  }
}

```

Coming up next: 🔍
1. Semantic Versioning:
2. Dependency vs DevDependency:
3. Local & Global Package Installation:

Stay tuned for more insights into the world of JavaScript development! 🚀📦
678. Valid Parenthesis String
Tags: medium, leetcode
Published: 2023-10-22 03:12:52

Problem: [678. Valid Parenthesis String](https://leetcode.com/problems/valid-parenthesis-string/description/)

<strong>First Approach</strong>

Can utilize a similar method like validating parenthesis.

Loop through each char `c` in the string `s` and check:
- if `c == *`, increase `countStar`
- if `c == (`, increase `countLeft`
- if `c == )`, decrease `countLeft` if `countLeft` > 0. otherwise, if `countStar` > 0, decrease it, else return false.

At the end, if `countStar >= countLeft`, return true, else, return false.

This may sound like a good approach but this will fail since there is another restriction that we have not taken into consideration:
`Left parenthesis '(' must go before the corresponding right parenthesis ')'.`

That means if there is a star and a left parenthesis, the star must come after.

<strong> Correct Approach</strong>

We will utilize Stack and Queue to keep track of the index of the left parenthesis and the stars.

After removing all the right parenthesis like mentioned above, we will check the positions of the stars and left parenthesis to make sure it meet the requirements

Here is a simple explanation:
- used stack for left paren and queue for star?
- will store the int value (the index of the parent and star only)
- if there is some right paren without left paren
    remove star from the top of the queue (smallest positions)


when there are only left paren left. 
- pop from the end => get the largest, if it does not satisfy => false
- convert queue into stack for popped out
- keep doing until empty

```java
class Solution {
    public boolean checkValidString(String s) {
        Queue<Integer> starQ = new LinkedList<>();
        Stack<Integer> leftS = new Stack<>();


        for (int i = 0; i < s.length(); i++) {
            char c = s.charAt(i);
            if (c == '*') {
                starQ.add(i);
            } else if (c == '(') {
                leftS.add(i);
            } else {
                // ) only 
                if (!leftS.isEmpty()) {
                    leftS.pop();
                } else {
                    if (!starQ.isEmpty()) {
                        starQ.remove();
                    } else {
                        return false;
                    }
                }
            }
        }

        if (leftS.isEmpty()) {
            return true;
        } else if (starQ.isEmpty()) {
            // this means still has left but no star 
            return false;
        } else {
            // convert 
            Stack<Integer> starS = new Stack<>();
            while (!starQ.isEmpty()) {
                starS.add(starQ.remove());
            }

            while (!starS.isEmpty() && !leftS.isEmpty()) {
                int left = leftS.pop();
                int star = starS.pop();

                if (star < left) {
                    return false;
                }
            }

            if (leftS.isEmpty()) {
                return true;
            }
            return false;
        }
    }
}
```
Abstraindo a API Pública do CNJ - DataJud
Tags: javascript, webdev, api, programming
Published: 2023-10-22 13:43:07

Nesta semana o Filipe Deschamps postou em sua newsletter oficial sobre a API Pública do DataJud, lançada pelo CNJ para oferecer de forma unificada em uma única API os metadados dos processos judiciais de todo o Brasil (exceto os que tramitam em segredo de justiça).

Como trabalho atualmente no Judiciário Federal e me interesso por esse assunto, criei uma biblioteca javascript para abstrair o uso dessa API e estou convidando a comunidade open-source brasileira para ajudar na manutenção e construção de novas features😍.

[Github do projeto](https://github.com/joaotextor/busca-processos-judiciais)
[NPM](https://www.npmjs.com/package/busca-processos-judiciais)
[Notícia oficial postada aqui no Tabnews](https://www.tabnews.com.br/NewsletterOficial/cnj-lanca-a-api-publica-do-datajud-oferecendo-acesso-geral-aos-metadados-de-processos-judiciais-em-todo-o-brasil)

Convidem seus amigos, familiares e pets para contribuir com o crescimento do projeto 😃
What are we building⁉️
Tags: interview, productivity, blockchain, web3
Published: 2023-10-23 01:10:02


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


Lucky Holders aims to redefine the NFT industry by providing a comprehensive range of utilities and exclusive opportunities to its holders.

“By offering a vast array of NFT-backed access and utilities, Lucky Holders seeks to empower its community members and revolutionize the way individuals engage with finance, technology, art, gaming, education, and other industries.”



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



By leveraging the power of blockchain technology, Lucky Holders aims to create a dynamic ecosystem that bridges the gap between traditional finance, technology, art, gaming, education, and much more.


The Lucky Holders project aims to foster a vibrant ecosystem where NFTs holders can explore, collaborate, and unlock limitless opportunities.


Stay tuned for the launch of Lucky Holders and join us on this exciting journey towards a new era of NFT-powered experiences.🧡
Placeholder Contributor
Tags: hack23contributor
Published: 2023-10-23 07:12:02

<!-- ✨This template is only meant to get your ideas going, so please feel free to write your own title, structure, and words! ✨ -->

### Intro
<!-- Share a bit about yourself as a contributor. Is this your first Hacktoberfest, or have you contributed to others? Feel free to embed your GitHub account by using {% embed LINK %} -->

### Highs and Lows
<!-- What were some of your biggest accomplishments or light-bulb moments this month? Did any problems come up that seemed impossible to fix? How did you adapt in those cases?  -->

### Growth
<!-- What was your skillset before Hacktoberfest 2023 and how did it improve? Have your learning or career goals changed since working on these new projects? -->
Baby Essentials: Bejbi.com - Your Go-To Source for Child Product Reviews
Tags: baby, mom
Published: 2023-10-23 19:49:16

For parents, every day with a little one is an extraordinary journey filled with joy, challenges, and discoveries. With those parents in mind who wish to ensure the comfort and development of their little one, Bejbi.com was created. It's a place where you'll find reviews and recommendations for children's products that meet the highest standards of quality and safety.

Choosing Children's Products: Quality at the Forefront
Bejbi.com is a platform that places a huge emphasis on the quality and safety of the offered products. Here, you'll find reviews of items dedicated to children in various stages of development. It's not just a product roundup, but also a thorough analysis of their composition, craftsmanship, and impact on a child's growth.

Getting Ready for Your New Arrival: Layette, Clothing, and Care
Preparing for a new baby is a special time in every family's life. Bejbi.com offers support in choosing essential items such as clothing made from soft, hypoallergenic materials, and cosmetics specifically created for a newborn's delicate skin.

Toys as a Key Element of Development
Playtime is not only a form of relaxation but also a vital element of a child's development. On Bejbi.com, you'll find reviews of various toys that not only entertain but also support the development of cognitive, motor, and social skills.

For the Older Ones: Education and Creativity
As time goes by, children develop their interests and talents. Bejbi.com provides reviews of products that promote the development of artistic, mathematical, or linguistic skills. With these products, you can actively influence your child's development.

Bejbi.com: Your Trusted Source of Recommendations
The Bejbi.com website is a reliable guide for parents who want to make informed choices. Reviews of children's products on Bejbi.com guarantee that your child will be surrounded by products that meet the highest standards of quality and safety.

Visit Bejbi.com, where reviews of children's products await you to facilitate your daily choices related to caring for your little one.

https://www.bejbi.com/
TIL (1st Post)
Published: 2023-10-24 05:35:05

**CodeSpace**

Codespaces allow edits to GitHub repositories you "forked."

Bash is useful because you can type in rakeup, which takes you to a server called puma in which you can see your changes.

**Deploying websites**
I also learned about deploying websites through _Render_ for my repositories.

**Reflection**

Overall, I think it was easy and intuitive to deploy repositories but I do think that trying to memorize these new terms is going to take some time.
Network X 2023 Paris
Tags: networking, telco, 5g, paris
Published: 2023-10-24 07:26:43

Always on the move! 🛫 Today, we depart to Network X event! 

Will you be there? Please, contact us! 



https://www.relianoid.com/about-us/events/network-x-paris-2023/



#NetworkX2023 #TelecomsInnovation #5GMonetization #NetworkCloudTech #TelecomsLeaders #Fiber5GIntegration #TelcoInnovations #NetworkInfrastructure
#TelecomsEvolution #5GReliability #NetworkXParis #TelecomsConference #FutureIndustrySolutions #TelecomsNetworking #B2BTelecommunications #TelecomsInsights #FiberOptics #MobileNetworks #TelecomsTech #OmdiaInsights #NetworkXParis #NetworkXevent #Paris #France
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cs5uic5bed98kgtkilxk.jpg)
Small businesses will be subsidized to train employees to implement Artificial Intelligence in sales and customer service
Tags: webdev, ai, aiops
Published: 2023-10-25 05:17:06

On October 26, 2023, within the framework of the “My Business” Entrepreneur Support Fund, a meeting will be held to discuss attracting investments using Artificial Intelligence technologies.
Speakers: Maxim Soprano and Vadim Khasanov - founders of the Corporate University of Artificial Intelligence "Turing".

Participants of the meeting will be able to receive subsidies for corporate training of their team in the use of Artificial Intelligence to solve business problems:
    - sales and customer service,
    - in marketing and advertising,
    - in analytics and forecasting;
    - in hiring and adaptation of employees.

“The Prom-Ecopack company decided to finance part of the cost of training in the use of artificial intelligence for small businesses in our region. We hope this will become an example for large enterprises in Russia. Investments in education, business development, training of our heritage are the most important contribution to the development of the region,” - said Rinat Khasimov, investor and founder of the Prom-Ecopack company.
You can view the presentation of corporate education based on artificial intelligence on the company’s website: https://prom-ekopak.ru/documents

Video invitation from the founder of the Corporate University of Artificial Intelligence Vadim Khasanov for small and medium-sized businesses: https://youtube.com/shorts/sIDajNqs3Os?feature=share