teleren/devto huggingface dataset:
ADD A FONT TO IONIC PROJECT
Tags: ionic, angular, fonts, google
Published: 2019-10-24 09:03:54

Hello, today I will show you the steps to install the font for the ionic 4 project. You can install the font you want to install by following these steps. I think the project has already been created. If you don’t have any information with ionic, you can follow the steps and get information from my blog address.

I used Google Fonts to install my font. You can find almost all fonts here. Again, you can add projects in the same way you 
find fonts from other sites.

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/mrp1ini8ri2a4oyb7mrz.jpg)

First I choice a font what I like it from Google Fonts. A-) I select the desired font by clicking on the Add button. B-) I wanted to remind you that we can also select multiple fonts. To do this, you can select the desired font by clicking on the Add button.

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/ysza1crmxlrbg0xau9gv.jpg)

Then google tells me how to add the font to the project we will follow these steps. When selecting more than 1 font, it is used in other fonts next to the place shown in bold.

" Info; load time is important. Because when we make a request to pull the font from our project, the font extraction time should not be too long. Of course, this is valid if we pull from cdn – ie from the url as above – if we download the font we don’t need such an event.
Now we are moving on to our project. "

Even when no fonts are added to the project, you can still use some fonts that are installed for ionic, just like web applications. You can see the previous version below.

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/jnfeh4fnvj4sy6oo2gul.png)

We will install the fonts from the global.scss file. From variables.scss I’ll add it as :root because I’ll use it for the whole project. Before doing these operations as shown below.

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/8gzc1mdu6us6z0g9trv3.jpg)

Then I import the font into my project using the link provided by Google and add the font as :root.


![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/kupjt6f6pvsyjm408wtl.jpg)

And after you add them, it looks like this. When I add the font that you can see things what I wrote before the font styling.

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/es6xebar6m4p2u470kj1.jpg)

If you want to use it in a specific place, remove variables.scss and add it to the scss file where you want to use it.
What sort of questions would you ask to 12 years experienced developer
Tags: discuss, career, dotnet
Published: 2019-10-24 08:19:47

Very recently I appeared for an interview with a small product development company that builds healthcare software products.

I was expecting questions based on my experience which is mostly developing back-end systems using .NET and .NET Core. However, interview started with the questions you generally find online via Google (SQL interview questions, ASP.NET interview questions).

Maybe I was under prepared and I did not get shortlisted for next round. However, I felt that I did not get opportunity to showcase my experience.

As an interviewer what sort of questions, would you ask to 12+ years experienced candidate?
Dysnix Press Release
Published: 2019-10-24 08:18:37

Dear Colleagues,

In this press release, we’d like to inform you of changes in Arilot's work.
Since the 23-th of October 2019 Arilot has suspended its activities carried out for the past few years.
We're proud that throughout the company’s existence we have received great recognition and assessment of skills of our engineers who are experts in Datascience, Blockchain, Fintech, E-commerce, Gaming&Gambling.
We're grateful to our customers, located in more than 20 countries worldwide, for their trust and fruitful collaboration.
We have worked and continue working on projects in the following areas: DevOps, AI/ML and Blockchain development.

However, recently we have seen the need for changes since the team always aimed to develop in several directions simultaneously. Following numerous meetings and discussions with all of our team members, we concluded to divide the directions of the company's activity.

The Arilot company will provide services in the area of private cloud solutions.
But, the big news is that we solemnly announce the foundation of a new company - Dysnix. Following the agreement, Dysnix will continue further providing DevOps, AI/ML and Blockchain development services. All the projects started will be taken over by the Dysnix company.

We express our gratitude to our colleagues from Arilot for the years of fruitful collaboration and we wish to all of us good luck in getting to new business tops.
We hope that each of the companies will receive new recognition.
We are always glad to collaborate with you.

Regards,
Arilot and Dysnix
Daily Challenge #97 - Greed is Good
Tags: challenge
Published: 2019-10-22 13:53:37

---
title: Daily Challenge #97 - Greed is Good
published: true
series: Daily Challenge
description: Score a throw according to these rules.
tags: challenge
---

Greed is a dice game played with five six-sided dice. Your mission, should you choose to accept it, is to score a throw according to these rules. You will always be given an array with five six-sided dice values.

