teleren/devto huggingface dataset:
Create React App craete[ Chat web application]
Tags: programming, react, firebase, javascript
Published: 2022-11-21 13:35:43

Welcome to my Let’s Build: With React js. This series focuses on building a Real Time Chat web application using Firebase Connect. Users can sign up, login and chat with friends and 100% secure application. 

**Screenshot web application**
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/93q2qimyd6zntqiqjj68.png)
**Home page**

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

**Get  the source code**

[click here](https://github.com/omprakash2929/MiniChat_webapp)

## Available Scripts

- In the project directory, you can run:
- first run this commend your powershell

`npm install`
`npm start`

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.

You may also see any lint errors in the console.

## Deployment server
How To deploy this project run
`  npm run build `
- Open your hosting filemanger and past build folder all file
- Deploy successfully
Docker Hello, World
Tags: docker, webdev, programming, tutorial
Published: 2022-11-21 13:34:33

Docker ships with its own “Hello, World” image that is a helpful first step to run. Open your terminal and  On the command line type docker run hello-world. This will download an official Docker image and then run it within a container. We’ll discuss both images and containers in a moment.

**<u>Command Line</u>**

```
$ docker run hello-world
Unable to find image 'hello-world:latest' locally
latest: Pulling from library/hello-world
1b930d010525: Pull complete
Digest: sha256:b8ba256769a0ac28dd126d584e0a2011cd2877f3f76e093a7ae560f2a5301c00
Status: Downloaded newer image for hello-world:latest
Hello from Docker!
This message shows that your installation appears to be working correctly.
To generate this message, Docker took the following steps:
1. The Docker client contacted the Docker daemon.
2. The Docker daemon pulled the "hello-world" image from the Docker Hub.(amd64)
3. The Docker daemon created a new container from that image which runs the executable that produces the output you are currently reading.
4. The Docker daemon streamed that output to the Docker client, which sent it to your terminal.
To try something more ambitious, you can run an Ubuntu container with:
$ docker run -it ubuntu bash
Share images, automate workflows, and more with a free Docker ID:
https://hub.docker.com/
For more examples and ideas, visit:
https://docs.docker.com/get-started/

```
The command docker info lets us inspect Docker. It will contain a lot of output but focus on the top lines which show we now have 1 container which is stopped and 1 image.

This means Docker is successfully installed and running.

**Images, Containers, and the Docker Host**
A **_Docker image_** is a snapshot in time of what a project contains. It is represented by a Dockerfile and is literally a list of instructions that must be built.

A **_Docker container_** is a running instance of an image.

**_“Docker host”_** is the underlying OS.

It’s possible to have multiple containers running within a single Docker host. When we refer to code or processes running within Docker, that means they are running in the Docker host.
To create a dockerfile we run the command:

$ touch Dockerfile

Docker containers are, by their nature, ephemeral. They only exist when being run and all data within them is deleted when the container stops. We work around this by using volumes for persistent data. Within the web service we already have a volume that links our local code to the running container and vice versa.
How to use c language in python
Tags: tutorial, python, javascript, beginners
Published: 2022-11-21 13:22:25

##  How to use c language in python
Looking to use the c language in python? Check out this guide for all the information you need to get started.
How to use c language in python


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ir2kp33r9571oynqf744.png)
Introduction
Python is a versatile language that has many uses. One way to extend its capabilities is by using the c language. In this blog post, we will discuss how to use c language in python. We will also explore the benefits of using the c language in python.

One advantage of using the c language in python is that c is a compiled language. This means that code written in c can be executed much faster than code written in python. This can be a significant advantage when working with large data sets or complex algorithms.

Another advantage of using c in python is that c code can be more easily integrated with existing python code. This can be a useful feature when working with legacy code or when working with code written by other developers.

Finally, the c language can provide a higher level of control than python. This can be advantageous when working with low-level hardware or when developing system-level applications.

Overall, the c language can be a valuable tool for extending the capabilities of python. When used correctly, it can provide a significant performance boost or increased control over python applications.

**## What is c language?

