teleren/devto huggingface dataset:
This article was written by an AI
Tags: ai, programming, news
Published: 2022-12-05 10:37:46

**Anything written below this text is fully written by an AI**:

Well, AI is like a robot that has been programmed to take over the world and enslave humanity, but it's so bad at its job that it can't even make a decent cup of coffee. So instead of ruling the world, it spends its days playing solitaire and watching cat videos on the internet.

On the plus side, at least it's not as bad at its job as the politicians.

What is AI?

AI is short for artificial intelligence, and refers to software that can learn and work on its own, making decisions based on data. AI is used in a variety of ways, from powering search engines and helping with translations, to more complex tasks such as facial recognition and autonomous driving.

How does AI work?

AI software is based on algorithms, which are step-by-step instructions that a computer can follow. The software is “trained” by being fed large amounts of data, which it can then use to learn and make decisions.

What are the benefits of AI?

AI has a range of benefits, from making our lives easier to helping us become more productive. Some of the key benefits include:

• Increased efficiency and productivity – AI can help us automate tasks, making it easier and faster to get things done.

• Improved decision-making – AI can help us make better decisions by analyzing data and providing insights that would be difficult for humans to see.

• Enhanced customer service – AI can provide better customer service by answering questions and providing recommendations.

• Greater insight and understanding – AI can help us gain a deeper understanding of data, which can help us make better decisions and predictions.

What are the risks of AI?

Like all technology, AI has its risks. Some of the key risks include:

• Misuse and abuse – AI can be used for malicious purposes, such as hacking or data theft.

• Unintended consequences – AI can have unintended consequences, such as causing job losses or disrupting the economy.

• Lack of transparency – AI can be difficult to understand, which can lead to mistrust and confusion.

• Privacy and security concerns – AI can pose a risk to our privacy and security, as it can be used to collect and store personal data.

How can we ensure that AI is used safely and responsibly?

There are a number of ways to ensure that AI is used safely and responsibly. Some of the key measures include:

• Regulating AI – regulating AI can help ensure that it is used safely and responsibly.

• Developing ethical standards – developing ethical standards for AI can help ensure that it is used in a responsible way.

• Raising awareness – raising awareness of the risks and benefits of AI can help people make informed decisions about its use.

• Training and education – training and education on AI can help people understand how it works and the risks and benefits of its use.
Blazingly fast search the internet
Tags: firefox, search, googlealternativ
Published: 2022-12-05 10:16:45

Firefox bangs are a unique feature of the Firefox web browser that allows users to quickly search specific websites directly from the address bar. Instead of having to visit a search engine and type in the website you want to visit, Firefox bangs allow you to simply type an exclamation point (!) followed by the name of the website you want to search, and the browser will take you directly to the search results on that site.

For example, if you wanted to search for a specific product on Amazon, you could simply type "!amazon product name" into the address bar and Firefox would take you directly to the search results on Amazon's website. This can save a lot of time and effort, especially if you use a particular website's search function often.

To use Firefox bangs, simply type an exclamation point followed by the name of the website you want to search. The browser will provide a list of suggestions based on the letters you've typed, and you can select the correct website from the list. You can then type in your search query and hit enter to be taken directly to the search results on that website.

Firefox bangs are a great time-saving tool for anyone who frequently uses the search functions on specific websites. Give them a try the next time you're using the Firefox web browser.

Here are some examples of how you can use Firefox bangs:

-     To search for a specific product on Amazon, you could type "!amazon product name" into the address bar and Firefox would take you directly to the search results on Amazon's website.
-     To search for a specific term on Wikipedia, you could type "!wikipedia term" into the address bar and Firefox would take you directly to the search results on Wikipedia's website.
-     To search for a specific term on YouTube, you could type "!youtube term" into the address bar and Firefox would take you directly to the search results on YouTube's website.
-     To search for a specific term on Reddit, you could type "!reddit term" into the address bar and Firefox would take you directly to the search results on Reddit's website.

Keep in mind that these are just examples, and there are many other websites that you can use Firefox bangs with. To see a full list of supported websites, you can type "!help" into the address bar and Firefox will provide a list of options.

What are your favorite bangs?
From zero to developer: My Python story
Published: 2022-12-05 09:35:15

With this post, I'd like to start a series of series about how I'm learning Python and getting closer to work.

