teleren/devto huggingface dataset:
Aniket's Odyssey: Navigating the Programming Galaxy with a Cup of Code
Tags: webdev, beginners, learning
Published: 2023-12-14 16:01:03

> Greetings, inquisitive web explorers! 🚀 I'm Aniket, a passionate JavaScript fan and a budding web wizard💻🧙‍♂️. Join me as we venture into the enchanting realm of curly braces and magical promises!

---

## Who Am I?

In case you're wondering, I'm not a coding superhero (yet), just a 20-year-old explorer from the bustling tech hub of Mumbai, India. Picture this: me, surrounded by a constellation of code, armed with a laptop and an endless supply of caffeine. Yep, that's the life!

## The Genesis of My Coding Saga

It all started in my Nineth class HTML was introduced in our computer subject and then two years ago I decided to dance with the JavaScript devil. No, not a literal devil😅. And this year I have started with the tricky concepts of closures, micro-tasks, and promises. As an introvert, I've been on this coding escapade solo, because who needs human interaction when you have code to cuddle with, right?

## The Grand Circus of Languages

Oh, did I mention I'm a multilingual coder? I've had intimate rendezvous with C, C++, Python, Svelte, React, NextJS, Tailwind CSS, Java, Node.js, PHP, and MongoDB. My code has been to more places than I have, and it's only the beginning!

## Pssst... I'm Self-Taught🤓!!

Yep, all this wisdom didn't just fall from the tech tree; I plucked it myself. Thanks to YouTube tutorials! 🌳 But hey, I'm an introvert—why share progress with the world when I can silently conquer it?

## A Love Affair with JavaScript🤌

JavaScript is my bae. The language that stole my heart and convinced me that callbacks are just misunderstood. With JavaScript, I'm not just coding; I'm choreographing an epic dance of logic and creativity.

## At last, what's Cooking in My Blog Cauldron🥣?

Expect a sprinkle of tutorials, a dash of project showcases, and a generous serving of my sarcastic take on coding escapades. Buckle up, because we're diving into the Web Development rabbit hole, and things might get a tad punny along the way.

## Signing Off for Now

Thanks for stepping into my quirky coding universe. Until next time, happy coding, and may your bugs be as elusive as unicorns in a JavaScript forest! 🦄🚀
JavaScript qanday dasturlash tili ?
Tags: javascript, browser, webdev, tutorial
Published: 2023-12-14 15:49:32

- High order
- Synchronous va single-thread
- Dynamic
- multi-paradigm

## High Level JavaScript
JavaScriptda kodlar inson tiliga yaqinroq va tushinish osonroq bo'lgan dasturlash tilidir. JavaScript kodlarini komputer tiliga o'tkazish uchun compiler yoki interpreterdan foydalaniladi. Shu sababarga ko'ra JavaScript High Level dasturlash tilidir.

## Synchronous va single-thread JavaScript
JavaScript kodlarni ketma-ketlik tartibida o'qiydi va ularni bajaradi. Xatolik chiqqan qatorgachon kodlarni bajaradi, xatolik chiqqan joydan boshlab xatolik beradi.

## Dynamic JavaScript
Boshqa dasturlash tillarida o'zgaruvchilarni e'lon qilishda o'zgaruvchining aniq bir turi yozilishi kerak. Dynamic dasturlash tillarida o'zgaruvchi e'lon qilinishda o'zgaruvchilarga ma'lum bir ma'lumot turini yozish talab qilinmaydi. JavaScriptda o'zgaruvchilar Dynamic tartibda e'lon qilinadi.

## Multi-Paradigm JavaScript
Zamonaviy dasturlash tillari ikkit turga bo'linadi. Imperative(OOP ga asoslanga), Declarative(Funksiyaga asoslangan) dasturlash tillari.
JavaScriptda Imprative va Declarative usullarda ham ishlash imkoni borligi sababli JavaScript Multi-Paradigm dasturlash tili hisoblanadi.

**JavaScript Browser o'qiydigan yagona dasturlash tilidir.**
React Js change the title of the page when navigating to different routes
Published: 2023-12-14 15:47:40

