teleren/devto huggingface dataset:
𝐒𝐎𝐂 1 𝐯𝐬. 𝐒𝐎𝐂 2 𝐯𝐬. 𝐒𝐎𝐂 3
Published: 2023-01-04 08:27:07

SOC stands for Service Organization Control, and the nut of what it’s all about is summarized right there: You’re a service organization (in accountant-speak), and you need to prove that you have certain controls in place for said accountants to deem you SOC-compliant.

SOC compliance is important because most enterprises can't or won't adopt your product without it. Without SOC compliance, you can’t land the enterprise deals that make your startup sustainable.

In this article, we’re going to break down the meaning of SOC 1, SOC 2, and SOC 3, as well as the differences between all three. By the end, you’ll know which is most relevant and which is necessary, and you’ll understand how to embark on the path to compliance.

## SOC 1 vs. SOC 2. vs. SOC 3: An Overview‍

TL;DR: SOC compliance demonstrates that your customers can rely on the services you provide. An accountant audits your company and certifies you with a SOC report that you supply to your customers. This report proves your trustworthiness.

However, understanding SOC compliance in greater detail is important for knowing when to get SOC compliance and which type of SOC report to get. So, let’s break it down further.


## The Major differences between Soc 1 vs. SOC 2. vs. SOC 3

There are **three** primary types of SOC reports—the first two are the most used, and the second is of most concern to technology companies.

SOC 1 and SOC 2 are the most common SOC reports, so understanding the difference between them is essential. The difference between SOC 1 and SOC 2 is that SOC 1 focuses on financial reporting, whereas SOC 2 focuses on compliance and operations.

SOC 3 reports are less common. SOC 3 is a variation of SOC 2 and contains the same information as SOC 2, but it’s presented for a general audience rather than an informed one. If a SOC 2 report is for auditors and stakeholders inside the company you’re selling to, SOC 3 is for that company’s customers.

There are a couple of other SOC reports that are rarer and outside the scope of this article:

- 
**SOC for Cybersecurity** reports on a service organization’s cybersecurity risk management effectiveness.

- 
**SOC for Supply Chain** reports on the effectiveness of a service organization’s supply chain risk management.


Take a look at SOC 1, SOC 2, and SOC 3 from a higher level. Save these infographic notes to refer to when your memory of this article gets a little hazy.


![Soc123](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rzz3r15lfbagfn12dnui.png)
How to use Redux for State Management in your React application
Tags: webdev, javascript, react, redux
Published: 2023-01-04 08:19:06

Redux is a popular state management library that is commonly used with React applications. It allows you to manage the state of your application in a single store, making it easy to track changes to your application's state and debug issues.

To use Redux in a React application, you will need to install the redux and react-redux packages. You can do this by running the following command:

```
npm install redux react-redux
```
Once you have installed these packages, you can set up your Redux store by creating a root reducer and an initial state. The root reducer is a function that takes in the current state of your application and an action, and returns the next state of your application. The initial state is an object that represents the initial state of your application.

Here's an example of how you can create a root reducer and an initial state:

```
const initialState = {
  count: 0
};

function rootReducer(state = initialState, action) {
  switch (action.type) {
    case 'INCREMENT':
      return {
        count: state.count + 1
      };
    case 'DECREMENT':
      return {
        count: state.count - 1
      };
    default:
      return state;
  }
}
```

Next, you will need to create a Redux store by calling the createStore function and passing in your root reducer. You can then provide this store to your React application by wrapping your root component with a `Provider` component from the `react-redux` package.

Here's an example of how you can create a store and provide it to your React application:

```
import { createStore } from 'redux';
import { Provider } from 'react-redux';

const store = createStore(rootReducer);

ReactDOM.render(
  <Provider store={store}>
    <App />
  </Provider>,
  document.getElementById('root')
);
```

Once you have set up your store, you can use Redux's `connect` function to connect your components to the store. The `connect` function allows you to specify which parts of the state your component needs, as well as which actions your component can dispatch.

Here's an example of how you can use the `connect` function to connect a component to the store:

