teleren/devto huggingface dataset:
CSS Pseudo-classes
Published: 2021-12-29 05:04:46

**pseudo-class is used for indicate the special state of an element. For specifying the focused element, visited or unvisited link, add hovering effect, mention the link and so on.**

Pseudo is a special case. It is active when take the mouse over the specific text, the text color slightly changes, that means it indicates a link or any special noted things. That time it only works, otherwise display the normal command style.
Inside the hover style can use color, background color, padding, margin, font size, font weight etc.. like below the code line. 
  

```
 h1 {
            color: mediumvioletred;
        }
 
        h1:hover {
            color: olive;
            background-color: orangered;
            padding: 50px;
            font-size: 60px;
            font-weight: 700px;
            margin: 50px;
        }
```

This code is used for focusing the text; it only works inside the input box. when we write text into the search box the bold text color will display blue :  
  

```
.middle-person:focus {
            color: blue;
            font-weight: 700px;
        }
    </style>
<body>
    <input type="text">
    <input class="middle-person" type="text">
    <input type="text">

```
--When mouse is hovering over the text the visualized color remind a link to go for another page. 

## Active selector is used for style and selects the specific link, the link becomes active when clicked it. Normally used active class in the navbar,  button, or any <a> tag.

`a:visited {
            color: rgb(240, 27, 27);
        }
  <a href="www.brandsitecom">never visited</a>
    <a href="https://www.behance.net/sangita96">go to hero</a>
`
All about OSCP - Material
Tags: cybersecurity, tutorial, programming
Published: 2021-12-29 06:05:47

Offensive Security Certified Professional is an ethical hacking certification offered by Offensive Security that teaches penetration testing methodologies and the use of the tools included with the Kali Linux distribution.

OSCP Buffer overflow concepts and tutorials
https://lnkd.in/dDYxknpx

OSCP Cheatsheets:)
https://lnkd.in/dcTkZM3y

Pentest-Cheat-Sheets

This repo has a collection of snippets of codes and commands to help our lives! The main purpose is not be a crutch, this is a way to do not waste our precious time! This repo also helps who trying to get OSCP. You'll find many ways to do something without Metasploit Framework.

Link:-https://lnkd.in/dXcrhR8E

Hacking/OSCP cheatsheet
https://lnkd.in/d5-Qmt_t

All about OSCP:-
https://lnkd.in/dGPh574N

OSCP preparation
https://lnkd.in/dGS9VDAx

https://lnkd.in/duSAUAyc
https://lnkd.in/dYMsEu_t

OSCP methodology:-
https://lnkd.in/dcMwMPvT

https://lnkd.in/dNAV8_rg

https://lnkd.in/dBAF7rhH

https://lnkd.in/dN6yx697

https://lnkd.in/dS-mkjgA

https://lnkd.in/dG3sWgZQ








Actual post: https://www.linkedin.com/posts/attaullahshafiq10_all-about-oscp-offensive-security-certified-activity-6874409902538792960-yBaR
Swift - Structures and Classes
Tags: swift, beginners, programming, tutorial
Published: 2021-12-29 05:58:19

Structures and classes are general purpose flexible constants that become the building blocks of our programming code.

## Comparing Structures and classes
### Structures and classes in Swift have many things in common. Both can:

- Define properties to store values
- Define methods to provide functionality
- Define initializers to set up their initial state
- Conform to protocols to provide standard functionality of a certain kind 

### Classes have additional capabilities that structures don’t have:
- Inheritance enables one class to inherit the characteristics of another.
- Type casting enables you to check and interpret the type of a class instance at runtime.
- Deinitializers enable an instance of a class to free up any resources it has assigned.
- Reference counting allows more than one reference to a class instance.


## Definition Syntax
```swift
struct SomeStructure {
    // structure definition goes here
}
class SomeClass {
    // class definition goes here
}

struct Resolution {
    var width = 0
    var height = 0
}
class VideoMode {
    var resolution = Resolution()
    var interlaced = false
    var frameRate = 0.0
    var name: String?
}

```
## Struct and class instances
```swift
let someResolution = Resolution()
let someVideoMode = VideoMode()
```
## Struct vs Class
- Struct  - value types
![struct](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hxmva77mmxw7b91hw739.png)