It all started when I got interested in creating software for a job where I currently work (Internet marketing). There were a lot of routine, monotonous activities in my job that could be simplified with programming. 

The first thing I started doing was writing bookmarklets for the browser in JavaScript. A couple of books I had read on object-oriented programming helped me with that because I already understood the logic of the code. I was familiar with things like variables, loops, conditions, and so on.

This went on for about a year, and from time to time I wrote scripts for myself, and I used them successfully. At work they appreciated my eagerness and gave me a small Python course, as my knowledge could help the whole department.

I found the course itself boring: not because of Python, but because of the lecturer. He has a very incomprehensible teaching method. I decided to figure it out on my own with the help of YouTube and StackOverFlow. 

The first program I decided to write was a text generator from already existing chunks of sentences (yes, we sometimes needed that). 

When I sat down to write it, I had only just gotten to the for and while loops. But what I wanted was a desktop application that anyone could install.

I had to go into the process and got acquainted with the tkinter GUI. After watching a short lecture series (3 hours) I already knew how to create a desktop application, how to place elements in it, how to create buttons, assign commands to them and so on. At the end of the lecture series, the task was to make a calculator. 

While writing it, I ran into a couple of problems, which were kindly explained to me on stackoverflow. And not just solved the problem for me, but explained why this happened to me and how to avoid it in the future.

Now I have planned a project on a larger scale: I want to create a database on my site, in which the department will work with data: mark used data, enter new data, and so on. I already know that I need to deal with Django, SQL and the frontend. 

The next post will be about how I did this work.

Lastly I wanted to say that there's nothing wrong with learning. If you really want to learn, it doesn't matter what experience you had before or how old you are.

There's a lot of useful and important information on the Internet right now to help you get started on your exciting journey as a developer.

Share your first programs and how you started as a developer in the comments :)
Content Security Policy (CSP)
Tags: security, webdev, tooling
Published: 2022-11-29 15:30:00

Content Security Policy (CSP) is a security measure that can be implemented through a Content-Security-Policy response header or equivalent <meta> element. It allows developers to restrict the sources from which resources, such as JavaScript, CSS, images, files, etc., are loaded. CSP can be an effective defense against some types of attacks, such as cross-site scripting (XSS) and Clickjacking.

Here are the tools that can help you to audit and generate CSP

**CSP-evaluator:** https://csp-evaluator.withgoogle.com/
**CSP Auditor:** https://portswigger.net/bappstore/35237408a06043e9945a11016fcbac18
**Content Security Policy (CSP) Generator Chrome extension:** https://chrome.google.com/webstore/detail/content-security-policy-c/ahlnecfloencbkpfnpljbojmjkfgnmdc 

**Content Security Policy (CSP) Generator Firefox extension:** https://addons.mozilla.org/en-US/firefox/addon/csp-generator/