```
import { connect } from 'react-redux';

function Counter(props) {
  return (
    <div>
      <button onClick={props.decrement}>-</button>
      <span>{props.count}</span>
      <button onClick={props.increment}>+</button>
    </div>
  );
}

const mapStateToProps = state => ({
  count: state.count
});

const mapDispatchToProps = dispatch => ({
  increment: () => dispatch({ type: 'INCREMENT' }),
  decrement: () => dispatch({ type: 'DECREMENT' })
});

export default connect(mapStateToProps, mapDispatchToProps)(Counter);
```

In this example, the `Counter` component is connected to the store using the `connect` function. The mapStateToProps function specifies that the component needs the count.
Comparing REST API and SOAP: Understanding the Key Differences
Tags: rest, api, soap, webservice
Published: 2023-01-04 08:17:13

REST (Representational State Transfer) and SOAP (Simple Object Access Protocol) are two popular web service protocols that handle communication between systems over the internet.

REST is a lightweight and flexible architecture that was designed to be easily implemented and used over the internet. It is based on the HTTP protocol, which is the foundation of data communication on the web. REST APIs use HTTP requests to send and receive data and operate using the standard HTTP verbs such as GET, POST, PUT, and DELETE.

One of the main advantages of REST is that it is easy to use and understand, making it a popular choice for developers. REST APIs are also highly scalable, making them suitable for use in high-traffic applications.

On the other hand, SOAP is a more rigid protocol that was designed to provide a secure way to exchange structured data over the internet. It is based on the XML format and requires the use of complex message headers to transmit data. SOAP APIs also operate using HTTP, but the request and response messages are more structured and contain more information.

One of the main advantages of SOAP is that it is highly secure, as it includes built-in features such as message encryption and authentication. It is also very flexible, as it can be used to transmit data over a variety of different protocols, including HTTP, SMTP, and TCP.

While both REST and SOAP are popular choices for web service protocols, they each have their own strengths and weaknesses. REST is generally preferred for its simplicity and ease of use, while SOAP is preferred for its security and flexibility. Ultimately, the choice between the two protocols will depend on the specific requirements of the application.



This article has been originally posted on www.devcorner.blog
Laravel Filament Roles and Permissions Full Tutorial
Tags: laravel, beginners, tutorial
Published: 2023-01-04 08:01:16

In this video, we are going to work with Laravel Filament permissions.
Laravel Filament.
Laravel Spatie permission.

{% embed https://www.youtube.com/watch?v=bF04VPI68sg %}

Playlists:
Vue Authentication: https://bit.ly/3g7YZHd
Laravel Inertia Portfolio - https://bit.ly/3DlxTp5
Laravel Reddit clone - https://bit.ly/3UOYS2O
React tutorial for beginners - https://bit.ly/3arkqjX
Laravel Filament Blog - https://bit.ly/3nWYv74
Laravel 9 Full Tutorial - https://bit.ly/3nTiyTR
Laravel 9 Media Library - https://bit.ly/3LpJmVr
Laravel Essentials Full Tutorial - https://bit.ly/3vplyuC
Laravel Mail Tutorial - https://bit.ly/37mJUNh 
Laravel Restaurant Reservation - https://bit.ly/3Jc5IcG
Spatie Laravel Permission - https://bit.ly/3pOsOhN
Laravel Testing For Beginners - https://bit.ly/3t1gNq4
Laravel Roles and Permissions - https://bit.ly/3gOhM7d
LARAVEL INERTIA MOVIE APP - https://bit.ly/3FVMp4Q
Laravel Livewire Movie App - https://bit.ly/3s8D6v1
Laravel Classified Website - https://bit.ly/3nsFRnb
Livewire Employees - https://bit.ly/2ZtIpZY
Laravel Employees Management - https://bit.ly/3Gglt14
Laravel admin panel - https://bit.ly/3CcX75M
A Quick 10-Second Programming Joke For Today
Tags: jokes, dailydeveloperjokes
Published: 2023-01-04 08:00:12

---
title: "A Quick 10-Second Programming Joke For Today"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
published: true
tags: #jokes, #dailydeveloperjokes
---

Hi there! Here's today's Daily Developer Joke. We hope you enjoy it; it's a good one.

![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e1259924ce05.png)

---

For more jokes, and to submit your own joke to get featured, check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/). We're also open sourced, so feel free to view [our GitHub Profile](https://github.com/dailydeveloperjokes).