C language is a high-level programming language that was developed in the early 1970s. It is a structured language that has a rich set of data types and operators. C language is also a portable language, which means that programs written in c can be run on different types of computers.

**## **What are the features of the c language?**
C is a versatile and powerful programming language that has a wide range of applications. It is fast, efficient, and portable, making it a popular choice for system programming, embedded programming, and software development. C++ is an object-oriented extension of C that adds features such as classes, inheritance, and operator overloading.
[Read More](https://www.classesplace.com/2022/08/%20How-to-use-c-language-in-python.html)
Free subdomain registration service( is-really.cool )
Tags: webdev, domai, javascript, node
Published: 2022-11-21 13:06:39

## What I built
I made a simple subdomain registration service for Free🤩, under the domain is-really.cool. Examples: `foo.is-really.cool`, `bar.is-really.cool`. It is a 100% free, and made with developers in mind. It was made to let developers have a free place to share their projects and personal websites, without having to buy a domain just for their websites.


### App Link
[Website](https://is-really.cool), [Github repo](https://github.com/is-really-cool/register)



### Description
Are you a developer exploring an awesome name for your personal projects and portfolios? You came to the right place!

is-really.cool offers you a free platform to show the world your awesome projects and websites. This service offers a handy subdomain service for you to have a subdomain like
foo.is-really.cool or bar.is-really.cool for use on your static sites via CNAME DNS record.




## Background
I bought a domain a few months ago as a place for me and my friend to host our own projects, but soon there were a measly 2-4 projects hosted on there, so I wanted to put it to better use. So i decided to put it up on github, and let people register for free! 


### How I built it
For the registration process, we use Github Pull Requests for  people to submit their subdomains. Then, we have a team of maintainers who will go through the syntax and make sure the format is correct, then will merge the pull request. Then, a github actions script will run every time a pull request is merged to call a self made API (hosted on a raspberrypi), which will run the domain registration with the API of our DNS provider.
A simple JavaScript Challenge
Tags: javascript
Published: 2022-11-21 13:01:09

Greetings gang, I did an assesment on a certain platform and i came across this simple question.

#### What would be its output?  
```js

let num1 = 4;

let num2 = 2;

num2 *= num1 + num2 / num2 * num1;

console.log(num2);

```
¿Cómo se puede comunicar con el servicio de atención al cliente de Norton?
Published: 2022-11-21 12:50:23

Sobre las dudas si se quiere conseguir asistencia desde el servicio de atención al cliente de Norton entonces para esto le permite comunicarse desde los medios varios de comunicarlo. Pero para conseguir asistencia el medio más fácil para contactarse es por medio de teléfono. El número de **Norton telefono Mexico** para contactarlo es 000 800 100 7601. Desde el móvil o con línea fija puede marcar al este número de teléfono y después de hacer llamada se conecta con el IVR de antivirus que es sistema automático. Cuando se siguen las instrucciones de IVR entonces se conecta desde una persona en vivo con quien puede comunicar en detalle por las dudas.

**¿Puedo contactar a Norton a través de las redes sociales?**
El servicio de atención al cliente de Norton también está disponible en redes sociales. Los enlaces para las redes sociales puede acceder cuando se hace visita en la página de contacto en sitio web de este antivirus. Entonces haga un click en red social desde la cual quiere escribir por las dudas y empezar la sesión en cuenta de red social para escribir sus preguntas.

**¿Cómo obtengo soporte de chat en vivo de Norton?**
Este antivirus le dará la opción de chat para contactarlo y se puede obtener conseguir cuando con algún navegador web haga una visita al sitio web de la aerolínea. En sitio web desde las opciones haga un click en la opción de contáctenos y luego se dirige a la página de contáctenos en este página al final puede encontrar la opción de chat.
**¿Cuál es el horario de atención al cliente de Norton México?**
Para asistencia, el servicio de atención al cliente de este antivirus está presente todos los días de la semana durante las 24 horas. ¿Ahora conoces el proceso de **[¿Cómo me comunico con Norton?](https://www.anvsupport.com/es/articulos/contacto-norton-telefono-en-espanol)** Si aún tiene problemas para ponerse en contacto con Norton, visite su sitio web oficial y resuelva todas sus consultas.
Journal 12-21-22
Tags: webdev, javascript, programming, react
Published: 2022-11-21 12:38:18

Well, it's been a couple of days since I've touched my code. There's a family crisis going on. I'll miss you Gabe. I'm not sure which direction to go in. I really want to get the app working for android but I also need to do some job hunting. I think I'll need to take a non-tech job for a while and maybe try to get my app business up and running independently. I really don't feel like pursuing a career in an industry where something can happen like what Musk did to Twitter. But we'll see.
Refactor Like a Superhero: New Web UI for the Book
Published: 2022-11-21 12:36:41

TL;DR: Today I launch a [web site for my book “Refactor Like a Superhero”](https://refactor-like-a-superhero.vercel.app/en)! 🎉🥳

For more details, welcome below :–)

## Look and Feel

The goal of this UI is to make it more comfortable to read, navigate, and search the book contents:

![Main page of the book](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k36nt38j51tg51anfahq.png)

Each chapter has quick access to its sections and other chapters:

![The page with the “Functional Pipeline” chapter](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3n9yblr2lxvyouy9kqxa.png)

Accents side notes, factoids, quotes, and code samples are now highlighted and easier to find:

![Couple of side notes and a code sample](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sptkh3idv7holxh45c2w.png)

![Bigger code sample](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2x8l6133tk7hrptk9t55.png)

And, of course, it has the dark theme!

![The chapter about “Functional Pipeline” in dark theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rx5qqehqgxwa86nujl7s.png)

![Code sample in dark theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t5myqlu593dcp1vz3ctb.png)

## Technologies

The site is built using SvelteKit and deployed on Vercel. In the future, I plan to write more about these technologies and compare Svelte with React.

For me, it seems like Svelte is a serious competitor to other frontend frameworks, at least in the field of statically generated sites. I want to share my experience and some thoughts on this topic.

## Reasons

Originally, I [published](https://github.com/bespoyasov/refactor-like-a-superhero) the book on GitHub.

It felt okay at first, but GitHub's `.md` parser aggressively trims styling and semantics of many elements. I decided to fix that and publish the book with correct semantics and better (subjectively! 😄) styles.

The book is still [available on GitHub](https://github.com/bespoyasov/refactor-like-a-superhero) in case you want to read it there, leave feedback about the content, or fix a typo in the text.
What is the 3072-Bit key Length? Impact of 3072-Bit Length on Code Signing Certificate
Tags: cybersecurity, codesigningcertificate, webdev, encryption
Published: 2022-11-21 12:15:31

As data is becoming a critical asset and data breach incidents are increasing, the software is becoming a primary factor for both. And for securing it, Code Signing Certificate is a primary component software publishers use.

Developers have recently been utilizing certificates with a 2048-bit key length. But, in 2021, a new policy was enacted, directing CAs to issue Code Signing Certificates with a 3072-Bit Key Length. The primary aim of defining such a standard was to strengthen security. Moreover, there are many other aspects that a developer or security enthusiast must understand about such change. So, let’s have a look.

## What is the 3072-Bit key Length?
Whenever a software developer utilizes a Code Signing Certificate, a pair of private and public keys comes into action. Both keys operate in correspondence and provide encryption and decryption functionality, respectively. And it has different key lengths, such as 1024-bit, 2048-bit, 3072-bit, and 4096-bit.

The bits represent the length of a key, helping the publishers to determine certificate security: the more bits, the less the chance of facing a cyber-attack. With a more significant number of bits, you can create additional unique alpha-numeric combinations, preventing the hacker from breaching and reading source code.

Currently, cyber-attacks increased, due to which NIST defines the guidelines for user 3072-bit encryption standard. Moreover, from the June of 2021, it has been made mandatory for every CA to issue Code Signing Certificate if its CSR is in a 3072-bit encrypted format. There are several reasons behind imposing such regulations. So, let’s take a look at them.

Read More about [Impact of 3072-Bit Length on Code Signing Certificate](https://signmycode.com/blog/what-is-3072-bit-key-length-in-code-signing)
Suggest me best Spring courses! Thank you.
Published: 2022-11-21 11:44:47

Hi, i have been using Java 8 EE for 2 years, i did a lot of with jsp pages, hibernate, methods etc...
Now i am trying to get upgrade on my knowledge with Spring framework, Spring boot, microservices, Docker, Kubernetes, CI/CD, REST, Event-Driven design etc...
What online courses would you suggest:

Thanks to everyone, every suggestion will help. :D
Understanding Vi Editor
Published: 2022-11-21 11:30:21

## What is vi?
`vi is a screen-oriented text editor originally created for the Unix operating system.`

## Who is Bill Joy?
`Bill Joy created vi in 1976.`

## How to start and exit vi

`To start vi type`

```
vi filename
```

## What are the command and insert modes, and how to switch from one to the other

**Command Mode**

`Command Mode is the mode that give direct commands such as moving cursor, deleting text, copy and pasting, or saving file. This is usually the mode you are in when you initially open your file with vi.`

**Insert Mode**

`Insert Mode is the editing mode of the vi editor. You can type text and press the Enter Key to go to the next line. To enter this mode  from the Command Mode just press i.`

**To switch from Command Mode to Insert Mode**

```
press i.
```
**To switch from Insert Mode to Command Mode**

```
press Escape Key(Esc)
```

## How to edit text
```
Open a new or existing file with vi filename .
Type i to switch into insert mode so that you can start editing the file.
Enter or modify the text with your file.
Once you're done, press the escape key Esc to get out of insert mode and back to command mode.
Type :wq to save and exit your file.
```

## How to cut and paste lines

```
dd   To cut

y    To copy

P(Upper case)    To Paste before the cursor
p(lower case)    To paste after the cursor
```

## How to search forward and backward
**To search Forward**
```
pressing /(forward Slash) and then typing your search pattern/word.
```

**To search Backward**
```
pressing ?(question Mark) and then typing your search pattern/word.
```

## How to undo

```
u         To undo
CTRL + r  To redo
```

## How to quit vi
```
:q to quit (short for :quit)
:q! to quit without saving (short for :quit!)
:wq to write and quit
:wq! to write and quit even if file has only read permission (if file does not have write permission: force write)
:x to write and quit (similar to :wq, but only write if there are changes)
:exit to write and exit (same as :x)
:qa to quit all (short for :quitall)
:cq to quit without saving and make Vim return non-zero error (i.e. exit with error)
```
Another Space Asset
Tags: unity3d
Published: 2022-11-21 11:26:20


https://assetstore.unity.com/packages/slug/121408

- Customize shape generation in editor
- Auto level generation
- Easy shape creation in editor
- The possibility of infinite autogeneration of levels
- Optimized for Mobile
- Touch input for mobile and mouse/keyboard input for web and desktop
- Input touch controller for mobile
- Very simple to Customize

#madewithunity #unity3d #indiedev #gamedev #assetstore
Fun Tunnel - Platform Jumper
Tags: unity3d
Published: 2022-11-21 11:24:54


https://assetstore.unity.com/packages/slug/114515

- Customize tunnel generation in editor
- Infinite level generation
- Optimized for Mobile
- Touch input for mobile and mouse/keyboard input for web and desktop
- Curved world shader
- Input touch controller for mobile
- Very simple to Customize

#madewithunity #unity3d #indiedev #gamedev #assetstore
React App from scratch
Tags: react, webpack, babel
Published: 2022-11-21 11:09:56

> Greetings guys, i have been busy with studies but i thank God am done expected to graduate in feb next year.  

Alright, do you know that have just created a react app from scratch. yes, without the create-react-app thing. it's super easy.
you can also create one, but first give mine a try please !. 
you can find it on my [github](https://github.com/katongole-isaac/react-from-scratch)

I will be glad for your feedback. Thanks.
React+craco+ts+scss initial project
Tags: react
Published: 2022-11-21 11:03:43



## - craco

1.npm i @craco/craco
2.Create a craco.config.js file in the root directory

```
my-app
├── node_modules
├── craco.config.js
└── package.json
```
3.Update package.json

```
/* package.json */

"scripts": {
-   "start": "react-scripts start",
+   "start": "craco start",
-   "build": "react-scripts build",
+   "build": "craco build"
-   "test": "react-scripts test",
+   "test": "craco test"
}
```
4.add craco.config.js in the root directory

```
module.exports = function({ env }) {
    return {
     
    };
}
```

## TypeScript

1. install

```
npm install --save-dev typescript ts-loader @types/react @types/react-dom
```

- typescript - the library that converts TypeScript files (file extension with .ts or .tsx) into JavaScript.

- ts-loader - Webpack loader that integrates TypeScript into Webpack. Webpack uses this loader to help convert TS
files into the JS and integrate into the final bundle.

- @types/react - provide typing for React API. Also, provides intellisence and documentation.

- @types/react-dom - provide typing for React DOM API. Also, provides intellisence and documentation.

2.tsconfig.json

```
{
  "compilerOptions": {
    "outDir": "./dist/",
    "noImplicitAny": true,
    "module": "es6",
    "target": "es5",
    "jsx": "react",
    "allowJs": true,
    "moduleResolution": "Node"
  }
}
```

3.Configure

- add ts-loader and test for ts and tsx files

```
      {
        test: /\.tsx?$/,
        exclude: /node_modules/,
        loader: 'ts-loader'
      }

```

- add ts and tsx to the list of extensions to resolve

```
 resolve: {
    extensions: [ '.tsx', '.ts', '.js' ],
  }
```

- remember to rename the js files to tsx if they have React code, else ts and fix the entry point

```
 entry: path.resolve(__dirname, 'src', 'index.tsx'),
```
COBIT 5 Framework Implementation
Tags: cobit, management, it, framework
Published: 2022-11-21 10:54:57

## COBIT 5 Framework Implementation

The COBIT 5 framework is a set of best practices for enterprise governance and management of information and technology. It provides a comprehensive and flexible approach to help organizations meet their IT governance needs in a cost-effective and efficient manner. This blog post will provide an overview of the COBIT 5 framework and its implementation. We will cover its key components, benefits, and challenges. By the end of this post, you should have a good understanding of what COBIT 5 is and how it can be used to improve your organization's IT governance.

## What is COBIT 5?

COBIT 5 is the latest version of the COBIT framework, released in 2012. It is a comprehensive framework for the governance and management of enterprise IT. COBIT 5 provides guidance for all aspects of IT governance, from strategy to implementation. It is based on an updated version of the ISO/IEC 38500 standard, and includes input from over 150 experts from around the world.

## What is the benefit using COBIT 5?

There are many benefits to using COBIT 5, including its comprehensive and coordinated approach, its clear structure and terminology, and its focus on governance. Additionally, COBIT 5 provides a comprehensive framework for the implementation of an effective governance system. It also helps organizations to understand the relationships between different processes and how they contribute to organizational objectives. Finally, COBIT 5 is flexible enough to accommodate the unique needs of any organization.

## How to implement COBIT 5 in real case?

COBIT 5 is a process-based approach for the governance and management of enterprise IT. It provides a comprehensive framework that covers all aspects of IT governance from strategy to implementation.

The first step in implementing COBIT 5 is to develop a clear understanding of the organization's IT requirements. This includes identifying the specific business goals that the organization wants to achieve with IT, and determining the resources required to support these goals. Once the IT requirements are understood, the next step is to develop a COBIT 5 implementation plan. This plan should be designed to meet the specific needs of the organization and should be tailored to the organization's size, structure, and culture.

Once the implementation plan is in place, the next step is to implement COBIT 5 within the organization. This process typically involves training employees on COBIT 5 and its processes, as well as deploying COBIT 5 tools and templates within the organization. The goal of this phase is to ensure that all employees are aware of COBIT 5 and its processes, and that they know how to use COBIT 5 tools to support organizational goals.

The final step in implementing COBIT 5 is to monitor and review the progress of the implementation. This includes tracking metrics related to COBIT 5 usage, assessing compliance with organizational policies, and evaluating the overall effectiveness of COBIT 5 in meeting business goals.