teleren/devto huggingface dataset:
How HTTP works
Tags: http, webdev, javascript, beginners
Published: 2022-12-26 08:41:36

This article was first published on my blog. For more details or to support me, read that [article on my blog]( https://link.medium.com/E83Xdf5j4vb).

When browsing the internet you are using the HTTP/HTTPS protocol. Whenever you are clicking a button, calling an address in the browser, download a file on the internet, you are making an HTTP request. As simple as they may seem, there are process behind the curtain that make it all work. Have you ever wondered how it works behind the curtain? In this article I’ll explain to you how HTTP works.

HTTP is a so called request response protocol. Meaning the client sends the request and the Server replies with a response. Request and response are both carefully formatted messages that the other can understand. Both messages are different message types. They are exchanged in a single HTTP transaction. These messages are in ASCII text and formatted according to the HTTP standard so client and server know how to interpret the content correctly.

Any application that is able to open a network connection to a server machine and is able send data over the network can make an HTTP request. Even you can try this. Just type in manually the HTTP request by using Telnet from the command line. Heads up: A normal telnet session connects over port 23. As it was mentioned before, in order to connect to a server via HTTP we have to use port 80.

In the following example we will use Telnet in order to
- connect to a server
- make an HTTP request
- receive an HTTP response

telnet www.google.com 80

This command tells the computer to connect to a server with the host name “www.google.com” on port 80. After the connection is established you can write the HTTP request message:

GET / HTTP/1.1

The “GET” part tells the server we want to retrieve a resource.
The “/” tells the server that the resource we want to retrieve is located at the root resource of the home page.
“HTTP/1.1” tells the server we are using the HTTP 1.1 protocol to speak to him.

Next you type this line:

host: www.google.com

That line specifies the requested resource on the server, because one server could host multiple websites.

After you type in this and pressed ENTER twice, you should see the HTTP response. The response is plain and simple HTML code. If the code would send to a browser then he would take the code render it into a website.

Do you have any questions? Please leave a comment and I’ll get back to you as soon as possible.

This article was first published on my blog. For more details or to support me, read, share, and like that [article on my blog]( https://link.medium.com/E83Xdf5j4vb). Thank you in advance
I want to make One page Static website for Fun
Tags: javascript, beginners, react, programming
Published: 2022-12-26 08:36:36

I want to develop one website for just for fun, I have some list i want tmake it. There are many websites in google. But I want to make website (Online tool). Yes Or No Button.

There are some list here you can see.

yesnobutton.com
igenerator.net
homestructions.com
[yesornobutton.com](url)
How to get started with Hyperledger Fabric
Tags: blockchain, javascript, web3, hyperledger
Published: 2022-12-26 08:02:34

- First and for most we need to be very clear with concepts and architecture of fabric.

So, lets try to understand which concepts required for fabric.

1. Distributed Ledger Technology (DLT)
2. Private Permission Blockchain 
3. Consensuses (CFT, Paxos, Raft, and BFT)  
4. Docker 
6. Shell Script

## Now Take a lock at Hyperledger Fabric terms

- [Introduction](https://hyperledger-fabric.readthedocs.io/en/latest/blockchain.html)
- [Hyperledger Fabric Model](https://hyperledger-fabric.readthedocs.io/en/latest/fabric_model.html)
- [How Fabric networks are structured](https://hyperledger-fabric.readthedocs.io/en/latest/network/network.html)
- [Identity](https://hyperledger-fabric.readthedocs.io/en/latest/identity/identity.html)
- [Peers](https://hyperledger-fabric.readthedocs.io/en/latest/peers/peers.html)
- [Ledger](https://hyperledger-fabric.readthedocs.io/en/latest/ledger/ledger.html)
- [The Ordering Service](https://hyperledger-fabric.readthedocs.io/en/latest/orderer/ordering_service.html)
- [Smart Contracts - Chaincode](https://hyperledger-fabric.readthedocs.io/en/latest/smartcontract/smartcontract.html)

- This is most important section about use cases of hyperledger products. 
[Use Cases](https://wiki.hyperledger.org/display/LMDWG/Use+Cases)

## Let's Create your own blockchain network with fabric.
   
- [Getting Started - Install](https://hyperledger-fabric.readthedocs.io/en/latest/getting_started.html#getting-started-install)

## Let's Create Application on blockchain.
 
- [Getting Started - Run Fabric](https://hyperledger-fabric.readthedocs.io/en/latest/getting_started_run_fabric.html#getting-started-run-fabric)

### Steps to develop Application

- [Using the Fabric test network](https://hyperledger-fabric.readthedocs.io/en/latest/test_network.html)
- [Deploying a smart contract to a channel](https://hyperledger-fabric.readthedocs.io/en/latest/deploy_chaincode.html)
- [Running a Fabric Application](https://hyperledger-fabric.readthedocs.io/en/latest/write_first_app.html)

I hope This content will help you to find required resources for hyperledger fabric, For more detailed blog stay tuned.

_Feel free to ask any question in comment box happy to answer.
**Happy Learning :)**_
AWS Cloud Quest: Cloud Computing Essentials Study Note
Tags: aws, cloud
Published: 2022-12-26 08:01:20

This is the DIY challenge of the first task in AWS Cloud Quest.

#### DIY Steps:
1. Select index.html by clicking on the rectangle before the **Name** column
2. Click the **Actions** dropdown
3. Click **Rename object** under **Edit actions** section
4. Change the object name to waves.html
5. Click **Properties** tab
6. Scroll down to the **Static website hosting** section and click **Edit**
7. Change the Index document to waves.html
8. Save changes
UseRef Hook React
Tags: react, webdev, beginners, programming
Published: 2022-12-26 07:17:09

```
import { useState, useEffect, useRef } from "react";
import ReactDOM from "react-dom/client";

function App() {
  const [inputValue, setInputValue] = useState("");
  const previousInputValue = useRef("");

  useEffect(() => {
    previousInputValue.current = inputValue;
  }, [inputValue]);

  return (
    <>
      <input
        type="text"
        value={inputValue}
        onChange={(e) => setInputValue(e.target.value)}
      />
      <h2>Current Value: {inputValue}</h2>
      <h2>Previous Value: {previousInputValue.current}</h2>
    </>
  );
}

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<App />);
```
Enhance your on-demand service marketplace vertical with top-notch featured TaskRabbit clone app
Tags: webdev, news
Published: 2022-12-26 07:41:26

The marketplace offers great on-demand services to the customers and is infused with amazing features and trending features. It offers all-inclusive packages to facilitate business requirements for its users.
Visit:[TaskRabbit Clone](https://allinonecluster.com/taskrabbit-clone)
Murtaza Hashwani | Difference Between C and C++
Tags: c, beginners, tutorial
Published: 2022-12-26 07:28:54

We will discuss what are C and C++ programming languages and their similarities. We will also understand the differences between C and C++.

C and C++ are programming languages used to develop applications, games, database systems, operating systems, and more. While C and C++ may sound similar, their features and usage differ. C is a procedural programming language that support objects and classes. On the other hand C++ is an enhanced version of C programming with object-oriented programming support. 

## Difference Between C and C++

The most important point of difference between C vs C++ is that, C is based on procedural oriented programing and C++ is based on object oriented programing method. Let’s understand this in detail.

**Similarities Between C and C++**

_Some of the similarities in C and C++ programming languages are:_

Syntax: C++ is an extended version of C, therefore both have a similar syntax, compilation and code structure.

Keywords: Most of C’s keywords and operators are used in C++ and perform the same function.

Execution: C and C++ both follows top-down execution of the code.
Comment: Inline Comment in both C and C++ is marked by //.

Multi-Dimensional Array: Both C and C++ supports multi-dimensional array.

Dynamic size Array: None of them support dynamic sized array.
Statement Terminator: Both C and C++ uses semi-colon (;) for terminating a statement.

Preprocessor Directive: #include is used in both C and C++ to include/import a header file.

**What is C Programming Language?**

C programming is a structural or procedural-oriented programming language developed by Dennis Ritchie at Bell Laboratories in 1972. In fact, C programming language was originally developed to migrate the UNIX kernel code from assembly to a higher-level language that could do the same functions with fewer lines of code.

**Check out the best C Programming Courses**

C is considered a middle-level programming language because it has the features of low-level language as well as high-level Language. It is one of the foundational languages for beginners or new programmers as it forms the base for other programming languages.
A brief introduction to Normalization
Tags: normalization, database, normalize, beginners
Published: 2022-12-26 07:21:56

Normalization is a process of managing and organizing data in a database. To normalize the data, we create tables and establish relationships between the tables. This helps protect the data and make the database flexible because redundancy and inconsistent dependency are eliminated. A normalized database is structured in a way where you can easily add a new type of data or remove the existing one without changing the original arrangement. The applications that interact with the database also remain unaffected for most time when the database is normalized.

## Normal Forms

Many normal forms act like guidelines that help you get the database normalized. Let’s look at some of them: -

### First Normal Form (1NF)

- Repeating groups are not authorized.
- Each set of related data is identified with a primary key.
- The set of related data should have a separate table.
- A single column can not have mixed data types.

### Second Normal Form (2NF)

- Should satisfy the first normal form
- Partial dependency cannot be tolerated

### Third Normal Form (3NF)

- Should satisfy the second normal form.
- Transitive functional dependencies cannot be tolerated.

### Boyce-Codd Normal Form (BCNF)

The third normal form gets stronger in the BCNF where it addresses certain types of anomalies that were not dealt with in the 3NF. That’s why Boyce-Codd normal form is also known as 3.5 Normal Form (3.5NF).

- Should satisfy the third normal form.
- For every functional dependency X→Y, X should be the super key.

There are more normal forms like 4NF, 5NF, etc. which we will not discuss right now.

If a relational database meets the third normal form, it is normalized because 3NF excludes the insertion, update, and deletion anomalies. However, perfect compliance cannot be accomplished in a real-world system. For example, if we choose to ignore one of the first three rules to normalize, we need to be ready for problems to occur such as redundant data and inconsistent dependencies.

## Advantages of Normalization

- Data Redundancy is reduced
- Database design is better
- Data is more consistent
- Referential integrity is imposed

## Disadvantages of Normalization

- Though the data design is better, it is complex as well
- Performance is slower
- Overhead maintenance
- More joins are required

{% embed https://github.com/pragyaasapkota/System-Design-Concepts %}

**_I hope this article was helpful to you._**

**_Please don’t forget to follow me!!!_**

**_Any kind of feedback or comment is welcome!!!_**

**_Thank you for your time and support!!!!_**

**_Keep Reading!! Keep Learning!!!_**
Looking for worthy opportunity
Published: 2022-12-26 07:03:48

I had the privilege of being a blockchain developer at Infograins, which I truly enjoyed. Unfortunately, they let go of all the remote workers and proposed that I move to New York, which I declined out of respect for my family and loyalty to my hometown. As a result of this decision, I was fired. Nowadays, it has been difficult to find another job; when applying at other companies, most responses are "Unfortunately..." That is why I am hopeful that DEV and its members can provide assistance in my search for employment.
All About Drag and Drop API Builders
Tags: api, draganddrop, tooling, productivity
Published: 2022-12-26 06:58:08

A drag and drop API builder is a tool that allows users to create APIs (Application Programming Interfaces) by dragging and dropping pre-built resources, such as endpoints, authentication methods, and data models, into a visual interface. This can be a quick and easy way for developers to create APIs without having to write any code.

Some popular drag and drop API builders include:

**1. Postman**: A popular tool for testing and building APIs that includes a drag and drop feature for creating new APIs.

**2. Stoplight**: A platform for designing, documenting, and testing APIs that includes a visual editor for building APIs using drag and drop.

**3. Apigee**: A platform for building and managing APIs that includes a drag and drop interface for creating APIs and connecting them to various backend systems.

**4. Mulesoft Anypoint**: A platform for building and deploying APIs that includes a drag and drop interface for creating APIs and connecting them to various backend systems.

Using a drag and drop API builder can be a useful way to quickly prototype and build APIs, especially for developers who are new to API development or who want to quickly create an API without having to write a lot of code. However, it is important to keep in mind that drag and drop API builders may not provide as much flexibility or customization as building an API from scratch using code.
How to Make Subreddit Feed App in React JS
Tags: beginners, react, webdev, programming
Published: 2022-12-26 06:27:31

In this article, we will make Subreddit feed App in React JS. Basically, we will have an application where we will get Subreddit feed list from specific Subreddit. This app will fetch all the post list along with header, also as new post will be added so that post also will be visible in here, so it will be dynamic.

Here, we are going to use Reddit’s API to fetch the posts list of any particular Subreddit. This will be very easy to make, so let’s build this step-by-step.

##Pre-requisites to Make Subreddit Feed App in React JS

- Basic knowledge of React.
- Basic knowledge of React components.
- Basic knowledge of Hooks.

##Adding Basic Structure and States
Okay, let’s move to our App.js component, in here we have imported useState hook and also Article component where we will do something later. Now in App function, we have added article and subreddit states with some default value, then in return statement we have added a header tag where we have an input field which value will be state. And also if we change the value of input then we will set state with that value. Lastly, we have added a div for articles.

`import React, { useState, useEffect } from 'react';

import Article from './components/Article';

function App() {
  const [articles, setArticles] = useState([]);
  const [subreddit, setSubreddit] = useState('gaming');
  
  return (
    <div className="App">
      <header>
        <input className="subreddit_input" onChange={e => setSubreddit(e.target.value)} value={subreddit} />
      </header>
      <div className="articles">
      </div>
    </div>
  );
}

export default App;`

[Read More](https://reactjsguru.com/how-to-make-subreddit-feed-app-in-react-js/)
Non-tech Reading Recommendations?
Tags: reading, discuss
Published: 2022-12-26 06:07:49


Like the Tweet and toots say, I'm looking for some reading recommendations. What's a great book you've read in the past year that isn't tech or career related?

{% embed https://twitter.com/nickytonline/status/1607237169990475779 %}

{% embed https://toot.cafe/@nickytonline/109578154449491127 %}

Photo by <a href="https://unsplash.com/@claybanks?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Clay Banks</a> on <a href="https://unsplash.com/photos/w_qTfiPbjbg?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>
The fastest way to learn react
Tags: beginners, javascript, webdev, react
Published: 2022-12-26 06:02:29

Here are some tips for learning React quickly:

## 1. Start with the basics:
 - Make sure you have a good understanding of HTML, CSS, and JavaScript before diving into React.
 - Familiarize yourself with the basic concepts of React, such as JSX, components, and state.

## 2. Practice, practice, practice:
 - The best way to learn React is to write code.
 - Build small projects to get a feel for how React works and to practice using different features.

## 3. Use online resources:
- There are many online resources available for learning React, such as tutorials, documentation, and video courses.
- Use these resources to supplement your learning and to get help when you get stuck.

## 4. Join the React community:
- Join online communities, such as forums and Discord channels, to connect with other React developers and to get feedback and support.
- Attend meetups and conferences to learn from experts and to stay up to date on the latest developments in the React ecosystem.

## 5. Don't be afraid to ask for help:
- Don't be afraid to ask for help when you get stuck.
- Reach out to other developers or ask for help in online communities.

I hope these tips help you learn React quickly! Let me know if you have any questions.
How to Develop a Mobile App for Language Trainers?
Tags: uberclone, applikeuber, productivity, mobile
Published: 2022-12-26 05:52:07

Consider a few things that can help you get the best finished product while developing language trainer apps.

1,**Engaging User Interface**

The ideal UI has the ability to grab the attention of customers right away. so that consumers are prepared mentally to use your trainer software for a while.

2,**Multilingual**

The second crucial element to remember is that your application should, to the greatest extent possible, support multiple languages. It's because you should be able to speak with a wide range of users who are both native and from diverse locations.

3,**User-Friendly**

Because a consumer could have trouble speaking in a certain language, your application should be able to convey information through visuals and other useful user-friendly techniques.

4,**Flexible**

You should make sure that users may access your mobile applications around-the-clock and use them to communicate with language instructors. They can only access the service through this at any time. Such adaptability can guarantee a strong profit margin and platform value for your online language learning service.

5,**Seamless**

If the software has a quick reaction time, you can only be guaranteed to keep as many users as possible. This means that the time needed to load and send data to the application should be as short as possible. The application's tech stacks must be current and correctly employed for that to happen.

## Process

- 
To accomplish that you must select the top app development business in order . Such a company will communicate with you and fulfil your needs. 

- They will then provide a quote for the price of the app development process, which often depends on your needs, the project's timeline, the quantity and type of resources used, among other factors.

- After the deal is a success, though, they will begin from scratch to construct the application. But there is a good chance you will receive the worst product if you choose an ineffective app development business. 

- Despite the fact that a normal app development company could offer a finished product with lots of faults. It may take a year or more to complete your project if your app development business is the best in its field.

- Consider clone app solutions like **[Uber For X](https://www.spotnrides.com/uber-for-x-ondemand-multi-services-app)** to prevent these challenges during the app creation process and guarantee the greatest final result. Let's go over this in more depth.

To know more visit: http://bitly.ws/yeXy
Xcode
Published: 2022-12-26 05:46:34

**Xcode**
  
 Xcode is a integrated development environment (IDE) for macOS containing a suite of software development tools developed by Apple for developing software for macOS, iOS, iPadOS, watchOS, and tvOS. 
Xcode provides everything developers need to create great applications for Apple's various platforms. It includes a source code editor, a debugger, and other tools for designing, building, and debugging applications. It also includes a variety of pre-built user interface (UI) elements, such as buttons and text fields, that developers can use in their applications. Xcode is free to download and use from the Mac App Store.

1. **PlayGround**
2. **IOS Project**

## PlayGround

 Playgrounds are a great way to try out new ideas and test code snippets without having to create a full Xcode project.
In a playground, you can write Swift code and see the results immediately, as the code is executed as you type.You can then start writing code in the editor on the left side of the window, and see the results in the live view on the right side.
Inline code execution is a feature of Xcode playgrounds that allows developers to execute code snippets directly within a playground, without having to write a full function or statement. 

- 
A playground does not go through a build process, as the code is executed directly within the playground environment.



## IOS Project

 iOS project is a full-fledged application that can be built, compiled, and run on an iOS device or simulator. An iOS project includes all of the files, resources, and code needed to create a functional app, including a user interface, business logic, and other functionality.
it is a more complete and fully-featured development environment

- 
iOS project goes through a build process when it is compiled, in which the source code is transformed into a binary executable that can be run on an iOS device or simulator.

- 
An iOS project can be deployed to an iOS device or simulator, or submitted to the App Store for distribution to users.
Many To Many Relationship Laravel 9 Example
Tags: laravel, mysql, codenewbie, php
Published: 2022-12-26 05:30:00

In this article, we will see many to many relationship in laravel 9 example. 

Many to many relationships are more complicated than one to one and one to many relationships. 

An example of like a relationship is a user with multiple roles, where the role are also connected with multiple users. 

Also, you can use many to many relationships in laravel 6 and laravel 7 and laravel 8.

So, let's see laravel 9 many to many relationship, laravel 9 hasMany example, laravel 9 eloquent relationships, and laravel 9 relationship.

We will create a User and Roles and Role_users table. all tables are connected to each other table. Now we will create many to many relationships with each other by using the laravel Eloquent Model.

Also, we will create migration with a foreign key, sync with a pivot table, retrieve records using the model, insert new records, update records, etc.


![Many To Many Relationship Laravel 9 Example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gljcl496ia45ngr8gllz.png)