teleren/devto huggingface dataset:
How Much Does It Cost to Develop Custom Software: What Industry Experts Say
Tags: costofsoftwaredevelopment, costtoddevelopcustomsoftware
Published: 2020-06-10 10:31:25

How much does it cost to develop custom software?

A question that we are asked quite frequently. And it’s a tough one, even for someone who has been developing software for over 15 years. Well, here’s our three-word answer: “It really depends!”

The cost of developing software depends on the requirements and various other software cost factors, and no two software projects are the same. In fact, ‘software’ is itself such a broad term that we cannot know the development cost for sure until we know what your exact software requirements are.

We wish that it was simpler to give an instant cost estimate and a time-frame, but without understanding the requirements and factors that determine software development pricing, it is almost impossible to say. 

Let’s proceed with our discussion and find out what this really means for you. Read on to find out more about:

    Software development cost breakdown
    How average costs are estimated
    What factors determine the final cost of software development.

What Kind of Software Do You Want to Develop?

In today’s tech-savvy world, the term ‘software’ can mean anything, from the weather application on your phone to a comprehensive enterprise software used by millions of clients. 

Even ‘enterprise software’ is not specific enough. Businesses use a plethora of different software that enables them to operate efficiently, allowing them to perform and manage specific functions. Think about software for every single process, from vendor management, production, inventory, clients, and projects, to managing employees. All kinds of business software, from project management tools to ERP systems, are examples of the integration of business processes and software.

Business owners who want to equip their business with cutting-edge custom software, or entrepreneurs that want to launch software that will be “the next big thing” in the market, often reach out to us with their ideas. But giving precise cost estimates based on vague ideas is virtually impossible. Here’s an analogy that explains it better.

