teleren/devto huggingface dataset:
What's your favorite hacking scene in a movie?
Tags: discuss, watercooler, culture
Published: 2021-01-22 18:55:52

---
title: What's your favorite hacking scene in a movie?
published: true
description: I just wanted to ask!
tags: discuss, watercooler, culture
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/1t4f01jghmn7fgry9xc8.jpg
---

For me, 'Sneakers' has it all: every aspect of hacking from social engineering to checking leads on hardware. Sometimes it's goofy and it's always cartoonish, but watching it on VHS got me fascinated with technology and its seams.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/zgo4xnnqyc9hq80mpc7k.jpg)

And it has disabled hackers! Which I love!
Day20:100DaysOfCode
Tags: 100daysofcode, productivity, programming
Published: 2021-01-22 18:55:45

revised some basic concepts of time complexity from that book
finished learning trees (more ques still to be practised)

now will be startting with dp soon ...

few leetcode quues.....
(related to binary search)
finished daily scrum at intern 


You can Follow me->
https://github.com/singhtaran1005
https://www.linkedin.com/in/taranpreet-singh-chabbra-27517918a/
How To Create A Simple Loading Screen Using React
Tags: react, beginners, javascript, tutorial
Published: 2021-01-22 18:19:47

A few days ago I made a post showing you [how to create loading screens using Vue](https://blog.daviddiazh.dev/how-to-create-a-simple-loading-screen-using-vue). Today, we are going to do the same, but using React!

As I said in the previous post, loading screens are always welcome, users don't want to stare at a blank screen while the page is loading. 

The way I'm going to show you how to do it is very simple, but the first thing we need is a loading GIF or animation, this time I'm going to use the one that comes with [Material-ui](https://material-ui.com/es/components/progress/) (It's really simple to install and to use, but if you need any help let me know)

Once we have it installed, we are ready to go. In my case, I have to fetch some data from an API using axios:

```javascript
const [data, setData] = useState([])

useEffect(() => {
    axios
      .get("https://www.aRandomAPI.com")
      .then((response) => {
            setData((data: any) => [...data, req.data])
      })
      .catch(function (error) {
        ...
      })
  }, [])
```

We get the idea right? We retrieve the data and assign it to a variable. But what if the data is huge? What if the internet connection of our user is not that fast? That's why we need the loading screen.

First, let's import the circular progress that we talked about before: 

```javascript
import CircularProgress from '@material-ui/core/CircularProgress'

```

Then, on the return, before showing anything to our user, we need to check whether if our array with the data is loaded or not. One way of doing it would be checking if the length is greater than 0.

```javascript
// App and App-header are classes that comes with "create-react-app"
  return (
    <div className="App">
    <header className="App-header">
       {data.length > 0 ?
           <div>
             Show your data here!
           </div>
         : <div>
             <p>Loading...</p> <CircularProgress /> 
           </div>      
       }
     </header>
   </div>
 );
```
We would end up with something like this: 


![Example gif](https://cdn.hashnode.com/res/hashnode/image/upload/v1611338266806/p1rLNR_BJ.gif)

Simple enough, right? And this works with any kind of data that you need to show, which is great. I used this method on my [first React app](https://guessthesubredd.it), you can check it out.

Anyway, thanks for reading, hope you liked it! 

___

See more at: https://blog.daviddiazh.dev

Check out my first React App: https://guessthesubredd.it
How to access android files from linux terminal
Tags: linux, android, bash
Published: 2021-01-22 18:08:17

Hi there,
If you ever wanted to know how to access our android phone files from terminal, without using any third party app and just with a USB cable and GNome, here is how:

We need to check the GNOME Virtual file system (gfvs) to see it is available.

run the following command:

`ls /run/user/1000/gvfs/`

You will get an Media Transfer Protocol (mtp), for more about this, check this link: [MTP](https://wiki.debian.org/mtp)

`'mtp:host=PHONE_MANUFACTURER_AND_MODEL'`

Now use it as it would be any other directory on your system

` cd /run/user/1000/gvfs/mtp:host=PHONE_MANUFACTURER_AND_MODEL`

Done, you can access your phone directory and do whaterver you want.

Bye!
How to set up GitHub/GitLab issue and PR templates
Tags: git, github, gitlab
Published: 2021-01-22 18:07:22

## Templates for both GitLab and GitHub

Use the content that works best for you, here there are mine.


| Template                     | Snippet                                                                                                                            |
|------------------------------|------------------------------------------------------------------------------------------------------------------------------------|
| issue                        | [🐙 GitHub snippet](https://github.com/giuliachiola/super-blog-content/blob/main/til/git/issue-and-pr-templates/_snippet-template-issue.md)      |
| pull request / merge request | [🐙 GitHub snippet](https://github.com/giuliachiola/super-blog-content/blob/main/til/git/issue-and-pr-templates/_snippet-template-mr.md) |
| release                      | [🐙 GitHub snippet](https://github.com/giuliachiola/super-blog-content/blob/main/til/git/issue-and-pr-templates/_snippet-template-release.md)  |

## Basic
### GitHub

- Create `.github` folder in project root.
- Add templates files following this folder structure

```shell
├── .gitlab/
│   ├── ISSUE_TEMPLATE/
│   │   ├── issue-templates.md
│   ├── PULL_REQUEST_TEMPLATE/
│   │   ├── merge-request-templates.md
│   ├── RELEASE_TEMPLATE/
│   │   ├── release-templates.md
```

- Commit and push on our default branch.

- Check our project on GitHub. From now on, when we will open an issue, it will be pre-compiled with the markdown template we added.

<img class="u-shadow" loading="lazy" src="https://res.cloudinary.com/giuliachiola/image/upload/v1586637232/super-blog/008-issue-and-pr-templates/bug-report-01_fcauoy.jpg" alt="issue template 01" width="1440" height="341">

<img class="u-shadow" loading="lazy" src="https://res.cloudinary.com/giuliachiola/image/upload/v1586637233/super-blog/008-issue-and-pr-templates/bug-report-02_ywp8su.jpg" alt="issue template 02" width="1168" height="744">

### GitLab

In GitLab is pretty much the same, but here we have to create a folder named `.gitlab`, and add this folders structure:

```shell
├── .gitlab/
│   ├── issue_templates/
│   │   ├── issue-templates.md
│   ├── merge_request_templates/
│   │   ├── merge-request-templates.md
│   ├── release_templates/
│   │   ├── release-templates.md
```

## Advanced

If we need different templates to choose, we have to add folders instead of files, and add many files as we need.

```shell
├── .github
│   ├── ISSUE_TEMPLATE
│   │   ├── bug-report.md
│   │   ├── feature.md
│   │   ├── nice-to-have.md
│   ├── PULL_REQUEST_TEMPLATE.md
│   ├── RELEASE_TEMPLATE
│   │   ├── default.md
│   │   ├── hotfix.md
```

> 📚 More info
>
> - [Configuring templates for GitHub](https://help.github.com/en/github/building-a-strong-community/configuring-issue-templates-for-your-repository)
> - [Configuring templates for GitLab](https://docs.gitlab.com/ee/user/project/description_templates.html)
LESS Responsive Login Form
Tags: codenewbie, html, webdev, weeklyui
Published: 2021-01-22 17:36:49

Here we used LESS(CSS Preprocessor) to make this simple and attractive login form with the help of HTML/CSS and LESS features. As we use SASS/SCSS to make the login form the same as we used LESS to make this form.

What is LESS?

LESS is a dynamic CSS Preprocessor for do CSS code in the min and generate CSS files and use an HTML page. As we compare to SASS and LESS, mostly both are the same in functionally wise and features wise but the main point is that the written pattern is different. In a LESS we used “@” for variable and other features like mixing and nesting are the same as SASS/SCSS.

In this login form, we used a simple HTML form tag with an input and button tag, and normally we used CSS properties. For doing the login form in LESS we use nesting rules and for colors we used variables. For making responsive we also used media quires.

Make it yours now by using it, downloading it, and please share it. we will design more elements for you.

[Source Code] (https://w3hubs.com/less-responsive-login-form/)
Bottleneck Night: Hyper-casual Gaming
Published: 2021-01-22 17:26:56

Let's discuss bottlenecks in hyper-casual gaming!

There's a series of evening events devoted to technological bottlenecks that we've encountered during recent projects. 

The first episode in this series will be hyper-casual gaming. We're honored to have a great group of speakers. Mark Ratchin of Supersonic Studios, Rotem Eldor of CrazyLabs, and Denis Romas of Innovecs. 

One of the main problems that hyper-casual games are facing right now is a direct consequence of their popularity: homogeneity. Agree?

So, get ready to have fun and gain insight into #hypercasual #gamingindustry challenges and solutions. 

Register here: https://bit.ly/2Mf2Rak
It's free!
Date/Time: 1/26 at 12pm EST & 7pm EET
🔥5 COOL Progress Bar using html and CSS
Tags: html, css
Published: 2021-01-22 17:34:50

Hello 👋🏻.
### Here is 5 cool progress bar using HTML and CSS 
#### 1.
{% codepen https://codepen.io/geekalaa/pen/ZEpNBaE default-tab=css,result %}

#### 2.
{% codepen https://codepen.io/geekalaa/pen/poEmNxz default-tab=css,result %}

#### 3.
{% codepen https://codepen.io/geekalaa/pen/MWjdbzw default-tab=css,result %}

#### 4.
{% codepen https://codepen.io/geekalaa/pen/oNzRYJG default-tab=css,result %}

#### 5.
{% codepen https://codepen.io/geekalaa/pen/eYdaBqz default-tab=css,result %}
Integrando Veracode com Azure DevOps
Tags: azure, tutorial, veracode, devops
Published: 2021-01-22 17:30:46

Antes de ler esse artigo, vou recomendar que leia meu artigo sobre o [Pipeline Scan](https://igd753.medium.com/veracode-usando-pipeline-scan-no-windows-82aa510fad4c), já que utilizaremos ele aqui. 

Pipeline Scan é uma ferramenta da Veracode que nos permite fazer análises de segurança com scripts e pipelines de forma simples e pratica. 

Nesse artigo utilizaremos como base o projeto [PIVAA](https://github.com/IGDEXE/pivaa), criado para demonstrar falhas de segurança num projeto Android, enviando o seu APK para análise.

Utilizaremos o YAML para poder criar um pipeline que vai fazer o processo de build e então utilizar o Pipeline Scan para verificar o APK. 

Nosso código em YAML ficara assim:
```
trigger:
- main

pool:
  vmImage: 'ubuntu-latest'

steps:
- task: Bash@3
  inputs:
    targetType: 'inline'
    script: 'rm -rf local.properties'
  displayName: 'Removendo Local Properties'
- task: Gradle@2
  inputs:
    gradleWrapperFile: './gradle/wrapper/gradle-wrapper.properties'
    tasks: 'assembleDebug'
    publishJUnitResults: false
    javaHomeOption: 'JDKVersion'
    gradleOptions: '-Xmx512m'
    sonarQubeRunAnalysis: false

- task: Bash@3
  inputs:
    targetType: 'inline'
    script: |
      # Configuracoes
      urlPipeScan="https://downloads.veracode.com/securityscan/pipeline-scan-LATEST.zip"
      veracodeID="$(APIID)"
      veracodeAPIkey="$(APIKEY)"
      # Faz o download da ferramenta
      curl -o pipescan.zip $urlPipeScan
      # Descompacta a ferramenta
      unzip -o pipescan.zip -d "./"
      # Faz a análise
      java -jar "pipeline-scan.jar" -f "pivaa.apk" -vid $veracodeID -vkey $veracodeAPIkey
    workingDirectory: '$(system.defaultworkingdirectory)/apks'
  displayName: 'Pipeline Scan'
```

É uma estrutura bem simples, utilizando a opção padrão de compilação para Android do Azure e por meio de um Bash, fazendo a instalação e uso do Pipeline Scan. 

Para que ele funcione, precisamos configurar duas variáveis:
[APIID e APIKEY](https://help.veracode.com/r/t_create_api_creds) são informações da sua conta Veracode

Como a ferramenta é um JAR, é preciso que o Pipeline tenha o Java configurado. 

Não recomendo que deixe no código as variáveis, já que elas são credenciais. Como esse projeto tem falhas de segurança, o Pipeline vai localizá-las e "quebrar".

![Retorno](https://dev-to-uploads.s3.amazonaws.com/i/s29uo0vohz5azwbal9e1.png)

Notamos que o uso da ferramenta é bem simples, e que podemos integrá-la com facilidade nos scripts. Basta informar o caminho do arquivo no parâmetro **f** e as credenciais.

A análise é feita e o resultado exibido.

![Analise](https://dev-to-uploads.s3.amazonaws.com/i/904s18yqkpt85d70umgr.png)

Com base nas orientações, pode seguir com a correção das falhas encontradas.
Ask Octopus - How do I set the master key for my Octopus container?
Tags: octopus, devops, docker
Published: 2021-01-22 17:27:05

---
title: Ask Octopus - How do I set the master key for my Octopus container?
published: true
description: You have Octopus running in a container. Now you need to upgrade or recreate the container. How do you reconnect to the existing database? Find out in this Ask Octopus!
tags: octopus,devops,docker
series: Ask Octopus
---

You have Octopus running in a container. Now you need to upgrade or recreate the container. How do you reconnect to the existing database? Find out in this Ask Octopus!

{% youtube CXRvPtRf92s %}

Other resources:
 - https://help.octopus.com/t/how-do-i-set-the-master-key-in-for-octopus-running-in-a-container/26134

Do you have a question about how to use Octopus? Email advice@octopus.com and someone from our team will get you an answer. You might even see it in a future episode.

Join our community slack at https://octopus.com/slack
A Return to Software Engineering
Published: 2021-01-22 15:52:52

The question for me isn’t why I decided to study Software Engineering, but why I came back, because I’ve been here before. 

In 1997 when I was getting ready to graduate with my Bachelor of Science in Chemical Engineering I knew I wasn’t going to be working in Chemical Engineering. Even before I graduated I found myself more interested in my programming electives. It felt more tactile, more real, more fun. Building a program felt similar to how I’d imagine building a house or car might feel (I might never know since I struggle to even hammer a nail in straight). The code encompassed a series of small programs that when combined could do so much more. When a program that I wrote  ran successfully I truly understood it. When it didn’t run I knew the answer was waiting for me. 

So after graduation I got a series of jobs that involved various levels of programming. Somehow by 2010 I had gradually slipped away from that track and found myself teaching improv and sketch at the UCB Theater in NY and that led me to running their school. This wasn’t something I ever studied or aimed for but I was the best fit for the job at the time and so there I was. I always knew, long term, I couldn’t stay there but one year followed another and the people I worked with were nice so I stayed. I always knew I’d step away and return to programming someday. Covid-19 got me to take that step.

It didn’t take me long after the pandemic started to decide what I wanted to do to get back to programming. It had been 10 years away and I had never formally studied programming. A few electives in college and then a lot of jobs where I self-taught (or learned under a co-worker) helped me work in PASCAL, ColdFusion, Perl, PHP, SQL, with the necessary HTML and a basic understanding of JavaScript and a dollop of CSS. But 10 years in the programming landscape is an eternity and I knew I needed to get a handle on object orientation, dynamic web pages, and newer languages. I knew I needed to get better at writing code that read clearer, code that was simple and functioned better. So I decided to take the time and learn it right. 

Now I am at Flatiron, I finished all the prep work Flatiron offered before day 1 of my class and now am finishing up the first mile at their full time program. I have already refreshed old skills, learned new skills, and gotten stronger as a programmer. I am excited to continue to grow and learn as I finish the program, and am excited for where this takes me next.
Run automated e2e tests between separate dockers?
Tags: help, beginners, docker, testing
Published: 2021-01-22 17:19:03

Okay so I am a bit lost with the automated testing using Gitlab CI. I hope I can explain my problem so somebody can help me. I'll try to explain the situation first, after which I'll try to ask a question (which is harder than it sounds) 

### Situation
(1) React frontend with Jest unit tests and Cypress e2e tests
(2) Django API server 1 for a Postgres database and tests using pytest
(3) Django API server 2 with a MongoDB database and tests using pytest

### Gitlab
For the 2 API's, there is a Docker and a docker-compose file. These work fine on its own.

We are using GitLab for the CI/CD, there we have the following stages in this order:
- build: where dockers for 1, 2 & 3 are build separate and pushed to registry
- Test: Where the unit testing and e2e test (should) run
- Release: where the docker images are released
- Deploy: Where the docker images are deployed

### Goal
I want to set up the GitLab CI such that it runs the cypress tests. But for this, all build dockers are needed. Currently, I am not able to use all dockers together when performing the end-to-end tests

### Problem
I don't really get how I would achieve this. 
- Do I need one Docker-compose file including all dockers and databases?
- Can I use the dockers that are built in the build stage for my e2e tests and can somebody give me an example of how this would be achieved?


I hope somebody can give me some advice on how to achieve this. An example would be even better but I don't know if somebody would want to do that.

Thanks for taking the time to read!
How to Enhance Your eCommerce Supply Chain with Magento 2 Shipping Extensions
Tags: ecommerce, magento2, shipping, extensions
Published: 2021-01-22 16:44:28

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ku1j3ls313eo7f6p1e5m.jpg)
eCommerce presence makes it possible for online retailers to simplify the process of selling and shipping goods. Technological market provides a huge amount of tools that may come in handy for merchants' retailing activities.

In this article we would like to focus on **Magento 2 shipping extensions** that are definitely able to make a customer eCommerce journey easier and more pleasant.

Here are some of the most efficient shipping extensions that can help to improve the relationship with your target audience:

1. **Shipping Rules** allows store owners to add specific rules for shipping methods they use. It’s a perfect choice for those who need to make shipping costs comply with particular cases;


2. **Free Shipping** is included into Magento 2 default options, so there is no need to implement third-party tools for this purpose. This extension provides with the opportunity to offer customers free shipping option in case their total amount of order corresponds to a certain value (let’s say 200$);


3. **Dimensional Weight** is a module that allows setting shipping costs depending on the parcel volume;


4. **Shipping Costs Based on Distance** extension helps to put an exact price for shipping depending on the distance, using Google Maps API;


5. **Drop-Shipping** module is an effective tool for those who use dropshipping business model. It simplifies the management of dropshipping orders and allows tracking their status through email notifications.

If currently your business achieved an advanced level, it’s an appropriate time to consider **creating a custom shipping module** that will perfectly fit your business specifics. 

There are many ways you can adjust your business workflow. Welcome to [this article](https://dinarys.com/blog/magento-2-shipping-extension) that offers various shipping solutions and find the best one for you.
Digital Ocean Hackathon - Team Project
Tags: discuss, dohackathon
Published: 2021-01-22 16:34:57

Anyone who participated in the digital hackathon as a team? The guidelines said only one person should post the article, but to make sure to tag the team. I did that and I got the participation badge but none of my teammates did. Is anyone else here facing the same issue? Or have I written the post wrong? https://dev.to/nethmirodrigo/advisor-do-hackathon-submission-35o5
Built My Personal Portfolio Webpage🥳
Tags: shubhamvaishnav, webpage, portfolio, shubham
Published: 2021-01-22 16:29:14

I finished my new HTML, CSS, and JS project — my personal webpage portfolio. It’s a web-based front-end responsive project. Take a look at it and find out <a href="https://shubhamvsnv.github.io/shubhamvsnv/">more about me here </a>. You will find the source code in my <a href="https://github.com/shubhamvsnv">GitHub</a>. I used the Visual Studio Code and the GitHub Desktop version of the project.
<br>
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/hztv4ohfi08dihaivep0.jpeg)
<br>
The website consists of five major sections: Home, About me, Skills, Contact, and Blog. The navigation bar is positioned. To move to various parts of the web page and also a skill chart that shows my programming languages skills and also added my all social icons, so people can easily connect with me on other social platforms.

<a href="https://www.linkedin.com/in/shubhamvsnv/">Connect me on LinkedIn ...</a> 

What I learned
- Basic HTML
- Basic CSS
- Basic JS
- Applied Visual Design
- Responsive Web Design Principles
- CSS Flexbox

Technologies I used
- HTML5
- CSS3
- CSS Flexbox
Day 29 Of 100DayOfCode: Made a Dummy Database For School
Tags: 100daysofcode, codenewbie, beginners, python
Published: 2021-01-22 16:28:36

Today I continue to learn database on python from [Coursera.](https://www.coursera.org/learn/python-databases/gradedLti/yhfNm/databases-and-visualization-peer-graded)
Try to write dummy database for school and put some student data and teacher data in respective table from python.

# Dummy Database
Code to made student table is given below. My code start with importing sqlite3. At first create a table having name Student. If that name table already exist drop it out. Rest of the code is given below.

```python
import sqlite3

conn = sqlite3.connect('school.sqlite')
cur = conn.cursor()



cur.executescript('''
DROP TABLE IF EXISTS Student;

CREATE TABLE Student (
    id  INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT UNIQUE,
    name TEXT,
    dob TEXT,
    gender TEXT
);

''')

lines = open("student_data.txt").read().splitlines()
for data in lines:
    data= data.split(",")
    print(data)
    cur.execute('''INSERT OR IGNORE INTO Student (name, dob, gender) 
        VALUES (?,?,? )''',(data[0], data[2], data[3]))
    
    conn.commit()
```
As in student table same procedure were followed to make teacher table.
```python
cur.executescript('''
DROP TABLE IF EXISTS Teacher;

CREATE TABLE Teacher (
    id  INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT UNIQUE,
    name TEXT,
    dob TEXT,
    gender TEXT
);
''')
lines=open("teacher.txt").read().splitlines()
for data in lines:
    data = data.split(",")
    
    cur.execute('''INSERT OR IGNORE INTO Teacher (name, dob, gender) 
        VALUES (?,?,? )''',(data[0], data[1], data[2]))
    
    conn.commit()
```
<blockquote class="twitter-tweet"><p lang="en" dir="ltr">Day 29 of <a href="https://twitter.com/hashtag/100DaysOfCode?src=hash&amp;ref_src=twsrc%5Etfw">#100DaysOfCode</a> and <a href="https://twitter.com/hashtag/Python?src=hash&amp;ref_src=twsrc%5Etfw">#Python</a> <br>* Worked More On Database On Python<br>* Made a Dummy Database For School And Put Some Student Data And Teacher Data In Respective Table From Python. <a href="https://t.co/RtVUyd9pAZ">pic.twitter.com/RtVUyd9pAZ</a></p>&mdash; Durga Pokharel (@mathdurga) <a href="https://twitter.com/mathdurga/status/1352651324354134021?ref_src=twsrc%5Etfw">January 22, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>