teleren/devto huggingface dataset:
Ethical Hacking & Cyber Security Tutorial
Tags: ethicalhacking, cybersecurity
Published: 2018-12-04 09:38:31

---
title: Ethical Hacking & Cyber Security Tutorial
published: True
description: 
tags: Ethical Hacking, Cyber Security
---

**Ethical Hacking & Cyber Security Tutorial**

In this Ethical hacking & Cyber security tutorial you will be able to get a clear idea on what is Ethical hacking, System hacking types, Footprinting, Ethical hacking enumeration, Network scanning, Threats from malware, Sniffing attacks, Social engineering attacks, Session hijacking, Hacking web servers and applications, SQL injection, Wireless network hacking, Mobile platform hacking, avoiding firewall and honeypot and various Encryption techniques.

[learn Cyber Security Training](https://mindmajix.com/cyber-security-training) in 32 hrs from experts

**Why Cyber Security?**

There was a huge data breach of 50 million Facebook accounts recently happened in March 2018 by a firm known as Cambridge Analytic a which harvested data for US Election Predictions. The data breach came to limelight and Facebook was levied a fine since they didn’t protect user details and due to their lack of transparency in the system. Imagine such a big firm like Facebook is susceptible to such data breach, so Cyber security is an important measure for every organization. Cyber security is used to avoid the data breaches, protect the integrity of networks and systems from attacks.

**History of Hacking & Cybersecurity**

The first worm program was written in 1986 by a software programmer. The worm program was used to shut down the systems which are connected to the internet. Also in 1994, two groups were arrested for illegal access of 100 computers and bank accounts. The history of Cyber security initially started as a research project, when a guy Bob Thomas designed a  “Creeper” to move between the terminals of ARPANET and a guy Ray Tomlinson replicated a similar program named “Reaper” (similar to antivirus software) to delete Creeper.


Intellipaat’s Ethical hacking tutorial is a complete learning package that lists its top features and help you know better about ethical hacking and cybersecurity to prevent hacking and improve organization’s security performance. This tutorial will help you to learn about various techniques and tools used for ethically penetrating the organization and protecting the infrastructure.

Recommended Audience:

Network security professionals
IT managers, analysts
Technical support engineers
System administrators
Aspirants to make career in cyber security
Productivity Tool - Alfred/Cerebro alternative on windows?
Tags: discuss, productivity, recommendation, tools
Published: 2018-12-04 09:16:10

There are many threads regarding productivity tools, which are awesome.

[Alfred](https://www.alfredapp.com/) is an awesome productivity tool for Mac, [Cerebro](https://github.com/KELiON/cerebro) is an alternative for windows.

There is also a post about Cerebro on dev:

{% link brainmaestro/building-small-apps-with-react---cerebro %}

So:

**Do you know any alternatives for windows?**

What I would expect at least from such a tool:
- find files
- web search
- powershell / shell commands
Diary - 2018.09.26
Tags: productivity, learning, journey, javascript
Published: 2018-09-26 11:34:06

---
title: Diary - 2018.09.26
published: true
tags: productivity, learning, journey, javascript
---

# My attempt to change from Chrome to Firefox

Today, after reading the news about [Google](https://news.ycombinator.com/item?id=18064537), I gave Firefox a new shot.

I tried a change from Chrome to Firefox several times in the past, but never finished it completely and always came back to Chrome, mostly because of my laziness to really get into Firefox.

My two biggest concerns:
1. all extensions for daily use are available
2. adequate substitute for syncing my Chrome favorites

---

## All extensions for daily use are available (?!)

![my chrome extensions](https://thepracticaldev.s3.amazonaws.com/i/w80vpnyasbca7yaqeuex.png)

So I went to [Firefox Add-ons](https://addons.mozilla.org) and searched for all extensions.

Only these three extensions weren't available: Markdown New Tab, Pesticide (=> Open Pesticide), WasteNoTime (=> LeechBlock NG).

&#128077; 



## Adequate substitute for syncing my Chrome favorites (?!)

I've found [Firefox Sync](https://www.mozilla.org/en-US/firefox/features/sync/) and a [Comparison of Browser Synchronizers](https://en.wikipedia.org/wiki/Comparison_of_browser_synchronizers).

&#128077;&#128077; 

---

## Installing Firefox

Because I want to use the latest Developer perks, I've decided to use Firefox Developer Edition.

Went to the Firefox Homepage, only found a `tar.bz2` file, so normally only raw files and no auto-updates.

I looked on Stackoverflow and askubuntu and found some instructions [How to install Firefox Developer Edition on Ubuntu](
https://askubuntu.com/questions/548003/how-do-i-install-the-firefox-developer-edition) and used `Ubuntu Make`, because the PPA solution did install the normal Firefox edition.

Afterwards, I read about privacy on a [German site](https://www.privacy-handbuch.de/), installed some add-ons (not all), changed my standard search engine to [searx](https://asciimoo.github.io/searx/) and made some other settings.

![my firefox add-ons](https://thepracticaldev.s3.amazonaws.com/i/ta55yzrnmwg4oe7x9sgc.png)

I set up a Firefox Sync account, exported my Chrome bookmarks into a HTML file, imported them in Firefox.

All in all, this took me 4hrs, including some minor issues with creating a proper Ubuntu Dash shortcut and some other stuff.

---

## Insights so far

- Firefox is really fast on my PC (Intel i5, 8GB RAM, SSD). On my Raspi, it's incredibly slow, even one tab
- every (!) webpage/webapp (dev.to, github, kanbanflow, deepl, tinypng etc.), I've visited, is unusable without JavaScript (I set NoScript to default: no JS)
- most of the useful search results are from Google


Do you have additional tips or hints?
"Code Blocks" Google doc add-on for better code documentation
Tags: productivity, documentation, google
Published: 2018-12-04 05:40:38

---
title: "Code Blocks" Google doc add-on for better code documentation
published: true
description: 
tags: #productivity, #documentation, #google
---

Hi all - Ran into a Google Doc add-on called "Code Blocks" which neatly formats any source code. Makes it easier to read and can be used for a lot of different reasons including documentation. It comes with different options for the language + has color themes that allow you to customize it as required.

In case folks have not heard of it, here it is.


![Code Blocks](https://thepracticaldev.s3.amazonaws.com/i/i028qj5lyuiosuczb40a.jpg)

You can download/install this add-on to your Google Doc from here:

https://chrome.google.com/webstore/detail/code-blocks/ebieibfdjgmmimpldgengceekpfefmfd

If you have/do use some other equally good or better tool for code documentation please post it in the comments. Happy to learn!


Cheers,

Shashi
Microsoft is building a Chromium based browser! 😲
Tags: discuss, news, webdev, windows
Published: 2018-12-04 04:07:55

---
title: Microsoft is building a Chromium based browser! 😲
published: true
tags: discuss, news, webdev, windows
canonical_url: https://www.iamdeveloper.com/posts/microsoft-is-building-a-chromium-based-browser-2nca/
cover_image: https://thepracticaldev.s3.amazonaws.com/i/p09ju49ekcwpgi77vgs4.jpg
---

Photo by [yu tang](https://unsplash.com/@tangyu) on [Unsplash](https://unsplash.com)

This tweet says it all. Holy cow. Did not see that coming.

{% twitter 1069803607170695169 %}
{% twitter 1069762090708160513 %}

It's definitely good news for web devs. I also wonder if the move is to help push forward [Desktop PWAs](https://medium.com/dailyjs/goodbye-electron-hello-desktop-pwas-f316b8f39882) on Windows?

What are your thoughts on Microsoft's move?
React Native - Vimeo/Youtube Video Download for Offline Viewing
Tags: reactnative, vimeoapi
Published: 2018-12-04 03:29:50

---
title: React Native - Vimeo/Youtube Video Download for Offline Viewing
published: true
description: 
tags: react-native, vimeo-api
---

Hi, we are creating a video app and we have this feature where a user can download a video in-app to view it offline. The videos are hosted in both youtube and vimeo. Can anyone suggest a best approach on how to achieve the download video feature from either youtube or vimeo to app's directory so that user can view the videos offline?

Thank You!
4 reasons to use Aurelia
Tags: javascript, aurelia, frontendframework, coding
Published: 2018-12-04 03:07:15

---
title: 4 reasons to use Aurelia
published: true
description: Awesome Aurelia
tags: javascript,aurelia,frontendframework,coding
---


I'm a developer who has tried AngularJS, Angular, React, Vue, and Aurelia. So far, Aurelia is the most powerful, elegant, intuitive, and enjoyable framework to develop with. In this, I'll share with you a few reasons why I think you should do yourself a favor and try it out.

# 💭 Developer Friendliness 

Starting with Aurelia as simple as adding a script tag into your application. Adding new component is simply an exported JavaScript class, an HTML file and a html require element: `<require from="./path/to/element"></require>`. Adding a new route is exactly the same. There is no vDOM in Aurelia. Binding between elements, attributes, either one way or two way, is a simple command away. It works directly and intuitively with the DOM objects you know and love. Since there is no vDOM, adding a third party plugin to your application is a dead simple task.

# ⚡ Power

Aurelia not only powers your app with a stunning performance that leaves other popular frameworks and their vDOM in the dust, but also offers a simple and natural data binding mental model that will give you the strength of an army. You will enjoy being that person who smashes through business requirements, finishes your job, and evolves your company while unlocking your new power with standard JavaScript and JavaScript objects, instead of wasting your time on framework proprietary characteristics. Whatever you do, it will just work. Additionally, the Aurelia ecosystem is complete with critical tools like dialog, validation, internationalization, state management, and http.

# 👌 Intuitive and Simple Dependency Injection

Ever wanted to learn about Dependency Injection (DI) but felt put off because there are only a few places around to use it, and none seems to offer something simple that can help you get that "click" moment? Not the case with Aurelia DI, a statement `static inject ...` on your JavaScript class and you are done declaring the dependencies of a custom element, or a custom attribute, that will be given to you right in the constructor. No more wacky or cumbersome declaration or usage. This will only help you tame the application, no matter how much it grows.

# 📚 Self Progression

While learning Aurelia, you will learn how to return to JS, return to yourself, and progress to the next important thing in your learning: Your career. You will learn how nice it is to have a framework that does not fuss about whatever you want to do, or even two-way data binding. Everything links together exactly how you would expect. Experiencing this will give you the "just work" mental model, and will help you build the next awesome thing that everyone may depend upon.

---

Don't believe it? Try it yourself:

- Codesandbox: https://codesandbox.io/s/wnr6zxv6vl
- Codepen: https://codepen.io/bigopon/pen/MzGLZe
- Codesandbox with slightly more things to show: https://codesandbox.io/s/rlxzkpjpno

Homepage: https://aurelia.io
Welcome Thread - v24
Tags: welcome
Published: 2018-12-03 23:29:59

---
title: Welcome Thread - v24
published: true
description: Introduce yourself to the community!
tags: welcome
---

Hey there! Welcome to dev.to!

![Pikachu (?) turns around and smiles :)](https://media.giphy.com/media/3ohc1a0nE5CcRTLdeg/giphy.gif)

Leave a comment below to introduce yourself to the community!✌️

1. Leave a comment below to introduce yourself! You can talk about what brought you here, what you're learning, or just a fun fact about yourself.

2. Reply to someone's comment and say hello or ask them a question. 👋

3. Or answer this question: what do you enjoy most about programming?
Failed startup turned successful open source project?
Tags: discuss, opensource
Published: 2018-12-03 22:06:59

---
title: Failed startup turned successful open source project?
published: true
description: What are some examples of a failed for-profit startup successfully open sourcing its code and finding a community?
tags: discuss, opensource
---

What are some examples of a failed for-profit startup successfully open sourcing its code and finding a community to adopt it?

I know of a few companies starting out as open source and then starting a for-profit company after (like [gatsbyjs.org](https://gatsbyjs.org) && [gatsbyjs.com](https://gatsbyjs.com), but what about the other way around?

Asking for a friend 😉
Media query templates in styled components
Tags: react, javascript, css
Published: 2018-12-03 20:43:57

---
title: Media query templates in styled components
published: true
tags: React,Javascript,CSS
canonical_url: https://tyhopp.com/notes/styled-components-media-queries
---

Of late, the ‘CSS in JS’ approach to organizing stylesheets in a project has become ever more popular in the React ecosystem. I think there are two main reasons for this:

- In a world where everything is a component, coupling styles with view code makes each component more manageable and sharable between projects.
- The ability to use **variables** , especially by interpolating them with Javascript template literals, allows for an even greater amount of flexibility than what you get using a CSS preprocessor like SASS or LESS.

That being said, most people seem to favor one of two approaches to implementing CSS in JS: [styled-components](https://www.styled-components.com/), and [emotion](https://emotion.sh/). Both are similar in many respects, but most of my experience has been with the larger of the two projects, styled components.

In this post, I’ll touch on what I think is one of the neatest parts of how styled components can be used: [media templates](https://www.styled-components.com/docs/advanced#media-templates)! Here's what the styled components docs have to say about it:

> Since media queries are long and are often repeated throughout an application, it can be useful to create a template for them. Due to the functional nature of JavaScript, you can easily define your own tagged template literal to wrap styles in media queries.

Let me show you how I’m using this approach in [my site](https://tyhopp.com):

{% gist https://gist.github.com/tyhopp/f4da7de0ef1e4a50caf021e87e8f45db %}

I tuck the above code away in the `utils` directory, and then whenever I need to use a media query in any component throughout the project I can import and use it like so:

{% gist https://gist.github.com/tyhopp/bd72cd6763ed3dff22cc7a943874aa4d %}

And that's it! There are many more exciting aspects of how to extend styled components, but of all of them, this solution to media queries is by far the most elegant and unique in my view. Hope you enjoy using this as much as I do, and happy querying!
How ANGULAR Trigger index.html And Start Working
Tags: angular, webdev, typescript
Published: 2018-12-03 21:44:58

---
title: How ANGULAR Trigger index.html And Start Working
published: true
description: How ANGULAR Trigger index.html And Start Working
tags: angular, webdev, typescript
---

![Angular start - start](https://thepracticaldev.s3.amazonaws.com/i/j1lw7vq4qxrwbfa0hdqv.JPG)

When we use CLI tool, we can easily create and building angular application and start with developing after a few commands on the CLI.

But how angular start working and how trigger index.html?

This is generally how the angular starts with work.

***

**main.ts**
![Angular main.ts - main.ts](https://thepracticaldev.s3.amazonaws.com/i/k4z7rzmqy2pr8lzpp4zr.JPG)


The **main.ts** file, that is the first code which gets executed. The job of **main.ts** is to bootstrap the application. It loads everything and controls the startup of the application.

Most importantly here is the line where bootstraps start our angular app by passing app module to the method. AppModule refers to the **app.module.ts** file.

***

**app.module.ts**
![Angular app.module.ts - app.module.ts](https://thepracticaldev.s3.amazonaws.com/i/f70dczsmfvitierapzj7.JPG)

The most important part from a file, when angular starts, is bootstrap array in @NgModule.

It basically there is a list of all components which should be known to Angular at the point of time it analyzes our **index.html** file and here the circle closes.

It's closed because here, we reference our app component.

> *By default, angular does not scan all of our files. So, if we don't tell it that the new component exists, angular doesn't know it.*

**index.html**
![Angular app.component.ts - app.component.ts](https://thepracticaldev.s3.amazonaws.com/i/lnsz7vwgveeg35k1idj4.JPG)

***

**SUMMARY**

  * Angular started with main.ts. 
  * Then we bootstrap an angular application and we pass app.module.ts as an argument. In app.module.ts we tell angular: *"There is the app component which you should know when you try to start yourself".*
  * And angular now analyze this app component, reading the set up we pass there and there is *SELECTOR app-root*. 
  * Now, angular is enable to handle *app-root* in the index.html and knows rules for the *SELECTOR*.
  * *SELECTOR* should insert the app components and have some HTML code - a template attached to him - html component.
  * This is how Angular application starts.
Create a document using python-docx and send as attachment through django
Tags: django, python, emailattachments, help
Published: 2018-12-03 21:12:32

---
title: Create a document using python-docx and send as attachment through django
published: true
description: 
tags: django, python, email-attachments, help
---

I have created a document using docx and tried to send as an email attachment without saving the document on the server. Below is my code:

    Document = document()
    paragraph = document.add_paragraph("Test Content")
    f = BytesIO()
    document.save(f)
    file_list = []
    file_list.append(["Test.docx",f, "application/vnd.openxmlformats-officedocument.wordprocessingml.document"]
    email = EmailMessage(subject = 'Test', body = 'Hi', to = ['test@test.com'], attachments = file_list)
    email.send()

I am getting the following error:

> TypeError: expected bytes-like object, not BytesIO

on the line `email.send()`

I tried converting BytesIO to StringIO as mentioned [here][1]

    f = f.read()
    f = StringIO(f.decode('UTF-8'))

and then I get the error:

> TypeError: expected bytes-like object, not StringIO

I looked at the solution from [this][2], but didn't understand how the `document` is sent as an attachment.

Any help or pointers is appreciated.

Thanks!


  [1]: https://stackoverflow.com/questions/24566630/convert-io-bytesio-to-io-stringio-to-parse-html-page
  [2]: https://stackoverflow.com/questions/46215083/create-word-document-and-then-attach-it-to-email-django
How you survive SCRUM?
Tags: discuss, scrum, agile, programming
Published: 2018-12-03 21:11:31

---
title: How you survive SCRUM?
published: true
description: 
tags: discussion,scrum,agile,programming 
---
Question to everyone who works in company that adopted SCRUM methodology. We adopted the methodology more than a year ago and I feel like worker in production line where the product is small and short tasks. For the first time from 2004 I'm not evolving in my coding skills and started pet project for not loose the ability to code complex solutions and make complex decisions. Thanks that it is only 50% job for me all other time it's architecture and technologies testing that helps to stay sharp too. So how you survive it?
The 7 Most Popular DEV Posts from the Past Week
Tags: top7, bestofdev
Published: 2018-12-03 18:58:39

---
title: The 7 Most Popular DEV Posts from the Past Week
published: true
description: A round up of the most-read and most-loved contributions from the community this past week.
tags: icymi, bestofdev
cover_image: https://thepracticaldev.s3.amazonaws.com/i/sfwcvweirpf2qka2lg2b.png
---
Every Monday we round up the previous week's top posts based on traffic, engagement, and a hint of editorial curation. The typical week starts on Monday and ends on Sunday, but don't worry, we take into account posts that are published later in the week. ❤️

#1. Byte Size

From loading external dependencies on demand to creating a common bundle to load base components, Guilherme shares tips on reducing your JS/CSS size.

{% link https://dev.to/goenning/how-we-reduced-our-initial-jscss-size-by-67-3ac0 %}

#2. Snippets & Examples

A few handy CSS tricks from day-to-day tips to more unusual use cases (like prevent highlighting!)

{% link https://dev.to/lynnewritescode/5-css-tips-you-didnt-know-you-needed-nb3 %}

#3. Continued, Iterative Effort

Jamie shares how they approached the challenge of building a game under 13Kb for the [js13kgames](http://www.js13kgames.com/) challenge, all while raising a baby. This article covers everything from developing game mechanics to generative algorithms.

{% link https://dev.to/vintharas/how-to-write-a-game-in-under-13-kb-while-taking-care-of-a-baby-4160 %}

#4. Stay Alert 👀

Jenn shares their experience with toxic teams and advice on what to watch out for, both with the team and with oneself. If you're in this situation, Jenn also shares a few tips on creating an action plan. 

{% link https://dev.to/geekgalgroks/my-experience-with-toxic-teams-6fk %}

#5. Strange Syntax

For anyone who's crossed paths with `-->`, some dood breaks down its meaning. Whether or not you choose to use this combo operator, well, that's up to you. 

{% link https://dev.to/somedood/demystifying-the-long-arrow-operator-4711 %}

#6. Vue Axios

A look into this popular Vue plugin. 

{% link https://dev.to/heftyhead/lets-talk-about-an-unnecessary-but-popular-vue-plugin-1ied %}

#7. CLI or GUI?

People can be _very_ opinionated on tools and workflow, but there's no need to shame anyone on their preferences!

{% link https://dev.to/ben/on-gui-shaming-and-a-mountain-of-hot-takes-3oh0 %}

_That's it for our weekly wrap up! Keep an eye on dev.to this week for daily content and discussions...and if you miss anything, we'll be sure to recap it next Monday!_