teleren/devto huggingface dataset:
Scalable web applications | HTTP | REST API | N-tier Applications | Beginner
Tags: programming, beginners, tutorial, devops
Published: 2023-11-26 05:32:16

Welcome to the System Design Series by @mukeshkuiry! 🚀

In the previous post, we delved into the crucial aspects of scalable web applications, exploring DNS and Load Balancers. Today, let's continue our journey by unraveling the mysteries of N-tier applications, HTTP, REST, and Stream Processing.

### N-tier Applications: Scaling Beyond the Basics

N-tier applications, also known as distributed applications, go beyond the conventional three-component model. These applications incorporate various elements such as caches, message queues, load balancers, search servers, and components for processing extensive data. Platforms like Instagram, Facebook, and Uber exemplify the complexity of N-tier applications.

### HTTP & REST: The Backbone of Web Communication


![MEME](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7a9cjmr5dm3s3ysyc04u.png)



**HTTP - HyperText Transfer Protocol**

HTTP, the backbone of web communication, dictates how messages are formatted, sent, interpreted, and responded to. API endpoints, acting as gateways, facilitate HTTP requests for server access. Let's take a closer look at HTTP:

```http
GET /resource HTTP/1.1
Host: www.example.com
```

**REST - Representational State Transfer**

REST, an architectural style for web services, establishes best practices for data sharing between clients and servers. It emphasizes simplicity in interfaces and scalability of components. RESTful APIs, implementing REST architecture, optimize client-server communication using HTTP methods like GET, DELETE, POST, and PUT.

```http
POST /create-resource HTTP/1.1
Host: api.example.com
Content-Type: application/json

{
  "name": "New Resource",
  "value": 42
}
```

HTTP and REST play pivotal roles in crafting efficient client-server interactions within system design.

### Stream Processing: Real-Time Data Magic

Stream processing is a programming architecture focused on real-time processing of continuous data streams. Tools like Kafka, Storm, and Flink empower developers to handle dynamic data flows seamlessly.

As we conclude this segment, remember that mastering these concepts is crucial for designing robust and scalable web applications. Stay tuned for more intriguing content!

Thanks for reading! Follow for more such interesting content. 👋🔍
JSNDB, a simple json object db
Tags: javascript, node, json, database
Published: 2023-11-26 05:00:30