We have seen in many web applications that when we try to move forward to another page or when we click on a route the application title automatically gets changed. Now, to implement this feature to your web application, what you ha  to do is go to your chroome browser and search for react-helmet after that install it by using this command **npm install react-helmet **. After installing the package you have to add healmet to each component where you want to change your title. Example:-

     <div>
       <Helmet>
         <title>Your Page Title</title>
      </Helmet>
     </div>`
🎉 2023 Year Wrap for Developers: The Bingo Edition! 🎲
Published: 2023-12-14 15:39:13

Who knows, maybe you've already scored a few squares without even realizing it 🙂


Here’s the link to put your developer skills to the test: https://mfbc.us/m/ztrjxtb

How many boxes did you cross? Share your results in the comments 👇

![developer-bingo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/75d4xcfy54nexgwsf1c4.png)
Python - Apply the Floyd-Warshall Algorithm for All-Pairs Shortest Path
Tags: python, programming, tutorial, algorithms
Published: 2023-12-14 15:30:00

The Floyd-Warshall algorithm is a versatile technique for finding the shortest path between all pairs of nodes in a weighted graph. It works for both directed and undirected graphs, handling negative edge weights (as long as there are no negative cycles). This algorithm is efficient for relatively small graphs. Here's an example:

**Example - Finding All-Pairs Shortest Paths with Floyd-Warshall in Python:**

```python
def floyd_warshall(graph):
    n = len(graph)
    dist = [[float('inf')] * n for _ in range(n)]

    # Initialize the distance matrix with direct edges
    for i in range(n):
        for j in range(n):
            if i == j:
                dist[i][j] = 0
            elif graph[i][j] is not None:
                dist[i][j] = graph[i][j]

    # Update distances using intermediate vertices
    for k in range(n):
        for i in range(n):
            for j in range(n):
                if dist[i][k] + dist[k][j] < dist[i][j]:
                    dist[i][j] = dist[i][k] + dist[k][j]

    return dist

# Example usage:
inf = float('inf')
graph = [
    [0, 3, inf, 7],
    [8, 0, 2, inf],
    [5, inf, 0, 1],
    [2, inf, inf, 0]
]

all_pairs_shortest_paths = floyd_warshall(graph)
for row in all_pairs_shortest_paths:
    print(row)
```

In this example, we use the Floyd-Warshall algorithm to find the shortest paths between all pairs of nodes in a weighted graph. The `graph` variable represents the adjacency matrix, where `inf` indicates no direct edge between nodes.

The Floyd-Warshall algorithm is efficient for small to moderately sized graphs and can handle dense graphs with various edge weights. It's especially useful for solving problems that require knowledge of the shortest paths between all pairs of nodes, such as network routing or distance matrix computation.
BITCOIN RECOVERY EXPERT REVIEWS
Published: 2023-12-14 15:16:02

Having a reliable recovery option is crucial in the bitcoin world, where losing assets may be disastrous. ADRIAN LAMO HACKER has shown to be effective in giving people access to their misplaced bitcoins. ADRIAN LAMO HACKER is a dependable lifeline for people dealing with the stress of misplaced bitcoin because to its complex calculations, user-friendly design, and dedication to privacy and security. You can lessen the chance of future accidents by according to the offered advice for safeguarding your bitcoin and avoiding loss. To protect your digital assets and get your mind back, put your trust in ADRIAN LAMO HACKER. ADRIAN LAMO HACKER is compatible with a wide range of bitcoin wallets, including popular options such as hardware wallets, software wallets, and online wallets. The platform has been designed to support various wallet formats and recovery methods. Indeed, Bitcoin that has been lost due to forgotten passwords can be recovered with ADRIAN LAMO HACKER. Through the use of advanced recovery methods, the site can assist customers in getting back into their accounts and finding missing bitcoin. ADRIAN LAMO HACKER has a solid track record of helping many people recover lost bitcoin, which is why it is trusted. The platform protects user data privacy and security by using sophisticated algorithms and strict security procedures. The duration of the recovery process can vary depending on various factors, such as the complexity of the case and the specific circumstances of the bitcoin loss. While some recoveries might be resolved quickly, others could require more time. ADRIAN LAMO HACKER aims to expedite the process while ensuring a thorough and successful recovery. Email:Adrianlamo@consultant.com/Whatsapp: +1 (313) 213‑2442
Alight Motion Mod APK: Unlock Your Creativity
Published: 2023-12-14 15:00:00


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/73kj267qv3t4ont91n7e.png)Welcome to a world of limitless creativity with Alight Motion Mod APK Unlock Everything, a revolutionary approach to video editing. This exceptional version breaks the barriers, unlocking every premium feature imaginable. Picture an editing suite where every effect, tool, and creative avenue is at your disposal, turning your videos into captivating masterpieces.

Alight Motion Mod APK Unlock Everything redefines the editing experience, granting seamless access to an array of premium features. Trim, enhance, and add effects effortlessly, transforming every video into a vibrant expression of your unique style.

Bid farewell to limitations and embrace an unrestricted editing journey. Alight Motion Mod APK is more than an app; it's a portal to a realm where your creativity commands the spotlight. Unleash breathtaking visuals, mesmerizing effects, and intricate animations all without constraints. Your videos transform into a canvas for your imagination to flourish.

Downloading [Alight Motion Mod APK Unlock Everything](https://alightmotionapkdl.com/) is like unlocking a treasure trove of possibilities. It's where video editing becomes an exhilarating adventure, and each edit is a brushstroke on the canvas of your creativity. Make your videos stand out, narrate your story, and share your vision with the world.

Embark on this creative journey with Alight Motion Mod APK Unlock Everything, where unlocking every feature is just the beginning. Elevate your video editing prowess and let your imagination roam free, turning every video into a testament to your artistic expression. Download now and experience the enchantment of creative freedom!"
Zod - TypeScript-first schema declaration and validation library #9
Tags: programming, javascript, typescript, zod
Published: 2023-12-14 15:00:00

✨ **Complex Schema Validation** ✨

Our **Form** has **_name_**, **_email_**, and optionally will have **_phoneNumber_** and **_website_**.

```
const Form = z.object({
  name: z.string(),
  phoneNumber: z.string().optional(),
  email: z.string(),
  website: z.string().optional(),
});