### Leave this post a ❤️ if you liked today's joke, and stay tuned for tomorrow's joke too!

_This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit._

<!--
Joke text:
___Q___: What did the command line die of?

___A___: A Terminal illness.
 -->
Using the Browser Console
Tags: tools, javascript
Published: 2023-03-03 16:34:37

---
title: Using the Browser Console
published: true
date: 2023-01-04 08:00:00 UTC
tags: Tools,JavaScript
canonical_url: https://www.90-10.dev/tools-using-browser-console/
---

The browser console is a powerful tool for web developers and can be used to diagnose and fix issues on a website. To access the console, open your browser's developer tools and navigate to the console tab.

The console can be used to execute JavaScript code, and will display any output or errors. This can be useful for debugging scripts or testing small snippets of code. Additionally, the console can be used to inspect and modify HTML and CSS on the current page, allowing for quick prototyping and experimentation.

Here are a couple of tricks you can use in your browser console.

## Output to console

This is probably the most widely used debug technique:

```
console.log("test");
```

> test

## Output multiple values

```
let year = 2020;
let age = 99;
console.log(age, year);
```

> 99, 2020

## Output with formatting

Specifiers can be used to achieve string interpolation:

```
let year = 2020;
let age = 99;
console.log('It is %i and I am %i years old.', year, age);
```

> It is 2020 and I am 99 years old.

### Available Specifiers
<!--kg-card-begin: html-->

| Specifier | Output |
| --- | --- |
| %s | String |
| %i or %d | Integer |
| %f | Float |
| %o | Optimal formating for collections |
| %O | Expandable data |
| %c | CSS style |

<!--kg-card-end: html-->
## Output with style

Here is how to use the `%c` specifier mentioned above:

```
console.log('%c Seeing red', 'color: red');
```

> Seeing red.

## Output an object

We can output objects directly via:

```
console.dir({a:1,b:2});
```

> ▾ Object { a: 1, b: 2 }   
>  a: 1   
>  b: 2   
>  ...

... but we can also show a JSON-ifyed version:

```
console.log(JSON.stringify({a:1,b:2}));
```

> {"a":1,"b":2}

## Output an object using table

```
console.table({a:1,b:2});
```

> ---------------------   
> | (index)  | Value  |   
> ---------------------   
> | a        | 1      |   
> | b        | 2      |   
> ---------------------

## Output a variable using template literals ES6

```
let width = 100;
console.log(`width is: ${width}`);
```

> width is: 100

## Log errors & warnings

```
console.error("Computer says no");
```

> ⛔️ ▾ Computer says no

```
console.warn("Computer says maybe");
```

> ⚠️ ▾ Computer says maybe

## Clear console

```
console.clear;
```

## Execution time

Measure how long some code execution took:

```
console.time('id1');
...
console.timeEnd('id1');
```

> default: 6202.5400390625ms

* * *

The browser console is a powerful tool for web developers and can greatly streamline the debugging and development process.
How to create custom Decorator for Circuit Breaker in Typescript/Javascript Applications
Tags: circuitbreaker, decaorator, javascript, typescript
Published: 2023-01-04 07:53:34

---
title: How to create custom Decorator for Circuit Breaker in Typescript/Javascript Applications
published: true
description: Job searching is more than just submitting your CV and waiting for a positive response.
tags: circuitbreaker, decaorator, javascript, typescript
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a50x06wok09gwcgpbwn1.jpeg
# Use a ratio of 100:42 for best results.
---

To understand “How to create Decorators in Typescript for Circuit Breakers”, we need to understand

- What are decorators in typescript?
- What are circuit breakers in software systems?

---

### Let's first read a bit about decorators

Decorators are a way to decorate functions, members of a class, or a class itself, with extra functionality.

