teleren/devto huggingface dataset:
Technologies Change
Tags: programming, learning, softwaredevelopment, beginners
Published: 2024-06-23 11:00:05

I still remember dabbling with my father's first computer in the mid-90s when I was around 7 or 8 years old. Back then, the computer "unit" took up the space of a small desk, and the big CRT monitor was placed on top of the unit.

My very first interaction with programming was when I opened a random exe file, saw a bunch of weird characters in the editor, and started editing it. To my surprise, the file didn't run anymore, so I edited more and more characters until, at one point, when I executed the file in the CLI, it turned the prompt green.

That was the magic moment for me. After that point, I wanted nothing more than to sit in front of that IBM 80286 all day long and figure out what made that prompt switch to green; and then I discovered DOS BASIC.

Fast forward to the early 2000s, I discovered web development with HTML4, CSS, JavaScript, and PHP v3. This journey continued until around 2010 when Node.js was released. In 2007 I founded my software development company, and then around 2015-ish, I had a client project requirement to be done in ReactJS on the front-end and Go on the back-end; and the rest is history.

Along the way, I used almost all major programming languages in some form or another, either professionally or just as a hobby, ranging from C and Pascal in high school to Ruby, ASP, C#, modern PHP, Java, and the list could go on.

My point is that in all these years, the technologies have changed radically, but more importantly, what remained constant were the [general programming principles I learned on my journey](https://primalskill.blog/10-books-every-programmer-should-read).

I wasn't using the same technologies in the 2010s as I was in the 2000s, and I'm not using the same tech now as I was a decade ago. If I had focused only on the technology, I would probably still be stuck in BASIC.

**I tell every developer I work with, to learn the general programming principles and they will be fine for the rest of their life.**

If you learn technologies instead of programming, you will become obsolete when (and not IF) that technology falls out of trend or is replaced by some AI automation.

A decade ago my tech stack looked totally different than today and in the next ten years it will look radically different I'm 100% sure of it.

----

Cover photo by [seowoo_lee](https://pixabay.com/users/seowoo_lee-21601663/)
Firebase hosting issue on Flutter Web
Tags: webdev, flutter, openai
Published: 2024-06-23 10:39:15

Recently, I have project of creating a LLM based on a book. It was running smooth until my latest deployment failed to run in firebase hosting. There is an error log of unexpected < in Doctype but it's working on flutter debug and also firebase hosting emulator and also Netlify. Only firebase hosting is the issue for me. I am stuck now haha.
VIP Call Girls Islamabad Rawalpindi Bahria town Dha Escorts girls contact.(03279066660)
Tags: writing, vipcallgirlsrawalpindi, callgirlsrawalpindi, escortsgirlsrawalpindi
Published: 2024-06-23 10:24:00

Call Miss Alisha Malik 03279066660
Y SERVICES AND SPEND THE MEMORABLE TIME WITH HOTTIES ***
-- SUPER HOT EROTIC TEENS AT YOUR DOORSTEP IN SINGLE CALL --
--- DEEP THROAT SUCKING, KISSING, LICKING, BODY MASSAGE INCLUDED WITH SEX ---
---- 100% SATISFACTION GUARANTEED ----
Make your nights memorable and sexy with hot, sexy, educated babes.
Book our models for incalls and outcall services.
You should make some time out of your busy schedule & then some sexy moments with our babes.
We can guarantee that you will have the most memorable time of your life with our girls.
You should contact us for having a bedroom experience that you simply cant forget in your life.
Our hot models are housewives, school, university girls. Some of them are professionals i.e. Nurses, Doctors, Teachers, Anchors, Makeup Artists, Singers, IT professionals, Ramp Models, Fashion Designers and professional dancers.
Drinks will be provided on demand.
If you want to take our models to long drive or cinemas, you are most welcome.
You can come to our place or can go to the hotels or your private place too. We have VVIP, air conditioned, neat and clean rooms.
We are providing services in Islamabad / Rawalpindi / Bahria Town / Murree and surrounding areas.
We have packages for short time aswell for night or long time duration.
**FOR SHORT TIME PERIOD**
Romance + Body 2 Body Massage + Blow Job + Kissing + Licking + 1 Shot in your favorite position.
(For Prices, Please call or whatsapp on 03279066660)
We have more discounted deals for you that will match your budget.
We have girls for full night too.
Our Girls options are:
1 hour with 1 girl
2 hours with 1 girl
1 hour with 2 girls
2 hours with 2 girls
Full Night with 1 girl
Full Night with 2 girls
FOR PRICING AND LOCATION CALL OR WHATSAPP 03279066660
Our services are:
Nude Dancing
Romance
French Kissing
Softcore SEX
Hardcore SEX
Licking
Sucking
BDSM
Fetish
Lesbians
Milf
69 Position
Cum on Body
Tit Fuck
Gang Bang
Oral SEX
Foot Job
Foreplay
Hand Job
Creampie
Deep Throating
Dominance
Erotic SEX
Erotic Dance
....and alot more services.
Privacy Policy:
Our client's privacy and safety is our first priority. We don't compromise on our client's privacy and safety. We have fully secured place in Bahria.
For more location, pricing and more details, please call or whatsapp us right now. We are providing 24/7 services.(03279066660**_**

-
The Power of Machine Learning Algorithms
Tags: devchallenge, cschallenge, computerscience, beginners
Published: 2024-06-23 10:12:45

*This is a submission for [DEV Computer Science Challenge v24.06.12: One Byte Explainer](https://dev.to/challenges/cs).*

## Explainer

Machine learning algorithms learn patterns from data to make predictions or decisions. They include supervised (predictive modeling), unsupervised (clustering), and reinforcement learning (reward-based decision-making). Algorithms like decision trees and neural networks are widely used.

## Additional Context

Machine learning drives advancements in autonomous systems, recommendation engines, and natural language processing. Understanding algorithms aids in developing AI applications, optimizing processes, and making data-driven decisions.
Advanced MongoDB Lookup: Complex MongoDB lookup Queries with Multiple Conditions
Tags: mongodb, tutorial, backenddevelopment, learning
Published: 2024-06-23 10:23:45

As a database management system, MongoDB stands tall as a powerful NoSQL solution. We developers, often face significant challenges when joining collections in MongoDB. 

The process of using the MongoDB lookup multiple fields operation is really not easy and requires many additional steps to structure our data correctly. To synchronize our data with the need, we sometimes have to include operations such as `$match`, `$unwind`, `$group`, and `$map` to structure our data.

However, the complexity of combining these operations can be stressful and prone to errors. The syntax of MongoDB lookup with conditions with these complicated operations is not easy and extremely confusing. It's not uncommon to spend considerable time debugging, trying to get everything to work together.

I always get heavy errors with [Mongodb complex lookup](https://www.codegirl0101.dev/2024/06/mongodb-advance-lookup-operations.html). I try to fix one part and the other part of my lookup aggregation code breaks.

Recognizing these difficulties, I have developed an ultimate guide to MongoDB $lookup with advanced operations. With this guide, you will have access to detailed explanations and practical examples, covering a wide range of scenarios you might face. 

Whether you are filtering nested documents, flattening arrays, grouping results by specific criteria, or transforming data into a desired format, this blog post aims to save you time and effort by traveling from one page to another page for solutions, With this thorough guide, you won't have to look elsewhere for solutions, and I can assure you chatGpt barely helps with the complex scenarios. I tried many times and got humongous errors.

visit my blog post for a detailed explanation with standard examples - https://www.codegirl0101.dev/2024/06/mongodb-advance-lookup-operations.html
# TWILIO AI CHAT
Tags: devchallenge, twiliochallenge, ai, twilio
Published: 2024-06-23 10:23:39




## What I Built


CHAT-TWILIO-API is an innovative voice-based application leveraging Twilio Voice and Gemini AI to deliver seamless, intelligent, and human-like voice interactions for customer service and automated assistance.

## Demo

[TWILIO AI CHAT](https://chat-twilio-ai-git-main-williammasivis-projects.vercel.app/)
[TWILI-AI-CHAT-FRONTEND](https://github.com/williammasivi/ChatTwilioAI)
[TWILIO-AI-CHAT-BACKEND](https://github.com/williammasivi/ChatTwilioAI-backend)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ruj1t6rgi84a8hp3xmty.jpg)
<!-- Share a link to your app and include some screenshots here. -->

## Twilio and AI

CHAT-TWILIO-API harnesses the power of Twilio’s Voice API to handle voice calls, combined with the advanced capabilities of Gemini AI to process and respond to customer queries. This integration allows for dynamic voice interactions that can understand and respond to natural language, providing a more personalized and efficient customer service experience.

## Additional Prize Categories


:white_check_mark: Twilio Times Two
:white_check_mark: Impactful Innovators
:white_check_mark: Entertaining
:white_check_mark: Endeavors



## Team Submissions

This project is a collaborative effort. Please credit teammates:

- @birusha 
- @emmanuelbinen 

<!-- Don't forget to add a cover image (if you want). -->

Thank you for participating in the Twilio Challenge!
[DAY 60-62] I built a random quote machine using React
Tags: learning, react, webdev, javascript
Published: 2024-06-23 10:17:49

Hi everyone! Welcome back to another blog where I document the things I learned in web development. I do this because it helps retain the information and concepts as it is some sort of an active recall.

On days 60-62, after completing the libraries and frameworks course, I continued on to the projects required to finish to acquire the Front End Development Libraries certificate.

These are 5 different projects that have their own user stories to be fulfilled.

The first project is a random quote machine. It is a program that generates quotes from popular figures by clicking the next quote button.

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

How I did the project is doing the bare HTML first just to visualize where the quotes will go, as well as the buttons, author names, and anchor links.

I made a div container for the text, div container for the name of the author, and div container for the next quote button and anchor links.

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

Next, I went straight into Javascript for functionality. In making this project, I wanted to practice my skills in React so I used it to make this project.

My workflow has always been bare HTML first, then add the functionality to make sure it works, then lastly, I finalize my app with CSS for designs.

In adding the functionality, I first found a fetch API for random quotes from popular figures. Next, I initialized the states and made functions within my class component to set state for the quotes and author names.

After that, I added the function for the next quote button to randomly choose a quote within the fetch API data to render.

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

I also added features like a share button for twitter and facebook so that the quotes (along with their respective authors) can be shared to social media.

Lastly, I finalized the design of the project using vanilla CSS and made it look visually appealing.

With that, I successfully fulfilled the user stories and passed the first project.

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

Anyways, that’s all for now, more updates in my next blog! See you there!
Understanding Quantum Computing Basics
Tags: devchallenge, cschallenge, computerscience, beginners
Published: 2024-06-23 10:16:17

*This is a submission for [DEV Computer Science Challenge v24.06.12: One Byte Explainer](https://dev.to/challenges/cs).*

## Explainer

Quantum computing leverages quantum mechanics to perform computations using qubits. Unlike classical bits, qubits can exist in superposition and entanglement, enabling parallel processing. Potential applications include cryptography, drug discovery, and optimization.

## Additional Context

Quantum computing promises exponential speedups for certain problems but faces challenges in error correction and scalability. It represents a frontier in computational research, with ongoing advancements in hardware and algorithms.
Exploring the Internet of Things (IoT)
Tags: devchallenge, cschallenge, computerscience, beginners
Published: 2024-06-23 10:14:59

*This is a submission for [DEV Computer Science Challenge v24.06.12: One Byte Explainer](https://dev.to/challenges/cs).*

## Explainer

IoT connects everyday devices to the internet, enabling data collection and remote control. It uses sensors and actuators to interact with the physical world. Applications range from smart homes to industrial automation, improving efficiency and convenience.

## Additional Context

IoT's growth transforms industries like healthcare, agriculture, and transportation, enhancing decision-making and optimizing resource usage. Security and interoperability challenges require robust solutions for widespread adoption.
Demystifying the Blockchain
Tags: devchallenge, cschallenge, computerscience, beginners
Published: 2024-06-23 10:06:23

*This is a submission for [DEV Computer Science Challenge v24.06.12: One Byte Explainer](https://dev.to/challenges/cs).*

## Explainer

Blockchain is a decentralized ledger technology that records transactions across multiple computers. It's secure, transparent, and immutable, making it ideal for cryptocurrencies like Bitcoin. Each block contains a cryptographic hash of the previous block.

## Additional Context

Blockchain ensures data integrity and security without a central authority. Its applications extend beyond cryptocurrencies to supply chain management, voting systems, and more, offering potential for innovation in various industries.
Understanding the P vs NP Problem
Tags: devchallenge, cschallenge, computerscience, beginners
Published: 2024-06-23 10:04:40

*This is a submission for [DEV Computer Science Challenge v24.06.12: One Byte Explainer](https://dev.to/challenges/cs).*

## Explainer

The P vs NP Problem asks if every problem whose solution can be quickly verified (NP) can also be quickly solved (P). It's a major unsolved question in computer science, with implications for cryptography, algorithms, and beyond.

## Additional Context

Resolving P vs NP would revolutionize computing, affecting fields from encryption to optimization. If P = NP, many currently intractable problems would become solvable, drastically changing our approach to complex computations.
Hashing: The Key to Fast Data Retrieval
Tags: devchallenge, cschallenge, computerscience, beginners
Published: 2024-06-23 10:02:18

*This is a submission for [DEV Computer Science Challenge v24.06.12: One Byte Explainer](https://dev.to/challenges/cs).*

## Explainer

Hashing converts input data into a fixed-size string of characters, which appears random. It's used in data structures like hash tables for fast data retrieval. Good hashing minimizes collisions, where different inputs produce the same output.

## Additional Context

Hashing is essential for quick data access and security (e.g., in cryptographic functions). It balances speed and efficiency, enabling operations like lookup and insertion in constant time, O(1), when implemented well.
Filter system
Published: 2024-06-23 10:01:33

```html
      <div class="from">
        <mat-label>Banner Type</mat-label>
        <mat-form-field appearance="outline" >
          <mat-select formControlName="type" required>
            <mat-option [value]="'home_banner'">Home Page Banner</mat-option>
            <mat-option [value]="'all'">Home Page Banner</mat-option>
          </mat-select>
          <mat-error>This field is required.</mat-error>
        </mat-form-field>
      </div>
```

```js
private getAllBanner() {
  // Select
  const mSelect = {
    image: 1,
    name: 1,
    status: 1,
    priority: 1,
    info: 1,
    createdAt: 1,
    description: 1,
  };

  const filter: FilterData = {
    filter: this.filter,
    // filter: { type: 'all', status: 'publish' },
    pagination: null,
    select: mSelect,
    sort: { createdAt: -1 },
  };

  this.subDataOne = this.bannerService.getAllBanners(filter, null).subscribe({
    next: (res) => {
      if (res.success) {
        this.banners = res.data;
        this.bannerCount = res.count;
        this.holdPrevData = this.banners;
        this.totalBannersStore = this.bannerCount;
      }
    },
    error: (err) => {
      console.log(err);
    },
  });
}
```
Enhancing Next.js Builds with Webpack Custom Plugins
Tags: javascript, nextjs, webpack, webdev
Published: 2024-06-23 10:00:30


At [itselftools.com](https://itselftools.com), our journey through developing over 30 innovative applications using Next.js and Firebase has been illuminating. Today, we're sharing a snippet from our development practices that enhances the build process of Next.js applications by utilizing custom Webpack plugins.

## Understanding the Code Snippet

Our focus is on a specific configuration in 'next.config.js', which significantly helps in version management during the build process of a Next.js application. Here's the code snippet in question:

```js
{ "next.config.js": "module.exports = {\n webpack: (config, { buildId, dev, isServer, defaultLoaders, webpack }) => {\n   config.plugins.push(new webpack.DefinePlugin({\n     'process.env.VERSION': JSON.stringify(buildId)\n   }));\n   return config;\n }\n};" }
```

### Explanation

- **module.exports**: This exports a function that accepts the default Webpack configuration object and a custom object containing various build settings provided by Next.js.

- **webpack**: A function provided by Next.js that allows overriding the default Webpack configuration. The parameters include `buildId`, `dev`, `isServer`, `defaultLoaders`, and `webpack` itself.

- **config.plugins.push**: Here, we are adding a new plugin to the existing array of Webpack plugins.

- **new webpack.DefinePlugin**: This plugin lets you create global constants which can be configured at compile time. Here it is used to set `process.env.VERSION` to the current build id, which can be very useful for version tracking and cache busting.

## Practical Usage

Incorporating this setup in your Next.js project can aid with debugging and ensuring users receive the most updated version of your application. By defining the version as a build-time constant, you can append this version to URLs for API calls, static resources, or inside your service workers to avoid caching issues during deployments.

## Conclusion

Adopting such practices can significantly streamline your deployments and improve the reliability of your web applications. To see this customization in action, you are welcome to visit some of our applications like [Mic Test](https://online-mic-test.com), [Video Compression Tool](https://video-compressor-online.com), and [Pronunciation Guide](https://how-to-say.com), which leverage advanced Next.js configurations for optimal performance.
Maiu Online - Browser MMORPG #indiegamedev #babylonjs Ep24 - SAT 2D collision detection
Tags: babylonjs, indiegamede, gamedev, mmorpg
Published: 2024-06-23 09:46:15

Hello,
I added collisions detection with environment obstacles, to make it happen I used SAT 2D collision detection algorithm. 
Player is simple point and obstacles can have collision shapes of circle or rectangles with arbitrary orientation.
Still there are some bugs mostly with calculating collisions response on the edges of the rectangles but it works quite good, for the first iteration it's enough.
Still don't know how I will handle collisions/navigation in the future. I will need something simple with capabilities for integrating with path finding and line of sight algorithms. I need to do some research and think it through.

Next update will be probably about monster system. I want to add walking, chasing, attacking, death and spawning monsters.

{% youtube eNoSoiwyOTA %}
Maiu Online - Browser MMORPG #indiegamedev #babylonjs Ep23 - Global Chat
Tags: babylonjs, indiegamedev, gamedev, mmorpg
Published: 2024-06-23 09:44:09

Hi,
This time very short update. I made my chat online. Previously it was working only locally in offline mode.

{% youtube ahCvKWgK4WU  %}
Types of Machine Learning: Supervised, Unsupervised, and Reinforcement
Tags: machinelearning, ai
Published: 2024-06-23 09:38:24


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

Machine learning is a field of artificial intelligence (AI) that focuses on developing algorithms and models that allow computers to learn from data and make decisions or predictions without being explicitly programmed. One of the fundamental concepts in machine learning is the categorization of learning approaches into three main types: supervised learning, unsupervised learning, and reinforcement learning.


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

Supervised Learning
Supervised learning is a type of machine learning where the model is trained on a labeled dataset. In a labeled dataset, each input is associated with the corresponding output. The goal of supervised learning is to learn a mapping from inputs to outputs, allowing the model to make predictions on unseen data. Examples of supervised learning tasks include classification and regression.

Unsupervised Learning
Unsupervised learning, on the other hand, involves training the model on an unlabeled dataset. In an unlabeled dataset, there are no predefined labels for the input data. The model learns to find hidden patterns or structures in the data without explicit guidance. Clustering and dimensionality reduction are common tasks in unsupervised learning.

Reinforcement Learning
Reinforcement learning is a type of machine learning where an agent learns to make decisions by interacting with an environment. The agent receives feedback in the form of rewards or penalties based on the actions it takes. The goal of reinforcement learning is to learn the optimal actions to take in different situations in order to maximize cumulative rewards over time.

Key Differences
The main difference between supervised, unsupervised, and reinforcement learning lies in the way they are trained and the type of feedback they receive. Supervised learning requires labeled data for training, unsupervised learning works with unlabeled data, and reinforcement learning learns from feedback in the form of rewards or penalties.

Understanding the differences between these types of machine learning is essential for choosing the right approach for a given problem and designing effective machine learning systems.

Each type of machine learning has its own characteristics, advantages, and limitations. Supervised learning is suitable for tasks where labeled data is available and the goal is to make predictions or classify data into predefined categories. Unsupervised learning is useful for exploring and discovering hidden patterns in data when labeled data is not available. Reinforcement learning is suitable for problems where an agent needs to learn to make sequential decisions based on feedback from its environment.

By leveraging these different types of machine learning, researchers and practitioners can develop intelligent systems that can solve a wide range of real-world problems and tasks.