Read More here: [https://www.goodcore.co.uk/blog/cost-to-develop-software/](https://www.goodcore.co.uk/blog/cost-to-develop-software/)
Ventana Modal - Para Ilustrar
Tags: codepen
Published: 2020-06-10 10:27:07

<p>Ventana Modal utilizando cajas flexibles, a la vez que se aplicó la metodología BEM en su implementación.</p>

<p>Esta es una publicación en respuesta a: ¿Cómo mostrar correctamente elementos dentro de un modal?</p>

<p>Se puede acceder siguiendo la ruta =&gt; <a href="https://es.stackoverflow.com/questions/364042/como-mostrar-correctamente-elementos-dentro-de-un-modal/364091#364091" target="_blank">https://es.stackoverflow.com/questions/364042/como-mostrar-correctamente-elementos-dentro-de-un-modal/364091#364091</a></p>

{% codepen https://codepen.io/dlunamontilla/pen/OJMMpOK %}
Disconnected from FTP Server
Tags: econnaborted, filezilla, ftp
Published: 2020-06-10 10:18:52


If your server has `vsftpd` utility & you're trying to connect to your server using filezilla. This snippet is for you.
If you're facing `ECONNABORTED` error in filezilla please read ahead.

1. Open up filezilla
2. On windows press `ctrl + s` to open site settings
3. Select the site you're facing problems with. Click on the third tab `transfer settings`
4. Under transfer mode: Please select `Active`.
5. Click on connect again.

I hope it helped :)
HNGi7 Video Tutorials 
Tags: 100daysofcode, codenewbie, webdev, tutorial
Published: 2020-06-10 10:13:36

Hi Everyone! I joined this amazing HNG-Internship, which has been challenging and fun at the same time. Please help my amazing team-Flash get to the next stage.

Please give watch & show a friend. 
These informational videos where made:

Create User Story Template on Clubhouse
https://youtube.com/watch?v=xkOGiUhUuIo&feature=youtu.be…

Guide to using Shadows in figma
https://www.youtube.com/watch?v=gNzRorqAAYg&feature=youtu.be

To learn more about HNG check them out https://hng.tech/
or see them on Twitter https://twitter.com/hnginternship
How the agile methodology really works?
Tags: agilemethodology, agile, softwaretesting
Published: 2020-06-10 10:06:28

The agile model receives iterative turn of events, and every emphasis is intended to be little and reasonable that can be conveyed in a particular brief timeframe. i.e., a week or a long time. 

An agile model is a gathering of advancement procedures, and its principle rationale is to expel/maintain a strategic distance from exercises that may not be required for the task and to evacuate anything which is an exercise in futility and exertion. 

Agile gives us a thought regarding the amount of our conveyed item is significant and whether we've passed up a great opportunity onto something that matters. 

Agile is a structure that characterizes how programming advancement should be finished. It is anything but a solitary or explicit technique, and it is the assortment of different philosophies and best practices that follow the worth explanation marked with the client.

<b>How does <a href="https://www.testingxperts.com/blog/agile-methodology">Agile Methodology</a> work?</b> 

Agile works this way. We will examine the spry procedure bit by bit. 

To comprehend it better, we can take the assistance of a model. How about we consider a client who needs you to create programming for them. Beneath would be the means that you will follow according to Agile:- 

Make a List: This progression incorporates meeting users and bringing down all the subtleties and highlights that they need to find in their product. This rundown of necessities and capacities is known as the User Requirements List, and this turns into the plan for the day for this undertaking. 

Evaluating and Sizing: After creation the client show, you will measure stories comparative with one another utilizing Agile Estimation procedures and think of a gauge of how long every story would take to finish. 

Setting Priorities: After giving a gauge you can take client's assistance to know their inclination. You can request that they organize their client list with the goal that you can complete the most basic errand first and spare the least significant for the end. 

Execution: Now when you know the client's needs and have an ace story list set up, you can at last begin conveying some incentive to the client. You start from the top, with the most earlier errand and work your way down to the base for the least earlier undertaking. After each conveyance, you take input from your client. 

Refreshing Plan: As you begin conveying the item to the client, he will concoct a few changes. You can remember those progressions for your rundown. Whenever required, you will reprioritize the rundown of things. There should be where you are not quick enough and may not convey the venture in time. In such a case, you will consistently be conveying the most elevated need and most significant highlights. The organized rundown is utilized to characterize the work request.
solidityとweb3のkeccak256について
Tags: solidity, web3, keccak256
Published: 2020-06-10 09:54:38

---
title: solidityとweb3のkeccak256について
published: true
description: 
tags: solidity, web3, keccak256
---

Solidity側で以下のようにsha3
```solidity
byte32 solidityMessage = keccak256(abi.encodePacked(address, msg.value, stringKey));
```

Web3では以下のように作成
```javascript
const web3Message = Web3.utils.soliditySha3({t: 'address', v: address}, {t: 'uint', v: '123456'}, {t: 'string', v:'secret-key'});
```

検証
```javascript
solidityMessage == web3Message
```
Anchor Tag Helper in ASP.NET Core 2.1
Tags: csharp, webdev
Published: 2020-06-10 09:31:13

In the Article previous, I say to **TagHelper in ASP.NET Core 2.1**, in this article I share more information about this library.
You can see again the article previous: [Create Project ASP.NET Core 2.1](https://dev.to/skipperhoa/create-project-asp-net-core-2-1-39d8)
**The Tag Helper** is a library help insert URL in element <a></a>, In ASP.NET MVC 5 you can call URL @Url.Action(). But in ASP.NET Core 2.1 we use simple more much
You can see it : https://docs.microsoft.com/en-us/aspnet/core/mvc/views/tag-helpers/intro?view=aspnetcore-2.1
```csharp
<ul class="nav navbar-nav">
                    <li><a asp-area="" asp-controller="Home" asp-action="Index">Home</a></li>
                    <li><a asp-area="" asp-controller="Home" asp-action="About">About</a></li>
                    <li><a asp-area="" asp-controller="Home" asp-action="Contact">Contact</a></li>
                    <li><a asp-area="" asp-controller="Home" asp-action="Detail" asp-route-id="2">Detail</a></li>
                    <li><a asp-area="" asp-controller="Home" asp-action="Product" asp-all-route-data="parms">Product</a></li>
                    <li><a asp-route="ProductCategory" asp-all-route-data="parms">Product2</a></li>
  </ul>
  ```
  + **asp-controller="Home"** : we call HomeControler.cs file in Controllers folder
  + **asp-action="Index"** : call action "Index" in HomeController.cs file
  + **asp-route-id="2"**: use insert params to Index(int? id){}, example: https://localhost:44348/Home/Detail/2
  + **asp-all-route-data**: use insert params(Key,value), example: https://localhost:44348/Home/Proudct?ProductID=11&CategoryID=4

  Example: ProductID=2, CategoryID=4
  ```csharp
  //HomeController.cs
  [Route("/Home/Product",
         Name = "ProductCategory")]
  public IActionResult Product(int ProductId,int CategoryId)
  {
       return View();
  }
  ```
  You can use it the following code below
  ```csharp
  @{
  var parms = new Dictionary<string, string>
              {
                  { "ProductID", "11" },
                  { "CategoryID", "4" }
              };
  }
  <a asp-controller="Home" asp-action="Product" asp-all-route-data="parms">Product</a>
  //or
  <a asp-route="ProductCategory" asp-all-route-data="parms">Product</a>
  ```
  Through this article you can imagine , we use Tag Helper call URL, insert params to URL
The Article : [Anchor Tag Helper in ASP.NET Core 2.1](https://hoanguyenit.com/anchor-tag-helper-in-aspnet-core.html)
Create Project ASP.NET Core 2.1
Tags: csharp, webdev
Published: 2020-06-10 09:28:35

First, we open program **Visual Studio 2019**, choose ASP.NET CORE 2.1, In the article, I shared way create project ASP.NET CORE 2.1
Steps 1: Open program Visual Studio 2019
Steps 2: Choose ASP.NET CORE Version 2.1->select **Web Application (Model-Controller-View)** -> Create Project
![Create Project ASP.NET Core 2.1  - hoanguyenit.com](https://hoanguyenit.com/public/upload/images/basic-asp-core2.1-01.jpg)
+ **wwwroot** : it contains directories (css, images, js, lib), you can call file javascript, the following code below
```js
<script src="~/js/jquery.min.js"></script>
```
+ **ViewImports.cshtml**: you see it import library
```csharp
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
```
Example: you have **ProductController.cs**, TagHelpers help call **(Controller,Action,Route)**
```csharp
<a asp-controller="Product" asp-action="Details" asp-route-id="2">View Detail</a>
```
+ **appsettings.json**: use Configuration ConnectString  SQL SERVER
```json
{
  "Logging": {
    "LogLevel": {
      "Default": "Warning"
    }
  },
  "AllowedHosts": "*",
  "ConnectionStrings": {
    "EFDataContext": "Server=DESKTOP-GCABV8F\\SQLExpress;Database=ProdctDB;Trusted_Connection=True;MultipleActiveResultSets=true"
  }
}
```
The Article : [Create Project ASP.NET Core 2.1](https://hoanguyenit.com/create-project-asp-net-core21.html)
Profile arbitrary code in prod console
Tags: ruby, rails, profiling
Published: 2020-06-10 09:24:25

---
title: Profile arbitrary code in prod console
published: true
description: How to use stackprof in production to produce actionable flamegraphs
tags: Ruby,Rails,Profiling
cover_image: https://i.postimg.cc/15fN3VGd/flame.png
---

Include stackprof in gemfile
```rb
gem "stackprof", ">= 0.2.13", require: false
```

Require stackprof and run slow code in its block
```rb
require "stackprof"

def profile!
  profile =
    StackProf.run(ignore_gc: true, interval: 1000, mode: :wall, raw: true) do
      # slow code
    end
  
  output_file = Rails.root.join("log/stackprof.json")  
  File.write(output_file, JSON.generate(profile))
  output_file
end

profile!
```

DL the file to local computer
```
scp PROD:/path/to/log/stackprof.json ~/Desktop/profile.json
```

Upload the file to https://www.speedscope.app and study flamegraph
5 examples of what you can do with just CSS
Tags: css, codepen, html, tabs
Published: 2020-06-10 09:20:22

*Originally posted on my [blog](https://www.1thingaweek.com/week/137/5-codepens-CSS)*

I'm a big fan of CSS, it's the best part of front-end development in my opinion. It's the bit that really elevates a page from being a document to something much more.

Over the past year or so I've really pushed myself to see what I can achieve with just CSS, especially things that are usually left to JavaScript, and to built solutions that really could be used out in the wild.

Admittedly I haven't got through as many examples as I would have liked but it's time to showcase a few.

##CSS only slideshow

{% codepen https://codepen.io/twhite96/pen/xxwgLgY default-tab=result %}

The example I'm proudest of is this CSS only slideshow that uses absolutely no JavaScript. I don't think the HTML is any more verbose than it would be for a JavaScript version, but it is lacking highlighted pagination at the moment. I've been thinking that I could leverage a repeating box-shadow property to solve that but it's something I need to look into.

##CSS image grid

{% codepen https://codepen.io/twhite96/pen/KKVPzZp default-tab=result %}

Something I put together as a concept for work, you can adjust the number of images and the orientation of the images in the grid (although it only takes the first one into account). P stands for portrait and L for landscape.

This example has JavaScript to allow the properties to change but it is a pure CSS grid that is doing the work.

##CSS only tabs

{% codepen https://codepen.io/twhite96/pen/GRogPEp default-tab=result %}

The CSS slideshow was created a couple of months ago and while looking at how different libraries tackle tabs, I realised I could use the same concept for tabs too. This example has no JavaScript but really does tab between the content as you'd expect. Like the slideshow, highlighting the current tab is missing at the moment, but something that would be great to solve.

##CSS only pie chart

{% codepen https://codepen.io/twhite96/pen/MWKYwRw default-tab=result %}

Playing with a few ideas, I wanted the HTML markup to represent the figures in the chart and the CSS to be used to render it. Really pleased with how it turned out.

##CSS bubble patterns

{% codepen https://codepen.io/twhite96/pen/Vweweop default-tab=result %}

I've adopted repeating patterns to fill white spice on one of my projects and achieved it with pseudo-elements and CSS, but had to settle for small circles as I couldn't quite get my head around how to build squares. Since then, I've figured it out, but wanted to try a different pattern. I went for three variations of bubbles. One with a shadow to the bottom right, one with a shadow to the top left and the third was to make them look like hollow circles (or bubbles).

##More from me on CodePen
If you're interested in seeing what else I've experimented with or what I come up with in the future, take a look at my [CodePen profile](https://codepen.io/cchana).
VS Code, your new best friend?
Published: 2020-06-10 09:07:54

VS Code does a lot, and it does it well. I spend most of my workday and lots of my free time with it. Almost more than my phone I would guess. This makes it worth the time to explore how to customize it and find all the hidden gem features, built in or in the package ecosystem. Lets get into it...



## Fonts
There are many great fonts including, Fira Code, Hack, Monaco. Do you prefer Monospaced fonts for the alignment or enjoy the look och a more stylized font? An important consideration is do you want Ligatures in your code?

![Ligatures](https://danclarkeblogstorage.blob.core.windows.net/images/2017-12-firacodefont/ligatureexamples.png)


## Colors
Color themes are one of the most effective parts to play around with to make the editor your own. 

⚙️ -> Color Theme 

You can even have glowing text. Below image showcases the Synthwave 84' theme with the Neon Dreams Glow enabled

![Synthwave](https://dev-to-uploads.s3.amazonaws.com/i/7c53hgzn4xjh5d10w88g.PNG)


## Formatting
![Prettier](https://repository-images.githubusercontent.com/75104123/f6f27280-61e5-11e9-8759-33288e842a50)
Prettier has gained a lot of traction and once you start to use it you realize that formatting code is easier than ever. You do however need to decide if the formatter should run on demand, on save or as often as on each character typed.


## Git
VS Code has a bunch of git tools that you could use if you are not a git CLI purist.


## Debugging
VS Code is a very competent debugger and i have personally debugged Go, Python, Node, Deno and C# inside VS Code to mention a few.


### Thanks for reading and happy coding!
OneNote to Markdown
Published: 2020-06-14 01:51:58

---
title: OneNote to Markdown
published: true
date: 2020-06-10 09:00:00 UTC
tags:
canonical_url: https://blog.kriftonite.com/onenote-to-markdown
---

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

## How to Convert OneNote to Markdown

My current role at work involves writing lots and lots of documentation which I prefer to draft, for organization reasons, [OneNote](https://onenote.com/). The notebooks, tabs and cloud syncing features fit the bill for me and the Android app isn't half bad. The biggest gripe I have with OneNote, really the entire Microsoft Office suite in general, is lack of rich extensibility. I haven't looked into writing extensions myself, but the complete dearth of options that come up via a Google search suggests either, I'm the only person using OneNote or writing extensions is a chore not worth the effort.

This really became a problem for me today when I needed to move my draft documents to the company Azure DevOps Server team wiki which uses [Markdown](https://daringfireball.net/projects/markdown/). Before giving up entirely and formatting Markdown by hand, I made one final attempt at my Google-Fu and settled for what I thought was an [online-only option](https://word2md.com/). This is less than ideal since I would need to pass proprietary company information through it, but proved worth the click as it contained a [GitHub](https://github.com/benbalter/word-to-markdown) link at the bottom. What follows from here is a quick and dirty guide to setting up Word-To-Markdown on Windows… Big shout-out to [Ben Balter](https://ben.balter.com/) for making this utility available!

### Word2Markdown

[GitHub](https://github.com/benbalter/word-to-markdown) - [Online](https://word2md.com/)

**Author** : Ben Balter, Senior Product Manager, GitHub

**Blog Post** : [We've Been Trained To Make Paper](https://ben.balter.com/2012/10/19/we-ve-been-trained-to-make-paper/)

#### Dependencies

- Install [Ruby on Rails](https://rubyonrails.org/)
- Install [Libre Office](https://www.libreoffice.org/)
- Add soffice.exe to %PATH%

#### Installation

gem install word-to-markdown

#### Usage

1. Generate documentation in OneNote
2. Windows 10 users must open OneNote 2016, not the OneNote App
3. File > Export to Word
4. Open command prompt
5. Type: w2m WordDoc.docx > Markdown.md
Giới thiệu công ty Freecracy
Published: 2020-06-10 08:43:54

Công ty chúng tôi là một start-up vừa bắt đầu hoạt động đầu tháng 09 năm nay. Lúc bắt đầu luôn là quãng thời gian khó khăn, nhưng chưa bao giờ tôi thấy đồng nghiệp và cấp trên than khó. Mọi người luôn cùng nhau tìm hướng giải quyết và cùng cải thiện vấn đề. Không quá nghiêm khắc nhưng cũng chẳng dễ dãi, một môi trường năng động, nhiều người kinh nghiệm và tử tế, rất tốt để phát triển bản thân. Công ty start-up của chúng tôi tại Làng Báo Chí, phường Thảo Điền, một không gian yên tĩnh, dễ tập trung làm việc, hơn thế nữa, tầng thượng có hẳn lò nướng BBQ và không gian để tiệc tùng thịt nướng thỏa thích mỗi ngày. Chuẩn một công ty Start-up!
Các thành viên
Vì là Start-up nên cách làm việc cũng khá mới lạ so với các công ty Nhật khác. Chúng tôi có mối quan hệ cấp trên-cấp dưới rõ ràng nhưng làn phân chia đó trong giao tiếp hay công việc không quá đậm. Chúng tôi trao đổi, thảo luận với nhau hết sức bình đẳng, sau một hồi ngồi cắm đầu vào máy tính thì cấp trên luôn là người tìm trò đùa cho mọi người cười đùa giải khuây và ủng hộ tinh thần làm việc của mọi người. 　Sau giờ làm việc chẳng ai muốn về vội, toàn nán lại đọc tủ sách phong phú tại công ty hoặc tán dốc chuyện này chuyện nọ.
Lời nhắn
Tuy hiện giờ chúng tôi chỉ là Start-up mới với 150.000 USD vốn đầu tư, nhưng với tham vọng lớn, trong tương lai gần, mục tiêu của chúng tôi là vươn ra khắp Châu Á để tạo nhiều cơ hội việc làm hơn cho người dùng cũng như kết nối nhiều người trên nhiều đất nước. Nếu bạn có hứng thú với dịch vụ hay muốn cùng gia nhập với chúng tôi, hãy liên lạc qua mail hoặc đến trực tiếp địa chỉ công ty để cùng nhau trò chuyện và thưởng thức tách cà phê thơm ngon nhé!
Ionic Firebase Chat
Tags: ionic, firebase, ux
Published: 2020-06-10 08:40:38

Hello everyone.!

I would like to share the inspiration for your next chat app.

Credit: https://mythemebox.com/template/ionic-chat-app/


![Ionic Firebase Chat screenshot 1](https://dev-to-uploads.s3.amazonaws.com/i/hpfp0lxpf5w9qqvqrga0.png)

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

Credit: https://mythemebox.com/template/ionic-chat-app/