teleren/devto huggingface dataset:
Understanding How Things Work: Exploring the Dynamics of Systems
Tags: systems, systemthinking, culture, life
Published: 2024-01-15 15:13:31

We recently had an eye-opening talk about system thinking with 
Shravan Tickoo, a seasoned GPM.  It’s like understanding life as a big network, and we are all important parts of it. We explored how our actions affect the whole system, like when your boss says something upsetting, and it affects your mood, spreading to your colleagues.

**Why does system thinking matter?** Because everything in our lives is part of a system, whether we notice it or not. By getting this, we can make decisions that can change and improve the whole system.
**
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vbaq3xpvkv06dcuo396j.jpeg)** 

We also talked about “**spiral dynamics**,” a cool model showing human development in seven stages. It starts with basic survival instincts and goes through different phases until reaching the integrative yellow stage. Before this stage, people usually focus more on personal gain without considering the bigger system.

**What makes someone good at system thinking?** It’s about understanding the system before trying to change it. It means looking beyond personal tasks and thinking about how actions impact the community and beyond.

Imagine a workplace where everyone pens down faulty code. You, solely focused on tasks, may be unaware of consequences. Now, picture a system thinker in the same scenario. They understand their coding choices impact the collective outcome, affecting the company’s image and job stability.

In a nutshell, a skilled system thinker doesn’t just understand the system; they want to make it better. They always keep in mind how everything is connected. As we wrap up this insightful session, the challenge is to be agents of positive change in the systems we’re a part of.
Introduction to Python: Installation and Setup
Published: 2024-01-15 15:10:02

# Introduction to Python: Installation and Setup

Python is a versatile and powerful programming language that has gained tremendous popularity in recent years. From web development to data analysis, Python has become an essential tool for many developers and professionals. If you're new to Python and looking to get started, this guide will walk you through the installation process and help you set up your environment.

## Step 1: Download Python

