teleren/devto huggingface dataset:
Which software do you use to take screenshots?
Tags: tooling, software, discuss
Published: 2019-12-02 08:46:01

Which software / tool do you use to take screenshots?

You could use the following template:

**Name:**
[ ] Free
[ ] Paid
[ ] Open source
**OS:**
[ ] MacOS
[ ] Windows
[ ] Linux
**Link:**
**Comments:**

Markdown to copy:
```
**Name:**
[ ] Free
[ ] Paid
[ ] Open source
**OS:**
[ ] MacOS
[ ] Windows
[ ] Linux
**Link:** [website name](https://website.com)
**Comments:**
```

### Example:

**Name:** SnagIt
[ ] Free
[x] Paid
[ ] Open source
**OS:**
[x] MacOS
[x] Windows
[ ] Linux
**Link:** [TechSmith](https://www.techsmith.com/screen-capture.html)
**Comments:** Free trial available. Feature rich including video recording

**Name:** PicPick
[x] Free
[ ] Paid
[ ] Open source
**OS:**
[ ] MacOS
[x] Windows
[ ] Linux
**Link:** [PicPick website](https://picpick.app/)
**Comments:** Great features, also available as portable version
Vue CLI Configuration
Tags: vue
Published: 2019-12-02 08:37:15

Did you know you can actually configure the Vue CLI?

Although not immediately apparent, the Vue CLI **does** have its own configuration file. 

The configuration changes the way the **build** and **serve** commands work.

# Name & location
The file, named `vue.config.js`, is **not created by default** and should be added to the root folder of your project.

# Structure
The general structure is of a regular JS Module:
```javascript
module.exports = {
 /* configuration goes in here */
}
```

# Some interesting options
So... What are the options? 

Well, there are many options, there's a very long list of them in [the official guide](https://cli.vuejs.org/config/#vue-config-js)
 
I've listed some of the more interesting ones below. 


#### assetsDir
Where the static assets are placed relative to the output folder, default is `''`
#### pages 
Build the app in multi-page mode (mainly for creating a browser extension project)
#### lintOnSave
Use this to disable the lint on save or to produce just warnings instead of failing the compilation. Only relevant when eslint plugin is used. Default is `true`
#### configureWebpack
Specify a configuration option for webpack, can be object or a function.
#### css.extract
Whether to extract the css of the components into separate files. Defaults to `true` on production and `false` on development.
#### css.loaderOptions
Pass options to one of the configured css loaders.
#### devServer.proxy
Specify the URL for a development API server, this will send any unknown requests to the specified URL.
#### pwa
Pass options to the progressive web app plugin.
#### pluginOptions
Pass options to any other 3rd party plugin.

---
*Code with love,*
*Lilo*
Web Architecture Pattern:- Layered Pattern
Tags: webdev, beginners, design, todayilearned
Published: 2019-12-02 06:02:06


###Welcome! In this series we will look at different Architecture Patterns one by one.


Architecture patterns are well known patterns for solving software application architecture problems.

They are high-level strategies that concerns large-scale components, the global properties and mechanisms of a system.


A large complex software goes through a series of deconstruction at different levels.
 At large level, architectural patterns are the tools. At smaller level, design patterns are the tools and at implementation level, programming paradigms are the tools.


The first Architecture Pattern: 

1. Layered Pattern

        • The most common architecture pattern is the layered 
          architecture pattern, otherwise known as the n-tier 
          architecture pattern

        • Components within the layered architecture pattern are 
          organized into horizontal layers, each layer performing 
          a specific role within the application 

        • The layered architecture pattern does not specify the 
          number and types of layers that must exist in the 
          pattern.
	
Most layered architectures consist of four standard layers: presentation, business, persistence, and database 


The layers of isolation concept also means that each layer is independent of the other layers, thereby having little or no knowledge of the inner workings of other layers in the architecture.



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


**1.1  Different Layers :**

**The presentation layer:**  Contains all of the classes responsible for presenting the UI to the end-user or sending the response back to the client 

**The Business layer:** Represents the underlying domain, mostly consisting of domain entities and, in some cases, services. Business rules, like invariants and algorithms, should all stay in this layer.


**The Persistence Layer and Database Layer :** Contains all the classes responsible for doing the technical stuff, like persisting the data in the database, like DAOs, repositories.

**Usage**

	• General desktop applications.
	• E commerce web applications.



_Layered Architecture is about organizing code for a good separation of concerns and nothing else_

**_Resources_**
 
<https://dzone.com/articles/layered-architecture-is-good> 
<https://www.oreilly.com/library/view/software-architecture-patterns/9781491971437/ch01.html>
<https://stackoverflow.com/questions/4243187/whats-the-difference-between-design-patterns-and-architectural-patterns>
I want to become AI and ML developer but I don't know where to start.
Tags: discuss
Published: 2019-12-02 08:35:11

---
title: I want to become AI and ML developer but I don't know where to start.
published: true
tags: discuss
---
I am a java developer with more than 8-year experience. I developed mostly backend applications.I do some research about AI/ML but I am not able to find a concrete AI/ML learning path from where I can start.
I'd love to hear your suggestion and some guidelines about AI/ML learning.

Thanks in advance.
Importance of Web Testing Services
Published: 2019-12-02 08:21:19

The professional Performance Engineering team executes Load Testing to maximize an application or its infrastructure to meet the demands of a large base of concurrent users. Industry-leading businesses have used professional Load Testing engineers. Engineers with software testing capabilities help in performance engineering. Performance Engineering services to help them answer questions such as:

Load testing: How many users can the application support? What actual response times will users experience?

Scalability testing: How reliable it the application beyond the normal usage point?

Stress testing: What are the applications limitations and failure behaviour? Have corrections affected a remedy?

To answer these questions, we work with you to implement the Performance Engineering solution that is right for y business.

Infrastructure Configuration Testing
Encompasses setting up and testing various system configurations to assess the requirements and investments needed.

Load Testing assignments involve a number of system environments including client/server, Web, and multi-tier applications.

As part of testing services, we work with you to develop test plans and cases. We can also evaluate, select and implement a tool that is suitable for y specific application and environment. Using Load & Stress Testing tools, for example, we can simulate real-world scenarios and virtual users.

The Professional Load Testing and Performance Engineering Philosophy
To identify components and modules throughout the development cycle and test them to see if they will perform to expectations. This eliminates having to wait until project completion and testing the whole system—while keeping my fingers crossed that it performs as intended.

Load Testing projects typically can be performed through any of three delivery channels: at y location, in one of the labs, or remotely via the Internet.

Regardless of the delivery option, we execute all Load Testing work under conditions that mirror real-world usage patterns.

Web Testing services
The professional Web Testing service includes comprehensive testing of both Web-enabled applications and Web sites including functionality, compatibility, stability and usability. We apply a wide range of quality assurance services to static or dynamic Web sites or Web-enabled applications.

Web testing is vital to y business — y Web site is the face of y company, fully exposed to customers, investors, media, and the world at large. You want it to function as designed, and yet constant updating, multiple environments, and interface requirements can interfere with y plans.

As y quality assurance rescue, professional alleviates these pressures. We handle the demands of launch timing, lack of development processes, compressed testing schedules, personnel turnover and security issues.
PHP Extensions for Laravel 6.x
Tags: php, laravel
Published: 2019-12-02 08:15:55

---
title: PHP Extensions for Laravel 6.x
published: true
description: PHP extensions to get you started with laravel 6.x on Ubuntu 18.04
tags: php, laravel
---

I recently upgraded to <a href="https://www.php.net/archive/2019.php#2019-11-28-1" target="_blank">php 7.4</a> and was curious about which extensions I really need for a basic ``laravel new`` command.

On Ubuntu 18.04:

``sudo apt -y install php7.4 php7.4-zip php7.4-mbstring php7.4-xml``

``laravel new demo`` works!
Job Search Blues
Tags: career, motivation
Published: 2019-12-02 07:54:44

It's officially December, meaning here in Seattle we have less than 9 hours of daylight a day. 'Tis the season for SAD, and combating it while in the middle of your job search can be quite demoralizing. SAD affects an estimated 10 million Americans, and is four times as likely to affect women than it is men. I'm making a list of ways that I can stay away from the emotional slump and be proactive about staying positive during the dark, gloomy winter weather.

Setting yourself a workout goal for the winter months is, in my experience, the best way to keep yourself in a can-do positive mindset. Research has shown that even a 15-minute walk in the middle of the day is enough to increase crucial neurotransmitters, such as dopamine and norepinephrine, which help energize the brain and regulate circadian rhythms. Find a friend to go to the gym with and start a normal routine. Having someone there to motivate you to work harder as well as someone to fulfill a commitment to go to the gym with makes it easier for me to actually get out the door.

Balancing your dietary needs is just as important as being physically active, as anyone who indulges at the Thanksgiving table can tell you. Refined carbohydrates, such as pizza, can add to making you feel lethargic over the winter months. If you find yourself feeling down, try to increase the amount of complex carbs in your diet, such as spinach, lentils, and broccoli. Complex carbs take longer to digest, meaning you're not going to get a sudden spike in your blood sugar levels. Another item to include to your daily intake is vitamin D supplements to help with the lack of natural sunlight.

One final thing that us in the realm of coding could easily incorporate into our daily routines would be light therapy, as a good portion of us are already sitting behind a keyboard for hours on end. As blue light suppresses the hormones which make you fall asleep at night, a light box that is enriched in light towards the blue end of the spectrum would be most beneficial.

I'm already starting to see the effects of SAD rearing its ugly head in my day to day. When I'm not coding or actively seeking a job, I plan to start exercising more so that I can stay upbeat.
Building Forms with Vue.js
Tags: vue, javascript
Published: 2019-12-02 06:48:28

---
title: Building Forms with Vue.js
published: true
description: 
tags: vue, js
---
![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/ng5kcu87x75t7ouwg6th.jpg)
**Packt Book: 108 pages**

**Author: Marina Mosti**

**Overview**

Learn how to build dynamic schema-driven forms with Vue from scratch

**Learn**
  
• Learn all about the basics of creating reusable form components with the Vue framework
• Understand v-model and how it plays a role in form creation
• Create forms that are completely powered and generated by a schema, either locally or from an API endpoint
• Understand how Vuelidate allows for easy declarative validation of all your form’s inputs with Vue’s reactivity system
• Connect your application with a Vuex-powered global state management
• Use the v-mask library to enhance your inputs and improve user experience (UX)

You’ll get off to a steady start by setting up the demo project. Next, you’ll get to grips with component composition from creating reusable form components through to implementing the custom input components. To further help you develop a convenient user input experience, the book will show you how to enhance custom inputs with v-mask. As you progress, you’ll get up to speed with using Vuelidate and Vuex to effectively integrate your forms. You’ll learn how to create forms that use global state, reactive instant user input validation and input masking, along with ensuring that they are completely schema-driven and connected to your application’s API. Every chapter builds on the concepts learned in the previous chapter, while also allowing you to skip ahead to the topics you’re most interested in.

By the end of this book, you will have gained the skills you need to transform even the simplest form into a crafted user and developer experience with Vue.
CSS Variables for beginners
Tags: cssvariables, variable, root, css
Published: 2019-12-02 06:45:14

CSS Variables for beginners

```CSS
:root {
    --primary-color: #f03d06;
  }

  .main-header {
    color: var(--primary-color);
  }
  .main-footer {
    background-color: var(--primary-color);
  }
```
To declare a `CSS` variable we will have to add a double dash before the name of that variable.

To access a `CSS` variable try:
var(`--your-variable-name`)

CSS variables declared in `:root` will make sure that all selectors can gain access to them
Awesome Things I Read Or Saw Online The Week ending Dec 1st
Tags: todayilearned, watercooler
Published: 2019-12-02 06:23:17

This week I took some time to unplug and get away from screen time up in Wisconsin and stayed at [The Abbey Resort](https://www.theabbeyresort.com/) if you're in the Chicagoland area and you're looking for a place for a quick getaway this place is awesome.

1. I'm a really big fan of Grafana. I love how it looks on wall displays I read this awesome [Azure blog post](https://azure.microsoft.com/en-us/blog/azure-data-explorer-plugin-for-grafana-dashboards/) about what their data explorer plugin. I plan of playing around with more next week.
2. I saw this funny post by [@abregman](https://dev.to/abregman) on some [funny open source](https://dev.to/abregman/5-funny-open-source-projects-5c5k) projects
3. One more thing I saw this week on [Dev.to](https://dev.to) was about my favorite store and thoughts on an [outage](https://dev.to/qainsights/costco-outage-lessons-that-needs-to-be-learned-449j)
 they experienced last year. Food for thought as my company heads towards its busy season.
Leverage browser caching, how on apache or .htaccess?

Tags: leveragebrowsercaching, enablecompression
Published: 2019-12-02 06:12:29

<pre>
    <code contenteditable spellcheck="false">
# Enable Compression
<IfModule mod_deflate.c>
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plain
</IfModule>
<IfModule mod_gzip.c>
  mod_gzip_on Yes
  mod_gzip_dechunk Yes
  mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
  mod_gzip_item_include handler ^cgi-script$
  mod_gzip_item_include mime ^text/.*
  mod_gzip_item_include mime ^application/x-javascript.*
  mod_gzip_item_exclude mime ^image/.*
  mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</IfModule>

# Leverage Browser Caching
<IfModule mod_expires.c>
  ExpiresActive On
  ExpiresByType image/jpg "access 1 year"
  ExpiresByType image/jpeg "access 1 year"
  ExpiresByType image/gif "access 1 year"
  ExpiresByType image/png "access 1 year"
  ExpiresByType text/css "access 1 month"
  ExpiresByType text/html "access 1 month"
  ExpiresByType application/pdf "access 1 month"
  ExpiresByType text/x-javascript "access 1 month"
  ExpiresByType application/x-shockwave-flash "access 1 month"
  ExpiresByType image/x-icon "access 1 year"
  ExpiresDefault "access 1 month"
</IfModule>
<IfModule mod_headers.c>
  <filesmatch "\.(ico|flv|jpg|jpeg|png|gif|css|swf)$">
  Header set Cache-Control "max-age=2678400, public"
  </filesmatch>
  <filesmatch "\.(html|htm)$">
  Header set Cache-Control "max-age=7200, private, must-revalidate"
  </filesmatch>
  <filesmatch "\.(pdf)$">
  Header set Cache-Control "max-age=86400, public"
  </filesmatch>
  <filesmatch "\.(js)$">
  Header set Cache-Control "max-age=2678400, private"
  </filesmatch>
</IfModule>
</code>
</pre>
Advent of Code 2019 Solution Megathread - Day 2: 1202 Program Alarm
Tags: adventofcode, challenge, adventofcode2019, spoilers
Published: 2019-12-02 05:53:42

---
title: Advent of Code 2019 Solution Megathread - Day 2: 1202 Program Alarm
published: True
description: Your gravity assist program computer is on the fritz! Fix it to continue your journey.
tags: adventofcode,challenge, adventofcode2019, spoilers
series: Advent of Code 2019 Solutions
cover_image: https://imgur.com/CZ16ryC.png
---

Day 2 is in the books! And surprisingly, we're into pseudo-interpreter territory already!

### [Day 2 - The Problem](https://adventofcode.com/2019/day/2)

We need to slingshot ourselves around the moon, but the computer that calculates our trajectory has sadly exploded. Given our current data and the specs for that machine, we need to build ourselves a new IntCode interpreter.

It's surprising to me to see a psuedo-assembly converter so early in the Advent of Code, but this one turned out to be vaguely straightforward. Most of my personal problems stemmed from input validation. (If you're a newbie, let me assure you that input validation is almost always something that will slow you down. This goes triply for anyone learning a new language!)

Part 2 luckily doesn't require a whole lot of extra logic, but it has a bit of "optimization" and "compartmentalization" to keep tabs on.

### Ongoing Meta

#### Dev.to List of Leaderboards

* `120635-5c140b9a` - provided by [Linda Thompson](https://dev.to/lindakatcodes) 

 If you were part of [Ryan Palo](https://dev.to/rpalo)'s leaderboard last year, you're still a member of that! 

If you want me to add your leaderboard code to this page, reply to one of these posts and/or send me a DM containing your  code and any theming or notes you’d like me to add. (You can find your private leaderboard code on your "[Private Leaderboard](https://adventofcode.com/2019/leaderboard/private)" page.)

I'll edit in any leaderboards that people want to post, along with any description for the kinds of people you want to have on it. (My leaderboard is being used as my office's leaderboard.) And if I get something wrong, please call me out or message me and I’ll fix it ASAP.

There's no limit to the number of leaderboards you can join, so there's no problem belonging to a "Beginner" *and* a language specific one if you want.

#### Neat Statistics

I'm planning on adding some statistics, but other than "what languages did we see yesterday" does anyone have any ideas?
.flat() & .flatMap()
Tags: flat, flatmap, es9, es6
Published: 2019-12-02 05:51:29

---
title: .flat() & .flatMap()
published: true
description: 
tags: #flat #flatmap #ES9 #ES6
---

I'm currently doing research on topics of interest to Javascript. When examining the features of [**ECMAScript 2019 (ES2019) / ES10**](https://thecodebarbarian.com/whats-new-in-es2019-flat-flatmap-catch), I came across the subject and liked it. I wanted to share it with you with the philosophy of sharing knowledge. 🤗

##1.Array.flat (<dept>)

This method allows us to make our nested Array uniform and create a new Array.


***Namely;***


{% codepen https://codepen.io/enderimen/pen/JjjgyeX %}


> In this way, the depth (1, 2, 3,…) according to the value of the intertwined series, we can bring to the first level.


The lines of code on lines **3.** and **4.** actually do the same. Here, the parameter I liked was **Infinity**. Thanks to this feature, we can use our intertwined arrays, which have a complex structure, without giving depth parameters separately.

**NOTE:** With the *flat()* feature, we can also clear the empty fields in our corresponding array.


***For example;***


```
const numbers = [8,, 3, 19];

numbers.flat ();
// [8, 3, 19]
```

In [**ES6**](http://es6-features.org/), this could be done in different ways for a depth array.

***For example;***


```
const oneLevelDeep = [8, [3], [19]];
const flattenedArray = [] .concat (... oneLevelDeep);

// or

const flattenedArray = [] .concat.apply ([], oneLevelDeep);
// Output: [8, 3, 19]
```

Recursive methods or [**Lodash**](https://lodash.com/), 
 [**Underscore**](https://underscorejs.org/) libraries can do this process in a short way.


##2. Array.flatMap()

This is the same as using **.map()** followed by **.flat()** or **.flat(1)**. In short, **.flatMap()** **maps each value to a new value**, and then the resulting array becomes **a maximum depth.**


```
const fibonacci = [0, 1, 1, 2, 3];
fibonacci.map(f => [f, f * 2])
         .flat();

// [Array(2), Array(2), Array(2), …]
// 0: (2)[0, 0] 
// 1: (2)[1, 2]
// 2: (2)[1, 2]
// 3: (2)[2, 4]
// 4: (2)[3, 6]

// Output: [0, 0, 1, 2, 1, 2, 2, 4, 3, 6]
```


If we use *.flatMap()*; 


{% codepen https://codepen.io/enderimen/pen/OJJKxde %}


In short, considering the complex *JSON* result from the *API*, I can say that this is a very useful development.

```
const wish = ['stay', ['healthy', ['🖖']]];
console.log(wish.flat(Infinity));
```
WordCloud
Tags: saas, python, opensource
Published: 2019-11-19 09:02:34

Very excited to be launching [WordCloud](https://www.producthunt.com/posts/wordcloud) today on PH!

It's a simple API to create attractive, unique preview images from any URL.

This SaaS API wraps the open source [stylecloud](https://github.com/minimaxir/stylecloud) and [wordcloud](https://github.com/amueller/word_cloud) packages, with 80% of any revenue from the API being set aside for these OSS authors.

Our core mission at Saasify is to provide sustainable funding for open source developers, and today marks a big step in that direction.

I'm particularly excited as this is our first launch for an API written in Python, where we're relying heavily on [FastAPI](https://fastapi.tiangolo.com/) to generate the OpenAPI schema that powers the API.

It's also open source -- check out the relatively simple [code](https://github.com/saasify-sh/saasify/tree/master/examples/python/wordcloud) we used to generate this webapp.

If you have any questions or comments, please let me know -- thanks!