When you apply a decorator to a function, a class, or a class member, you are actually calling a function that is going to receive details of what is being decorated, and the decorator implementation will then be able to transform the code dynamically, adding extra functionality, and reducing boilerplate code.

They are a way to have metaprogramming in TypeScript, which is a programming technique that enables the programmer to create code that uses other code from the application itself as data.

---
### Let’s now see what are circuit breakers

A circuit breaker is an electrical safety device designed to protect an electrical circuit from damage caused by an overcurrent or short circuit. Its basic function is to interrupt current flow to protect equipment and to prevent the risk of fire. Unlike a fuse, which operates once and then must be replaced, a circuit breaker can be reset (either manually or automatically) to resume normal operation.

The basic idea behind the circuit breaker is very simple. You wrap a protected function call in a circuit breaker object, which monitors for failures. Once the failures reach a certain threshold, the circuit breaker trips, and all further calls to the circuit breaker return with an error, without the protected call being made at all. Usually, you’ll also want some kind of monitor alert if the circuit breaker trips.

[Read full article](https://architectak.medium.com/decorating-circuit-breaker-in-typescript-javascript-applications-6732e248f27)

<a href="https://www.buymeacoffee.com/ArchitectAK"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--BSV4goFV--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zir1erzg7v28nvyuue09.jpg" /></a>
Testing for Beginners - Laravel
Tags: php, laravel, programming, beginners
Published: 2023-01-04 07:42:46

At the beginning of the year, I wanted to share with you the Testing for Beginners course from the wonderful channel, Laravel Daily. It is a course for people who want to enter the world of Testing, and it is a free course. I hope you enjoy

- https://www.youtube.com/playlist?list=PLdXLsjL7A9k0esh2qNCtUMsGPLUWdLjHp

Happy new year and I wish you a happy code .
How JavaScript Works?
Tags: javascript, execution, beginners, webdev
Published: 2023-01-04 07:39:09

Working on the JavaScript is good but should also know the execution of the JavaScript.

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

So let discussed How JavaScript works?

- JavaScript works on browser with the help of execution context
means the execution context is the box where your all java scripts are render. 

But there are two components
- Memory Component (Variable Environment) 
- Code Component   (Thread of Execution) 

memory and code are linked together because code are stored into memory then execute.

## **Memory Component:**
 It is stored all variable and function as key paired value.
Example:
 {
     a = "sadiq"
     function : sum(n,a)
}

## **Code Component:**
 In code component your all code render line by line or run 1 line at a time and also know as thread of execution.




> JavaScript is synchronous single threading language.


**Single Threading :** Run one line of code at a time.
**Synchronous Single Threading :** Run one line of code at a time with 


That Why JavaScript know as Synchronous Scripting Language .
specific order.
Debugging PHP memory
Tags: php, laravel, memory, programming
Published: 2023-01-04 07:39:03

Unsetting might be a very basic thing, but writing code with unsetting variables after it's work is finished can save memory.

```php
unset($unique_commission); //Array
dd(memory_get_usage());

O/P: 18596688

//unset($unique_commission); //Array
dd(memory_get_usage());

O/P: 18594392
```
How to do marketing for an open-source project?
Published: 2023-01-04 07:27:01

As a developer, marketing doesn't always come naturally to us. We tend to focus on writing code and building features, rather than promoting our project to the wider world.

However, in the open-source world, effective marketing is crucial to a project's success. After all, if no one knows about your project, how will it gain interest and collaborators?

I decided to write the article myself because the discovery of marketing for myself is new. It allowed me to focus my learning and share further.

**I will move on to what I did to improve marketing**

**1.** create an account on Reddit, Discord and LinkedIn. Find people as well as groups that oscillate around your product. In my case, these were business owners involved in lead generation.

**2.** Remember that you won't reach everyone, and it's important to build a community and provide value for free.

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

**3.** create interesting posts that showcase your tool development process and spread the word on groups related to your product.


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

**4.** Contact other open-source projects and see if they would be willing to collaborate or share your project on their social channels.

**5.** Create a video for present your product.

[https://www.youtube.com/watch?v=QuLQ615UDo0&ab_channel=MariuszMalek](https://www.youtube.com/watch?v=QuLQ615UDo0&ab_channel=MariuszMalek)

**6.** HELP FOR FREE - I love this old Polish saying “How much you give so much you get”

"Marketing is no longer about the things you create, but the stories you tell." - Seth Godin

So there you have it, a developer's guide to marketing an open-source project. Just remember to keep it knowledgeable about code and full of nerdy jokes, and you'll be well on your way to success.

End the end remember to write an article on how to make marketing in an open-source project 🤣.
Fake Data API
Tags: webdev, javascript, beginners, programming
Published: 2023-01-04 07:18:07

Sampledata api The purpose of SampleData is to make it easier for developers to test out APIs, by providing them with ready-to-use samples.

Sample data is the ultimate source for your web application and API. This is where everything begins, and it’s where you get the bulk of the data your application requires. You simply must have access to a good amount of data before you can start building any meaningful features for your users.  



Sampledata API is a premium API used by developers to test their application, It is designed in such a way that it saves developer time and allows the implementation of multiple testing scenarios


Sample Data API is a database of real-world data for developers to use in their applications. It's a platform for entrepreneurs and developers to build apps quickly, share the code behind the app, and access more data than ever before.


If you are starting your first front-end project, we recommend sampling data from demo APIs. Sampledata API allows users to make direct calls to CrowdFlower Data Center directly.




The Sample Data API (SDAPI) is a RESTful web service that makes it easy to access the full list of available sample data. This data is used by mobile applications, websites, and IoT devices.


[Fake Data API](https://sampledataapi.com)
10 popular extensions in VS Code
Tags: webdev, vscode, beginners
Published: 2023-01-04 07:09:02

- **Live Server:** This extension allows you to launch a development local server with live reload feature for static and dynamic pages.
- **Prettier:** This extension formats your code according to a consistent style, helping you avoid having to worry about styling and focus on the content of your code.
- **ESLint:** This extension integrates the ESLint JavaScript linter into Visual Studio Code, helping you identify and fix problems in your code.
- **GitLens:** This extension adds code-level Git capabilities to Visual Studio Code, including the ability to see the git blame of a line, the history of a file, and the changes in a commit.
- **IntelliCode:** This extension uses machine learning to provide intelligent suggestions for code completion, helping you write code faster and more accurately.
- **Azure Tools:** This extension provides a set of tools for developing cloud applications with Azure, including the ability to deploy to Azure directly from Visual Studio Code.
- **Docker:** This extension adds syntax highlighting, IntelliSense, and snippets for Dockerfile and docker-compose.yml files to Visual Studio Code.
- **Python:** This extension adds support for the Python programming language, including features such as IntelliSense, debugging, and linting.
- **C#:** This extension adds support for the C# programming language, including features such as IntelliSense, debugging, and refactoring.
- **Todo Tree:** This extension allows you to view and manage your TODO comments in a tree view, helping you keep track of tasks and issues in your code.
Reaching Out To Recruiters
Tags: productivity, recruiters, career, networking
Published: 2023-01-04 04:41:29

##Sales is a great teacher

If there is one thing I've learned from sales, it's to persevere. Each no brings you closer to a yes. This especially applies when looking for a new job.

As I write this, I'm in the middle of a career transition from sales and am currently applying for software engineering jobs. I still apply to as many jobs as possible using the traditional methods (LinkedIn and Indeed), but nothing has a higher ROI than reaching out and getting a possible referral or contacting the recruiters directly.

The message below is a note you can add when you send a connection request, and since you only have 300 characters, you have to be concise. Once they add you back, you have a line of contact, and you can reach out to them every few months.

> Hi [name], saw you were hiring for [role] at [company]. I have experience in [relevant experience matching job posting], which would be a great fit. Would love to discuss!

You can say anything, but a method like this is the most direct and reproducible for multiple recruiters at the same company.

If you have any other templates you follow, I would love to read them in the comments.