teleren/devto huggingface dataset:
Hawk project
Tags: programming, showdev, security, python
Published: 2021-11-09 09:01:00

Hawk is a network and pentest utility that I developed so that I could perform different kinds of task using the same suite, instead of jumping from one tool to another.
Currently, this script can perform a good variety of tasks such as ifconfig, ping, traceroute, port scans (including SYN, TCP, UDP, ACK, comprehensive scan, host discovery (scan for up devices on a local network), MAC address detection (get MAC address of a host IP on a local network), banner grabbing, DNS checks (with geolocation information), WHOIS, subdomain enumeration, vulnerability reconnaissance, packet sniffing, MAC spoofing, IP spoofing, SYN flooding, deauth attack and brute-force attack (beta).
Other features are still being implemented. Future implementations may include WAF detection, DNS enumeration, traffic analysis, XSS vulnerability scanner, ARP cache poisoning, DNS cache poisoning, MAC flooding, ping of death, network disassociation attack (not deauth attack), OSINT, exploits, some automated tasks and others.
If you want to become a contributor, make a pull request or issue.
Waiting for your feedback. Kudos
 
Link to the repository: https://github.com/medpaf/hawk
Kontent Horizons developers news flash
Published: 2021-11-09 08:25:12

Hey developers, thank you for attending Kontent Horizons! If you’re excited about our updates, find more information about them below or get in touch with us on [Discord](https://bit.ly/kontent-discord)

# Documentation
* [New streamlined overview of tech stacks](https://docs.kontent.ai/tutorials/develop-apps/overview?tech=javascript)

# JavaScript + TypeScript
* [Delivery SDK](https://github.com/Kentico/kontent-delivery-sdk-js/tree/vnext)
* [Management SDK](https://github.com/Kentico/kontent-management-sdk-js)
* [Model generator](https://github.com/Kentico/kontent-model-generator-js)

# .NET
* [Delivery SDK](https://github.com/Kentico/kontent-delivery-sdk-net)
* [Management SDK](https://github.com/Kentico/kontent-management-sdk-net/tree/vNext)

# Nuxt 3
* [Sample app](https://github.com/ondrabus/nuxt3-starter-kontent-lumen)
* [Kontent module](https://github.com/ondrabus/kontent-nuxt3-module)

# Discord
Join us on [Discord](https://bit.ly/kontent-discord) to discuss other topics, like GraphQL :-)
There are total 3 type of subjects each of them again have unique characteristics. lets try to to understand each of them.
Published: 2021-11-09 08:23:53

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yt1wq51g9xtjoumix6fn.png)
**Observable and subject both are observable's means an observer can track them. but both of them have some unique characteristics. Further there are total 3 type of subjects each of them again have unique characteristics. lets try to to understand each of them.**

**Observables**

They are cold: Code gets executed when they have at least a single observer.

Creates copy of data: Observable creates copy of data for each observer.

Uni-directional: Observer can not assign value to observable(origin/master).

**Subject**

They are hot: code gets executed and value gets broadcast even if there is no observer.

Shares data: Same data get shared between all observers.

bi-directional: Observer can assign value to observable(origin/master).

If are using using subject then you miss all the values that are broadcast before creation of observer. So here comes Replay Subject

**ReplaySubject**

They are hot: code gets executed and value get broadcast even if there is no observer.

Shares data: Same data get shared between all observers.

bi-directional: Observer can assign value to observable(origin/master). plus

Replay the message stream: No matter when you subscribe the replay subject you will receive all the broadcasted messages.

In subject and replay subject you can not set the initial value to observable. So here comes Behavioral Subject

**BehaviorSubject**

They are hot: code gets executed and value get broadcast even if there is no observer.

Shares data: Same data get shared between all observers.

bi-directional: Observer can assign value to observable(origin/master). plus

Replay the message stream: No matter when you subscribe the replay subject you will receive all the broadcasted messages.

You can set initial value: You can initialize the observable with default value.
A Git Cheat Sheet
Tags: git, github, tutorial
Published: 2021-11-09 08:11:49

> [Sign up to my newsletter!](https://baransel.dev/newsletter/).

## Intro

When it comes to version control systems, there are few software that can beat GIT in performance and relevance. GIT was developed by Linus Torvalds in 2005 and today, millions of companies use it for efficient code management and version control of their projects. Open source software is available for download for Linux, Windows, Solaris and Mac platforms.

## GIT Commands

## `git config`

One of the most used git commands, email, username and file format etc. git config, which can be used to set user-specific configuration values such as the preferred algorithm for example, the following command can be used to set up email:

```commandline
git config --global user.email root@baransel.dev
```

## `git init`

This command is used to create a new GIT directory. Sample:

```commandline
git init
```

## `git add`

The **git add** command can be used to add files to the directory. For example, the following command will index a file named README.md located in the local directory:

```commandline
git add README.md
```

## `git clone`

The **git clone** command is used for directory checking purposes.
If the directory is located on a remote server, use:

```commandline
git clone baransel@91.128.110.48:/path/to/repository
```

## `git commit`

The **git commit** command is used to commit changes to the head. Note that not all committed changes will go to the remote directory. Example:

```commandline
git commit –m "Message related to commit."
```

## `git status`

The **git status** command displays a list of files that have not yet been added or that have been changed along with the committed files. Example:

```commandline
git status
```

## `git push`

**git push** is another of the most used basic GIT commands. With a simple push, it pushes the changes made to the master branch of the remote directory associated with the working directory. Example:

```commandline
git push origin master
```

## `git checkout`
Continue this post on my blog! [A Git Cheat Sheet](https://baransel.dev/post/git-cheat-sheet/).
Cracking the code: React for beginners.
Tags: beginners, react, webdev, programming
Published: 2021-11-09 08:07:31

<h1>WHY?</h1>
<p>The probability of understanding a program, such as React, can be slim if we don't understand the problem it's solving. This is where the <strong>WHY?</strong> comes in...<br> Throughout my learning journey, I often find myself asking the question <strong>WHY?</strong> I prefer to envision things in real world applications, like Why would we use this? How could we apply this knowledge? Our world revolves around technology, and we utilize the web for a variety of applications. Behind the scenes, programs like React are utilized to represent what is seen on webpages. React allows us to manipulate a user interface with ease, and creates cohesive code. </p>

<h1>Answering the WHY?</h1>
<p>Answering the <strong>WHY?</strong> will help you excel in any language you set out to learn, taking this approach has improved how I digest learning new concepts. So let's apply answering "the Why?" with React.</p>


<p>React helps us enhance efficiency and flexibility of the webpages we build. It allows us to divide portions of the page into pieces called <strong>components.</strong></p>
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4pft2oubapytg7s7eyg6.png)

<p>In the example above, we start out with a main component, <strong>"App".</strong> With React, the App component holds our child components, and allows us to seamlessly funnel data back and forth from parent components to child components, this is called <strong>props</strong>. I'll dive more into detail on my next post, so let's just grasp the basics. Components are reusable and after being defined you can call them as much as you'd like, this is key when building out larger applications.

<h1>Conclusion</h1>
<p>In order to fully grasp the concept of learning a new language, understand the <strong>WHY?</strong>, and the problem it's solving. Once executed, you'll feel compelled to take advantage of a program like React in your next project. Now that we understand the basic concept of React, stay tuned as we dive deeper into its functionality...</p>
Koncrete - Construction & Building HTML5 Template
Tags: builders, building, business, javascript
Published: 2021-11-09 07:58:02

https://www.templatemonster.com/website-templates/koncrete-construction-amp-building-html5-template-213522.html?utm_campaign=blog_site_ahmed_ali&utm_source=ahmed_ali&utm_medium=referral&aff=ahmed_ali
Koncrete - Construction layout for any sort of development organization and company. Koncrete is an advanced Construction and Building organization HTML Template. Its format looks wonderful at any size, be it a PC screen, iPad, iPhone, Android Mobile or tablets. Its reasonable explicitly for development, building organizations, and those that deal with building administrations. Koncrete Construction is Consist Of Different Type of Services

1-House Construction
2-Building Construction
3-Plumbing Construction
4-Interior Design
5-Renovation
6-Road Construction
7-Floor & Roofs
8-Electricity
Features

4 Home Page Layout
Services Page
Serives Details
Project Page
Project Detail
Contact Form WIth Php
Reposnive Menu
Based on Bootstrap 3.3.6
Fully Responsive (Google mobile-friendly)
Clean and Elegant Design
CSS3 Animation
HTML5 & CSS3
Font Awesome
Clean Code with Comments
Easy to Customize
Credits
Framework - Bootstrap
Fonts - Google Fonts
Animation - Animate CSS
Popup - Magnific Popup
Icons - FontAwesome
Photo - Unsplash
jQuery - http://jquery.com
Carousel - OwlCarousel
SpringBoot and Angular PetClinic app 
Tags: java, tutorial, angular, springboot
Published: 2021-11-09 07:40:36

We are continuing with  #sharing some of our internal knowledge with you guys. For example, as another test project for our Sifu generator, we specified a PetClinic app. The entire app specification is 470 lines of code ( check for petclinic.sifu file).
It is two Angular clients with a SpringBoot backend.

Check it out and, tell me what you would do differently?

[PetClinic repo](https://github.com/alchemycloud/petclinic)
Top Websites To Find Remote Jobs
Tags: career, programming
Published: 2021-11-09 06:37:57

## [We Work Remotely](https://weworkremotely.com/)

## [Virtual Vocations](https://www.virtualvocations.com/)

## [FlexJobs](https://www.flexjobs.com/)

## [JustRemote](https://justremote.co/)

## [Remote](https://remote.co/)

## [Remote.co](https://remote.co/)

## [Simply Hired](https://www.simplyhired.com/)

## [Developers For Hire](https://www.developersforhire.com/)

## [iOS Dev Jobs](https://iosdevjobs.com/)

## [Nodesk](https://nodesk.co/)

## [ZipRecruiter](https://www.ziprecruiter.co.uk/)

## [SanerJobs](https://sanerjobs.com/)

## [Remote Ok](https://remoteok.com/)

## [Remote Index](https://remoteindex.co/)

## [Devremote](https://devremote.io/)

## [Web3Career](https://web3.career/)

## [4DayWeek](https://4dayweek.io/)

## [Remote Frontend Jobs](https://www.remotefrontendjobs.com/)

## [RubyOnRemote](https://rubyonremote.com/)

## [JS](https://jobsinjs.com/)

---

**_NOTE:_** If you found this help. Like and share. Thanks, Happy Learning!

---

### Let's connect 💜

You can follow me on [Twitter](https://twitter.com/MrDanishSaleem), [Instagram](https://www.instagram.com/mrdanishsaleem/), [LinkedIn](https://www.linkedin.com/in/mrdanishsaleem/) & [GitHub](https://github.com/mrdanishsaleem/)

### Support Me

If you like this post. Kindly support me by [Buying Me a Coffee](https://www.buymeacoffee.com/mrdanishsaleem)
Deploy Flutter Apps on Android to Testers Using Firebase App Distribution with Semaphore
Tags: flutter, android, firebase, devops
Published: 2021-11-09 06:30:43

*Building features and beautiful UIs is a satisfying feeling, but shipping them to users should be the goal to keep in mind. Having your app tested by real users before public release is a critical part of the software development cycle. In this article, you will learn how to distribute your Flutter Apps (on Android) to your testers using Firebase App Distribution, and automate your deployments using Semaphore.*

Originally published at [Semaphore blog](https://semaphoreci.com/blog/flutter-apps-android) on November 3, 2021.
a portable lightweight web crawler using Powerpage.
Tags: javascript, webdev, webcrawler, powerpage
Published: 2021-11-09 06:10:22

Just code a portable lightweight web crawler using **Powerpage**. [Powerpage Web Crawler](https://github.com/casualwriter/powerpage-web-crawler) is a portable javascript-application running with [Powerpage](https://github.com/casualwriter/powerpage). It is coded by vanilla javascript in about 350 lines codes, **without any dependency**.

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

`Powerpage Web Crawler` is a portable program, just simply download and run `powerpage.exe`. It is a powerful and easy-to-use web-scrawler suitable for blog site crawling and offline-reading.

Just simply define below, for example

* `base-url` := `https://dev.to/casualwriter`  // the home page of favor blog site
* `index-pattern` := `none`  // RegExp of the url pattern of category page
* `page-pattern` := `/casualwriter/[a-z]` // RegExp of the url pattern of content page
* `content-css` := `#main-title h1, #article-body`  //css selector for blog content. 

Program will
 
* crawl all category pages.
* find out all url of content pages.
* crawl content for one page, or all pages. 
* save setting and links to database (support multiple sites)
* save content pages to local files.
* allow off-line reading from local files.

**About [Powerpage](https://github.com/casualwriter/powerpage)** 

 `Powerpage Web Crawler` run with `PowerPage`, which is a lightweight web browser with DB capability and windows accessibility, for quick development of javascript/html/css application. 

for the source code of **Powerpage**, please visit https://github.com/casualwriter/powerpage/tree/main/source/src


By the way, sorry for beginner coding style and rough screen layout (for independence). 


Enjoy,
Netflix Party - Netflix Watch Party | Let’s Watch Netflix Together
Published: 2021-11-09 05:46:30

Netflix Party is a new way to watch Netflix with your friends online. Install Netflix Party to synchronize video playback and do group chat. Now watch Netflix with your friends and family from all across the world! Install the free extension and watch your favorite Netflix shows, movies, and series in perfect sync with as many friends as you want. Enjoy a Netflix Party with your loved ones and stay connected no matter how many miles apart you are!
https://www.netflixparty.live
PYTHON TRICKS FOR WRITING CLEAN AND EASY READABLE CODE.
Tags: python, beginners, programming, productivity
Published: 2021-11-09 05:31:57

#Hello everybody, Today  I am going state and explain few python tricks with examples.

            TERNARY OPRATORS/CONDITIONALS
Ternary oprators/conditionals evaluate code on *True* or *False*. It allows a single line replacing multi-line *if* and *else* statements. This basicaily replaces multi-line code but still makes the code understandable. 

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

Re-write using Ternary 

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

Now we have both if/else statement on a single line. Making the code simple and easier to read.


              ENUMERATE FUNCTION

This is a built-in python function that eases the task of interating through lists/tuples. 
Enumerated objects can be used directly in loops or converted into tuples using list() method. Here is an example:

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

I am now going to state a cleaner code using Enumerate function

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


          WRITING SIMPLIFIED NUMERIC LITERALS
I will show use to use **_** to simplify large numeric literals in code. 
In the following example i will use an underscore help read large numeric values and an f string for easy read of its output.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xkr6oyfnjlebf487w6np.png)
Git basics: Contributing to open source
Tags: git, github, opensource, beginners
Published: 2021-11-09 05:08:11

In the previous article, we looked at how you can [create pull requests](https://daily-dev-tips.com/posts/git-basics-your-first-pull-request/).
We can put these in action when contributing to open source.

In this article, we'll go through the following steps.

- Fork an open-source repo
- Make changes to the repo
- Create a PR for the open-source team

By the end, we'll have contributed to an open-source project 🎉

## Fork an open-source repo

Before we can start contributing to open source, we first have to find a project we wish to work on.

You might have a project in mind. If not, you can use these tools to find a good first issue to get started with.

- [Good first issue](https://goodfirstissue.dev/)
- [Awesome for beginners](https://github.com/MunGell/awesome-for-beginners)

Don't forget to comment on the issue if you can pick this up.
To make sure someone else is not working on it already.

Once the ticket is assigned to you, you can start working on it.

In that repo, click the "Fork" button to create your fork for this project.

![Fork an existing repo](https://cdn.hashnode.com/res/hashnode/image/upload/v1635486762862/jzlQ4FFYN.png)

That copies the repo to your profile, so you can work on it without interfering with the original one.

![Forked repo](https://cdn.hashnode.com/res/hashnode/image/upload/v1635486825733/S9UkgVh9O.png)

## Make changes to the repo

Then you can set up this project locally and make sure you can run it on your system.

The simplest way is to clone the project and follow the steps in the readme.

Then make the change you discussed in the initial issue.
Some bigger repo's come with a `contributing.md` file. Keep an eye out for those or any specific contributing guidelines.

Once you are done, make sure to create a new branch for your local version of this project and commit the changes to that one.

This branch should now show up in your version of the forked project like so:

![Forked project branch](https://cdn.hashnode.com/res/hashnode/image/upload/v1635488092887/7L8Yk9_M_.png)

## Create a PR for the open-source team

If you click that big green button we see above saying "Compare and Pull request", we open a PR to the original repo.

![Create PR on the original project](https://cdn.hashnode.com/res/hashnode/image/upload/v1635488254123/jyVO-J2Ds.png)

Make sure you fill out the template as the project provides it.
Once you are happy with it, you can submit the PR.

Give the team some time to review it, as they might be swamped with PRs.

And there you go, you now contributed to open source! Great feeling, right?

### Thank you for reading, and let's connect!

Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on [Facebook](https://www.facebook.com/DailyDevTipsBlog) or [Twitter](https://twitter.com/DailyDevTips1)
Fantastic Docs and Where to Find Them
Tags: python, beginners, tutorial, codenewbie
Published: 2021-11-09 05:00:19

There's always a time where we stumbled upon some new functions or methods that we know nothing about. Without proper knowledge about these functions or methods, we could spend a ton of minutes just trying to figure it out based on our assumptions. The fact that **the knowledge worker spends about 2.5 hours per day, or roughly 30% of the workday, searching for information** is quite consuming when it comes to gaining knowledge from the documentation. Don't worry mate, that's why I provide you with a quick shortcut on how to access or even love documentation in the first place.

{% medium https://medium.com/@ranggakd/fantastic-docs-and-where-to-find-them-27357e23429 %}

[Let's be friend & support me👋](https://beacons.ai/ranggakd)
Functional Test Automation
Selenium webdriver 
Tags: softwaretestingcompany, automationtestingcompany
Published: 2021-11-09 04:56:12

Automation testing is not a magic, but we are no less than a magician!
With the increasing demand for agility in software development life cycle, test automation has become an integral part of the process. Automation testing helps automate highly repetitive test scenarios to provide testing coverage on critical business processes, increase efficiency & reliability and reduce manual laborious efforts. Automation testing definitely helps to save cost and time by shortening the test cycle, improving test coverage and optimizing resource utilization

 

Automation testing services are not a magic, automating functionality of a software is an art that requires the degree of expertness along with the level of experience to build the most stable, efficient and robust frameworks. It will require initial efforts to implement and efforts to maintain it for the longer run. Our automation testing team always works to get most out of it by setting up realistic goals and achieve it with the right approach.

Our specialized services
 

We do not make software; we only make them better
Web UI Automation
Web UI Automation
Ensure flawless functioning of stable web application over multiple browsers with our web automation experts.

Mobile App Automation
Mobile App Automation
Having hard time testing same feature multiple times on different devices? Our Experts can automate them and run them over cloud on different devices at the same time.
Desktop App Automation
Desktop App Automation
Automating Desktop Application Testing is unique. We can help from choosing framework, finding locators to execute test on local machine or CI.
API Automation
API Automation
Do you want to ensure changes will not break API’s in production? Let us Automate your API testing and put it into your CI/CD pipeline.
Web Crawler
Web Crawler
Nothing is easier than creating web crawler solutions that will be able to extract and infuse information.
Robotic Process Automation
Robotic Process Automation
Want to automate your daily operational repetitive tasks. We can do this and help you improve your business productivity.

https://www.fleekitsolutions.com/automation-testing-services/
How to add scroll to Top
Published: 2021-11-09 04:52:02

Scroll to top is a functionality provided in a website, where user can click on a button to move on the top of the page. 

> Without much time, let's see how can we do it

### Add button
```js
 <Button
        variant="unstyled"
        pos="fixed"
        bottom={5}
        right={5}
        fontSize="4xl"
        onClick={moveToTop}
      >
        👆
      </Button>
```

### Watch scroll
```js
window.onscroll = () => {
      if (
        document.body.scrollTop > 20 ||
        document.documentElement.scrollTop > 20
      ) {
        // show button
      } else {
        // hide button
      }
    };
```

### moveToTop
```js
  // When the user clicks on the button, scroll to the top of the document
  const moveToTop = () => {
    document.body.scrollTop = 0; // For Safari
    document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
  };
```
### [live-demo](https://www.dsabyte.com/posts/blog/Publishing-a-post-on-dsabyte/6172a87cf383201ed5427513)