teleren/devto huggingface dataset:
The Power and Influence of Social Media: A Comprehensive Overview
Tags: webdev
Published: 2024-03-17 05:08:28


![Uploading image](...)
In the modern digital age, social media has become an integral part of our [daily lives](https://fantastictech.news.blog/), shaping how we communicate, connect, and consume information. From Facebook to Twitter, Instagram to TikTok, social media platforms have revolutionized the way we interact with one another and the world around us. In this article, we will explore the evolution of social media, its impact on society, and its role in shaping the future of communication.

**The Evolution of Social Media**

Social media has its roots in the early days of the internet, with platforms like Six Degrees and Friendster laying the groundwork for what was to come. However, it was not until the mid-2000s that social media truly exploded in popularity, with the launch of platforms like Facebook, Twitter, and LinkedIn. These platforms revolutionized how we connect with others online, making it easier than ever to stay in touch with friends, family, and colleagues.

**The Impact of Social Media on Society**

The rise of social media has had a profound impact on society, influencing everything from how we consume news to how we form relationships. One of the most significant impacts of social media has been its role in shaping public discourse and opinion. Platforms like Twitter and Facebook have become battlegrounds for political and social issues, with users using these platforms to share their views and engage in debates.

**The Role of Social Media in Business**

Social media has also had a major impact on the business world, transforming how companies engage with customers and market their products. Platforms like Instagram and Pinterest have become key channels for businesses to showcase their products and connect with customers. Influencer marketing, where companies partner with social media influencers to promote their products, has also become a major industry, with influencers commanding large audiences and influencing consumer behavior.

**The Future of Social Media**

As social media continues to evolve, so too will its impact on society. The rise of new platforms like TikTok and Clubhouse is changing how we create and consume content, while advancements in technology like augmented reality are opening up new possibilities for how we interact with social media. The future of social media is likely to be shaped by these trends, as well as by ongoing debates about privacy, misinformation, and the role of social media in our lives.

In conclusion, social media has become an integral part of our daily lives, shaping how we communicate, connect, and consume information. Its impact on society has been profound, influencing everything from how we form relationships to how we engage with the world around us. As social media continues to evolve, its influence is likely to grow, shaping the future of communication in ways we can only begin to imagine.
Building an Image Magnifier Effect in NEXT JS: A Step-by-Step Guide
Tags: nextjs, javascript, webdev, frontend
Published: 2024-03-17 05:05:43

Hello Guys, In this tutorial, we'll build a custom Image Magnifier component using Next JS. Let’s dive into the step-by-step guide to creating your own Image Magnifier component.

Please read this post in our website
[Building an Image Magnifier Effect in NEXT JS: A Step-by-Step Guide
](https://codewithmarish.com/post/image-magnifier-effect-in-nextjs)
[
Youtube Short](https://youtube.com/shorts/9d3uA1iz7Yc?si=tgAjwGoEdFfJ_FfW)

Also please don’t forget to subscribe to our youtube channel codewithmarish for all web development-related challenges.

[Code With Marish | Youtube](https://youtube.com/@codewithmarish )

Posted with ❤️ from somewhere on the Earth
Building a Custom Cursor in Next.js 14
Tags: webdev, nextjs, javascript, frontend
Published: 2024-03-17 04:56:34

Hello Guys, In this quick tutorial, we'll explore how to create a custom cursor for your Next.js application. Our requirement for this custom cursor was to follow our main cursor and dynamically change its color based on the type of element it hovers over. Using this foundation knowledge you can build your own cursor matching your imagination or requirements.

Please read this post in our website
[Building a Custom Cursor in Next.js 14](https://codewithmarish.com/post/custom-cursor-nextjs14)

[Youtube Short](https://youtube.com/shorts/bDkxzF0oeSE?si=5V-e0asE0wW_jBfS)

Also please don’t forget to subscribe to our youtube channel codewithmarish for all web development-related challenges.

[Code With Marish | Youtube](https://youtube.com/@codewithmarish )

Posted with ❤️ from somewhere on the Earth
Simple Elliptical Animation with Canvas in JavaScript
Tags: javascript, html, canvas, animation
Published: 2024-03-17 04:53:04

Hello Guys, In this tutorial, we’ll explore how to create a simple animation using JavaScript and HTML5 Canvas using ellipse and circle. Specifically, we’ll focus on drawing ellipses and animating circles around them.

Please read this post in our website
[Simple Elliptical Animation with Canvas in JavaScript](https://codewithmarish.com/post/elliptical-animation-canvas-js)

[Youtube short](https://youtube.com/shorts/u9y52Uyom80?si=PZH6-DXXX-ZTd4is)
Also please don’t forget to subscribe to our youtube channel codewithmarish for all web development-related challenges.

[Code With Marish | Youtube](https://www.youtube.com/@codewithmarish)

Posted with ❤️ from somewhere on the Earth
Building Real-Time Views Component: A Socket.IO and Next.js Tutorial
Tags: node, socket, webdev, javascript
Published: 2024-03-17 04:49:04

Hello Guys, Today in this post we will build a simple real-time views component in NEXT JS powered by Socket.IO and Node JS. Socket programming facilitates real-time communication between a server and clients. By the end, you’ll have a functional real-time view and a clear understanding of how Socket.IO and Next.js work together.

Please read this post in our website
[Building Real-Time Views Component: A Socket.IO and Next.js Tutorial](https://codewithmarish.com/post/realtime-views-component-nextjs-socketio)

[Youtube Short ](https://youtube.com/shorts/F0cjNgBoveY?si=sfC5ek_9jf_fm0_k)

Also please don’t forget to subscribe to our youtube channel codewithmarish for all web development-related challenges.

[Code With Marish | Youtube](https://www.youtube.com/@codewithmarish)

Posted with ❤️ from somewhere on the Earth
DevLog D-09toD-11. I can't Imagine the backprop.
Tags: machinelearning, noob, lol
Published: 2024-03-17 04:46:14

_Don't Learn here. I think Everything here is exact opposite of what you do in a real job. I am not a profession AI guy. I am a noob._ 

Forward pass was simple. 
   I need to pass the input value of one layer to another layers. 

But Backpropagation has multiple steps. 
   **I think backpropagation is when you make your network aware of loss.** By Aware I mean updating value based on loss of network. I just realized this today(17-03-2024). So Below is the methods that I wrote to train and get loss of network.
```Python
 def train(self,train_X,train_Y):
        # pass the train_X to Network to get loss of network or the error in prediction. 
        self.inputL_out = self.inputL.forward(train_X)
        for l in range(0,len(self.neuronsLayers)):
            if l == 0:
                self.neuronsLayers[l].forward(self.inputL_out)
            else:
                self.neuronsLayers[l].forward(self.neuronsLayers[l-1].f_out)
            if l == len(self.neuronsLayers) -1:
                self.outL_f_out = self.outL.forward(self.neuronsLayers[l].f_out) #self.outL_f_out is output of network.

        # now calculate the loss. 
        # I am calculating two type for losses. 1. loss on actual answer 2. Loss on wrong answer. 
        losses = []
        for i in range(0,self.out_dim):
            if train_Y != i:
                if abs(self.outL_f_out[i]) > 0.6:
                    losses.append(abs(self.outL_f_out[i])-0.6) #prediction for other digits other then actual answer should be less then 0.6
                else:
                    losses.append(0)
            else:
                losses.append(0.99 - abs(self.outL_f_out[train_Y])) #loss for actual answer. 

        print(losses)
        print(self.outL_f_out)
```

Until today I was stuck on derivative and how to update weights. 
After wasting two days(2 hours per day) I realized I need to update weight based on loss. 

But still  how do I update weight & by how much.
And why my network in predicting negative probability.(wrong choice of activation function I think.)

I am weak at math
![slope. ](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1ym5rur375q1ughy7kmd.jpeg)
Build an OTP PIN Input Component for NEXT JS App
Tags: webdev, nextjs, javascript, typescript
Published: 2024-03-17 04:43:54

Hello Guys, Today in this post we'll build a simple and interactive PIN entry component in NEXT JS 13 (TypeScript). This component is commonly used for scenarios like entering a one-time password (OTP).

Please read this post in our website
[Build an OTP PIN Input Component for NEXT JS App](https://codewithmarish.com/post/build-an-otp-input-component-nextjs)

Also please don’t forget to subscribe to our YouTube channel codewithmarish for all web development-related challenges.

[YouTube Shorts](https://youtube.com/shorts/htslIkyWj3M?si=O8PU4mC8uJXmARAS)

[Code With Marish | Youtube](https://www.youtube.com/@codewithmarish)

Posted with ❤️ from somewhere on the Earth
I'm proud to present to you `Jpy 3D GE`
Tags: unity3d, python, jpy3dge, showdev
Published: 2024-03-17 03:48:18

Python now enables faster game development compared to Unity, offering HD quality, VR, and AR support. Notably, you can consolidate all your game code into a single file (Take this unity).

By the help of `Jpy 3D GE`.

1. Open-source version coming soon.
2. Cross-platform compatibility: Android (Termux, Pydroid3, and the official Jpy 3D GE app), iOS (similar to Android), Windows, macOS, Linux, Raspberry Pi.

# Junaid Python 3D Game Engine (Jpy 3D GE)
The idea originated in my classroom discussions about Unity's benefits. Despite suggestions to learn C++, I chose Python. After intense public exams, I dedicated four days, sacrificing sleep, to develop this engine. Now, with a gameWindowManager and some basic shapes , as shown in below example-1
## Examples
1. Display a box at coordinates (0, 0, 0).

```python
from Jpy3D_GE import CreateWorld, worldAppender

world = CreateWorld("example") # Creates a world

world.addSky() # by default color="skyblue"
world.addCamera() # by default x=0,y=0,z=0 
world.addCube() # by default x=0,y=0,z=0 , height=5,width=5,depth=5

worldAppender(world) # this is useful when you have more than one world in only one file

world.run() # runs this program
```

2. Manage windows, splash screens, and more.

```python
from GameWindowManager import WindowManager

window = WindowManager(debug=True)

# Add a button
window.addButton(50, 100, None, lambda: print("Button clicked"))

# Add an input box
window.addInput(50, 100, None, lambda: print("Enter pressed"))

# Set splash screen
window.splashScreen("path/to/splash_screen.png")

# Set window icon
window.windowIcon("path/to/window_icon.ico")
```

## Ongoing Work
I'm actively debugging and adding more features. Follow my progress!

GitHub: [github.com/junaidcodingmaster](https://github.com/junaidcodingmaster)
Project Page: [jpy3dge.abujuni.dev](https://jpy3dge.abujuni.dev)

## ICONS AND BANNERS

![Jpy 3D GE Banner](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d1w5350kmz4o28hu767b.png)

![Project Page Banner](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ytkot6zq4jyo1mr971e9.png)
🐳 How do Docker containers Get Those Funny Names?🐳
Tags: aws, devops, disaster, cloud
Published: 2024-03-17 02:26:02



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

🤔 Have you ever wondered how Docker containers get those funny names like determined_buck, objective_wilbur, or relaxed_babbage?
`> docker ps -a
CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES
624ba950c764 ubuntu "bash" 26 hours ago Up 26 hours determined_buck
96b8efab5b66 ubuntu "bash" 26 hours ago Exited (0) 26 hours ago objective_wilbur
c07a3eb9a66d ubuntu "bash" 26 hours ago Exited (0) 26 hours ago relaxed_babbage`
By default, if you do not specify a name for your container when running it, Docker will assign a humorous or funny name to it using a combination of two randomly chosen words from a predefined list.

🙋‍♀️ Now, the question arises: where is this predefined list defined?
The predefined list of words Docker uses to generate random container names is part of the Docker source code. Docker uses the "moby" project (formerly known as Docker) for its open-source development, and the list of words can be found in the GitHub repository for the moby project.
You can find the list of words in the following file within the moby repository.

💪 So, how does this entire thing work?
So, if we take the example of determined_buck, Docker combines these words. It randomly selects one word from the left list and another from the right list to form the funny container name. For example, determined_buck combines determined from the left list and buck from the right list. The process ensures that you get funny and memorable names for your containers, adding a touch of humor to the world of containerization.

💡 If you want to assign a specific name to your container, you can use the - name flag when running the container:
`docker run - name container_name <image name>
`

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

📚 If you're interested in more in-depth explanation of these topics, please check out my new book "Cracking the DevOps Interview"
https://pratimuniyal.gumroad.com/l/cracking-the-devops-interview
Angular 17 & .NET 8 JWT Authentication 🔐 - Forgot Password - Part 12
Tags: angular, dotnet, webdev, fullstack
Published: 2024-03-17 01:22:25

[Angular 17 &   .NET 8   JWT Authentication 🔐 - Forgot Password - Part 12](https://youtu.be/DcwPqmU_F6U)
Snowverload
Tags: adventofcode, algorithms, javascript, programming
Published: 2024-03-17 01:14:11

## [Advent of Code 2023 Day 25](https://adventofcode.com/2023/day/25)

### Part 1

#### If I understand it correctly...I give up.

The odds are not in my favor:
- Massive input
- Graph-like data structure
- Not one but three specific edges to identify
- So a solution space of hundreds to the power of 3!

Even if I spend the time to fully understand the example input, I know that whatever algorithm I write will never finish running no my puzzle input.

This is a bummer.

More often than not, The Day 25 puzzle has been accessible for me.

Sadly, this year is not the case.

It's time to close the year out, without earning a last-day gold star.

That's ok.

### Wrapping up 2023

This year was filled with fun - and mostly rewarding - challenges!

As usual, here's my final map of 2023's stars:

![Stars earned each day this year](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ljomh1mfxnjdulri77j1.png)

And here is my latest star count, with 2023's account for:

![Stars earned since 2015](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d66kfkx9thd6gwuerg6h.png)

That's all, folks...

...until December, 2024!

Thanks so much, again, [Eric Wastl](https://was.tl)!
GoLang Packages: Basics of golang packages
Tags: go
Published: 2024-03-17 00:38:43

In go programming, packages are used for organization and reusability. They act like folders, effectively bundling your code into manageable units. Whether you're a professional or beginner, understanding packages is essential for writing clean, maintainable, and scalable Go applications.

**What are Golang Packages?**

Golang packages group related functionalities together. This organization makes your codebase more readable and easier to navigate.

**Benefits of Using Packages**

* **Reusability:**  An advantage of packages lies in their ability to be reused across different parts of your program or even in entirely separate projects. This could save you time and effort by eliminating the need to rewrite the same code over and over.
* **Organization:** Packages help with code organization. By grouping related functionalities, you keep your codebase clean and structured, making it easier for you and others to understand and maintain it.
* **Reduced Naming Conflicts:**  With packages, you can avoid naming conflicts. Since each package has its own namespace, functions and variables with the same name in different packages won't clash.

**How to Structure Packages**

Golang packages are represented by directories within your Go workspace. The directory name now becomes the package name.  A package must have at least one Go source file (`.go`) containing the actual code.

**Exporting vs. Internal Elements**

Not all elements within a package are created equal. You can control the visibility of functions, types, and variables using uppercase and lowercase letters at the beginning of their names.  Elements starting with uppercase letters are `exported` and accessible from outside the package. Conversely, elements with lowercase names are `internal` and can only be used within the package itself. This distinction helps maintain encapsulation and prevents unintended modifications.

**Examples of external and internal elements**

```
package <name>

// External element public to other packages
type User struct {
    Username string
    Age      int
}

// internal element not accessible by other packages
type user struct {
    username string
    age      int
}
```

**Importing Packages**

To leverage the functionalities of an existing package in your Go program, you need to import it. The `import` statement allows you to specify the package you want to use and optionally give it an alias for convenience.

**The `main` Package**

Every Go program has a special `main` package that serves as the entry point for execution. This package typically contains the `main` function, which is the first function to be invoked when you first run your program.

Happy coding!
Getting Started with Big Data and Apache Spark
Tags: apache, devops, linux, analytics
Published: 2024-03-17 00:31:47

## Introduction

Big data and Apache Spark have revolutionized the way businesses manage and analyze immense amounts of data. This powerful combination allows for faster data processing and analysis, leading to better decision-making and improved business outcomes. If you are looking to get started with Big Data and Apache Spark, this article will provide key information and insights to help you on your journey.

## Advantages of Apache Spark

1. **Lightning-fast processing speed:** Apache Spark is renowned for its ability to quickly process large datasets, making complex data analysis tasks significantly faster.

2. **Efficient parallel processing:** Its parallel processing capabilities enable the efficient distribution of workloads across multiple machines, enhancing speed and performance.

3. **Scalability:** Spark's scalability allows it to handle even the largest and most complex datasets, suitable for organizations of all sizes.

4. **Support for multiple programming languages:** It accommodates various programming languages, making it accessible to a wider range of developers.

## Features of Apache Spark

Apache Spark offers a multitude of features that cater to diverse data processing requirements:

- **Streaming capabilities:** Allows for processing of real-time data.
- **Machine learning:** Facilitates advanced analytics tasks using its MLlib library.
- **Graph processing:** Supports complex algorithms with its GraphX component.
- **Advanced analytics:** Enables a comprehensive analysis environment with its built-in libraries and APIs.

## Disadvantages of Apache Spark

Despite its numerous benefits, Apache Spark does have some limitations:

1. **High memory usage:** Can be challenging for smaller systems due to its intensive memory demands.
2. **Resource-intensive:** Requires substantial resources and technical expertise, which can complicate setup and maintenance.

## Conclusion

In the contemporary data-driven landscape, leveraging Big Data and Apache Spark is imperative for businesses aiming to maintain a competitive edge. The combination of its powerful processing capabilities and extensive feature set makes Apache Spark an invaluable asset for data analysis and decision-making. However, considering its potential drawbacks is crucial in preparing for its integration. With appropriate resources and expertise, adopting Big Data and Apache Spark can significantly transform your organizational capabilities.
Node js CAS log in application
Tags: node, cas, webdev
Published: 2024-03-16 23:27:37

Here's my code:

const express = require('express');
const app = express();
const CAS = require('cas');

// CAS configuration
const cas = new CAS({
  base_url: 'https://shib.idm.umd.edu/shibboleth-idp/profile/cas',
  version: 3.0,
  service: 'login.umd.edu/cas'
});

app.use((req, res, next) => {
  cas.authenticate(req, res, (err, status, username, extended) => {
    if (err) {
      // Handle the error
      console.log("error:", err);
      res.send({ error: 'CAS Authentication Error' });
    } else {
      // If authentication is successful, add CAS information to the session
      req.session.cas = {
        user: username,
        attributes: extended.attributes,
      };
      next();
    }
  });
});

// Define a route for the home page
app.get('/', (req, res) => {
  res.send(`Hello, ${req.session.cas && req.session.cas.user}! <a href="/logout">Logout</a>`);
});

// Define a route for logout
app.get('/logout', cas.logout);

// Start the server
const port = 4000;
const ip = 'my_local_ip_address';
app.listen(port, ip, () => {
  console.log(`Server running on http://${ip}:${port}`);
});


Im not sure how to fix this, or what the problem even is, but to reiterate the issue, I can enter my username and password, and it sends my info for validation, but the response gets dropped. Any advice/suggestions would be helpful.