[https://www.npmjs.com/package/jsndb](https://www.npmjs.com/package/jsndb)

``` javascript
const jsndb = require("jsndb");

const db = jsndb("your file path");

// directly set first level child will change to db file
db.foo = "bar";
db.arr = [1, 2, 3];
db.obj = { name: "test", value: 123 };

// now your file is:
// {
//    foo: "bar",
//    arra: [1, 2, 3]
//    obj: {name: "test", value: 123};
// }
//

// set second or 3rd ... level child will not change file
// because it is a deep change
db.arr[0] = "99";
db.obj.value = 456;

// !!! now your file is not change

// to make change to file, you need call save
db.save();

// now your file is:
// {
//    foo: "bar",
//    arra: [99 2, 3],
//    obj: {name: "test", value: 456};
// }
```
A periodic table created with React and Tailwind CSS
Tags: periodictable, tailwindcss
Published: 2023-12-06 09:23:08

---
title: A periodic table created with React and Tailwind CSS
published: true
date: 2023-11-26 04:33:46 UTC
tags: PeriodicTable,TailwindCSS
canonical_url: https://reactjsexample.com/a-periodic-table-created-with-react-and-tailwind-css/
---

# React and Tailwind Periodic Table
 ![A periodic table created with React and Tailwind CSS](https://reactjsexample.com/content/images/2023/11/Code_2023-11_12-33-39.jpg)

This a periodic table created with React and Tailwind Preview it here: [https://animated-kringle-ecb562.netlify.app/](https://animated-kringle-ecb562.netlify.app/)

![A periodic table created with React and Tailwind CSS](https://private-user-images.githubusercontent.com/40611131/284082139-d1d9d5a3-b600-4d8a-9462-01c60c8182a0.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTEiLCJleHAiOjE3MDA5NzM0NDcsIm5iZiI6MTcwMDk3MzE0NywicGF0aCI6Ii80MDYxMTEzMS8yODQwODIxMzktZDFkOWQ1YTMtYjYwMC00ZDhhLTk0NjItMDFjNjBjODE4MmEwLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFJV05KWUFYNENTVkVINTNBJTJGMjAyMzExMjYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjMxMTI2VDA0MzIyN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTE5ZTliYjkwODdlYWJiY2RhNzE3MTAzZWNlMThkZmNmNDMzNDI1NjAyOWVkOGNiMjczMzU0MjNiNWVmYzg1YjEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.0H2n4pprK6jUt_GsUH6-29h_PJQxw5zCeaRugRzAM0I)

Dark Mode

![A periodic table created with React and Tailwind CSS](https://private-user-images.githubusercontent.com/40611131/284082103-17d90b7e-a152-425a-b8ac-fdfcfce68fc9.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTEiLCJleHAiOjE3MDA5NzM0NDcsIm5iZiI6MTcwMDk3MzE0NywicGF0aCI6Ii80MDYxMTEzMS8yODQwODIxMDMtMTdkOTBiN2UtYTE1Mi00MjVhLWI4YWMtZmRmY2ZjZTY4ZmM5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFJV05KWUFYNENTVkVINTNBJTJGMjAyMzExMjYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjMxMTI2VDA0MzIyN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWE2MzY0M2QxODNmZDYyMjBmNjIzN2M3MzY3YjM0YmIzYjc0ZGRjMWM2OWIwZmU4N2RiMDRlYTM0YzMyYTc0YmYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.RfxKRTCxoOTVqDLdBK3RFntoyxPTtHONbIjTOdo3i4k)

## GitHub

[View Github](https://github.com/invincyx/react-periodic-table)

‌
1. What is DevOps?
Published: 2023-11-26 04:24:17

Hi, learners Before knowing about DevOps we have to know about SDLC(software development life cycle) so without further ado let know about SDLC.

> If you want to go through the full tutorial You can reach here and watch all the tutorials and go through the practical’s

## what is SDLC?

As the name suggest it is the process/steps to design, develop and testing software. so that high quality software will be delivered to the client.

## Step of SDLC:

1. **Requirement gathering and analysis:** here we do product features, users, usage, user requirement and market state
Planning: in this planning stage we mainly focus on what do we want, cost, resources and risk.
2. **Design Architects:** here based on details requirements system design documents are created.
3. **Development:** developers play role here they develop the code for software based on inputs of design document.
4. **Testing Quality Assurance:** identify the defects to ensure the quality product is good or as per the requirement of the client.
5. **Deployment:** system admin and operation teams will deploy the products
6. **Maintenance:** changes & uptime, systems health, performance, uptime with regular changes is the part of maintenance stage.

## Modals in SDLC:

Though there are many models in SDLC:

1. **Waterfall:** The next phase is started only after previous phase is completed, cannot accommodate changing requirements, no working software is produced until late during the life cycle.
2. **Agile:** in agile we break the problem in smaller and try to complete in sprint manner which consists of 2 to 4 weeks, mainly this technique is used by company.
3. **Spiral**
4. **Big Bang**

> Note: in DevOps three main things is required i.e. Good communication, Good Collaborations, Good Integration with developer, tester and deployment team

In last DevOps team do everything as automation like code build, code testing, software testing, infra changes, Deployments and everything.

> Disclaimer: Don’t rush do step by step good things takes time.

## That's all for todays have nice day! please applause, if required response and follow if you like the articles thank you!
Potential Pitfalls of Over-Reliance on SQLAlchemy
Tags: sqalchemy, python, sql, database
Published: 2023-11-26 03:50:35

Using SQLAlchemy, a widely-used SQL toolkit and Object-Relational Mapping (ORM) system in Python, may not always be the best choice for all scenarios. Although powerful and effective for creating UI-focused services, SQLAlchemy might lead to undesirable outcomes when used for backend services requiring modularity, high performance, and maintainability. In such cases, over-reliance on SQLAlchemy can contradict fundamental object-oriented principles, resulting in poorly structured code.

Personally, i use SQLAlchemy very sparingly and usually prefer thinner libraries based exclusively on raw SQL.

[Here ](https://codingismycraft.blog/index.php/2023/11/26/potential-pitfalls-of-over-reliance-on-sqlalchemy/
) you can read more about it.
TIL: Today I learned Regular Expressions (Regexp)
Tags: regex, ruby, todayilearned, programming
Published: 2023-11-26 03:45:24

So, lately I've been learning the Ruby programming language. As a complete beginner it's important to learn and apply the foundational concepts in order to succeed at programming. Therefore, I've been completing all of my module assignments in order to be best prepared for success as a full stack developer. Today, I was working on the "Character Types" assignment where I was tasked with writing a program that takes a randomly sampled _string_ and outputs the total number of letters, spaces, and digits in the given string. 


```strings = [
  "here 12 plus 25",
  "puzzle number 04 ",
  " "
]
string = strings.sample
pp string```


I used regular expressions (regexp), the **.scan** method,  and the **.length** method to make that possible.           


> > Regular expressions are a sequence of characters that match a string. They are very useful for extracting information from a string or when you're using the **.gsub** method to replace information inside of a string. 

> In this example: 

```letter_count = string.scan(/[A-za-z]/).length
pp "Number of letters in the string is: #{letter_count}"```

```space_count = string.scan(/\s/).length
pp "Number of spaces in the string is: #{space_count}"```

```digit_count = string.scan(/\d/).length
pp "Number of digits in the string is: #{digit_count}"```


> I wanted to get the letter count, space count, and digit count of the randomly outputted string. So in order to do so, I used the **.scan()** method to iterate through the strings and **regular expression** arguments **(/[A-za-z]/)** 
which matches all capital and lowercase letters, **(/\s/)** which matches all spaces, and **(/\d/)** which matches all digits.
Basic string formatting in C#
Tags: csharp, beginners
Published: 2023-11-26 03:35:03

## Character Escape Sequence

- An escape character sequence is an instruction to the runtime to insert a special character that will affect the output of your string. In C#, the escape character sequence begins with a backslash \ followed by the character you're escaping.

`\` - use case -> `Console.WriteLine("Hello \"World\"!");` -> Hello "World"!
-> backslash `\` followed by the character you're escaping
`\n` - new line
`\t` - new tab big space

## Verbatim string literal
- will keep all whitespace and characters without the need to escape the backslash.

```c#
Console.WriteLine(@"    c:\source\repos    
        (this is where your code goes)");
```

```
Output
c:\source\repos    
        (this is where your code goes)
```

## Unicode escape characters
- add encoded characters in literal strings using the \u escape sequence, then a four-character code representing some character in Unicode (UTF-16).

```c#
Console.WriteLine("\u3053\u3093\u306B\u3061\u306F World!");
Output -> // Kon'nichiwa World
```

## String Interpolation

```c#
int version = 11;
string updateText = "Update to Windows";
Console.WriteLine($"{updateText} {version}!");
```
Outpt:
`Update to Windows 11!`


[Read Full](https://learn.microsoft.com/en-us/training/modules/csharp-basic-formatting/1-introduction/)
DevOps Interview: kubectl apply vs kubectl create
Tags: devops, sitereliabilityengineering, kubernetes, kubect
Published: 2023-11-26 03:16:36


![Kubernetes](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ccmgt31t5ezviejcj4m1.png)
Both kubectl create and kubectl apply are commands used to manage resources in a Kubernetes cluster.

**Let’s check the differences!!**

1. “create” is an imperative command meaning it requires you to specify all the details of the resource you want to create, including its name, labels, selectors, and other configuration options.
“apply” is a declarative command meaning it compares the desired state of a resource to its current state and makes the necessary changes.

2. The “create” command will fail if resources are already present. But, “apply” will update the existing resources.

3. “kubectl create” is not idempotent, running it multiple times will create multiple instances of the resource.
“kubectl apply” is idempotent, meaning that you can run it multiple times without affecting the resource’s state.

4. “kubectl create “can be used to create resources from manifest files or command-line.
“kubectl apply” can only be used to apply resources from manifest files.

5. Syntax:
kubectl create -f your_manifest_file_name.yaml
kubectl apply -f your_manifest_file_name.yaml
Tác Giả Linh Phạm
Published: 2023-11-26 03:08:55

Linh Phạm là tác giả của website 78vn.com.co với nhiều năm kinh nghiệm tại lĩnh vực cá cược trực tuyến. Cô đã trở thành một chuyên gia, Cô chia sẻ nhiều mẹo cực hay và có ích đến người chơi
Địa chỉ: 297 Đ. 3 Tháng 2, Tổ 4, Thành phố Thái Nguyên, Thái Nguyên, Việt Nam
Sđt: 9453077423
Email: drakegelbhelga7086@gmail.com
Websiite: https://78vn.com.co/
#78vn #nhacai78vn #78vncomco #linhpham78vn
 
Social Links:

https://twitter.com/linhpham78vn

https://www.pinterest.com/linhpham78vn/

https://www.reddit.com/user/linhpham78vn

https://www.quora.com/profile/Linhpham78vn

https://www.producthunt.com/@linhpham78vn

https://vimeo.com/linhpham78vn

https://foursquare.com/linhp7005450/list/linhpham78vn

https://www.youtube.com/@linhpham78vn/about

https://www.goodreads.com/user/show/171871196-linh-ph-m

https://soundcloud.com/linhpham78vn

https://www.twitch.tv/linhpham78vn

https://flipboard.com/@linhpham78vn/

https://en.gravatar.com/liggonsjackie

https://dribbble.com/linhpham78vn/about

https://www.kickstarter.com/profile/linhpham78vn/about

https://www.blogger.com/profile/03548100735206543171

https://linhpham78vn.blogspot.com/

https://linhpham78vn.tumblr.com/

https://www.behance.net/linhpham78vn

https://about.me/linhpham78vn/

https://www.instapaper.com/p/linhpham78vn

https://sites.google.com/view/linhpham78vn/

https://band.us/@linhpham78vn

https://data.world/linhpham78vn

https://www.blackhatworld.com/members/linhpham78vn.1842914/#about

https://www.designspiration.com/linhpham78vn/

http://www.socialbookmarkssite.com/user/linhpham78vn/

https://replit.com/@linhpham78vn

https://pxhere.com/en/photographer/4130334

https://osf.io/d925w/

https://public.tableau.com/app/profile/linhpham78vn/

https://forums.goha.ru/member.php?u=1514833

https://www.chordie.com/forum/profile.php?id=1786130

https://roomstyler.com/users/linhpham78vn

https://linhpham78vn.contently.com/

https://www.penname.me/@linhpham78vn

http://egamingsupply.com/forum/member.php/63410-linhpham78vn
Write clean diffs to accelerate your dev career
Tags: softwareengineering, career, codereview, productivity
Published: 2023-11-26 02:31:33

As a software engineer writing diffs (also called PRs – Pull Requests, or CRs – Code Reviews) is your bread and butter. You want to code your changes, have them reviewed, merge them, and start the process again. Repeating these cycles effectively is essential for delivering new features and building products quickly. There are not many things that can slow this process down like low-quality diffs. Some signs of a low-quality diffs are:
- Compilation errors
- Tests failures
- Lint warnings

Low quality diffs leave both the author and the reviewer(s) frustrated. The author is frustrated because there is a lot of back and forth and they fell like they'll never be able to merge their changes. The reviewers are frustrated because they feel their time is being wasted on diffs that are clearly not ready for review.

Sending a low-quality diff happens occasionally to everyone (e.g., this new file you forgot to include in your diff or that failing test you accidentally didn’t run due to a typo). However, when done repeatedly, it will have a detrimental effect on your career because your team members will simply try to avoid reviewing your code. This will prevent you from iterating quickly and will make it harder for you to adhere to schedules.

While spending a few minutes to double check your diff is in good shape may seem like a waste of time – especially if timelines are tight, it is an investment that in a long run will save you even more time. And once you build this habit it will become your second nature.

---
💙 If you liked this article...

I publish a weekly newsletter for software engineers who want to grow their careers. I share mistakes I’ve made and lessons I’ve learned over the past 20 years as a software engineer.

Sign up here to get articles like this delivered to your inbox.

https://www.growingdev.net/
Les nouveaux flux Hifi HD de Radio France 📻
Tags: radio, france
Published: 2023-11-26 01:32:25


![Radio-France-Flux-HD-AAC-2](https://user-images.githubusercontent.com/8126807/67148713-d72a2d00-f2a2-11e9-8050-83de5ed8c15f.png)
![Radio-France-Flux-HD-AAC-1](https://user-images.githubusercontent.com/8126807/67148712-d72a2d00-f2a2-11e9-8e51-0155fc8b9b18.png)

```txt
Canaux : Stéréo
Fréquence d'échantillonnage : 48000 Hz
Bits par échantillon : 32
```

### France Musique

- <https://icecast.radiofrance.fr/francemusique-hifi.aac?id=radiofrance>
- <https://icecast.radiofrance.fr/francemusiqueeasyclassique-hifi.aac?id=radiofrance>
- <https://icecast.radiofrance.fr/francemusiqueclassiqueplus-hifi.aac?id=radiofrance>
- <https://icecast.radiofrance.fr/francemusiqueconcertsradiofrance-hifi.aac?id=radiofrance>
- <https://icecast.radiofrance.fr/francemusiquelajazz-hifi.aac?id=radiofrance>
- <https://icecast.radiofrance.fr/francemusiquelacontemporaine-hifi.aac?id=radiofrance>
- <https://icecast.radiofrance.fr/francemusiqueocoramonde-hifi.aac?id=radiofrance>
- <https://icecast.radiofrance.fr/francemusiquelabo-hifi.aac?id=radiofrance>

### FiP

- <https://icecast.radiofrance.fr/fiprock-hifi.aac?id=radiofrance>
- <https://icecast.radiofrance.fr/fipjazz-hifi.aac?id=radiofrance>
- <https://icecast.radiofrance.fr/fipgroove-hifi.aac?id=radiofrance>
- <https://icecast.radiofrance.fr/fipworld-hifi.aac?id=radiofrance>
- <https://icecast.radiofrance.fr/fipnouveautes-hifi.aac?id=radiofrance>
- <https://icecast.radiofrance.fr/fipreggae-hifi.aac?id=radiofrance>
- <https://icecast.radiofrance.fr/fipelectro-hifi.aac?id=radiofrance>
- <https://icecast.radiofrance.fr/fip-hifi.aac?id=radiofrance>

### France Culture, France Inter

- <https://icecast.radiofrance.fr/franceculture-hifi.aac?id=radiofrance>
- <https://icecast.radiofrance.fr/franceinter-hifi.aac?id=radiofrance>

### iTunes Playlist Import/Export in XML format

`Fichier > Bibliothèque > Exporter la playlist... > Format XML`

![itunes-export-playlist](https://user-images.githubusercontent.com/8126807/67147939-06886c00-f29a-11e9-85a9-1b902c30ef73.jpg)

#### Télécharger le fichier et retirer le suffixe `.txt` du nom du fichier avant importation

- [Radio France AAC.xml.TXT](https://github.com/JV-conseil-Internet-Consulting/Radio-France-Flux-HD-AAC/files/3746923/Radio.France.AAC.xml.TXT)
- [Radio France AAC.m3u8.TXT](https://github.com/JV-conseil-Internet-Consulting/Radio-France-Flux-HD-AAC/files/3746929/Radio.France.AAC.m3u8.TXT)

### Python Web Scraping

```py
# coding=utf8
# the above tag defines encoding for this document and is for Python 2.x compatibility

import re

regex = r"(?P<link>http[^\"]*?/(?P<title>[^\.]*?)\.aac\?id=radiofrance)"

test_str = ("<copy-paste here HTML source code from: https://www.francemusique.fr>")

subst = ""

# You can manually specify the number of replacements by changing the 4th argument
result = re.sub(regex, subst, test_str, 0)

if result:
    print (result)

# Note: for Python 2.7 compatibility, use ur"" to prefix the regex and u"" to prefix the test string and substitution.
```

*[France Musique .AAC link scraping on Regex101](https://regex101.com/r/QzFpaY/1)*
Which Soft Skills Should You Highlight in Interviews?
Tags: discuss, codenewbie, beginner
Published: 2023-11-26 00:00:00

---
published_at : 2023-11-26 00:00 +0000
---
What soft skills do you consider crucial for coding interviews? How have they transformed your interview experiences?
<br>
Follow the CodeNewbie Org and #codenewbie for more discussions and online camaraderie!
{% embed https://dev.to/codenewbieteam %}
Have You Explored Any New Career Opportunities in 2023?
Tags: discuss
Published: 2023-11-26 00:00:00

---
published_at : 2023-11-26 00:00 +0000
---
Have you ventured into new career opportunities in 2023 by stepping out of your comfort zone? Share your personal stories and how these experiences have affected your professional growth and development
<br>
Follow the DEVteam for more discussions and online camaraderie! {% embed https://dev.to/devteam %}
Caption This! 🤔💭
Tags: discuss, watercooler
Published: 2023-11-26 00:00:00

---
published_at : 2023-11-26 00:00 +0000
---
Sometimes, you need a break from your workday, and sometimes we need to interrupt that break by having you caption some images for us. 

We don't make the rules! (Just kidding, in this case, we are making the rules.) Give us your best caption for the image below in the comments. 

![Picture of a man with a beard and glasses submerged inside a pool of milk and cereal](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b3i0k61v003smyuser01.jpg)

Follow the DEVteam for more online camaraderie!

{% embed [https://dev.to/devteam](https://dev.to/devteam) %}