teleren/devto huggingface dataset:
Difference Between Coding And Programming
Published: 2023-07-06 21:54:17

Regarding software development, "coding" and "programming" are often interchangeable. However, there are some critical differences between the two.

Coding refers to the act of writing code in a specific programming language. It involves translating ideas into a language that a computer can understand. This can include writing scripts, creating functions, and building algorithms.

On the other hand, programming is a broader term that encompasses the entire process of creating software. This includes everything from planning and designing to testing and debugging. It involves writing code and understanding the problem that needs to be solved, defining requirements, and creating a plan to reach the desired outcome.

One way to think of the difference between coding and programming is to compare them to building construction. Coding would be like laying bricks and mortar, while programming is like the entire construction process, including designing the blueprint, planning the layout, and ensuring structural integrity.

While coding is an essential part of programming, it is just one piece of the puzzle. Programming requires a deeper understanding of the problem being solved and the ability to think creatively and strategically to find the best solution.

In conclusion, coding and programming are related but distinct processes. Coding involves writing code in a specific language, while programming encompasses the entire process of creating software. Both skills are essential for software development, but programming requires broader knowledge and skills.
Many people use the terms **"coding" and "programming" interchangeably regarding [web development](https://panamarketing.ir/english/web-design/)**. However, there are some critical differences between the two. Coding refers to writing code or instructions in a specific programming language. It's a more straightforward and essential process that involves translating human ideas into machine-readable code. On the other hand, programming is a more complex process involving designing, testing, and debugging software. It requires a deeper understanding of algorithms, data structures, and other computer science concepts. Both coding and programming are essential skills for web developers, but it's important to understand the differences and choose the right approach for each project.
Making 2048 From Scratch
Tags: beginners, python, codecademy
Published: 2023-07-06 21:52:02

A little bit of background, I am currently taking a course through Code Academy learning how to code in python and this is my first free form project. Armed with my limited coding knowledge and the task to create something I hatched a plan. Code Academy suggested remaking a game like Blackjack or Tic-Tac-Toe but I wanted to do something different. So I decided to make a game that I have played but never beaten, and what I landed on is 2048. The game is simple enough but even then I ran into a few challenges.

![some gameplay](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i4krzn4w56qiai5cdsos.PNG)

The hardest part to code was pushing the all the numbers in every direction. To do this I programed pushing numbers to the left by appending all non zero numbers than adding zero to maintain 4 numbers in the list. To move to the right I reversed the list before I compacted then after to make it look normal. Movement up and down was a bit more complicated but I achieved this by creating a temporary list with the nth value in every list, pushing it left or right, then decoding it. Anyways here it is.

{% embed https://github.com/SamZombie/Terminal-2048-python-project %}

I had a lot of fun coding this and not only did I test my coding abilities but I learned about uploading to GitHub and blogging on this website!
The 27th Day of the 100 Days of Code challenge
Published: 2023-07-06 20:29:55

Today, I finalized everything in my real-time transcription app in terms of performance.
Tomorrow, I'll design the client and make the application super configurable for a better playground experience :)
Raw transcriptions and diarizated transcriptions are offered! However, there's clearly some tradeoff for the time being. The diarizated transcriptions are only refined when there's a speaker change, whereas the raw transcriptions when there's a buffer silence (depends on the buffer duration, in my applicaiton, 2 seconds of silence). So, every 2 seconds of silence, it will refine the transcription. Of course, this could be implemented in the diarizated transcriptions too. Pretty simply, actually. I don't know if I really wanna do it, as it may affect the context, but if the user's silent, it probably means it's a good time to refine it.

However, it's a super small detail that can be added into the user's config in the client, where they will be able to choose whether they want it to refine every time there's silence or only when there's speaker changes.

I also plan to make the refiniment prompt configurable to make this an actual playground for users to experiment with real-time transcription with Whisper.
 
I also got my first interview on Upwork today, hoping to get the job! A very small and quick one, but a step in right direction to Freelancing :)

That's about it, happy coding everyone!
Next.js != Full Stack
Tags: webdev, javascript, programming, nextjs
Published: 2023-07-06 20:21:56

I thought I was developing a full-stack application with Next.js, but I wasn't. There were settings to add images and videos in the administration panel. In development mode, these features work without any problems, but in production mode, images and videos added later do not work. So they are not shown in the browser. It is necessary to restart the project. You need a 3rd party service or an additional backend structure for image and video upload.

So we can say that Next.js ≠ Full Stack application.
Is it Doms?
Tags: learning, beginners
Published: 2023-07-06 19:44:30

**Is it Doms? **

This is a program that lets you input symptoms that you may be feeling from some form of exercise, with the aim of identifying DOMs symptoms it can provide you with recovery tips or potentially state that you may have an injury. For now it just identifies the DOMs and loops back through the symptoms until all symptoms have been checked. 

I wanted to do this because I run a lot and know others who do or want to get into regular exercise and I thought this program could support people with identifying DOMs and providing them with recovery tips to help them to continue and not give up when it hurts. 

I have attached 3 documents:

Plan Algorithm - the steps I took to outline the algorithm.
The Flowchart I created.
The Pseudocode

This was challenging but I know in time I will be able to write an algorithm, design a flowchart and pseudocode and develop this program or something else. 


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

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

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i34jhfbhl1hc1fov6aqy.png)
#2 SOLID - Open Close Principle | Swift | iOS Development
Tags: swift, programming, ios
Published: 2023-07-06 19:20:21


