teleren/devto huggingface dataset:
Let’s Talk About Developer Wellness
Published: 2023-02-28 13:06:15

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

Twice per year we run our global surveys with developers like you including professional developers, hobbyists, students, no-code software creators and as always we invite them to leave feedback, which we love to read!

For a long time we have been focusing on developer research aiming to shape the developer ecosystem, and improve the tools and platforms you are using everyday.  Listening to our community's feedback, we realised that there are a lot of you out there facing anxiety, feeling burned out and trying to find ways to improve your overall health and wellbeing. 

They asked, we listened! The State of Developer Wellness Survey is our first 5-min survey dedicated to developer wellbeing.

For each completed response, we’ll be donating $1 USD with an aim to donate up to $1,000 to the [Turkey / Syria Earthquake Appeal](https://www.oxfam.org.uk/oxfam-in-action/current-emergencies/turkey-and-syria-earthquake-appeal/). What’s more, we’ll be running a prize draw for swag and sharing our inaugural State of Developer Wellness Report in Q2 with our participants and community. 

We are confident that the report will help raise awareness around the importance of work well-being for software developers. It is also expected to contribute to our understanding of the Developer Nation community and the challenges that our members are facing so that we can better support them with our content and community offerings.

Here's your chance to share your experiences with burnout, physical health, your work-life balance, and other factors that can affect your productivity and happiness. Participate [now](https://devecon.typeform.com/to/JSFmqfX9?utm_source=devto&utm_medium=some&utm_campaign=wellness)!
Twilio Viewer
Tags: twilio
Published: 2023-02-28 13:02:03

We have created this FREE tool (open source, MIT license) to view Twilio account information easily using their APIs.

We deal with a lot of Twilio accounts, and trying to see information for each account on Twilio dashboard became a little overhead. The tool is created for our own internal use, but we thought of sharing with everyone.

It doesn't use any third-party service or server. It calls Twilio APIs directly from your browser. This ensures, no one else can see your account information or data.

We hope you find it useful. We will be adding more functionality to the tool as we need for ourselves or from the user feedback. Thank you.

[https://twilio-viewer.sociocs.com/](https://twilio-viewer.sociocs.com/)
Programming in C#
Tags: c, csharp, cpp, beginners
Published: 2023-02-28 12:59:54

C# (pronounced "C sharp") is a high-level programming language developed by Microsoft in the early 2000s. C# is a versatile and powerful language that can be used for a wide range of applications, from web development to game development. In this article, we will explore the concept of C# programming, its features, and its applications.

What is C# Programming?

C# programming is a modern, object-oriented programming language that is designed for building applications that run on the .NET Framework. C# was designed to be simple, modern, and safe, and it is widely used for developing desktop applications, web applications, and games.

One of the key features of C# is its ability to run on multiple platforms, including Windows, Linux, and macOS. This makes it an attractive choice for developers who need to build applications that can run on a variety of devices and operating systems.

Features of C# Programming

C# programming offers several features that make it an attractive choice for developers. These include:

Object-oriented programming: C# is an object-oriented language, which means that it is based on the concept of objects and classes. This makes it easy for developers to create complex applications by breaking them down into smaller, more manageable pieces.

Garbage collection: C# includes a built-in garbage collector that automatically frees up memory that is no longer being used by an application. This helps to prevent memory leaks and other issues that can arise from manual memory management.

Cross-platform compatibility: C# can be used to build applications that run on multiple platforms, including Windows, Linux, and macOS.

Strong typing: C# is a strongly-typed language, which means that variables must be declared with a specific data type. This helps to prevent errors that can arise from type mismatches.

Applications of C# Programming

C# programming is widely used for developing a wide range of applications, including:

Desktop applications: C# can be used to build desktop applications for Windows, Linux, and macOS.

Web applications: C# is a popular choice for building web applications using frameworks like ASP.NET and Blazor.

Games: C# is used to build games using game engines like Unity and Godot.

Mobile applications: C# can be used to build mobile applications using frameworks like Xamarin.

C# programming is a versatile and powerful language that can be used for a wide range of applications. Its features, including object-oriented programming, garbage collection, cross-platform compatibility, and strong typing, make it an attractive choice for developers who need to build complex applications. As the demand for desktop applications, web applications, games, and mobile applications continues to grow, it is likely that C# programming will continue to play an important role in the development of these applications.
Importance of mobile-first approach
Tags: webdev, codenewbie, beginners, career
Published: 2023-02-28 12:59:43

Junior developers, please take note: when creating a website, it's important to make it mobile-friendly from the beginning. 

Many junior developers and students in bootcamps or universities start building websites or portfolios to showcase their work and document their learning journey. While it's essential to have an online presence, it's equally important to ensure that the pages is top on and mobile-friendly. 

It's easy to get caught up in the design and functionality of a site and forget about the importance of making it mobile-friendly. However, this can be a huge mistake. As a junior developer or student, you're building your portfolio and showcasing your work to potential employers. If your website isn't mobile-friendly, it could be a turn-off to potential employers, who are likely to be browsing on their mobile devices. Making your pages mobile-friendly is a basic requirement in today's world and it's important to get it right from the start.

Here are a few reasons why adopting a mobile-first approach is essential in today's world:
    1. Better User Experience: A mobile-first approach ensures that a website is designed for the device most commonly used by its target audience. By designing for mobile first, designers prioritize the most critical elements and eliminate unnecessary features, creating a better user experience for mobile users.
    2. Faster Load Times: Mobile-first design often involves creating websites that load quickly on mobile devices. Fast load times are essential for creating an excellent user experience, as people are less likely to remain on a website if it takes too long to load.
    3. Improved SEO: In 2018, Google announced that it was adopting a mobile-first indexing approach, meaning it would use the mobile version of a website for indexing and ranking purposes. Therefore, having a mobile-friendly website with a mobile-first approach is essential for improving search engine rankings.
    4. Increased Mobile Usage: The number of mobile device users continues to grow rapidly, and many people are using mobile devices as their primary method of accessing the internet. Adopting a mobile-first approach ensures that a website is optimized for the device most commonly used by its target audience, thus providing a better user experience.

In conclusion, adopting a mobile-first approach is essential in today's world. With more people accessing the internet on mobile devices, businesses and website owners (so you as a junior developer too) must prioritize mobile optimization to provide a seamless user experience. By adopting a mobile-first approach, designers and developers can ensure that the website is optimized for mobile devices, loads quickly, and is easy to navigate. As the world becomes increasingly mobile, adopting a mobile-first approach is a necessity, not an option.
Nhận định bóng đá hôm nay - Dự đoán kết quả | Thể Thao 247
Published: 2023-02-28 12:58:10

https://thethao247.vn/nhan-dinh-bong-da-c288/ Ý kiến chuyên gia✔️ góc nhìn chuyên sâu✔️ nhận định bóng đá & dự đoán kết quả các trận đấu bóng đá Ngoại hạng Anh✔️ La Liga✔️ Serie A✔️ Bundes Liga✔️ Cúp C1 mới nhất✔️✔️✔️
https://heylink.me/nhandinhbongda/
http://www.bloggang.com/mainblog.php?id=nhandinhbongdathethao247
https://boosty.to/nhandinhbongda
https://velog.io/@nhandinhbongda
https://pbase.com/nhandinhbongdathethao247/nhandinhbongda
https://plaza.rakuten.co.jp/nhandinhbongda
https://app.bountysource.com/people/113981-nh-n-d-nh-bong-da
Programowanie w ABAP
Tags: abap, sap, oracle, crm
Published: 2023-02-28 12:56:40

ABAP, which stands for Advanced Business Application Programming, is a high-level programming language used to develop applications for the SAP R/3 system. In this article, we will explore the concept of ABAP programming, its features, and its applications.

What is ABAP Programming?

ABAP programming is a programming language specifically designed for SAP R/3 system development. ABAP was first introduced in the 1980s as a proprietary programming language developed by SAP. Today, it is one of the most widely used programming languages for developing enterprise software applications.

One of the key features of ABAP is its ability to interact seamlessly with SAP applications, allowing developers to access and manipulate data from various SAP modules. ABAP is also a highly modular language, which means that developers can create reusable code libraries that can be used across multiple applications.

Features of ABAP Programming

ABAP programming offers several features that make it an attractive choice for developing enterprise applications. These include:

High-level programming constructs: ABAP includes a wide range of programming constructs that make it easier for developers to create complex business logic.

Integrated Development Environment (IDE): ABAP includes a powerful IDE that allows developers to create, test, and debug their applications in a single environment.

Database integration: ABAP has built-in support for connecting to a variety of databases, including Oracle, Microsoft SQL Server, and IBM DB2.

Reusability: ABAP allows developers to create reusable code libraries that can be used across multiple applications, which can save time and reduce development costs.

Applications of ABAP Programming

ABAP programming is primarily used for developing applications that run on the SAP R/3 system. This includes a wide range of enterprise applications, including financial management, human resources management, and supply chain management.

One of the key benefits of using ABAP for enterprise application development is its ability to interact seamlessly with SAP applications. This allows developers to build applications that can access and manipulate data from various SAP modules, which can help to streamline business processes and improve overall efficiency.

ABAP programming is a powerful [tool](https://www.vanderer.pl/blog/najlepsze-narzedzie-do-mailingu/) for developing enterprise applications that run on the SAP R/3 system. Its high-level programming constructs, powerful IDE, and database integration make it an attractive choice for developers who need to build complex business logic. As the demand for enterprise software continues to grow, it is likely that ABAP programming will continue to play an important role in the development of enterprise applications
You will love Next JS 13(beta) changes
Tags: nextjs, javascript, node, webdev
Published: 2023-02-28 12:49:04

Guys, 

Welcome to my new tech toy (Next JS 13)
Recently i am exploring next js 13 which looks really nice when i am trying to write basic demo apps.

https://github.com/tkssharma/nextjs-training-2023

Let's go through some of the plug and play tools of Next JS, for reading about what is new in Next JS then official Docs and very good to know more about it (https://nextjs.org/blog/next-13)

- app Directory (beta): Easier, faster, less client JS.
- Layouts
- React Server Components
- Streaming
- Turbopack (alpha): Up to 700x faster Rust-based Webpack replacement.
- New next/image: Faster with native browser lazy loading.
- New @next/font (beta): Automatic self-hosted fonts with zero layout shift.
- Improved next/link: Simplified API with automatic <a>.

Playlist 
https://www.youtube.com/watch?v=tSfKoY2Zzf8&list=PLIGDNOJWiL1-qK8XrRkMlLwYCSuVWCPZp

{% embed https://www.youtube.com/embed/tSfKoY2Zzf8 %}

This playlist talk about all the changes in next js and how we can build next js 13 apps, we are looking into major topics like 

- server components 
- /app directory based routing 
- client and server based components 
- adding loading and error page for routes 
- nested layouts in next js 
- data fetching in server components 
- async loading and suspense api with sync components 
- nest js page based api 
- accessing ORM and database from server components and page apis 
- Demo showcase application like movies app, smart project manager with tasks
- session management with user login and register 
- state management in client based components 
- deployment of next js to netlify/vercel 

{% embed https://www.youtube.com/embed/Ggoxm6GOnys %}

I will keep adding more videos to this playlist as i am loving the changes next js 13 provides, my main relief is now we don't have these getServerSideProps and getStaticPaths like methods to fetch data in server side pages 

Everything is simplified and it more looks more like sveltekit latest changes, sveltekit also gone throught major changes and it follows same aspects like folder based routes and data fetching mechanism.


Happy Coding 

Keep Learning as i will keep posting latest stuff on my channel 
https://www.youtube.com/user/vibbbbbba?sub_confirmation=1
JPMCB Credit Card
Published: 2023-02-28 12:45:24

JPMCB, one of the top financial institutions in the US, provides its customers with a variety of credit cards, including balance transfer, cashback, rewards, and travel cards. These cards offer various benefits, such as zero percent introductory APR, sign-up bonuses, and flexible rewards programs. The bank provides online and mobile banking [JPMCB card services](https://cfi-blog.org/jpmcb-card/) services that allow customers to manage their accounts and track their expenses conveniently. JPMCB credit cards are widely accepted both domestically and internationally, making them a popular and versatile payment option for cardholders.
SIN88.NEWS
Tags: programming
Published: 2023-02-28 12:31:03

Nhà cái trực tuyến [SIN88](https://sin8868.com/) - Cổng game cá cược hàng đầu châu Á tại Việt Nam. Nhà cái có vô số chương trình ưu đãi với cách thức tham gia và thanh toán đơn giản, tiện lợi được nhiều cược thủ yêu thích.

@sin88news
- https://sin8868.com/
- https://goo.gl/maps/jvo1YYhTRSJ3mCgx8
- giangnamnguyen65@gmail.com
- 0397762497
#sin88,#sin88_news,#nha_cai_sin88
271 Đường 422B, Vân Canh, HN
My Journey as a self taught developer.
Published: 2023-02-28 12:27:54

Becoming a self-taught developer is not an easy feat, but it can be a rewarding journey. As someone who has walked this path, I can attest to the challenges and the joys of learning how to code without formal education.

At first, I tried to learn by reading books and watching videos online, but I quickly realized that I needed a more structured approach. I got a 6months internship, which provided me with a solid foundation in web development.

After completing the internship, I started working on personal projects and to contribute to some of my friend’s projects to build up my portfolio. I also took on freelance projects to gain real-world experience and earn some income.

Despite the challenges, my journey as a self-taught developer has been incredibly rewarding. I've been able to work on projects that I'm passionate about and hopefully one day I’ll make a positive impact on the world. I've also had the opportunity to work with and learn from other talented developers, both online and in-person.

If you're considering becoming a self-taught developer, my advice is to start with a structured learning program, such as an online course or coding bootcamp. Build up your portfolio with personal projects and freelance work, and don't be afraid to ask for help or collaborate with others. 

Most importantly, stay motivated, disciplined, and passionate about your craft, and you'll be well on your way to a fulfilling career as a self-taught developer.
audioFlux: A library for audio and music analysis, feature extraction.
Tags: python, opensource, c
Published: 2023-02-28 12:20:38

### Category Submission:
C/Python

### Screenshots

![feature architecture diagrams](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fzmr70s6at2c0eyqlw8l.png)

### Description
A library for audio and music analysis and feature extraction, which supports dozens of time-frequency analysis and transformation methods, as well as hundreds of corresponding time-domain and frequency-domain feature combinations, can be provided to the deep learning network for training, and can be used to study the classification, separation, music information retrieval (MIR), ASR and other tasks in the audio field.

### Link to Source Code
https://github.com/libAudioFlux/audioFlux

### Permissive License
MIT

### How I built it
1. Systematic and multi-dimensional feature extraction and combination can be flexibly used for various task research and analysis.

2. The performance is efficient, the core is mostly implemented in C, and FFT hardware acceleration based on different platforms is convenient for large-scale data feature extraction.

3. It is applicable to the mobile end and supports real-time calculation of audio stream at the mobile end.

### Additional Resources/Info
[Document](https://audioflux.top/)

### Code Demo
 ```bash
 pip install audioflux
 ```

```python
import numpy as np
import audioflux as af

import matplotlib.pyplot as plt
from audioflux.display import fill_spec

# Get a 220Hz's audio file path
sample_path = af.utils.sample_path('220')

# Read audio data and sample rate
audio_arr, sr = af.read(sample_path)

# Extract mel spectrogram
spec_arr, mel_fre_band_arr = af.mel_spectrogram(audio_arr, num=128, radix2_exp=12, samplate=sr)
spec_arr = np.abs(spec_arr)

# Extract mfcc
mfcc_arr, _ = af.mfcc(audio_arr, cc_num=13, mel_num=128, radix2_exp=12, samplate=sr)

# Display
audio_len = audio_arr.shape[0]
# calculate x/y-coords
x_coords = np.linspace(0, audio_len / sr, spec_arr.shape[1] + 1)
y_coords = np.insert(mel_fre_band_arr, 0, 0)
fig, ax = plt.subplots()
img = fill_spec(spec_arr, axes=ax,
                x_coords=x_coords, y_coords=y_coords,
                x_axis='time', y_axis='log',
                title='Mel Spectrogram')
fig.colorbar(img, ax=ax)

fig, ax = plt.subplots()
img = fill_spec(mfcc_arr, axes=ax,
                x_coords=x_coords, x_axis='time',
                title='MFCC')
fig.colorbar(img, ax=ax)

plt.show()
```


![mel spectrogram and mfcc](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0j9yx2du85ho3iuwuv0k.png)
First Experience With Next.js - part 2
Tags: nextjs, react
Published: 2023-02-28 12:09:31

I started looking at Next.js and described my first look at the documentation below.

{% embed https://dev.to/this-is-learning/first-experience-with-nextjs-2a58 %}

The section called From React to Next.js was a nice and quick session that shows how you could migrate from a very simple React Application to a Next.js application. 

The next session is How Next.js Works. Then I created my first Next.js app.

## How Next.js Works

While a bit theoretical, I found it interesting.
You get to understand the [difference between development and production environments](https://nextjs.org/learn/foundations/how-nextjs-works/development-and-production). Next.js comes with a compiler written in Rust that optimizes for different environments.

You will get familiar with the concepts of:
- **compilation**: "transform" code into JavaScript so browsers can understand them.
- **minification**: deletion of unnecessary code formatting and comments to reduce app size
- **bundling**: packing all files, functions, modules into optimized bundles for the browser
- **code splitting**: split code into its own optimized JavaScript bundle 
- [**Build Time vs. Runtime**](https://nextjs.org/learn/foundations/how-nextjs-works/buildtime-and-runtime)
- **Client and Server**: Client is the browser on a user’s device. Server is the computer in a data centre that stores your app
- [**Rendering**](https://nextjs.org/learn/foundations/how-nextjs-works/rendering): transform React code into the UI. However, I would suggest you read the page if you want to know more about the differences between Client-Side Rendering, Pre-Rendering, Server-Side Rendering, and Static Site Generation.
- **CDNs and the Edge**. Content Delivery Networks (CDNs) store static content (such as HTML and image files) in multiple locations near your customers. Edge servers can run small snippets of code and increase the responsiveness of your app (together with CDNs)

## Create a Next.js App

As declared in the tutorial, you should have basic knowledge of JavaScript and React before jumpring into Next.js.

Make sure you have:
- [Node](https://nodejs.org/en/) installed
- Possibly [Git if you are using Windows](https://gitforwindows.org/). Mac and Linux should have it by default

Since they suggest to run 

```
npx create-next-app@latest nextjs-blog --use-npm --example "https://github.com/vercel/next-learn/tree/master/basics/learn-starter"
```

I simply follow. Here is the result.


![Next.js installation completed](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fkwgnc6gwv3sdf0rmpml.png)

You can then move into the newly created folder with 

```
cd nextjs-blog
```
adn run the app with
```
npm run dev
```

Then, open [http://localhost:3000/](http://localhost:3000) from your browser and you will see your first Next.js app. This was incredibly fast :)


![Next.js app](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/91x74zx0ubb161mh0eag.png)
Top 10 Plaforms for Fonts Download .
Tags: webdev, html, css, design
Published: 2023-02-28 12:02:10

 1. Google fonts- {% embed https://fonts.google.com/ %}
 4. Dafont - {% embed https://www.dafont.com/ %}
 5. Fontsquirrels - {% embed https://www.fontsquirrel.com/ %}
 6. Fontspace - {% embed https://www.fontspace.com/ %}
 7. Dribble - {% embed https://dribbble.com/ %} 
 8. Urban Fonts  - {% embed https://www.urbanfonts.com/ %}
 9. Neogrey - {% embed https://www.neogrey.com/fonts/ %}
 10. Behance -{% embed https://www.neogrey.com/fonts/ %}
 11. Fontesk - {% embed https://fontesk.com/ %} 
 12. Font Bundles-