```
 Three 1's => 1000 points
 Three 6's =>  600 points
 Three 5's =>  500 points
 Three 4's =>  400 points
 Three 3's =>  300 points
 Three 2's =>  200 points
 One   1   =>  100 points
 One   5   =>   50 point
```

A single die can only be counted once in each roll. For example, a "5" can only count as part of a triplet (contributing to the 500 points) or as a single 50 points, but not both in the same roll.

Example scoring

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/bhvbmopxn49x6cv2714d.png)

In some languages, it is possible to mutate the input to the function. This is something that you should never do. If you mutate the input, you will not be able to pass all the tests.

***
_This challenge comes from JulianNicholls on [CodeWars](<https://codewars.com/>), who has licensed redistribution of this challenge under the [2-Clause BSD License](<https://opensource.org/licenses/BSD-2-Clause>)!_

_Want to propose a challenge idea for a future post?  Email **yo+challenge@dev.to** with your suggestions!_
Creating a Curved Line Chart – Using React (Hooks) with D3
Tags: react, dthree, beginners, svg
Published: 2019-10-24 07:49:53

{% youtube hR8xtl_IbCw %}
This is part 2 of my "Using React (Hooks) with D3" series.
In this video I am showing how to draw a curved line chart, based on data.

Hope you enjoy!

(I am working on a better microphone)
Delhivery LastMile – Magento 2 Integration
Tags: delhiverymagento, magentodelhivery
Published: 2019-10-24 07:19:39

This is the official extension by Delhivery to support the integration of our Delhivery Lastmile service with Magento 2. The extension works in Magento 2 Backend and allows merchants to -


- Ship Orders via Delhivery last mile
- Assign tracking numbers to order
- Submit Manifest
- Download & Print Packaging Slip
- Create a Pickup Request.

The extension is developed by Axis Web Art, a Jaipur & Gurgaon based [web development company in India](https://www.axiswebart.com/). Contact Axis Web Art for any help required with installation & extension usages related problems.

Purpose:

The purpose of this plug-in is to integrate Delhivery LastMile processes with eCommerce stores running on Magento 2. It provides the following features - 

- Download and Store client-specific AWB series from the Delhivery system.
- Download and Store a list of serviceable Pin Code from the Delhivery system.
- Allocate AWB to Order automatically from the stored list while shipping order and Delhivery selected as Carrier
- Pin code Check while shipping order.
- The facility to submit manifest for the allocated AWB.
- Facility to print shipping labels for the selected AWB.
- Facility to create request pickup 

Complete installation and Usages guide is available here - 
https://docs.google.com/document/d/1XjqHlEt4imlQkp9RunUtdSgowi2rD_XHxu3NFkgkgpw/edit?usp=sharing

Download Extension Package for your version of Magento 2 from the drive link below - 
https://drive.google.com/open?id=1EnC8PtWYdMT8L3F8HgrddKT9gNcoNlxQ

Contact your [Delhivery](https://www.delhivery.com/) account manager for the required API credentials.  
Contact [Axis Web Art](https://www.axiswebart.com/) for installation and extension support.
Convert a document to Excel in C#
Tags: csharp, pdftoexcel, wordtoexcel, dotnet
Published: 2019-10-24 06:36:58

Is it about converting a particular file format, lets say PDF to Excel spreadsheet? The answer is No. There are a bunch of regularly used and common file formats (Word, Presentation, Image, PDF etc) that you can convert to Excel using GroupDocs.Conversion for .NET.

Does it require any third party software installation?
Absolutely not. This is a back-end API that could easily be integrated in any new or existing .NET application without any dependency. Using a single DLL you can develop a web, console or desktop application.

How simple is it?
All it takes is a few lines of code.
{% gist https://gist.github.com/GroupDocsGists/32e4d3beee162b4c82a1b485de1a94a1 %} 
Conversion to spreadsheet format could be triggered by following the below steps:
<!-- wp:list -->
<ul><li>Create new instance of Converter class and pass source document path as a constructor parameter</li><li>
Instantiate SpreadsheetConvertOptions class.</li><li>
Call Convert method of Converter class instance and pass filename for the converted document and the instance of SpreadsheetConvertOptions from the previous step</li></ul>
<!-- /wp:list -->
GroupDocs.Conversion can convert any source document to the following spreadsheet formats: Xls, Xlsx, Xlsm, Xlsb, Ods, Ots, Xltx, Xlt, Xltm, Tsc, Xlam, Csv. When just instantiate the SpreadsheetConvertOptions class without specifying the target format explicitly, Xlsx will be used as a default format.
In order to get release and features related updates, please visit <a href="http://bit.ly/2NbhRT5">blog</a>.
How to install and Set up Python on Mac
Tags: python, pyenv
Published: 2019-10-24 06:14:50

Hello Everyone this is a simple guide on how to quickly set up python on a mac and be able to switch between versions using pyenv!

First Note that all Mac OS come with Python 2.7 out the gate which can be helpful to learn but You might want to use Python 3 for more serious development!

This Blog will help you set this up in a quick and simple fashion!

#Step 1 - Set up Homebrew

You will first need homebrew installed to be able to install everything straight from terminal.


just copy and paste this into your terminal: 

`/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"`

#Step 2 - Install pyenv

Now we will install pyenv to help us manage and install different versions of Python, the pyenv docs describe its functionality as 

"pyenv lets you easily switch between multiple versions of Python. It’s simple, unobtrusive, and follows the UNIX tradition of single-purpose tools that do one thing well."


## Use Brew install

`brew install pyenv`

## Add pyenv initializer to shell startup script

`echo 'eval "$(pyenv init -)"' >> ~/.bash_profile`

## Reload your profile

`source ~/.bash_profile`


# Step 3 - Install Python using pyenv

  ## List of Python versions

        You can look at a list of all the different python versions that 
        can be installed using the command 

       `pyenv install --list`

 ## Installing Selected Version 

        Once you have selected a version you want to use install it using 
        the command 
       
       `pyenv install <version>`

# Step 4 - Switching to the installed version

   ## Viewing all installed versions

      You can look at the list of all installed versions of python using 
      the command 
   
      `pyenv versions`
   
   ## Setting Global Version 
     
     Set the global or default python version using the command
     
     `pyenv global <version>`

   ## Setting Local Version
      
      Set the local version for the repo by cd'ing into the repo then 
      using the command 

     `pyenv local <version>` 

   ## Checking Current Version in user

      You can always check what version of Python is currently being used 
      by using the command

      `python -V` or `python --version`


# Conclusion


  pyenv is a great tool to use to easily manage and switch between Python

  for more about pyenv look at their documentation here : 
  https://github.com/pyenv/pyenv/wiki
Toast Messages
Tags: codepen, html
Published: 2019-10-24 04:10:59

---
title: Toast Messages
published: true
date: 2019-10-24 03:45:40 UTC
tags: codepen,html
canonical_url: https://www.iamdeveloper.com/posts/toast-messages-4hhd/
cover_image: https://thepracticaldev.s3.amazonaws.com/i/tixpt06bbncusm7apgze.jpg
series: my codepens
---

So I made a little toast message demo tonight. It also works with the keyboard if you tab. It will focus on the close button of the toaster and it you hit ENTER, the toast is toast!

{%codepen https://codepen.io/nickytonline/pen/OJJmLyK %}

I was just having a little fun, but it brought up a question for me. What type of HTML element should a toast message be?

{%twitter 1187206862992789505 %}

I will have a follow up post sometime in the near future explaining all the moving parts. 😉

Photo by [Jonathan Pielmayer](https://unsplash.com/@jonathanpielmayer?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on [Unsplash](https://unsplash.com/s/photos/toast-breakfast?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)
The cybersecurity program's trifactors
Tags: cybersecurity, program, cyber, it
Published: 2019-10-24 03:45:12

People, processes, and technologies cannot work independently in a cybersecurity program. Each component must be aligned with the others, to enhance a seamless and secure operation. Any gaps that exist between one component and the other create big cybersecurity gap that increases the system’s and an organization’s risk. Read more: https://helical-inc.com/blog/people-process-and-technology-the-trifecta-of-cybersecurity-program/
Understanding the Trifecta of Cybersecurity Programs

Published: 2019-10-24 03:42:23

Ensuring that your organization’s systems are protected against cyberattacks mainly depends on the proper functioning of each element of your cybersecurity program.  Those core elements are people, process, and technology. Who are those people and what are those processes and technologies? Read the more to understand the trifecta of cybersecurity program. visit: https://helical-inc.com/blog/people-process-and-technology-the-trifecta-of-cybersecurity-program/
[gev] (Support WebSocket Now)A lightweight, fast non-blocking TCP network library based on Reactor mode
Tags: go, network, epoll, github
Published: 2019-10-24 03:35:57

---
title: [gev] (Support WebSocket Now)A lightweight, fast non-blocking TCP network library based on Reactor mode
published: true
description: https://github.com/Allenxuxu/gev
tags: Go,network,epoll,github
---

`gev` is a lightweight, fast non-blocking TCP network library based on Reactor mode.

Now it supports websocket.

➡️➡️ [https://github.com/Allenxuxu/gev](https://github.com/Allenxuxu/gev)

## Features

* High-performance event loop based on epoll and kqueue
* Support multi-core and multi-threading
* Dynamic expansion of read and write buffers implemented by Ring Buffer
* Asynchronous read and write
* SO_REUSEPORT port reuse support
* Support WebSocket
* Support for scheduled tasks, delayed tasks

## Throughput Test


![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/tovwl05muknyvxu8hmb9.png)

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/tovwl05muknyvxu8hmb9.png)


➡️➡️ [https://github.com/Allenxuxu/gev](https://github.com/Allenxuxu/gev)
Capybara::Session Page Navigations
Tags: rails
Published: 2019-10-24 03:11:34

---
title: Capybara::Session Page Navigations
tags: rails
---

[The code on GitHub](https://github.com/teamcapybara/capybara/blob/master/lib/capybara/session.rb)


## 👍browser back & forward
```ruby
go_back
go_forward
visit(https://dev.to/new)
```

## 👍window(tab) switch and close
### OLD WAY
```ruy
window = page.driver.browser.window_handles
if window.size > 1 
  page.driver.browser.switch_to.window(window.last)
  page.driver.browser.close
  page.driver.browser.switch_to.window(window.first)
end
```

### NEW WAY
```ruby
switch_to_window(window_opened_by{ click_link('click here!') })
# do something

switch_to_window(windows.first)
```

### Better Way
In this way, you don't need to back by manually.
```ruby
within_window(window_opened_by{ click_link('click here!') }) do
  # do something
end
```

## 👍get Http responses
```ruby
status_code
response_header
```

## 🔗 Parent Note
{% link https://dev.to/n350071/my-capybara-note-2gp3 %}
Moving Between Screens in Your Game Using MelonJS
Tags: gamedev, javascript, tutorial
Published: 2019-10-24 02:51:17

---
title: Moving Between Screens in Your Game Using MelonJS
published: true
description: Quick tutorial on how to move from screen to screen in your game using melonJS 
tags: gamedev, javascript, tutorial
cover_image: https://thepracticaldev.s3.amazonaws.com/i/xlfpzgnswh4ozc2wym9r.png
---

Continuing with my series on gamedev, this time I've created a quick tutorial on how to implement screen-to-screen transitions with almost no code using melonJS as the game engine and Tiled as the map editor.

You can check the full [article here](https://blog.bitsrc.io/moving-between-screens-in-your-game-using-melonjs-5ae339f19a0f) and my previous one about creating a typing platformer, [over here](https://blog.bitsrc.io/writing-a-typing-game-with-melonjs-ef0dd42f37bf).

There is at least one more article covering 2D game development to come, so stay tuned!
Pure css animation hamburger menu
Tags: css, hamburger
Published: 2019-10-24 02:23:51


I fork and study this post, write my practice project

{% link https://dev.to/ahmadbassamemran/awesome-css-animation-hamburger-menu-2aec?utm_source=digest_mailer&utm_medium=email&utm_campaign=digest_email %}

This is my practice project
{% stackblitz rs-css-hamburger view=preview %}
Timing Attacks and the Timing-Allow-Origin Header
Tags: security
Published: 2019-10-28 19:30:06

---
title: Timing Attacks and the Timing-Allow-Origin Header
published: true
date: 2019-10-24 01:57:00 UTC
tags: security
canonical_url: https://www.petefreitag.com/item/885.cfm
---

I've always found _Timing Attacks_ to be an interesting type of web application vulnerability. You need to understand timing attacks before you can understand how to use the `Timing-Allow-Origin` http response header.

**What is a Timing Attack?**

Timing attacks can happen when attackers use timing to ascertain information, or perhaps better put, when performance is a bug!

Here is a common timing attack I see often in real code:

```
if ( isValidUser(username) ) { 
  if ( isValidPassword( username, password ) ) { 
    return { authenticated: true };
  }
} 
return { authenticated: false };
```

In the above case an attacker use the response time to determine what usernames are valid. If an invalid username is passed it fails fast. This works well because `isValidPassword` is probably doing an expensive operation to compute the entered password's hash, and it will take notable amount of time. By comparing the response time of a valid username and an invalid username the attacker can form a list of valid user names.

Other real world timing attacks have taken place that have allowed attackers to figure out the identity (see [Twitter Silhouette Attack](https://blog.twitter.com/engineering/en_us/topics/insights/2018/twitter_silhouette.html)). On Facebook, it was possible to create a page that had age restrictions setup such that only a 32 year old could view it, by creating a page for each age, and then requesting each one it was possible for another site to tell how old you are.

[Mathias Bynens](https://dev.opera.com/blog/timing-attacks/) has a great talk on this subject that will help you further understand this topic.

**The Timing-Allow-Origin Header**

This is a new header, that according to [Can I Use](https://caniuse.com/#feat=mdn-http_headers_timing-allow-origin) has only been around for about a month (September 2019).

The `Timing-Allow-Origin` header allows you to specify what origins can view the timing data, it needs to be an exact match, so if you want to share the timing data with `https://example.com` you can specify:

```
Timing-Allow-Origin: https://example.com
```

The spec also allows you to specify a wildcard here:

```
Timing-Allow-Origin: \*
```

Hopefully you can understand that specifying the `*` wildcard for the `Timing-Allow-Origin` is not a good idea, and can open yourself up to cross site timing attacks via the Web [Resource Timing API](https://w3c.github.io/resource-timing/).
API Design-First vs Code First
Tags: restapidesign, api, apidesign, openapi
Published: 2019-11-13 16:06:08

---
title: API Design-First vs Code First
date: 2019-10-24 01:28:54 UTC
published: true
tags: rest-api-design,api,api-design,open-api
canonical_url: https://medium.com/apis-you-wont-hate/api-design-first-vs-code-first-a8e1708dd48b
---

[![](https://cdn-images-1.medium.com/max/900/0*CKfOj4Hd0COpm43G.png)](https://medium.com/apis-you-wont-hate/api-design-first-vs-code-first-a8e1708dd48b?source=rss-63d3c9a9b3be------2)

Should you do “API Design-first” or “code-first”, and what do these things even mean?

[Continue reading on APIs You Won't Hate »](https://medium.com/apis-you-wont-hate/api-design-first-vs-code-first-a8e1708dd48b?source=rss-63d3c9a9b3be------2)
FIRST HACKTOBERFEST #PROUD
Tags: hacktoberfest, thanks
Published: 2019-10-24 00:56:47

Done It!  Completed my First Hacktoberfest! It was fun BUT I would not have been able to compete if this event if it never existed.  So this is a SHOUT OUT to:

Digital Ocean for making it possible
GitHub for being open source
Everyone that created a project to make it happen.
Dev and everyone on it - for answering my newbie questions and offering this forum.
Everyone else that has joined this journey

It may be just one T-Shirt but it represents a lot of work and significant amount of community support.  

I look forward to next year's one and spending the next year learning how to create a project for others to participate in. 


Thank You.

PS:  Photo by Digital Ocean.
Day 18 : Complex
Tags: hiphop, code, coding, lifelongdev
Published: 2019-10-24 00:42:13

_liner notes_:
- Professional : Sat in on a couple of talk prep sessions. Been picking up quite a few tips. Also sat in on another presentation on our Benefits. Healthcare is so complex! Other than that, I transferred my Use Case draft write up over to a GitHub branch and did a pull request. Also got a chance to do some research on some things I can do to refactor the code some more.

- Personal : That GoPro Max is really looking good to me seeing the different reviews and footage. haha. Going to go through some more tracks for this week's radio show. Want to look over an old coding side project before I go to bed.


![Arial view of the cliffs of Sagres, Portugal](https://thepracticaldev.s3.amazonaws.com/i/6puesugzlg53r931uljf.jpg)


Tomorrow, I want to make sure that if a user wants, they'll be able to clone the app I made and get it working. If I have time, I'd like to add some styling to it as well. After work, I want to get more tracks reviewed for the radio show and some coding projects.  

Have a great day!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube 1xKtsoImhmg %}