> It states that software entities (classes, modules, functions, etc.) 
should be open for extension but closed for modification.

- In the below example, the `Shape` class violates the `Open-Closed Principle` because it is not closed for modification ❌. 
- Whenever a new shape is added (e.g., triangle, rectangle), the Shape class needs to be modified to include a new case in the ShapeType enum and update the area() method accordingly. 
- This violates the principle as the class is not closed for modification.


```swift
enum ShapeType {
    case circle
    case square
}

class Shape {
    var type: ShapeType
    
    init(type: ShapeType) {
        self.type = type
    }
    
    func area() -> Double {
        switch type {
        case .circle:
            // Calculate circle area
            return 3.14 * 5 * 5
        case .square:
            // Calculate square area
            return 10 * 10
        }
    }
}
```

```swift
let shapes: [Shape] = [Shape(type: .circle), Shape(type: .square)]
```

- In the below example, the Open-Closed Principle is applied correctly ✅. 
- The Shape protocol defines the contract for shapes, and different shapes (e.g., Circle and Square) implement the Shape protocol and provide their own implementation of the area() method. 
- Now, if you want to add a new shape (e.g., Triangle), you can simply create a new struct conforming to the Shape protocol without modifying any existing code. 
- This adheres to the Open-Closed Principle as the code is closed for modification but open for extension.

```swift
enum ShapeType {
    case circle
    case square
}

protocol Shape {
    func area() -> Double
}

struct Circle: Shape {
    func area() -> Double {
        // Calculate circle area
        return 3.14 * 5 * 5
    }
}

struct Square: Shape {
    func area() -> Double {
        // Calculate square area
        return 10 * 10
    }
}
```

```swift
let shapes: [Shape] = [Circle(), Square()]
```
Temporary files in docker and k8s
Published: 2023-07-06 19:02:45


Hi all, i've a container running code in .NET 6, dockerized and running on Azure k8s. Inside this container, i handle a message from a topic of a Service Bus. It should manage aroung 20k messages a day.

Scenario description:
I have to call an .exe (size around 100 MB) that take in input a file and generate a response in a given physical subfolder on disk. The response include two files, that i upload then to a blob storage. Finally i delete these temporary files on disk. The execution of the .exe will be of 1 minute.