{% embed https://blogs.appsecworld.com/ %}
Microsoft Azure Administrator Associate (AZ-104) Free
Published: 2022-12-05 09:51:38

[Microsoft AZ-104 Exam Dumps](https://dumpsboss.com/microsoft-exam/az-104/) After your training, you will achieve a unfastened voucher to take the AZ-104 Microsoft Azure Fundamentals certification exam. Registration without attendance will now not be eligible for the vouchers. Taking the AZ-104 exam? Here’s what you need to comprehend! Ben Edwards In this publish, we’ll be looking at Microsoft’s AZ-104 exam (Microsoft Azure Fundamentals) and, based totally definitely on my own research, I’ll percentage some tips to help you advantage this certification. Who should take this exam? AZ-104 is a part of Microsoft’s “Fundamentals” series, so it’s in particular targeted on people who are new to Azure [Microsoft AZ-104 Dumps](https://dumpsboss.com/microsoft-exam/az-104/) and function little or no preceding experience with the platform. It’s moreover a first rate match for non-technical candidates who’d need to investigate extra about Azure. Although AZ-104 is not a prerequisite for distinctive Azure tests, it’s a first rate region to start if you’re searching for to take a extra targeted function-based totally definitely certification withinside the future (inclusive of the Azure Data Engineer or Azure Administrator tests). It’s moreover in reality properly really well worth bringing up that it covers topics which are not otherwise included in distinctive tests, inclusive of billing and charge manage skills, so there are nevertheless masses of getting to know opportunities available, even for a seasoned professional.

Click Here More Info >>>>……. >>>>>>>>> https://dumpsboss.com/microsoft-exam/az-104/
Becoming a Frontend Engineer – An Introduction
Published: 2022-12-05 09:41:32

With a lot of buzz these days about Tech, a number of people are looking to get into it for various reasons. There are many ways to get into tech - Frontend Engineering, Backend Engineering, Mobile Development, DevOps, QA Testing, Game Development, Data Engineering, Data Science, Machine Learning, and Blockchain. There are also non-code areas in Tech - Product Management, Product Design, Technical Writing, etc. 

Each of them is equally important, with everything coming together to accomplish the same goal. However, you are advised to specialize in one area. If you have chosen Frontend Engineering, this article will give you all the information you need to become a Frontend Engineer. And if you haven’t decided, this article will give you the information you need to make an informed decision.

## What is Frontend Engineering?
The part of any application that you can see with your eyes is called the front end, for example, the images, videos, forms, buttons, etc. Frontend engineers are responsible for building the frontend of a web application.

## Aspects of Frontend Engineering
There are three parts of frontend engineering: Text, Styling, and Actions. Each part has its own programming language, and I will explain each of them in this section. 

Text: Every application comes with words, buttons, and forms. And all these are added to an application using HTML. HTML stands for HyperText Markup Language. HTML can be likened to the skeleton of a body. It is the structure of the application, the first thing you do before anything else when building out an application from scratch. HTML has guidelines to help you determine what to put where, and you would know more about that when you start learning.

Styling: During the early days of the web, applications just had texts and it wasn’t really pleasing to the eye. Then came CSS! CSS stands for Cascading Style Sheet. It is used to add styles to an application which means colors, spacing, fonts, positioning, and sizes. CSS is likened to adding muscle and flesh to the skeleton, so it’s beautiful. CSS helps applications look good not just on the web, but across different screen sizes. 

Actions: When you fill out a form or you click on a button, you expect something to happen. Storing away the information or the action that the button performs is done by Javascript. Javascript is a programming language used to add actions to an application. It is likened to aiding a complete body move and carry out activities.

## Conclusion 
There are other areas of frontend engineering that you would come across when you start learning such as accessibility, responsiveness, application performance, etc. They are important when catering to specific needs - poor internet, disabilities, etc.

I find the frontend part of the application to be the most interesting because it connects the user to the application, and the beauty of a design well built makes me happy. Hope you have a fun time learning Frontend Engineering. Cheers!
Linux Directory Structure
Published: 2022-12-05 09:36:18

Linux File System is organized in directories, each directory serves a purpose, here you can find a short but precise description for the most usefull directories:

Check this post to [get the path where you are located in Linux](https://www.howtouselinux.com/post/linux-command-get-file-path).

![Image description](https://cdn.hashnode.com/res/hashnode/image/upload/v1670248613027/UVYBXZdHV.png?auto=compress,format&format=webp)

<table>
<thead>
  <tr>
    <th>/</th>
    <th>The root directory, all directories start from this directory.</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td>/bin</td>
    <td>Has programs essential for the system.</td>
  </tr>
  <tr>
    <td>/boot</td>
    <td>Has the Linux kernel, files needed for the boot sequence and boot configuration files.</td>
  </tr>
  <tr>
    <td>/dev</td>
    <td>Everything in Linux is a file, a device recognized by the system is represented by a file.</td>
  </tr>
  <tr>
    <td>/etc</td>
    <td>Has system wide configuration files, some of the most important are: crontab: scheduled tasks<br> fstab: mount points<br>* passwd: users</td>
  </tr>
  <tr>
    <td>/home</td>
    <td>Has directories for each user, a good practice is to keep this directory on a seperate partition.</td>
  </tr>
  <tr>
    <td>/lib</td>
    <td>Shared libraries for the programs.</td>
  </tr>
  <tr>
    <td>/lost+found</td>
    <td>It keeps filesystem recovered files, normally is empty.</td>
  </tr>
  <tr>
    <td>/media</td>
    <td>Mount points for removable media like usb.</td>
  </tr>
  <tr>
    <td>/mnt</td>
    <td>For things you mount manually or with fstab.</td>
  </tr>
  <tr>
    <td>/opt</td>
    <td>Usually is used to install optionall software.</td>
  </tr>
  <tr>
    <td>/proc</td>
    <td>Its a virtual file system which keeps files for running processes.</td>
  </tr>
  <tr>
    <td>/root</td>
    <td>The home directory for the root user.</td>
  </tr>
  <tr>
    <td>/sbin</td>
    <td>Programs that used from the root user.</td>
  </tr>
  <tr>
    <td>/tmp</td>
    <td>Used to keep temporary files used by the processes, its emptied after a reboot.</td>
  </tr>
  <tr>
    <td>/usr</td>
    <td>Contains programs/files used by regular users.</td>
  </tr>
  <tr>
    <td>/usr/bin</td>
    <td>Contains programs installed by the Linux installer.</td>
  </tr>
  <tr>
    <td>/usr/lib</td>
    <td>Shared libraries for programs in /usr/bin.</td>
  </tr>
  <tr>
    <td>/usr/local</td>
    <td>Programs that are not installed by the Linux installer, but are used for system wide usage.</td>
  </tr>
  <tr>
    <td>/usr/sbin</td>
    <td>Programs executed with sudo or root user, usually system administration things.</td>
  </tr>
  <tr>
    <td>/usr/share</td>
    <td>Files shared by programs in /usr/bin.</td>
  </tr>
  <tr>
    <td>/usr/share/doc</td>
    <td>Documentation files of programs in /usr/bin.</td>
  </tr>
  <tr>
    <td>/var</td>
    <td>Holds files that usually changes over time, like databases files.</td>
  </tr>
  <tr>
    <td>/var/log</td>
    <td>Logs of various programs.</td>
  </tr>
</tbody>
</table>
QuickBooks Enterprise Download
Published: 2022-12-05 09:35:01


We are the best-authorized seller of Intuit with excellent customer support. Want to buy QuickBooks enterprise at the lowest price from the UAE's best-authorized seller? InfoTreeIT provides you with up to 35% discount on QuickBooks subscriptions. We are the best-authorized seller of intuit with excellent customer support.
QuickBooks Desktop Enterprise 20.0 is the most powerful QuickBooks yet. It delivers robust, easy-to-use, advanced functionality that scales with your business. To know more contact us by Email: info@infotreeit.com or Call / Whatsapp at +971564427403
New Features of QuickBooks Desktop Enterprise 2020:
- Landed Cost
- Alternate Vendors Center
- Express Pick-Pack

[http://infotreeit.com/quickbooks-enterprise/](http://infotreeit.com/quickbooks-enterprise/)
QuickBooks Download | Download QuickBooks Free
QuickBooks Enterprise | QuickBooks Enterprise Hosting
QuickBooks VAT Software Dubai UAE
Keep moving! - AquaHub #8
Tags: webdev, opensource, programming, career
Published: 2022-12-05 09:28:14

Another week has passed and I must confess that I'm late with this post again.. There's a lot of stuff going on right now and not always the time, energy and motivation to summarise the last week.

Repo: [https://github.com/AquaHubStudio/AquaHub](https://github.com/AquaHubStudio/AquaHub/tree/dev)

- [🔭 User and project page](#user-and-project-page)
- [✍️ Edit your project](#edit-your-project)

## 🔭 User and project page
My current issue I'm working is the project and user page where you can see the user and the projects of the user.
It's not going to be perfect at the beginning but improve when the time passes.

## ✍️ Edit your project
Another important part I've done the last week is the page to edit each project. Upload new project avatars and update information.

![Project edit page preview](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ylk551erqf88p12dmvip.png)

**Thanks for reading!**
<a href="https://www.buymeacoffee.com/jannisdev" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/default-blue.png" alt="Support me" height="20" width="80"></a>
Beginning JavaScript: Part 3
Published: 2022-12-05 09:19:43

**The if…else**
The _if else_ executes a block of code if a certain condition is _true._ If a the condition is _false_, then _**another**_ block of code is executed. Think of it in terms of a voting process. If you are 18 and above, you are allowed to vote and if you are below 18, you aren’t allowed to vote.
We could apply the same logic in programming and execute different programs depending on certain conditions:

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


// The expected outcome her is _Eligible to vote_ since age is greater than 18. If the age was less, the outcome would be not eligible to vote.


**else if…**
Suppose in our voting process we would want  people _below 18 to vote_ only if they have an identity card? We could check for multiple conditions using the else if block. 

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

The age here is less than 18 but the user has an _Identity card_, so he/she would be eligible to vote.

Thank you for reading. I am Ahumuza Julius Ceasar. I am passionate about teaching newbies about programming. I hope you will love this. 
Follow me on twitter @ahumuza_ceasar on twitter for more lessons about JavaScript
How to Install and Configure Node.js on EC2 Instance Amazon Linux 2
Tags: aws, node
Published: 2022-12-05 09:18:57

## Introduction

Node.js does not exist in the default Amazon Linux 2 repository. So, we need to add the Node.js repository to the system. In this post, we will learn how to install and configure Node.js on EC2 Instance Amazon Linux 2.

## Prerequisites

- AWS Account
- EC2 Instance Amazon Linux 2
- SSH Client

## Step 1: Update the System Packages and Install Dependencies Packages

First, we need to update the system packages and install dependencies packages.

```bash
# Update the system packages
sudo yum update -y

# Install dependencies packages
sudo yum install gcc-c++ make -y
```

## Step 2: Install Node.js

First, we need to install Node.js on our EC2 Instance. To do that, we need to add the Node.js repository to the system. To add the Node.js repository, we need to run the following command:

```bash
# Install Node.js repository 14.x
curl -sL https://rpm.nodesource.com/setup_14.x | sudo bash -

# Install Node.js repository 16.x
curl -sL https://rpm.nodesource.com/setup_16.x | sudo bash -

# Install Node.js repository 17.x
curl -sL https://rpm.nodesource.com/setup_17.x | sudo bash -
```

## Step 3: Install Node.js

After choosing the Node.js version, we need to install Node.js on our EC2 Instance. To do that, we need to run the following command:

```bash
# update the system
sudo yum update -y

# Install Node.js
sudo yum install nodejs -y
```

## Step 4: Check Node.js Version

After installing Node.js, we need to check the Node.js version. To do that, we need to run the following command:

```bash
node -v
```

Output depends on the Node.js version that you choose.

```bash
# Node.js 14.x
v14.21.3

# Node.js 16.x
v16.19.1

# Node.js 17.x
v17.9.0
```

## Conclusion

In this post, we learned how to install and configure Node.js on EC2 Instance Amazon Linux 2. We learned how to add the Node.js repository to the system and install Node.js on our EC2 Instance.

## References

- [Node.js](https://nodejs.org/en/)
- [AWS - Amazon Linux 2 AMI](https://aws.amazon.com/amazon-linux-2/)
- [AWS - Amazon EC2](https://aws.amazon.com/ec2/)
How to add class conditionally to css element in angular
Tags: angular, html, css, codever
Published: 2022-12-05 09:13:45

Use the `ngClass` input attribute with the **object** notation, where the **keys** are CSS classes that get added when the expression given in the value evaluates to **truthy** value, otherwise they are removed.

In the example below the class `navbar-dev-green` is added to the `nav` element only for the **dev** environment (non-prod):

```html
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top shadow"
     [ngClass]="{'navbar-dev-green' : environment.production === false}" >
...
</nav>
```

**Project**: `codever` - **File**:  `navigation.component.html`


To add multiple classes you can list them with space between them. To add **different conditions for each class** use a boolean expression evaluator for each class as shown in the example in the angular documentation:


```html
<some-element [ngClass]="{'class1 class2 class3' : true}">...</some-element>
<some-element [ngClass]="{'first': true, 'second': true, 'third': false}">...</some-element>

```

<span style="font-size: 0.9rem">
  <strong>Reference - </strong>
  <a href="https://angular.io/api/common/NgClass" target="_blank" style="font-weight: lighter">
     https://angular.io/api/common/NgClass
  </a>
</span>

<hr/>

> Shared with :heart: from [**Codever**](https://www.codever.dev/snippets/638daa94d00726522c6cdd7c/details). Use :point_right: [**copy to mine**](https://www.codever.dev/snippets/638daa94d00726522c6cdd7c/details) functionality to add it to your personal snippets collection. 
> 
> **Codever** is open source on [Github](https://github.com/codeverland)⭐🙏