The first step in getting started with Python is to download the latest version of Python from the official website. Visit [python.org](https://python.org) and navigate to the downloads page.

![Python Downloads Page](https://example.com/images/python-downloads.png)

On the downloads page, you'll find installers for different operating systems such as Windows, macOS, and Linux. Choose the installer that matches your system configuration. For most users, the recommended "Latest stable release" should suffice.

## Step 2: Run Installer

Once you've downloaded the installer file, locate it on your computer and run it by double-clicking on it. This will initiate the installation process.

Before proceeding with the installation, make sure to read all prompts carefully. You may be presented with various options during this step depending on your operating system or preferences.

For Windows users:

- Select the "Add Python x.x to PATH" checkbox if available.
- Click on "Customize installation" if you want more control over components.
- Ensure that the "Install launcher for all users (recommended)" option is selected.

For macOS or Linux users:

- Use default settings unless there's a specific requirement or preference.
- Ensure that the "Add pythonX.X/bin directory to PATH" option is checked.

Click **Next** (or **Install**) after selecting appropriate options based on your preferences until the completion of the installation process.

## Step 3: Verify Installation

To ensure a successful installation of Python, open a command prompt (on Windows) or terminal (on macOS/Linux) and enter the following command:

```shell
python --version
```

If Python is successfully installed, you should see the version number printed on the screen.

## Step 4: Set Up an Integrated Development Environment (IDE)

While Python can be run from a command-line interface, using an Integrated Development Environment (IDE) can greatly enhance your development experience. There are several popular IDEs available for Python, including PyCharm, Visual Studio Code, and Jupyter Notebook. Choose one that fits your needs and follow their respective installation instructions.

## Congratulations!

You've successfully installed Python and set up your development environment! Now you're ready to start writing code in Python and exploring its vast ecosystem of libraries and frameworks. Happy coding!

Remember to refer to official documentation ([docs.python.org](https://docs.python.org)) whenever you need guidance or have questions about specific features of the language.
Giới thiệu lí lịch
Tags: beginners, career, wordpress
Published: 2024-01-15 15:02:01


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8vbd1msvn8fvscqrwqme.jpg)
Ông Nguyễn Văn Lãm hiện là Giám đốc điều hành của Công ty TNHH Tư vấn Luật và Dịch Vụ Thuế 24h - Công ty chuyên về các dịch vụ thành lập công ty, kế toán thuế, đăng ký hộ kinh doanh cá thể, thay đổi giấy phép kinh doanh, xin cấp giấy chứng nhận vệ sinh an toàn thực phẩm, giấy phép con... 

Với bằng cử nhân Luật kinh tế và hơn 11 năm kinh nghiệm, ông Nguyễn Văn Lãm đã lãnh đạo công ty không ngừng nâng cấp và đa dạng hóa dịch vụ trong các lĩnh vực tư vấn thành lập doanh nghiệp và hộ kinh doanh, cấp giấy phép con, kế toán và tư vấn thuế.

Thông qua kiến thức và kinh nghiệm của mình, ông luôn mong muốn mang đến giải pháp tối ưu nhất, thúc đẩy giá trị gia tăng cho doanh nghiệp của khách hàng.

-----
Ông Nguyễn Văn Lãm - CEO Công ty TNHH Tư vấn Luật và Dịch Vụ Thuế 24h
Address: Tầng 6, tòa nhà số 392, Nguyễn Thị Đặng, Phường Hiệp Thành, Quận 12, TP. HCM
Phone: 0916.707.744
Email: dichvuthue24h@gmail.com
Website: https://dichvuthue24h.com/
URL Intro CEO: https://dichvuthue24h.com/nguyen-van-lam/

----
Những kênh social media khác của Lãm:
https://able2know.org/user/nguyen-van-lam/ 
https://agriviet.com/members/nguyen-van-lam.215132/ 
https://vfo.vn/m/nguyen-van-lam.477761/ 
https://keybase.io/nguyenvanlam 
https://stackexchange.com/users/30258887/nguy%e1%bb%85n-v%c4%83n-l%c3%a3m 
https://moz.com/community/q/user/nguyen-van-lam 
https://triberr.com/nguyen-van-lam 
https://www.spreaker.com/user/nguyen-van-lam--17499929 
https://genius.com/nguyen-van-lam  
https://coolors.co/u/nguyen-van-lam 
https://twitter.com/nguyenvanlam24h 
https://www.youtube.com/@nguyen-van-lam 
https://www.linkedin.com/in/luat-su-nguyen-van-lam/ 
https://www.pinterest.com/luatsunguyenvanlam/ 
https://www.flickr.com/people/nguyen-van-lam/  
https://gravatar.com/luatsunguyenvanlam 
https://www.reddit.com/user/nguyen-van-lam 
https://www.tumblr.com/nguyen-van-lam 
https://medium.com/@nguyen-van-lam 
https://nguyenvanlam.wixsite.com/nguyen-van-lam 
https://themeforest.net/user/nguyen-van-lam 
https://nguyen-van-lam.weebly.com/ 
https://www.twitch.tv/nguyen_van_lam 
https://ok.ru/nguyenvanlam 
https://luatsunguyenvanlam.wordpress.com 
https://nguyen-van-lam.amebaownd.com/ 
https://sites.google.com/view/nguyen-van-lam 
https://nguyen-van-lam.hashnode.dev/ 
https://nguyenvanlam.livejournal.com/ 
https://659bf73d39072.site123.me/ 
https://issuu.com/nguyen-van-lam 
https://profile.hatena.ne.jp/nguyen-van-lam/ 
https://fr.slideshare.net/authordichvuthue24h 
https://archive.org/details/@nguyenvanlam  
https://www.ted.com/profiles/45914216 
https://linktr.ee/luatsunguyenvanlam 
https://digg.com/@nguyen-lam57820 
https://foursquare.com/nguyenvl7515902 
https://www.deviantart.com/nguyen-van-lam 
https://trello.com/u/luatsunguyenvanlam/ 
https://www.mixcloud.com/luatsunguyenvanlam/ 
https://www.reverbnation.com/nguyenvanlam
I'm creating a new tech community
Tags: devrel, community, codenewbie, softwaredevelopment
Published: 2024-01-15 15:01:52

What's up folks! I'm here to recruit the coolest people to join my new community. 

Recently I decided to step down from my previous community, He4rt Developers (PT-BR) community and start a new thing focused in the international environment.

## Yet Another Tech Community

![First Community Meeting](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7uw0fdhxw7ebyk5toj8n.jpg)
<center>
<p>First weekly community meeting with a peak of 54 members</p>
</center>


The community is called **Basement Devs**, a community focused to help people to achieve better opportunities in Europe mostly (US can be a thing as well). 

Why I decided to start that: I want to give more people a **safe place to practice English** and get better opportunities around the world through my network with the Microsoft MVP program, Developer Relations communities, and tech events I'm currently attending.

I've been working with communities for 5 years so far, but this is the first time I've trying to make this a global thing, so it would be cool to have more people join us! 

So far the community has **1,160 members** and 1 week of existence and most of the members are mid/senior level, Brazilians, from all possible backgrounds and stacks who **want to mentor** a non-Portuguese speaker (any level) to practice their English. 

Also if you know anyone that wants to learn about programming, we'll be really glad to help them!

## So what? Who can join us?

If you're starting at programming or is already at the market and looking for guidance, our community is what you're looking for! 

We have members that works in huge companies like X-**Team, Spotify and GitHub** (among many others) that will gladly **help you when possible**!

And if you're in **university**, it will also be a cool thing for you to share some of your problems and solutions for specific classes.

The only thing that we ask you for is to respect the **community rules** and the **Discord guidelines**.

## Next Steps: stick together ft. Rust!

Our focus is on the Discord community, and I also decided to use this fresh start to learn more about Rust. So all the tools/bots/whatever we're going to build there will use it.

![Weekly meeting schedule](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/q6sbgaegdpo31lftfcd4.png)

Also I already scheduled a **weekly growth meeting**, a very special moment to understand from the community what will be our next steps and also bring some good news! This meeting happens every Tuesday at:

* 5PM (EST)
* 7PM (BRT)
* 11PM (CET)

... so feel free to join us if possible!

Usually I do 6h at least of LiveCoding at Twitch and I'm getting at least 1h to discuss about the community together with the members, so, feel free to join us there as well!

Anyway, thanks for reading this until now and welcome to our community!

Link to [Discord Community](https://discord.gg/basementdevs)
Link to [Twitch Channel](https://twitch.tv/danielhe4rt)
Link to [Twitter Profile](https://twitter.com/danielhe4rt)
What are your goals for week 3 of 2024?
Published: 2024-01-15 15:01:34

It's week 3 of 52 for 2024. What are you doing?

## What are your goals for this week and year? 

- What are you building? 
- What will be a good result by week's end?
- What events are happening any week? 
  * in person or virtual?
- Any special goals for the year?

It's Martin Luther King Day in the US. Many places are closed in observance of the holiday. 
The US is also getting hit by a severe winter storm. Which is why remote work is good. Stay indoors, it's cold. Tuesday morning it's suppose to be 0ºF when kids are at the bus stop. Hoping they close. For reference it's usually about 30 degrees warmer here. 

### Last Week's Goals
 
- [:white_check_mark:] Continue Job Search. 
- [:white_check_mark:] Project work. Content update, Had to move parts of a site around to make new stuff fit. Rolled back to an older version of Node for an edge case.
- Events
  * [:x:] Thursday Virtual Coffee (VC).
  * [:white_check_mark:] Couple webinars
- [:white_check_mark:] Run a weekly VC Slack thread similar to this post. at VC we're running a New Goals challenge for the month. I'll work with the team to modify the thread.

### This Week's Goals


- Continue Job Search. 
- Project work
- Events
  * Thursday Virtual Coffee (VC).
  * With Holiday no local Monday events.
  * Snow and cold may cancel other in person events this week.
  * UnGhosted Live on LinkedIn Friday.
- Run a weekly VC Slack thread similar to this post. at VC we're running a New Goals challenge for the month. I'll work with the team to modify the thread. 
- get some snow pics.
 


### Still looking for Feedback on changes 

Wondering if with new year should I modify this series a little. Thoughts on doing any of the following.

- Make a new header for this series.
- Start a new series for 2024. Just change the name to week X of 2024?
- Use other tags. 


### Your Goals for the week and 2024

Your turn what do you plan to do this week? 

- What are you building? 
- What will be a good result by week's end?
- What events are happening any week? 
  * in person or virtual?
- Any special goals for the year?


```html
-$JarvisScript git push
```
Start building browser games with Rust!
Tags: rust, gamedev, webassembly, beginners
Published: 2024-01-15 14:59:15

Interested in gamedev in Rust?

Me too!

So I put together this bare-minimum tutorial for using SDL2 and compiling a pure Rust app to WASM! Making browser games in Rust with WebAssembly just got a bit easier.

https://github.com/awwsmm/hello-rust-sdl2-wasm
how to build a dynamic form with data from API using the Angular 13 reactive form approach
Published: 2024-01-15 14:57:12

here is my object:
"deposits": [
        {
            "id": "1",
            "fk_agent": "1089",
            "fk_act": "8",
            "title": "deposit1",
            "state": "1",
            "created_at": "2023-10-12 13:19:54.687",
            "updated_at": "2024-01-09 13:14:04.280",
            "day_deadline": "30",
            "month_due": "4",
            "rate": "30"
        },
        {
            "id": "2",
            "fk_agent": "1089",
            "fk_act": "8",
            "title": "deposit2",
            "state": "1",
            "created_at": "2023-10-13 06:42:10.333",
            "updated_at": "2024-01-09 13:14:04.293",
            "day_deadline": "15",
            "month_due": "11",
            "rate": "30"
        },
        {
            "id": "9",
            "fk_agent": "1089",
            "fk_act": "8",
            "title": "deposit3",
            "state": "1",
            "created_at": "2023-10-23 14:48:05,
"updated_at": "2024-01-09 13:14:04.297",
            "day_deadline": "15",
            "month_due": "11",
            "rate": "20"
        }
    ], how to build a dynamic form with data from API using the Angular 13 reactive form approach
SetControlValue From ClientExecSQL With Parameter
Tags: uyumsoft
Published: 2024-01-15 14:56:49

```
<row>
	<cell colspan="2">
		<control FieldName="ZZClientExecProc1" ControlType="Button" Caption="Yenile" ControlEditEnabled="False" Width="150">
			<ClientSideEvents ValueChanged="function (s,e) 
							  {ClientExecSQL('select AVG_BALANCE_DATE||chr(124)||AMT_BALANCE from table(get_entity_balance(@p1,@p2,@p3))', function (p) { var arr = p.split('|'); SetControlValue('ZZAvgBalanceDate',arr[0]),SetControlValue('ZZAmtBalance',arr[1]) } ,GetControlValue('CoId'), GetControlValue('CreditAccId')||'0', GetControlValue('DocDate'));}">
			</ClientSideEvents> 
		</control>
	</cell>
</row>
```

```
<row>
<cell colspan="3">
<control FieldName="ZZAmtBalance" ControlType="SpinEdit" Caption="Bakiye Tutar" ControlEnabled="false" ServerAttribute="BackColor=#99FF99"/>
</cell>
</row>
<row>
<cell colspan="3">
<control FieldName="ZZAvgBalanceDate" ControlType="DateEdit" Caption="Ortalama Vade Tarih" ControlEnabled="false" ServerAttribute="BackColor=#99FF99"/>
</cell>
</row>
```


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3mfsillhnzdc8hgtqg1a.png)
TIP: CoreWebVitals, SSR and SSG
Tags: performance, frontend, cwv, angular
Published: 2024-01-15 14:51:39

In this screen you can clearly see the difference between an Angular (v.17) project that uses Client Side Rendering (on the right) and the same project that uses pre-rendering techniques instead (on the left), and in particular I am using Static Site Generation (SSG).


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


>  I used Angular but the basic concept is identical even if you use other frameworks / front-end libraries

## 🙋‍♂️ Do you see the differences?
The interesting part to note is how the Core Web Vitals (CWV) scores are positively affected, especially LCP and FCP, Largest Contentful Paint and First Contentful Paint respectively. In other words, the first element displayed on the screen and the largest element on the page are rendered significantly earlier than with client side rendering.

## ⚡️ Why?
1) you don't have to make REST calls on the client side but it is made by the server. The request is faster and consequently also the rendering.

2) Then, the template is rendered on the server and immediately visible. There is no need to wait for the entire JavaScript bundle to be loaded, make a REST call, and then have the client render. There's a big difference!

3) Thanks to server side rendering or static generation, the CWV value of TTFB is reduced (i.e. the Time To First Byte, a metric that measures the time between the request for a resource and the arrival of the first byte of a response)

💰 Higher Core Web Vitals scores translate into:
- better UX
- better SEO
- more conversions (it is proven that a site / app that loads in less time converts much more)

---
Are you already using SSR / SSG in your (front-end) projects or/and do you think to use these rendering patterns in the future?

Follow me on [LinkedIn](https://www.linkedin.com/in/fabiobiondi/) for more tips...
What are the pros of using Go for your backend?
Tags: devtip, developer, go
Published: 2024-01-15 14:47:49

![DevTip of the week](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ynwj3mc91lde6v5bi37t.png)

Developers strive to create highly efficient and scalable backends for their applications. Did you know that Go is considered ideal for building high-performance backends?

Go's lightweight goroutine makes it easy to handle multiple tasks concurrently, improving performance in networked applications and services.

Any other reasons for using Go #developers?
Better DX for .env
Tags: env, config, dx
Published: 2024-01-15 14:45:03

## Introduction
In the realm of modern software development, managing environment variables is a critical aspect of building secure and robust applications. dotenv-safe, an extension of the popular dotenv module, offers an added layer of security to the process of loading environment variables. In this blog post, we'll explore the significance of dotenv-safe and how it can contribute to bolstering the security posture of your applications.

## Making some environment variables required

Some programs require some environment variables to be set to run properly.
We can ensure some environment variables are set using dotenv-safe .env.example file

Here is to code to ensure:

config.ts
```jsx
import dotenvSafe from 'dotenv-safe';
import path from 'path';

const cwd = process.cwd();

const root = path.join.bind(cwd);

dotenvSafe.config({
  path: root('.env'),
  sample: root('.env.example'),
});
```

if our .env.example has this content:

```jsx
MONGO_URI=
```

dotenv-safe will throw if the environment variable MONGO_URI is not set in the environment or inside .env file.

## config.ts pattern

Instead of consuming environment variables directly from `process.env.<>`, we prefer to create a `config` variable inside `config.ts`, like this:

```tsx
export const config = {
   MONGO_URI: process.env.MONGO_URI as string
} as const,
```

This provides a few benefits like typesafe environment variables, and also makes sure we loaded the environment variables from .env file before calling `process.env.<>`.

## Production usage

Be careful when adding a new environment variable to `.env.example`, as this can break your production environment if you didn't set the environment variable in production before the deployment.

In production we only consume environment variables directly from Kubernetes secrets, there are no .env files for production. .env file is a better dx for development.

## In short
This tiny improvement in DX can help you avoid undefined environment variables when running the codebase.
Every time a developer is confused or gets in a crypt error, we try to think of ways to avoid this ever happening again, or provide a better error message or invariant.


---
Woovi
[Woovi](https://www.woovi.com) is a Startup that enables shoppers to pay as they like. To make this possible, Woovi provides instant payment solutions for merchants to accept orders.

If you want to work with us, we are [hiring](https://woovi.com/jobs/)!

---
Photo by <a href="https://unsplash.com/@schluesseldienstvergleich_eu?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Maria Ziegler</a> on <a href="https://unsplash.com/photos/keys-on-hand-jJnZg7vBfMs?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Unsplash</a>
Unlocking the Power of Dart: A Comprehensive Guide to Function Parameters
Tags: flutter, beginners, tutorial, frontend
Published: 2024-01-15 14:40:49

## Introduction: Decoding Dart Function Parameters


Dart, a versatile programming language, offers a robust set of features, and understanding function parameters is key to unlocking its full potential. In this guide, we delve into the intricacies of Dart function parameters, accompanied by illustrative examples.

The Foundation: Exploring Dart Function Parameters
Function parameters serve as the building blocks of Dart applications. They enable developers to pass values into functions, enhancing code flexibility and reusability. Let's explore the core concepts.

**Positional Parameters:** Navigating the Basics
In Dart, positional parameters are the foundation of function input. These parameters rely on the order in which arguments are passed. Consider the following example:
```
void greetUser(String name, int age) {
  print("Hello, $name! You are $age years old.");
}

// Calling the function
greetUser("Alice", 30);

```
Here, "Alice" corresponds to the name parameter, and 30 aligns with the age parameter.

**Default Parameters:** Adding a Layer of Flexibility
Dart also supports default parameters, allowing developers to define a default value when an argument is not provided. This fosters adaptability within functions.
```
void orderCoffee(String coffeeType, [int sugarLevel = 1]) {
  print("A cup of $coffeeType with $sugarLevel sugar(s), please!");
}

// Calling the function
orderCoffee("Espresso"); // Defaults to 1 sugar
orderCoffee("Latte", 2); // Custom sugar level

```
In this example, the sugarLevel parameter defaults to 1 unless explicitly specified.

**Named Parameters:** Precision in Function Calls
Named parameters bring clarity to function calls by associating values with parameter names. This approach enhances code readability and reduces ambiguity.
```
void printDetails({String name, int age, String occupation}) {
  print("$name, aged $age, works as a $occupation.");
}

// Calling the function
printDetails(name: "Bob", age: 25, occupation: "Software Engineer");

```
Named parameters allow flexibility in the order of arguments, as long as they are explicitly named.