- Classes - Reference type
![class](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iyqjmzsmxvbybhmdi3rd.png)
 
- struct are light weight and clean and better Performance 
- we cannot have inheritance in struct.


 
## Accessing properties 
You can access the properties of an instance using dot syntax. In dot syntax, you write the property name immediately after the instance name, separated by a period (.), without any spaces:
Most of you are not following right syntax while writing posts 🤨
Tags: syntax, markdown, post, github
Published: 2021-12-29 05:50:44

Dev.to uses github markdown syntax to write their posts.May be you are not familiar with this syntax. I could give some tips in this post.But i would like to share a link from where you can learn in better way.

[Click Here](https://docs.github.com/en/github/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax)

Thanks ❤
Show custom product attribute in quote item
Published: 2021-12-29 05:34:35

In order to make a custom product attribute available in quote item: Vendor/Module/etc/catalog_attributes.xml

```
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Catalog:etc/catalog_attributes.xsd">
    <group name="quote_item">
        <attribute name="vat_eligibility_count"/>
    </group>
</config>
```

You will be able to get the attribute value as the following:
`$quoteItem->getProduct()->getValEligibilityCount()`
Simple React Concept 
Tags: react, hooks, javascript
Published: 2021-12-29 05:31:43

Simple React Blogs

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

Props in React: The data from a component goes down in a unidirectional way. Props one-way data binding. So React's performance is much better.

State in React: The state in the react is variable, but it cannot be changed directly, it has to be changed from one of the functions.

JSX in React: jsx is an extension of javascript it looks like HTML but not actually HTML, HTML code can be written through jsx in react but convert inside plan javascript with react.createlement inside.

How to React works: When the React application works, React automatically creates a DOM in it, and if anything changes, it creates another virtual DOM and compares it with the previous DOM, and just updates the place where it was changed.

Context API: The React Context API is as effective as a global variable for a React APP, just as declaring a global variable can be called from anywhere, so the Context API can be used anywhere from fathers to children, grandchildren without prop drilling.

How To Use Context API:
 
Import React , { createContext } from “react”;
Const useContext = createContext();

Const userProvider = ({ children }) => {
	Const [name, setName ] useState(“Jhon Doe”);
	Const [age, setAge] = useState(1);
	Return (
		<useContext.Provider value = {{ name, age  }}
			{ children }
		<useContext.Provider/>
)
}

Hooks: React hooks are simple JavaScript functions and we can use these functions at different times to work with the data we need.

Simple Example: 

Const [data , setaData ] =  useState([]);
useEffect(()=> {
	fetchData()
	.then(res=>res.json())
	.then(data=>setData(data);
})
console.log(data);

Custom Hooks: Custom reacts hooks are nothing more than a simple javascript function if you want to use the same data over and over again by creating hooks and calling it over and over again from different places.
How to make a QR Code generator in Python
Tags: python, beginners, programming, tutorial
Published: 2021-12-29 04:57:45

#Intro
Wassup my coder friends ?
Welcome back to another post, so in this post I will be going to show you how to make a **QR CODE generator in Python**, So let's get started !

#Modules required
1. `pyqrcode` : it is a module that helps us generate QR code easily

#Let's Code !

First we need to import the required modules so lets import them
```python
import pyqrcode 
from pyqrcode import QRCode 
```
Now lets ask user that what should the qr code contain and generate it
```python
data = input("Enter the data to be encoded in the Qr Code: ")
code = pyqrcode.create(data) 
```
And  now we will save the QR CODE in a **_png_** file
```python
code.png("qr.png", scale=8)
```
And with that done we have successfully created our another project!

I hope you all enjoyed this post meet you in the next post till then stay safe and do take very good care of yourselves.

Comment **QR CODE OP** if you see this and also feel free to suggest / ask something in the comments section below.
Meet Saleem Sharif 
Published: 2021-12-29 04:42:18

Meet Saleem Sharif  the Youngest Video Creator Share How follows his passion.
Everybody dreams to be successful, but few make it happen in reality. Some of those few people turn their fortune wheel at a small age and become successful. Success does not come with luck. Opportunities come when you seek opportunities. When you put dedication, hard work, and patience 100X times better than anyone surrounding you, eventually success comes to your door, and people call it luck.
Saleem Sharif (born; 22th July 2000) is Indian Video Creator, Cinematographer and Director he is from Bijnor District Uttar Pradesh. He directed many music videos with influencer like Vakeel 420, Sohail Malik etc. Saleem is also well-known photographer he follows his passion at the age of 16 when he was in their school days. 
Saleem sharif is comes in 1% who follows passion on his young age. Saleem believed that live life with creatures, they love mountains, animals and beautiful creature. Saleem shares their creativity on his social media handles if you want to connect with him, so go and follow now on Instagram, twitter, Facebook etc. He was extraordinary boy; they face many hurdles but they never give up and that was the great lesson which help young to motivate with him. 
Successful people make their luck on their own. They do not wait for God or any miracle to happen on one fine day and bring success. Nobody becomes successful overnight. Nowadays when a video goes viral on social media people call it an overnight success, but in reality, that video consists of too many sleepless nights filled with anxiety and lots of passion, creativity along core commitment.
Going past hindrance, being courageous on a fundamental level and having a thought that could change the world, this is what India’s  young age is tied in with, characterizing the country and demonstrating to the world what we are able to do. Saleem Sharif  expects the same from the budding photographer, Video Creator. His pro tip to them is think beyond the extraordinary and work on it consistently. Success can be achieved only if you are willing to give up everything for it.
You can follow-on social media handles @saleem_sharif
😳 Generating over 1,240,000 Profile Pictures at Runtime
Tags: webdev, opensource, showdev, devjournal
Published: 2021-12-29 04:40:02

So here’s a problem- you’re building a social media website, but you know that there will be minors (people under 18 years old) actively using the site. And on top of this, you’re too cheap to pay for image hosting for thousands of files. So what do you do?!

![Cool Duck](https://fairfield-programming.herokuapp.com/duck/10001000007000053/30)

You generate the images at runtime, or at least that’s what we did. 

![Red Duck](https://fairfield-programming.herokuapp.com/duck/10102000005000045/30)

To do this, we started with a template. Our template was the body of a rubber duck and we made it a set size- 200x200.

From there, we started adding layers onto the duck: hats, beaks, wings, etc. These layers would be interchangeable by the computer.

![Blue Duck](https://fairfield-programming.herokuapp.com/duck/10603000000000004/30)

And then finally, we set up a simple endpoint that could mix and match these different layers together. If you want to see the API in action, you can check out the [website here](https://fairfieldprogramming.org). 

If you want to check out the code for the project, it’s all publicly [available here](https://github.com/fairfield-programming/backend-server/). Make sure to star the repository!
fastify-mongodb the ESM way
Published: 2021-12-29 04:29:42

I just started using ECMAScript (ES) Modules in a new side project I am working on. The stack includes Fastify and MongoDB, so I am using the fastify-mogodb plugin for the database connection. Unfortunately, the documentation for fastify-mongodb did not include an example with ES Modules, so I had to figure it out. Here's how to use fastify-mongodb using ES Modules and import:

server.js
```Javascript
import fastifyMongodb from 'fastify-mongodb';

app.register(fastifyMongodb, {
  forceClose: true,
  useUnifiedTopology: true,
});
```

As compared to the old-fashioned way using CommonJS:

server.js
```Javascript
fastify.register(require('fastify-mongodb'), {
  forceClose: true,
  useUnifiedTopology: true,
});
```

Hopefully this will be of use to others, there was not much in the way of solutions when I searched.
Difference between a developer, programmer, and software engineer
Tags: programming, developer, engineer, discuss
Published: 2021-12-29 04:14:46

There are many types of professions in the technology field, including system administrators, UI UX, developers, programmers, and engineers. From some of the things I mentioned I will only explain what programmers, developers, and engineers.

## Programmer

Programmer is someone who translates human-readable requirements into machine code. It’s the physical act of writing the source code that enables the software to perform its intended function. In that sense, it is the lowest-level task in the software development process.

## Developer

Developer who is the in charge of the process by which software is created from 

- Requirements Gathering 
- Task Creation 
- Sprint Planning 
- Programming 
- Unit Testing 
- Integration Testing 
- Usability / Acceptance Testing 

It encompasses the end-to-end of conceiving a software system through delivering it as a product.

## Engineer

Software Engineer has the most broad type of work of the three. It is the application of computer science and mathematics theory to the invention, design, research, development, maintenance, improvement, and innovation of software. 

It is more about the problem being solved. Sometimes a good software engineer can solve the problem without requiring any new lines of code be written. Sometimes solving the problem means coordinating the development of multiple software systems that interact in complex ways. And sometimes software engineering means deleting code, deprecating services, and designing the next system to take its place.
New Chapter Published!!
Tags: beginners, html, css, javascript
Published: 2021-12-29 04:02:32

I published my new website...
[Link Here](https://inform-our-world.github.io/Saqha/CH%202.3)
[Inform Our World](https://inform-our-world.github.io/)
[My Portfolio](https://subhransuindia.github.io/Subhransu%20Patra.html)
Solution for Css Battle #19 (Cube)
Published: 2021-12-29 03:45:48

```
<div></div>
<style>
  body {
    background-color: #0B2429;
    margin: 0;
  }
  div {
    width: 100px;
    height: 100px;
    background: #F3AC3C;
    transform: rotate(45deg);
    margin-top: 135px;
    margin-left: 150px;
  }
  
  div:after, div:before {
    content: '';
    position: absolute;
    width: 50px;
    height: 100px;
  }
  
  div:before {
    background-color: #998235;
    transform: translate(-50px, -25px) skewY(45deg);
  }
  
    div:after {
    background-color: #1A4341;
    transform: rotate(90deg) translate(-75px, 0px) skewY(135deg);
  }

</style>
```
Machine Learning Complete Roadmap 2022
Tags: machinelearning, python, datascience, ai
Published: 2021-12-29 03:45:11

##Machine Learning Complete Roadmap 2022
In this blog we are going to discuss complete roadmap for Machine Learning in 2022. I will give you only topics and if you like my post then follow my Blogs. Lets Start:-👇

###[Machine Learning Complete Roadmap 2022](https://codexashish.com/2021/12/complete-roadmap-of-machine-learning.html)


##New & Trending Topics:👇
[Top 10 Trending Technologies to Learn in 2022](https://codexashish.com/2021/12/top-10-trending-technologies-to-learn.html)
[Top 10 Programming Languages You Must Know In 2022](https://codexashish.com/2021/12/top-10-programming-languages-you-must.html)
[Machine Learning Complete Roadmap 2022](https://codexashish.com/2021/12/complete-roadmap-of-machine-learning.html)

##Complete Roadmap 2022:-👇
[Python Complete Roadmap 2022](https://codexashish.com/2021/12/complete-roadmap-of-python-programming.html)
[Machine Learning Complete Roadmap 2022](https://codexashish.com/2021/12/complete-roadmap-of-machine-learning.html)
[C++ Complete Roadmap 2022](https://codexashish.com/2021/12/complete-roadmap-of-c-programming.html)
[Java Complete Roadmap 2022](https://codexashish.com/2021/12/java-complete-roadmap-2022.html)
[Data Structure Complete Roadmap 2022](https://codexashish.com/2021/12/complete-roadmap-of-data-structure.html)


##Some Laravel Tutorial for developer:👇
[Laravel 8 Interview Questions and Answers in 2022 (Part #1)](https://codexashish.com/2021/12/laravel-8-interview-questions-and.html)
[Laravel 8 Interview Questions and Answers in 2022 (Part #2)](https://codexashish.com/2021/12/laravel-8-interview-questions-and_22.html)
[Advance Laravel 8 Interview Questions and Answers 2022](https://codexashish.com/2021/12/advance-laravel-8-interview-questions.html)
[Everything About Laravel 8 Composer 2022 | Composer in Laravel 8](https://codexashish.com/2021/12/everything-about-laravel-8-composer.html)
[Laravel Jetstream vs Laravel ui  vs Breeze](https://codexashish.com/2021/12/laravel-jetstream-vs-laravel-ui-vs.html)

##Python Concept and Projects:-👇
[10 Best Python Libraries For Machine Learning](https://codexashish.com/2021/12/10-best-python-libraries-for-machine.html)
[Alarm Clock in Python with GUI](https://codexashish.com/2021/07/alarm-clock-in-python-with-gui.html)
[Tic Tac Toe Game Using Pygame in Python](https://codexashish.com/2021/06/tic-tac-toe-game-using-pygame-in-python.html)

**Thankyou for reading my blogs.**
#####My Website:👇
[CodexAshish](https://codexashish.com/)
[MongoDB Submission Post Placeholder Title]
Tags: atlashackathon
Published: 2021-12-29 03:17:43

[Instructions]: # (To submit to the MongoDB Atlas Hackathon on DEV, please fill out all sections.)


### Overview of My Submission
[Note]: # (Please make sure the project links to the appropriate GitHub repository, and includes the [Apache-2 permissive license](https://www.apache.org/licenses/LICENSE-2.0)  and README.)


### Submission Category: 

[Note]: # (E-Commerce Creation, Prime Time, Action Star, Automation Innovation, or Choose Your Own Adventure)


### Link to Code

[Note]: # (Our markdown editor supports pretty embeds. Try this syntax: `{% github link_to_your_repo %}` to share a GitHub repository)


### Additional Resources / Info

[Note:] # (Be sure to link to any open source projects that are using your workflow!)

[Note:] # Screenshots/demo videos are encouraged!

[Note]: # (Be sure to include the DEV usernames of your collaborators, if any. Prizes for winning projects with multiple collaborators will be sent to the person who posts this submission and they will distribute the prize evenly.)

[Reminder]: # (Submissions are due on January 13th, 2022 @ 11:59 PM PT/2 AM ET on January 14th, 2022/6 AM UTC on January 14th, 2022).
Target Class Does Not Exist In Laravel 8
Tags: laravel, laravel8, errors, targetclass
Published: 2021-12-29 03:13:03

In this example we will learn about target class does not exist in laravel 8. In laravel 8 you can see there are many changes and updates. Many laravel users are facing issue in their new laravel 8 version when they try to load their routes in web.php and they run into an Exception that says something like "Target class [postController] does not exist".

You will get like IlluminateContractsContainerBindingResolutionException Target class does not exist, laravel target class does not exist, Target class AppHttpMiddlewareHandleInertiaRequests does not exist, Target class (PostController) does not exist, controller does not exist laravel 8.

So, let's see how to fix target class does not exist in laravel 8.

Upto Laravel 7, the RouteServiceProvider.php file had the below code:

here, namespace variable has stored 'App\Http\Controllers' and declered in middleware and prefix route as below.

```
protected $namespace = 'App\Http\Controllers';

protected function mapWebRoutes()
{
    Route::middleware('web')
        ->namespace($this->namespace)
        ->group(base_path('routes/web.php'));
}

protected function mapApiRoutes()
{
    Route::prefix('api')
        ->middleware('api')
        ->namespace($this->namespace)
        ->group(base_path('routes/api.php'));
}
```

---

> **_[Read More : Target Class Does Not Exist In Laravel 8](https://techsolutionstuff.com/post/target-class-does-not-exist-in-laravel-8)_**
One Click RDS PostgreSQL Upgrade From PG 9.4 to Later Versions Like PG 13 or PG 14
Tags: database, postgres, tutorial, cloudskills
Published: 2021-12-29 03:08:44

There are a lot of things to think over before making the decision to upgrade a database server. Such as compatibility, stability, and risks especially the service continuity.

If you want to upgrade your Postgres with no interruptions on Alibaba Cloud, you should take a look at our new feature for RDS major version upgrade regarding PostgreSQL.

[Watch Tutorial On YouTube (6 mins)>](https://www.youtube.com/watch?v=pL9w-SAha1s)
[![](https://img.alicdn.com/imgextra/i4/O1CN01AXsluw1BwAITbG2rU_!!6000000000009-2-tps-1990-1028.png)](https://www.youtube.com/watch?v=pL9w-SAha1s" type="video/mp4)


Wanna know what makes RDS PG 14 special? Check the link below.
[RDS PG functionality overview >](https://www.alibabacloud.com/help/doc-detail/145467.html)

【Free Trial】
[Start a 30-day free trial >](https://www.alibabacloud.com/product/databases#J_2463051000)