export const validateFormInput = (values: unknown) => {
  const parsedData = Form.parse(values);

  return parsedData;
};
```

We want to put some constraints on what the values can be.

The user should not be able to pass an invalid URL, phone numbers, or website URLs.

We will find Zod APIs for adding validation to our Form types.

👉 **Solution:**

The [strings section of the Zod docs](https://zod.dev/?id=strings) includes several examples of validation helpers that can be used to validate our Form types.

Here is what the Form schema looks like now:

```
const Form = z.object({
  name: z.string().min(1),
  phoneNumber: z.string().min(5).max(20).optional(),
  email: z.string().email(),
  website: z.string().url().optional(),
});
```

**_name_** has **min(1)** added because we can not pass in an empty string.

**_phoneNumber_** are constrained with **min(5)** and **max(20)** while still being optional.

Zod also has built-in validators for [email](https://zod.dev/?id=strings) and [url](https://zod.dev/?id=strings), saving us from writing our own.

Note that we can not use **.optional().min()** because min does not exist on the optional types. This means we have to put **.optional()** at the end after other validations.

There are additional validation resources linked in the [Zod docs](https://zod.dev/).

---

I hope you found it useful. Thanks for reading. 🙏
Let's get connected! You can find me on:
- **Medium:** https://medium.com/@nhannguyendevjs/
- **Dev**: https://dev.to/nhannguyendevjs/
- **Hashnode**: [https://nhannguyen.hashnode.dev](https://nhannguyen.hashnode.dev/)/
- **Linkedin:** https://www.linkedin.com/in/nhannguyendevjs/
- **X (formerly Twitter)**: https://twitter.com/nhannguyendevjs/
How I got to 2000 followers on dev.to
Tags: ai, career, watercooler, humor
Published: 2023-12-14 14:48:39

## A Journey Towards Influence: My Road to 2000 Followers

I remember when I had a few followers - close friends, family, and a couple of generous strangers who happened to stumble across my content. It was a modest beginning to what became an incredible journey towards building a community of 2000 followers.

Firstly, building any kind of influence on social media is a journey, not a sprint. It took a combination of dedication, consistent content, and an unwavering commitment to authenticity.

One important aspect of this journey was the dedicated time each day to engage with my followers. Whether through detailed replies or even just a simple 'like,' I made sure to respond to every comment. This not only helped foster strong relationships, but also demonstrated to newcomers that I was accessible and valued their participation.

Consistency was another critical element of my strategy. Regular, high-quality content gave people a reason to return. I wanted to be a reliable source of information and entertainment, but I also understood the importance of staying true to myself, which brought authenticity into the equation.

Being authentic means sharing your genuine self with the world. For me, it was about being honest in my communication, from the topics I chose to write about to the way I interacted with my audience. It's easy to fall into the trap of trying to be someone you're not, but the real you resonates much more powerfully.

These were key pillars in my journey to reach 2000 followers. Along the way, I've learned so much and have genuinely enjoyed connecting with so many amazing individuals.

Looking at the follower count is great, but the real prize is the community that's been built. Here's to the next milestone!

----

Only one thing: This is all just BS written by GPT-4. What I actually did is this: I wrote some articles in the past, commented sometimes and the follower count just kept going up. I guess 90% of them are just bots or something. But that's it. No magic, nothing fancy... Sorry.
𝙽𝚎𝚟𝚎𝚛 𝚝𝚛𝚞𝚜𝚝 𝚊𝚗𝚢𝚘𝚗𝚎 𝚖𝚘𝚛𝚎 𝚝𝚑𝚊𝚗 𝚢𝚘𝚞𝚛𝚜𝚎𝚕𝚏
Tags: beginners
Published: 2023-12-14 14:40:57


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/48dhso1r658htek26du0.jpg)
Physics: Momentum
Tags: physics, javascript, webgl, simulation
Published: 2023-12-14 14:39:48

In this experiment - the simple collision. With transferring momentum from one object to another. I split the application of momentum to the block object(see next picture) for two parts: the rotating part and the general motion part
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/poomaepbcore8estrpkv.png)
*by coefficients of collision's point to radius

Calcs of momentum transferring, is general, thanks to:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/snu6381xsqkabdjrnksf.png)
I tried to solve it in my way, looks similar to these calcs...
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rq5zsxzbye26y5krqwy0.JPG)
Not only similar, but the same, same in Khan, same In Wolfram, same by hands, same by tables, same by code, three tests passed
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yztoft1dp212xnmnyv6r.png)

**Code**
Just a cube directed to the wide block, possible to set masses and move the cube(left/right)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gkj48qy8010y43zol4za.png)
Link to play around:
https://fakelaboratory.github.io/publish/Momentum/
Source:
https://github.com/fakelaboratory/publish/tree/main/Momentum

_In general same code like in the last experiment with Newton's laws, because it is a same framework, I mean masses, friction and speed(acceleration), move and rotate points. If interested in - please read the code, for notes 'll be usefull in the last article something(https://dev.to/fakelaboratory/newtons-laws-of-motion-232p)_
How can I use AI to help me code?
Tags: ai, programming, discuss, github
Published: 2023-12-14 14:38:07

**GitHub Repo:** [https://github.com/webcrumbs-community/webcrumbs](https://github.com/webcrumbs-community/webcrumbs)

I’m trying to gather useful tips. 
Thanks for helping!

Edit:
{% embed https://dev.to/opensourcee/is-out-the-most-used-ai-devtools-of-2023-3ld7 %}


---

## Support us! 🙏⭐️
By the way, I'm part of the WebCrumbs team, and it would mean a lot if you could check out our no-code solution for Node.js that simplifies web development. [Giving us a star](https://github.com/webcrumbs-community/webcrumbs) would be fantastic.

We're putting in a ton of effort to help devs take their ideas to a live website as quickly and easily as possible (think: effortless plugin and theme integration), and every bit of support is truly appreciated!

{% cta https://github.com/webcrumbs-community/webcrumbs %}⭐️ Give WebCrumbs a Star! ⭐️ {% endcta %}
Hacktoberfest 2023
Tags: hack23contributor
Published: 2023-12-14 14:31:07


Greetings! 👋 I'm Kaushik, and I'm thrilled to share my inaugural Hacktoberfest journey with you! This month marked my first-ever contribution to open source, and it's been an incredible ride. Check out my GitHub profile [here](https://github.com/kaushik17tripathi).


The highlight of my Hacktoberfest 2023 was diving into the foss-events project at my college. It was a fantastic opportunity to give back to my community. One of the significant challenges I faced was ensuring the responsiveness of the project. Wrangling with React, Tailwind CSS, and integrating a JSON server definitely brought its fair share of hurdles. However, overcoming these challenges was incredibly rewarding, and it taught me valuable lessons about crafting user-friendly interfaces.

Before Hacktoberfest, my toolkit consisted of a solid understanding of React and Tailwind. This month, I took a deep dive into these technologies, further honing my skills. The addition of a JSON server to the mix brought a new layer to my understanding of backend interactions. This experience has not only improved my technical capabilities but has also fueled my passion for collaborative development.

As a first-time contributor, this journey has been particularly special. It's opened my eyes to the power of open source, the joy of collaboration, and the immense satisfaction of solving real-world problems through code. The skills I've gained and the friendships formed during Hacktoberfest have set the stage for exciting future endeavors.

Happy coding, and here's to many more contributions ahead! 🚀✨
Transforming Data into Insights: Unleashing Business Potential with Our Data Engineering Consulting Expertise! 🚀🔍
Tags: dataengineering, dataengineers, dataservices
Published: 2023-12-14 14:31:01

In today’s data-driven world, the key to success lies in not just collecting data but harnessing its full potential. Excited to announce our specialized [Data Engineering Consulting Services](https://www.softwebsolutions.com/data-engineering-consulting-services.html) crafted to transform your data into actionable insights!

**🛠️ Our services include:**

✅ Customized data architecture design
✅ Efficient data integration and migration strategies
✅ Robust ETL (Extract, Transform, Load) pipeline development
✅ Data quality assessment and enhancement
✅ Scalable and optimized data warehousing solutions

🚀💡 How our Data Engineering Consulting adds value:
🌟 Streamlined data workflows for better efficiency
📊 Enhanced data quality leading to more reliable insights
🔗 Seamless integration across platforms and systems
💻 Scalable infrastructure to accommodate future growth
🔒 Ensuring data security and compliance at every step

👥💬 Let’s collaborate to unleash the true power of your data! Our expert consultants are ready to partner with you in leveraging data engineering to drive innovation and maximize business outcomes.

#DataEngineering #ConsultingServices #DataIntegration #ETL #DataArchitecture #BusinessInsights #DataDrivenDecisions #DataOptimization #DataConsultants
A quick way to access your local server on the internet
Tags: webdev, tutorial, productivity, testing
Published: 2023-12-14 14:26:42


Sometimes you may need to test and market your locally hosted applications on the internet while developing in a local environment. Having a tool that allows you to create a tunnel between your local development environment and a remote server using some tunneling services that enables you to share your work, test and deploy hosted application without the need for public infrastructure comes in handy here.

You'll see how to quickly access your local webserver over the internet using [Localhost.run](https://localhost.run/) in this tutorial.



## Localhost.run

Using localhost.run is as simple as running the following ssh command in your terminal to connect an internet domain to an application running locally on port 8080 

`ssh -R 80:localhost:8080 ssh.localhost.run`

you will be presented with the following similar output

![localhost.run connection output](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nbb9af1i4y49yfwxnacl.png)

Scan the QR code with your mobile and your local server will be accessible in your phone browser.

There are instances you can receive permission denied error due to some ssh key issue, to fix, do the following:

**1.** change directory to the current user home directory 
`Cd ~`
**2.** Check if "id_dsa.pub" file exist in your ".ssh" folder
**3.** If exist, skip to step 5. if not, run ssh-keygen command to generate a public ssh key:
`ssh-keygen`
**4.** Follow the screen prompt until the key is generated 
**5.** Add the generated public key to the authorized_key file, which contains public keys for public key authentication: 
`cat ~/.ssh/id_rsa.pub >> ~/.ssh/authorized_keys `
**6.** Run localhost.run command again: 
`ssh -R 80:localhost:8080 ssh.localhost.run`


While this may seem like a straightforward approach, the free version is however time limited, and may not be suitable if you need to stay longer using it. You will need to create an account to stay longer. 


Other services providing similar function include:

- [Ngrok](https://ngrok.com): This provides about 2hours on the free account but requires account [registration](https://dashboard.ngrok.com/signup) and adding your [authtoken](https://dashboard.ngrok.com/get-started/your-authtoken), and starting it is as simple as running `ngrok http 8080`

![ngrok connection output](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/txx0l8e9tnbb3m0pj75p.png)

- [Cloudflare Tunnel](https://www.cloudflare.com/products/tunnel/): requires account registration

- [serveo.net](https://serveo.net/) 


**Note**
Please know that following this tutorial may introduce a potential for reduced security and privacy. So, use cautiously!

## References
- https://localhost.run/
- https://ngrok.com
- https://www.cloudflare.com/products/tunnel/