Question: 
Where should i store the exe? Its content will change 2-3 times a year (so few times). I was thinking to include it in the docker image, for example in "\app\resources" and then call it creating a random temp folder in the same path, one for each execution. In alternative i was thinking to Azure File Share (but i'm concerned about the traffic cost). The data is temporary, so if the pod goes down, i don't care about them.

I've already read about volumes in Docker, but i don't find any question/topic that fit my problem, so i'm searching for some advices.

Thanks
Threads or Twitter?
Tags: discuss, socialmedia, news
Published: 2023-07-06 18:53:29

## Threads vs. Twitter: What are the Differences?

Threads and Twitter are both social media platforms that allow users to share short messages with their followers. However, there are some key differences between the two platforms.

### Threads

* Threads is a standalone app that is owned by Meta (formerly Facebook).
* Threads is designed for sharing more personal and intimate content with close friends and family.

### Twitter

* Twitter is a larger social media platform with over 330 million active users.
* Twitter is designed for sharing a wider range of content, including news, events, and personal thoughts.
* Twitter messages are not ephemeral, meaning that they remain on the platform indefinitely.
* Twitter includes features like hashtags, @mentions, and retweets.

## Which Platform is Right for You?

The best platform for you will depend on your individual needs and preferences. If you are looking for a platform to share personal and intimate content with close friends and family, then Threads is a good option. If you are looking for a platform to share a wider range of content with a larger audience, then Twitter is a good option.

**Here is a table that summarises the key differences between Threads and Twitter:**

| Feature | Threads | Twitter |
|---|---|---|
| Platform | Standalone app | Website and app |
| Target audience | Close friends and family | Wider audience |
| Characters limit | 500 | 280 |
| Repost | Can't see numbers, only notifications for repost | Can see numbers |
| Hashtags | not available | available |
| @mentions | yes | yes |
| Drafts | no | yes |

## What do you think? Which platform would you prefer?

I would love to hear your thoughts in the comments below.

![cat](https://media2.giphy.com/media/SYcpSY0lNdPIHhCvjT/giphy.gif)
FREE courses from you should try in 2023
Tags: microsoft, google, ai, machinelearning
Published: 2023-07-06 18:50:44

𝟭. 𝗔𝗜 𝗳𝗼𝗿 𝗯𝗲𝗴𝗶𝗻𝗻𝗲𝗿𝘀

Check this out 👇
https://lnkd.in/dgfaEFxr

𝟮. 𝗜𝗢𝗧

Check this out 👇
https://lnkd.in/dSQECutx

𝟯. 𝗠𝗮𝗰𝗵𝗶𝗻𝗲 𝗟𝗲𝗮𝗿𝗻𝗶𝗻𝗴

Check this out👇
https://lnkd.in/dJQvX5ZQ

𝟰. 𝗗𝗮𝘁𝗮 𝗦𝗰𝗶𝗲𝗻𝗰𝗲

Check this out👇
https://lnkd.in/dZaYHE5n

𝟱. 𝗣𝘆𝘁𝗵𝗼𝗻 𝗕𝗮𝘀𝗶𝗰𝘀 𝗳𝗼𝗿 𝗗𝗮𝘁𝗮 𝗔𝗻𝗮𝗹𝘆𝘀𝗶𝘀

Check this out👇
https://lnkd.in/dNYQX_xg

𝟲. 𝗗𝗮𝘁𝗮 𝗦𝗰𝗶𝗲𝗻𝗰𝗲 𝗙𝗼𝘂𝗻𝗱𝗮𝘁𝗶𝗼𝗻𝘀

Check this out👇
https://lnkd.in/dNYQX_xg

𝟳. 𝗗𝗮𝘁𝗮 𝗦𝗰𝗶𝗲𝗻𝗰𝗲 𝘄𝗶𝘁𝗵 𝗣𝘆𝘁𝗵𝗼𝗻

Check this out👇
https://lnkd.in/dNYQX_xg

𝟴. 𝗠𝗮𝗰𝗵𝗶𝗻𝗲 𝗟𝗲𝗮𝗿𝗻𝗶𝗻𝗴 𝗖𝗿𝗮𝘀𝗵 𝗖𝗼𝘂𝗿𝘀𝗲

Check this out👇
https://lnkd.in/dbkXEGSY

𝟵. 𝗧𝗲𝗻𝘀𝗼𝗿𝗳𝗹𝗼𝘄 𝗳𝗼𝗿 𝗗𝗲𝗲𝗽 𝗟𝗲𝗮𝗿𝗻𝗶𝗻𝗴

Check this out👇
https://lnkd.in/dbkXEGSY
Funciones generadoras
Tags: javascript, programming, tutorial
Published: 2023-07-06 18:32:43

Una función generadora es una función especial en JavaScript que puede ser pausada y reanudada en cualquier momento. Esto nos permite tener un mayor control sobre la ejecución de sus sentencias.

Cuando se invocan este tipo de funciones, no se ejecutan, sino que quedan "dormidas". Estas devuelven un objeto iterador en el cual a través del método next() podremos ejecutar de manera controlada las sentencias o acciones a realizar.

```
const generatorFunction = function* () {
 console.log('Hi')
};
const iterator = generatorFunction();

console.log(iterator) //retorna el objeto iterador generatorFunction{<suspended>}
console.log(iterator.next()) // Ejecuta la función mostrando 'Hi' en la consola y retorna el siguiente objeto {value: undefined, done: true}, siendo value el valor que retorna la función y done el estado de ejecución de dicha función.

//Si volvemos a llamar al iterador
console.log(iterator) // generatorFunction{<closed>}

```
**yield**

yield representa algo a producir, permite que las funciones generadoras produzcan una secuencia de valores de manera controlada. Puede haber múltiples yield en una función generadora, y cada llamada a next() devuelve el siguiente valor en la secuencia. 

```
const generatorFunction = function* () {
 yield 1
 yield 2
};
const iterator = generatorFunction();

console.log(iterator.next()) // {value: 1, done: false}
console.log(iterator.next()) // {value: 2, done: false}
console.log(iterator.next()) // {value: undefined, done: true}
```

En resumen, las funciones generadoras son una herramienta valiosa en JavaScript que brinda mayor control y claridad en el flujo de ejecución de un programa. Son especialmente útiles para simplificar el código asincrónico, controlar el flujo de datos y generar secuencias de valores bajo demanda. Las funciones generadoras se utilizan ampliamente en bibliotecas como Redux-Saga para manejar flujos de trabajo complejos, operaciones asíncronas y la sincronización de acciones en aplicaciones de React/Redux.
Improving Software Quality and Usability
Tags: webdev, devops, development, programming
Published: 2023-07-06 18:30:45

In Software Engineering, we have made HUGE strides over the past 60 years.  Indeed, since I started in the mid 1970's, it is a completely different world now - the ability to express your ideas as code in a way that is robust, scalable and tuned for performance is truly amazing.  However, we realized that there is a gap, an area of software engineering that has not had much attention paid to it - and I believe this is the next step to truly achieving a completeness of robust design & development.  This is something we call Integrated Centralized Error Management - or ICEM.

[Check out our latest blog post](https://codaea.blogspot.com/2023/05/improving-software-development-by.html) that talks about how CodaEA, the world's first ICEM project, can enable a smoother software development process, improve your user experience, reduce total cost of ownership of your product or service, and help your QA efforts focus on issues whether or not the user reports them.
3Sum
Tags: leetcode
Published: 2023-07-06 18:27:25

### The question
[Given an integer array nums, return all the triplets [nums[i], nums[j], nums[k]] such that i != j, i != k, and j != k, and nums[i] + nums[j] + nums[k] == 0.](https://leetcode.com/problems/3sum)

### The idea

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vxmep650oqohrn2fkatd.png)
1. Array must be sorted.
2. Iterate through the list + Left and right pointer.
3. Result must be a set because they may be duplicate values.
4. Order of the tuple (current value, left pointer, right pointer) inserted into result matters.


### Python
```python
class Solution:
    def threeSum(self, nums: List[int]) -> List[List[int]]:
        result = set()
        nums.sort()
        for i in range(len(nums) - 2):
            currentValue = nums[i]

            left = i + 1
            right = len(nums) - 1

            while left < right:
                totalSum = currentValue + nums[left] + nums[right]
                if totalSum > 0:
                    right -= 1 // if there is no negative value, left += 1 will only increase totalSum
                elif totalSum < 0:
                    left += 1
                else:
                    result.add((currentValue, nums[left], nums[right]))
                    left += 1
                    right -= 1
        
        return result

```

### Java
```java
class Solution {
    public List<List<Integer>> threeSum(int[] nums) {
        Arrays.sort(nums);
        Set<List<Integer>> set = new HashSet<>();

        for (int i = 0; i<nums.length - 2; i++) {
            int currentValue = nums[i];

            int start = i + 1;
            int end = nums.length - 1;

            while (start < end) {
                int total = currentValue + nums[start] + nums[end];
                if (total < 0) {
                    start += 1;
                } else if (total > 0) {
                    end -= 1;
                } else {
                  set.add(Arrays.asList(currentValue, nums[start], nums[end]));
                    start += 1;
                    end -= 1;
                }
            }
        }

        return new ArrayList<>(set);
    }
}
```
Making The Switch And Understanding The Syntax: JavaScript VS Python
Tags: python, beginners, programming, javascript
Published: 2023-07-06 18:09:32

Hey there, everyone! I just wanted to update you all on my boot camp progress. I made it to the third phase, but I gotta say, it's been a real challenge. I was starting to feel pretty confident with JavaScript and JSX, but now we're learning a whole new language!

So which language am I learning now you ask? Why Python of course!  Python is a programming language popular among beginners and professionals. It was created to be easy to read and write, making it a great choice for people new to programming.

Let's start with the basics! 


JavaScript: `console.log` is a method for debugging and logging with more flexibility in terms of concatenation and formatting.


Python: `print` is a built-in function with automatic spacing and newline characters.


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


Both `print` in Python and `console.log` in JavaScript are used for displaying output, but they have slight differences in syntax and behavior. 



_**Variable Declarations:**_

JavaScript: Use the `let`, or `const` keywords to declare variables.

Python: Variables are created when assigned a value. No declaration is needed. 


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



_**Indentation:**_

JavaScript: Indentation is not significant for code blocks. Curly braces `{}` are used to define blocks.

Python: Indentation is crucial for code structure. It uses consistent indentation, typically four spaces, to define blocks.




_**Function Syntax:**_

JavaScript: Functions can be defined using the function keyword or as arrow functions `(() => {})`.

Python: Functions are defined using the `def` keyword, followed by the function name and parentheses.


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



_**Conditional Statements:**_

JavaScript: Uses `if`, `else if`, and `else` for conditional branching.

Python: Same conditional keywords are used (`if`, `elif`, `else`) but without parentheses, and a colon`: `is placed at the end of each line.


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



These are just a few examples, Happy Coding everyone!!
LUCIDE ICONS WITH ASP .NET CORE
Tags: dotnet, dotnetcore, lucide, icons
Published: 2023-07-06 17:56:58

Today, i going to show you how to implement LUCIDE with ASP .NET CORE, we going suppose the project its already created.

1- **Create package.json**

In case you still no have package.json first you must create the file with the next command
`npm init -y`


2- **Open Terminal Inside Visual Studio**

Go to View in the top and click on Terminal or Ctrl+`

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

will appear this windows in the right bottom

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

3- **Install [Lucide](https://lucide.dev)**

In the terminale write the next command 
`npm install lucide`
then press enter.

After install, you can see in your package.json the next json.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/29gcdu3ezlvfyqgai683.png)
 
4- **Usage**

Now we're going to use the icons, let's see an example.

`<i data-lucide="save"></i>`
Its simple right?

Ok now let see in a input button with style

``` <div class="flex flex-row gap-2 hover:cursor-pointer max-w-fit px-2 py-1 rounded shadow drop-shadow-md bg-blue-800 transform duration-300 hover:bg-blue-700 font-semibold font-mono text-white">
                    **<i data-lucide="save"></i>**
                    <input 
                        type="submit"
                        value="Guardar"
                        class="hover:cursor-pointer"
                     />
                </div> ```
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vbm3j8jja9ghfrxjdcr6.png)

 as you can see its very simple to use, you can customize the color, size, etc.

`<i class="w-10 h-10" data-lucide="save"></i>`

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

`<i data-lucide="save"></i>`


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

We have reached the end of this post, I invite you to try this simple method, in which it will give a better appearance to your web application.
Chicago JavaScript Meetup
Tags: javascript, eventsinyourcity, serverless
Published: 2023-07-06 17:43:27

## In person Chicago meetup happening on Tuesday, July 18th at 5:30pm. ##

We're hosting a summer bash for Chicago-area devs interested in networking, eating pizza, and engaging with a technical talk on serverless, specifically geared towards JS devs. _All levels of developers are always welcome._

### The Details ##

Seasoned developer, Ross Gerbasi, is joining us in July to talk through the concept of Serverless from a JS developer's perspective - with a focus on Serverless Stacks. 

We will look at how we got here, why Serverless technologies have become so popular as well as modern tools to help JS developers focus on getting their ideas out reliably and quickly. There is also a 90% chance of live coding with a 50% chance of success, so pretty good odds if you ask me.

The event will be held at 8th Light's offices at 25 E Washington St #509 on Tuesday, July 18th and starts at 5:30pm. Pizza, snacks, beer, and wine will be provided. 

Come join us!

**Read more details, join ChicagoJS, & RSVP to this meetup** 👉 https://www.meetup.com/js-chi/events/288524148/