teleren/devto huggingface dataset:
Navigating the SMMA Waters: A Software Engineer's Side Hustle
Published: 2023-10-15 02:02:19

The world of software engineering is full of challenges and exciting new problems to solve. However, sometimes the skills we hone in one area can open unexpected doors in others. That's precisely what happened when I ventured into the realm of digital marketing.

### A New Challenge Begins

A favor for a lawyer friend, in the form of a website, was my first foray into this world. It was familiar territory but with a fresh twist. As word got out, more requests trickled in. While building these sites, I spotted an opportunity to streamline the process.

### Enter Mango Dev

Why not focus on what I'm best at: understanding clients' needs and creating a vision? I realized I could delegate the execution part to professionals, and in doing so, **Mango Dev** took shape. It’s not just about building websites, but about creating digital solutions tailored for each client.

### Growing Pains

Of course, no new venture is without its challenges. Finding the right talent to uphold Mango Dev's standards took time. Similarly, reaching out to potential clients and establishing a foothold was a learning curve. 

### Modern Tools for Modern Problems

In searching for solutions, I explored several tools to enhance lead generation and outreach. Go High Level was one that stood out. As a software engineer, the potential of AI in streamlining these processes also caught my attention. It's an avenue I'm keen on diving deeper into.

Furthermore, I'm now in the process of producing content related to marketing. It's not just about showcasing what Mango Dev can do but also sharing insights and knowledge with a wider audience.

### Looking Ahead

Mango Dev has grown from a simple idea to a reality. From my initial steps as a software engineer building websites to managing an agency, it's been a rewarding journey. And it's just the beginning.

For those in the tech industry looking to branch out, remember: that sometimes, the most unexpected diversions lead to the most fulfilling adventures.
Caption This! 🤔💭
Tags: discuss, watercooler
Published: 2023-10-15 07:00:00

Attention all creative minds! What’s the story concealed within this snapshot? It's time to don your thinking caps and craft the wittiest caption.

![Three baby bottles filled with condiments](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oumqx6z0xxrwzp1r51ap.png)
---

Follow the DEVteam for more online camaraderie!

{% embed [https://dev.to/devteam](https://dev.to/devteam) %}
SoiKeo711 | Soi Kèo Bóng Đá - Nhận Định Trận Đấu mới nhất, Tin bóng đá hôm nay
Published: 2023-10-15 06:19:04

https://soikeo711.com/ Website tổng hợp tin tức bóng đá hàng đầu Việt Nam được đăng tải bởi các chuyên gia tin tức tại SoiKeo711✔️ SoiKeo711 com cung cấp nhận định trận đấu mới nhất✔️ soi kèo bóng đá nhà cái chuẩn nhất 2023✔️ soi kèo nhà cái✔️ nhận định bóng đá✔️✔️✔️
https://www.scribd.com/user/696361840/soikeo711-com
https://www.twitch.tv/soikeo711/about
https://www.ultimate-guitar.com/u/soikeo711
https://www.veoh.com/users/soikeo711
103 berufliches Vorwärtskommen: Ehrlichkeit währt am längsten.
Tags: deutsch, career, motivation, discuss
Published: 2023-10-15 05:30:00

Moin Moin,

das soll eine Erinnerung an uns alle sein, dass Ehrlichkeit am längsten währt. Wir sollten stets bedenken, dass wir als IT-Fachkräfte ein Verständnis von einem komplexen Fach haben, während diejenigen die keine Fachkräfte sind vieles in unserem Bereich nicht nachvollziehen können. Dies sage ich hoffentlich nicht aus Überheblichkeit.
Ich denke, dies könnte ein wichtiger Punkt sein, um [die Schere der Gehaltsvorstellungen→](https://dev.to/amustafa16421/89-berufliches-vorwartskommen-die-schere-der-gehaltsvorstellungen-3p9n) zu verstehen, aber auch andere Schwierigkeiten in der Kommunikation innerhalb Unternehmen. Dies gilt jedoch auch, wenn nicht nachvollzogen wird, warum wir bestimmte Verfahrensweisen oder Werkzeuge nutzen möchten

Zusätzlich möchte ich darauf aufmerksam machen, dass der Verständnisvorteil, den wir haben, zu Unehrlichkeit verleiten kann, da für unseren Gegenüber nicht nachvollziehbar ist was wir sagen.

Ehrlichkeit währt am längsten.

Lass uns mittels Kommentaren austauschen.

Beste Grüße,
Mustafa

Oder auch mittels E-Mail: mustafa.kevin.dwenger@posteo.de
Betreff: Austausch
Getting Started with HTML
Tags: beginners, webdev, tutorial, html
Published: 2023-10-15 05:11:23

Welcome to the world of web development! If you've ever been curious about the process behind creating websites you've come to the right place. In this beginners guide we'll take a journey together to uncover the mysteries of HTML (HyperText Markup Language) and equip you with the necessary knowledge to build your own webpages. Don't worry if you're new to this – we'll start from scratch and make the learning process both informative and enjoyable.

**Understanding the Basics**
Before we delve into coding lets grasp what HTML really is. Think of HTML as the backbone of any webpage. It provides structure and content allowing your web browser, to showcase text, images, links and much more. HTML uses tags enclosed in angle brackets (< >) to define elements on a webpage.

**The Essential Structure**
Every HTML document follows a structure. Think of it like a sandwich, where the `html` tag acts as the bread, the `head` tag represents the slice (containing meta information about the document) and the `body` tag serves as the bottom slice (containing content visible, to users). Here's how it looks:
```
<!DOCTYPE html>
<html>
<head>
    <title>Your Page Title</title>
</head>
<body>
    <!-- Your content goes here -->
</body>
</html>
```
**Basic HTML Tags**
Headings:
```
<h1>This is a Heading 1</h1>
<h2>This is a Heading 2</h2>
<!-- ...and so on until h6 -->
```
Paragraphs:
```
<p>This is a paragraph. Your text goes here.</p>
```
Lists:
Ordered List:
```
<ol>
    <li>First item</li>
    <li>Second item</li>
</ol>
```
Unordered List:
```
<ul>
    <li>Item 1</li>
    <li>Item 2</li>
</ul>
```
Links:
```
<a href="https://www.example.com">Visit Example.com</a>
```
Images:
```
<img src="image.jpg" alt="Description of the image">
```
**Creating Your First Webpage**
Let's put our knowledge into action and create a simple webpage:
```
<!DOCTYPE html>
<html>
<head>
    <title>My First Webpage</title>
</head>
<body>
    <h1>Welcome to My Awesome Website!</h1>
    <p>This is my first webpage. I'm learning HTML!</p>
    <img src="smiley-face.jpg" alt="Smiley face">
    <a href="https://www.example.com">Learn more</a>
</body>
</html>
```
Congratulations! You've just created your first webpage. Open this file in your web browser, and voilà – you've made your mark on the digital landscape.
**Conclusion**
HTML might seem intimidating at first...just remember that experienced developers started as beginners. By grasping the fundamentals of HTML tags and structure you've already embarked on your journey to becoming a web developer. Keep practicing experimenting and above all enjoy the process as you progress in your coding endeavors.
List(Array) Comprehension in JavaScript
Tags: javascript, javascriptarray
Published: 2023-10-15 05:09:18

In this article, we’ll explore the list of comprehension methods in JavaScript to achieve. This technique allows you to create a new list based on an existing list. The array comprehension is not a native feature in JavaScript as in other programming languages like Python.
[](https://www.js-tutorials.com/javascript-tutorial/list-array-comprehension-in-javascript/)
Clean code: principle and best practice
Tags: coding, softwaredevelopment, programming
Published: 2023-10-15 04:42:24

Clean code is a concept that refers to writing code in such a way that it is easy to understand, easy to maintain, and easy to modify. The principles and best practices for writing clean code can be summarized as follows:

**1. Meaningful Names:**
- Use descriptive, unambiguous names for variables, functions, 
classes, and modules.
- Avoid disinformation (e.g., using a variable name l that looks like 1 or I).
- Make meaningful distinctions (e.g., getUserInfo vs getUserData).
- Use pronounceable names.

**2. Functions:**
- Functions should be small and do only one thing.
- They should have a small number of parameters, ideally no more than three.
- Function names should describe what they do.
- Functions should not have side effects that are not obvious from the name.

**3. Comments:**
- Comments should explain why something is done, not what is done.
- Avoid redundant comments that just repeat the code.
- Update comments when code changes.
- Use comments to mark incomplete code or areas that need improvement.

**4. Formatting:**
- Code should be consistently indented and formatted.
- Use blank lines to separate sections of code that are logically related.
- Follow the coding standards of your team or organization.

**5. Error Handling:**
- Use exceptions rather than return codes for error handling.
- Don't ignore exceptions.
- Provide context with exceptions to make them more helpful.

**6. Unit Tests:**
- Write tests for your code.
- Tests should be clean, too – easy to read, easy to understand, and easy to modify.
- Tests should cover various cases and edge conditions.

**7. DRY (Don't Repeat Yourself):**
- Avoid duplication of code.
- Use abstraction, functions, or classes to avoid code duplication.

**8. Simplicity:**
- Write simple code that gets the job done.
- Avoid over-engineering and premature optimization.
- Remove unnecessary code.

**9. Code Review:**
- Regularly review your code with colleagues to catch mistakes and get suggestions for improvement.

**10. Refactoring:**
- Continuously refactor your code to make it cleaner.
- Make one change at a time and test it before moving on.

**11. Code Cohesion:**
- Keep related code together.
- Ensure that classes and modules have a clear responsibility.

**12. Use Design Patterns Wisely:**
Use design patterns where they are needed, but don't force them into your code.

**15. Code Documentation:**
Write documentation that explains how to use your code, especially for libraries and APIs.
On Great Product Managers
Tags: webdev, product, programming, career
Published: 2023-10-15 04:33:31

View on [Substack](https://cmdfang.substack.com/p/on-great-product-managers)

Ex-engineers are some of the best product managers.

Some of them transitioned into product because of a desire to try something new, but most of them transitioned because they weren’t superb engineers.

There’s nothing wrong with being an average engineer, but there’s *definitely* something wrong with staying a path that wasn’t carved out for you. I applaud those who have made the switch.

Ex-engineering product managers are creative and empathetic. They might have initially entered software because of their desire to solve problems in an ever-digital society. However, they typically don’t follow the stereotype of the “don’t talk to me while I code all night” programmer. They relate more with user problems, and have a desire to work with various stakeholders to solve those problems. As a result, they don’t tend to stay in a traditional SWE role, where the opportunity to talk to users (especially at large corporations) is few and far between.

Being an _ex-engineer_ has benefits that can’t be easily taught to your run-of-the-mill product manager. Engineers are taught (whether in school or through experience) to think logically and build solutions through first principles thinking. This ability allows a product manager to decompose a seemingly insurmountable set of different requirements into digestable chunks that can be fed through the product pipeline.

The experience of working _as an engineer_ is also important. This allows a product manager to emphasize with the engineers and understand why certain feature requests are not feasible

At smaller companies, product managers may be in charge of design. Engineering experience enables a streamlined relationship between dev and design: ex-engineering product managers can _immediately_ see potential issues in implementing a design proposal, and address them with the designers before it ever reaches the eyes of an engineer.

In short: Product managers operate at the intersection of design and engineering. They must be able to identify and solve user problems, but also understand and work with engineering limitations.

**To engineers considering a switch to product:** know that you have a unique advantage and leverage it as much as possible.

**To product managers without an engineering background:** know that all hope isn’t lost. You can learn to think of an engineer by:

- Seeking feedback often from engineering
- Understanding and incorporating said feedback into future work
- Being constantly curious about how software development works (perhaps even learning some programming yourself!)
CIM and neural network model technologies both have the potential to revolutionize the computing industry
Tags: computing, cim, witmem
Published: 2023-10-15 04:33:12

In recent years, there has been a rapid evolution in computing technologies. One of the most interesting developments is computing in memory (CIM) and the neural network model. Both of these technologies have the potential to revolutionize the computing industry and bring about several advancements.

 

CIM involves a process of computational resources being embedded within the memory chips themselves. This approach is quite different from conventional computing, where processors and memory chips have separate functions. The main idea of CIM is to reduce the movement of data between memory and processors, leading to faster and more power-efficient operations.

 

CIM has several advantages over traditional computing. First, it increases the speed of data access, making it possible to perform complex tasks in real-time. Second, it reduces power consumption, which is quite beneficial to portable devices. Finally, the technology can help reduce the cost of data access and processing, making it affordable for a wider range of users.

 

The neural network model is another exciting development in computing technology. Neural networks simulate the process of learning in the human brain and use this process to recognize patterns in data. This model has shown great potential in facial recognition, speech recognition, autonomous driving, and even medical diagnosis.

 

Neural networks have several advantages. First, they can learn to recognize complex patterns in large datasets. Second, they have the ability to adapt to new situations, making them quite versatile. Finally, neural networks can help reduce human error in processes like medical diagnosis and financial analysis.

 

The combination of CIM and neural networks is particularly exciting. CIM allows for efficient and fast data access and processing, while neural networks enable the recognition of complex patterns within that data. This combination has several potential applications, from finance and healthcare to autonomous vehicles and home automation systems.

 

In finance, CIM and neural networks can help companies analyze and predict market trends. This could lead to better investment decisions, reduced risk, and increased returns. In healthcare, the technologies can help doctors make more accurate diagnoses, leading to better patient outcomes. For autonomous vehicles, CIM and neural networks can help cars navigate complex environments safely.

 

Overall, CIM and neural networks represent a significant advancement in computing technologies. These technologies have the potential to bring about several exciting developments across different industries. As their adoption becomes more widespread, we are sure to see even more innovative uses and applications.



Computing in Memory46.jpg
Build your Flexbox utility CSS classes in 4 simple lines
Tags: html, css, frontend, webdev
Published: 2023-10-15 04:18:29

This tutorial assume you have a good understanding of Flexbox. You can read this great article about [Flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/).

Now let's get into business.
## What is CSS utility classes?

Utility classes are self-descriptive, single-purpose CSS classes.

``` css
.padding-1 {
  padding: 10px;
}
```

So you can add this utility class to any element, and save time and specific styles to that element.

``` html
<div class="padding-1">
	div element with 10px padding
</div>
```

Of course you have seen this before if you used (TailwindCSS, Bootstrap, Bulma) 

## But why we bother reinventing the wheel?

There is always use cases when you have to work with `HTML` and `CSS` only, no frameworks or even `JavaScript` allowed.
One of such cases is email templates.

## The Problem

Now if we want to implement the concept we discussed earlier to layout our elements with Flexbox we will have to do a long list of CSS classes. Here is why.

``` css
.flex {
  display: flex;
}

/* utility classes to align items */
.align-center {
	align-items: center
}

.align-base {
	align-items: baseline;
}

.align-start {
	align-items: flex-start;
}

.align-end {
	align-items: flex-end;
}

/* other utility classes to handle justify property */
/* ... */

/* other utility classes to handle direction */
/* ... */

/* other utility classes to handle gap between elements */
/* ... */
```

What a **MESS** right?

**Note**: before we go on to the soultion check out [this article](https://www.js-craft.io/blog/passing-a-css-variable-value-from-the-html-into-the-css/) about how to pass values from `HTML` to `CSS`.

## The Solution

We can make a good use of injecting `CSS` variables from HTML, here is how.

Our `HTML`:

``` html
<section class="flex" style="--direction: column; --align: center; --justify: center;">
	<div>Element One</div>
	<div>Element Two</div>
</section>
```

Our `CSS`:

``` css
.flex {
  display: flex;
}

* {
  flex-direction: var(--direction);
  align-items: var(--align);
  justify-content: var(--justify);
}
```

That is it, by passing down your direction, align and justify values you can have a full control of your layout.

Thank you for reading! I hope this approach could be handy one day to you.

Also  don't you think this approach can be very helpful in other use cases? if you do please share your thoughts in the comments, or if you have a better one or enhance my approach please share with us your thoughts in the comments.
Using Recursion to Compute the Power of a Matrix in R
Tags: r, programming, datascience
Published: 2023-10-15 03:41:30

Matrix exponentiation is a fundamental operation in linear algebra, with applications in various fields such as physics, computer graphics, and data analysis. While efficient algorithms are available for computing the power of a matrix, understanding how recursion can be used for this purpose provides valuable insights into mathematical concepts and programming techniques. 

In this blog post, we will explore how recursion—a powerful programming paradigm—can be employed to compute the power of a matrix in the R programming language. We will walk through the development of a recursive function that accomplishes this task and discusses its implementation step by step.

---

## What is Recursion?

Recursion is a programming technique in which a function calls itself to solve a problem. It is beneficial for tasks broken down into smaller, similar subproblems. In the case of matrix exponentiation, recursion allows us to repeatedly apply matrix multiplication, ultimately arriving at the desired result.

---

## The Matrixpow Function
Our journey begins with the creation of a function named `Matrixpow`. This function will take a matrix `A` and a positive integer `n` as inputs and return the `n`-th power of the matrix. Along the way, we'll handle special cases like when `n` is 0.

```
Matrixpow <- function(A, n)
{
     if (n == 0)
     {
          return(diag(nrow(A)))
     }
     if (n == 1) 
     {
          return(A)
     }
     return(A %*% Matrixpow(A, (n - 1)))
}
# Example 
A <- matrix(c(1, 5, 8, 5), nrow = 2, byrow = TRUE)
(A_0<- Matrixpow(A, 0))
(A_0<- Matrixpow(A, 3))
```
Streamlit: 10 Minute Docs Audit
Tags: python, datascience, docsaudit, webdev
Published: 2023-10-15 03:32:56

Streamlit is a Python UI builder, very similar to [Reflex](https://dev.to/documentwrites/reflex-10-minute-docs-audit-3e7o). Streamlit enables data analysts, and data scientists to quickly turn their graphs, and models into a web app(without JavaScript).

{% embed https://youtu.be/HTGJrojBZL4 %}

I run a technical documentation business specializing in writing and editing documentation. I made this series to share my insights and help projects craft impactful documentation.

What's The Criteria?
3- Excellent
2 - OK
1 - Poor

Purposeful: Does the QuickStart explain what problem it's trying to solve? Who is the intended audience?

UX Experience: How seamless is the experience? Must the user create an account to get through the Quickstart? Does the Quickstart elicit a sense of joy and achievement?

Accurate: Are the instructions correct? Are they complete?

## [The Results](https://www.loom.com/share/768c660f43c7479b90e06ac1ca853d2f?sid=fb5302a6-b607-4be7-93fc-78b9dfa7a5d1)

Streamlit offers an incredible user experience. On the landing page, you can start coding right away or head over to the [Getting Started](https://docs.streamlit.io/library/get-started) and learn more about the project. Streamlit has a lot of Pandas examples, which leads me to think that this application was built specifically for data scientists. Many data scientists work with [Jupyter](https://jupyter.org/), which is great for analyzing data but is not really made to be an end-user app. 

But I digress.

It took me less than 3 minutes to get the demo up and running. Once I was able to get it up and running in my browser, I was blown away by the UI. It was clean, and I could export code and even do a screencast- **out of the box**. The demo provided me with a ton of value and features. 

The Getting Started guide and the demo exceeded my expectations. It was an absolute delight to walk through Streamlit's documentation! 

|               | Score |
|---------------|-------|
| Purposeful    | 2.5   |
| UX Experience | 3     |
| Accurate      | 3     |

Are you interested in a FREE Quickstart audit for your company? [Start here](https://forms.gle/5jDeuQraBwahkjT16).
I'm new to coding and þis is my first pyþon game
Published: 2023-10-15 01:51:33

I'm taking an online pyþon corse and I tried to make minesweeper. Þis is what it looks like: 

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

Here's a link to Þe Github: https://github.com/AshBoomstick1/CS-Portfolio-Project---Minesweeper.git