teleren/devto huggingface dataset:
Hating on languages you don't use
Tags: discuss, code, programming
Published: 2018-06-26 10:42:48

---
title: Hating on languages you don't use
published: true
description: 
tags: discuss, code, programming
---

![](https://thepracticaldev.s3.amazonaws.com/i/bkvr83xnp350khbetqcw.JPG)

Please dont. Every language is good at something. Your taste, experience and objectives are not the absolute truth. Just because you don't like it doesn't mean its a shitty language.
Pro tip: using Promise.then for function composition
Published: 2018-06-26 09:33:16

I've become a fan of functional programming in recent times \(even though I still don't know much about it\). Over time, I've developed a habit when working with Promises in JavaScript. I try to construct my code so it ends up reading like this:

```js
let tweetsToAttendTo = fetchTweets()
  .then(removeDuplicates)
  .then(removeTweetsIveRepliedTo)
  .then(fetchRelevantTweets);
```

This means I'm using `then` not only to control flow but also to pipe output of one function to the input of another \(thereby creating a pipeline\). I find that this pattern makes the code easier to read and reason about, and gets rid of unnecessary filler like the arrow function and extra variable in the following:

```js
fetchTweets()
  .then(tweets => removeDuplicates(tweets));
```

Be careful though\! There are a few things you must know when using this pattern:

1. Applying this method depends on the result of the previous function being the input to the next function
2. Be careful when using object methods. For instance, the following two snippets of code aren't the same thing:

```js
getModels().then(r => manager.applyFilters(r))

// any calls to `this` in `manager.applyFilters` will return undefined
getModels().then(manager.applyFilters)
```

Ultimately, don't force it. I use this often, but if it just isn't working \(output of F1 isn't input of F2, F2 behaves differently, I need to do special error handling\), I let it go. Remember, no silver bullets\!
How I landed my first developer Job
Tags: developer, react, frontend, webdev
Published: 2018-06-26 09:09:40

---
title: How I landed my first developer Job
published: true
description: A short story about how I got my first Developer Job
tags:  Developer, ReactJS, Frontend, Web Development
cover_image: https://thepracticaldev.s3.amazonaws.com/i/h9pyhx2hb6ae56zkw0n0.jpg
---
<p>I would like to share my short story on how I landed my first Job as a Front-End Developer. </p>
<p>A little background about my education: I was always interested in the tech since I was in school and learned C++ during last years of school. I finished my schooling in 2014 and got admission in an average Private engineering college. During first 2 years of my college, I didn't focus on learning much except a 2 months training in Java. However, I had a good understanding of core concepts of programming.</p>
<p>In the third year, I decided to learn web development. After taking few short courses on HTML and CSS I started "The web Developer Bootcamp" by Colt Steele. It was such a nice course that made my interest in Web development. I learned about HTML, CSS, JavaScript, jQuery, Bootstrap, NodeJS, ExpressJS etc. After that, I took few more courses on Angular and Java.</p>
<p>At the end of my third year, I applied for a number of Internships but didn't get selected for any. But I still kept applying.</p>
<p>During the final year of my college, I appeared for a few interviews for internship, I got rejected in most of them initially, but after a few months, I started getting positive feedback and finally cleared 3 interviews for unpaid internships. But I needed some monetary rewards as well to keep myself motivated and during one of the interviews, after I cleared all the rounds, the HR told me that I won't get any stipend as I was from a tier 3 college. That hit me very hard so I decided to move to NCR, a place with better opportunities. I appeared for 4 interviews on a single day, failed in 3 but cleared the last one. It was in a small startup for a profile of Web Developer Intern with a some stipend as well. </p>
<p>The internship started in February. In the initial 2 weeks, I learned about some Java frameworks like Struts, Spring & Hibernate and then Angular. I worked on a few bug fixes and enhancements in a Big Enterprise Java Application. Most of the work was repetitive and kind of boring, so I kept looking for better opportunities.</p>
<p>After a few more failed interviews, I cleared an interview for a front-end developer intern profile at another startup with almost double stipend and ReactJs as the main technology. I left the previous company and joined the new one.</p>
<p>In the new company, I learned ReactJs and started working on a project. Finally, after 2 months, I got a PPO and got a full-time Front-End Developer role with a good enough salary package according to my skills and experience. I am happy with my current Job and a lot more is left to achieve.</p>
All Perks of Entity Framework Core 2.1.1 Now in Entity Developer and dotConnect Providers
Tags: dotnet, adonet, dataprovider, dataaccess
Published: 2018-06-26 08:34:55

---
title: All Perks of Entity Framework Core 2.1.1 Now in Entity Developer and dotConnect Providers
published: true
description: Devart introduced an important update of dotConnect ADO.NET data providers and Entity Developer with support for Entity Framework Core 2.1.1. alongside with upgraded dotConnect for PostgreSQL, now supporting connections via SSH protocol.
tags: dotnet, ado.net, data provider, data access

---

Devart, a Czech software vendor of database tools and data connectivity solutions, has rolled out an update to dotConnect ADO.NET data providers and Entity Developer, a visual designer for ORM models. New versions of Devart products receive a makeover and now support Entity Framework Core 2.1.1. What’s more, updated dotConnect for PostgreSQL brings even more security with connections via SSH protocol.

Here’s a closer look at the most notable improvements of updated Devart products:

1) Support for the most recent Entity Framework Core 2.1.1 
With enhanced Devart products, users now can benefit from all new features available in Entity Framework Core 2.1.1: lazy loading, query types, value conversions, data seeding, parameterized constructor, and more. 
2) Even more secure dotConnect for PostgreSQL with the support for SSH protocol
The new version of dotConnect for PostgreSQL offers users an ability to create connections via secure SSH protocol.

Looking for more detailed information? Discover the comprehensive list of all new features implemented in dotConnect ADO.NET data providers and Entity Developer at https://www.devart.com/dotconnect/ .

About Devart

Devart is one of the leading developers of database tools and administration software, ALM solutions, data providers for various database servers, data integration and backup solutions. The company also implements Web and Mobile development projects.

For additional information about Devart, visit https://www.devart.com/ .
#girlswhocode
Tags: career, programming, coding
Published: 2018-06-26 08:33:34

---
title: #girlswhocode
published: true
description: Last week I attended a climbing competition dedicated for girls only to celebrate the international women’s day. It was held quite far away from my home town and on my way back I was wondering why I was so excited to attend a climbing competition for women and at the very same time I am so sceptical about any girls-only programming events.
tags: career, programming, coding
---

Last week I attended a climbing competition dedicated for girls only to celebrate the international women’s day. It was held quite far away from my home town and on my way back I was wondering why I was so excited to attend a climbing competition for women and at the very same time I am so sceptical about any girls-only programming events.

![publish](https://thepracticaldev.s3.amazonaws.com/i/7rmryssxh4lh70b1p5ei.jpg)

**Anyone will agree that men and women are built differently when it comes to both physique and physiology**. In general, climbing men benefit from being stronger, taller and more dynamic while climbing women are more flexible, have smaller fingers and weight less. In non-official climbing competitions, especially in qualifiers, it is common to have the same routes both for men and women. This is why I really wanted to take part in the girls-only comp: no too long moves, no too physical moves, in general no too men-style routes. No excuses! :)

Now, how does it conform to programming girls-only events? The obvious reason of having them would be that women’s brains are different than men’s in terms of programming skills. And I don’t think it’s true. **Both women and men use the same programming languages, the same tools and environments, the same machines**. The approach of a teacher on a course or the type of a presentation on a conference should not be gender-specific.

One may say it’s easier and more comfortable to start programming in a group of females. But eventually the day will come and you will have to face the real programming world, where there are boys. Quite a lot of them actually :) And you will probably meet a rude one, who will depreciate your skills just because you are a girl. But this is not because he is a man. This is because he simply is rude.

So it doesn’t matter if you are a girl or a boy, if you are black or white, if you are a Pole or a Russian. **If you want to become a programmer, just find other enthusiasts and start doing it**. In sport if you train with better people, you progress faster. This is also true in any other domains. Find the best programmers to learn from them. Statistics say it will probably be a man. If you are a girl, just start coding and change the statistics :)

Originally published at [brightinventions.pl](https://brightinventions.pl/blog/) 

By Agnieszka Olszewska, Software Engineer @ Bright Inventions
[Email](agnieszka.olszewska@brightinventions.pl)
Magento 2 Media Gallery Extension
Tags: magento2mediagallery, magento2videomodule, magento2videogallery
Published: 2018-06-26 07:33:50

---
title: Magento 2 Media Gallery Extension
published: true
description: 
tags: Magento 2 media gallery, Magento 2 video module, Magento 2 video gallery
---

No one can deny the importance of media i.e. videos and images in an online store. Attractive images and informative videos improves the look and feel of a store. It also makes the store more engaging. Product videos are of special importance for an E-commerce store as it helps customers get a full understanding of the functions and features of products more easily. 

[Magento 2 media gallery](https://marketplace.magento.com/fme-module-mediaappearance.html) extension facilitates you to attach videos/images to product, category & CMS pages. Simply upload videos from your device or embed from YouTube and other video sources. You can attach videos of multiple formats such as FLV, MPEG, MP4, PNG, GIF, and SWF. You have configuration options with respect to thumbnail size, popup settings etc. 

One of the features of this Magento 2 video module is that it also lets you create a separate media gallery page to display all the uploaded/embedded videos and images on a single page. The videos are displayed in an attractive lightbox. 

###More Features of Magento 2 Media Gallery Extension

- Add videos on product & CMS pages
- Create dedicated media gallery page
- Display featured videos in feature slider
- Display videos in lightbox
- Enable media block
- SEO friendldy
- 100% responsive
- Customize Ajax loading image
Books vs Online Courses
Tags: discuss, learning, programming, books
Published: 2018-06-26 07:06:40

---
title: Books vs Online Courses
published: true
description: Which the two learning methods is better for learning a new programming language?
tags: #discuss #learning #programming #books
cover_image: https://thepracticaldev.s3.amazonaws.com/i/nzuo6ch05kz9ft0c0tc5.jpg
---



I'm about to start a project on data mining and statistics and the recommended tools are Python and R. As I have never before used R I want to learn about the language before tampering with any of the project code. Also the main structure is already made by someone else and I was asked to add more features.

So that's when this question came to me. Should I get a couple of books on the topic? Am I going to be fine after taking an online course (free or paid) plus some tests and exercises in hackerrank for example? Or do these methods compliment each other so it's best to do both?

What is your opinion? How do you usually get started with programming languages and new concepts?


P.S: If you have any good recommendations on where to start with R it would be much appreciated! But the main topic of the post is still the comparison of the two methods. 

Thank you!
accesskey
Tags: a11y, html
Published: 2019-03-02 19:40:07

---
title: accesskey
published: true
tags: a11y, accessibility, html
canonical_url: https://www.kahlillechelt.com/2018/06/26/accesskey/
---

While working on improving accessibility features of an application I learned about an HTML feature that I was not aware of before: [the `accesskey` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/accesskey).

The attribute allows you to add keyboard shortcuts to an element.

In order to assign a keyboard shortcut you add the `accesskey` attribute to an element and assign it a letter. For instance the letter “a”, like this:

```
<div accesskey="a"> ... </div>
```

This automatically binds a shortcut to the element that either focuses it or triggers a click event.

The actual shortcut varies between browsers and platforms but in general in modern browsers it is `alt` + `a` for Windows and Linux and `alt` + `ctrl` + `a` on the Mac and `alt` + `shift` + `a` on Windows and Linux on Firefox.
Let's discuss inspiration and tools to form a better design process
Tags: discuss, ui, design, frontend
Published: 2018-06-26 01:31:16

---
title: Let's discuss inspiration and tools to form a better design process
published: true
description: 
tags: discuss, ui, design, frontend
---

I've recently landed my first full-time Front-End development role while also recently landing a freelance job with a production company to help redesign the websites that support their company / shows. 

I've been building my coding chops over the past 4 months and definitely am starting to get comfortable building out web apps without much of a design process behind it ie I <i>might</i> draw a small wireframe and run right into coding and piecing the site together as I go. It was here I started to run into the issue of just hitting the wall of piecing the design together as I go and not really delivering what I would call an enjoyable UI experience, or feeling like I could have prepared myself better. 

I would love to hear this communities stories about how they started molding their creativity in design/ui, the tools you love to use and why, and just all around advice for someone trying to fill their exp bar.

Thanks Dev.to'ers :)
🎁 🎫 20% discount code for Serverlessconf San Fran 2018!!! 🤗 😉Thanks for following 😍
Tags: awslambda, serverless, node, javascript
Published: 2018-06-25 23:52:29

---
title: 🎁 🎫 20% discount code for Serverlessconf San Fran 2018!!! 🤗 😉Thanks for following 😍
published: True
description: 
tags: #awslambda, #serverless, #node.js, #javascript 
---

🎁 🤩 🎫  Use this 20% off promo code when you purchase your conference tickets for @Serverlessconf 2018:  StdLib20goldSHARE (active June 15 - Aug 2) See you all there! 🤗😉 (Only applies for conference tickets) 

{https://www.eventbrite.com/e/serverlessconf-san-fran-2018-tickets-44968837002}
Black Holes Aint So Black
Tags: blackholes, physics, science, weirdstuff
Published: 2018-06-25 22:39:37

---
title: Black Holes Aint So Black
published: true
description: a blog series about Black Hole Physics
tags: black holes, physics, science, weird stuff
cover_image: https://thepracticaldev.s3.amazonaws.com/i/hzfjhosxn3n7hrsfy54l.jpeg
---

I gathered the essay I wrote about Black Holes and why they aren't so black into a mini blog series:

https://vault.osninja.net/tag/black-holes-aint-so-black/
File search (and more) with `find`
Tags: linux, productivity, macos, beginners
Published: 2018-06-25 19:47:43

---
title: File search (and more) with `find`
published: true
description: How to use the find command for Linux and Mac OSX Systems    
tags: Linux, productivity, macos, beginners
---

Being able to use the command line is a productivity booster, all system operations that can be done with a mouse and keyboard on fancy GUI applications are doable ove CLI.



The find command is impressive by its versatility, for example, you can lookup for a file that you "lost" on your hard-drive.

`find / -name mylostfile`

by steps, the first argument to the file program is the initial path for search (recursevely, "/" for root):

the `-name` parameter specifies the file name that you are looking for.

**BONUS:** you can use wildcards in the `-name` parameters

`find / -name "*.jpg"`

This basic functionality, find already is worth a ton, but just looking for a file is just the tip of this Titanic killer iceberg.

**The exec parameter**

Here is where `find` shines, you can execute any command on the list of the files that you found, just replace the file name with {}

`find . -name "*.mp4" -exec ffmpeg -i {} -r 30 {.}.avi \;`


again step by step:

`-name "*.mp4"` search for any file with the mp4 extension

`-exec ffmpeg -i {} -r 30 {.}.avi \;` call ffpmeg to perform a operation, keeping a 30fps on a video file and converting it to avi.

`{}` current file.

`{.}` current file without extension.

*PS:*: the semi-colon in the end of the command is uterly important, you can find more details at: [`file` man file](https://linux.die.net/man/1/find)

ffmpeg details: [ffmpeg](https://ffmpeg.org/ffmpeg.html)

---

**Do you like using the terminal? Share your experiences with `find` in the comments and we can learn togheter!**
We've just kicked off the first Mapbox #AMA, @mourner
Tags: mapping, javascript, design
Published: 2018-06-25 17:09:10

---
title: We've just kicked off the first Mapbox #AMA, @mourner
published: true
description: Three days. Unlimited questions. Ask Vlad anything!
tags: mapping, JavaScript, design
---

I'm incredibly proud to be a part of [Mapbox](https://www.mapbox.com/?utm_source=junedevto&utm_medium=devto&utm_content=home&utm_campaign=junedevto)'s sponsorship of Dev.to because of the rich & lively conversations Dev.to sponsors for the community. Local DC-based Jess Bell's [AMA](https://dev.to/sirjessthebrave/im-a-developer-for-the-washington-post-ask-me-anything-637) was actually my first introduction to all the authentic connection going on here, and I'm proud to say we're on the train:

Head over to "[I'm an open source enthusiast at Mapbox, the creator of Leaflet and 40 other JS libraries and a rock star musician](https://dev.to/mapbox/im-an-open-source-enthusiast-at-mapbox-the-creator-of-leaflet-and-40-other-js-libraries-and-a-rock-musician-ama-1c7o)" to ask the one & only [Vladimir Agafonkin](https://twitter.com/mourner) anything!

![mourner](https://user-images.githubusercontent.com/20598581/41864845-464ae7ce-7879-11e8-8fb9-1f1e913c13ef.jpg)

Have an idea who you want to take the stage next? Let me know!
Cookie
Tags: cookie, web, code, tutorial
Published: 2018-06-25 17:02:49

---
title: Cookie
published: true
description: What is cookie?
tags: 
- cookie
- web
- code
- tutorial
---


{% youtube DOxZQOvvvgI %}

TLDR; cookie keeps you login after you exit the browser. We are using instagram web app as a demo on how cookie works. You get to see both persistent and session cookie happening in the same app. 

Thumbnail
- Olenka Kotyk https://unsplash.com/photos/aexHH1MgPZw 

Music
- Soundcloud, Danell Arma - Oligarch
Hey, have you heard of _____ ?
Tags: humor
Published: 2018-06-25 16:46:50

---
title: Hey, have you heard of _____ ?
published: true
description: how to potentially response to this question.
cover_image: https://images.unsplash.com/photo-1525856446968-035b43a54f6f?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=ab49445319812ed71961c1877d4ed02e&auto=format&fit=crop&w=1500&q=80
tags: humor
---

- **-1** : Yeah I think I heard of it? Kubernetes is an Ikea lamp right?
- **0**: No I have not heard of it.
- **1**: No I have not heard of it. Don't tell me about it.
- **2**: No I have not heard of it. What is it?
- **2**: I think I heard of it. Please tell me more.
- **2.1**: I think I heard of it. Please tell me more and invite me to that slack channel.
- **2.2**: I think I heard of it? please tell me more and invite me to both the slack channel and add me as a contributor.
- **2.3**: I think I heard of it? please tell me more and invite me to both the slack channel and add me as a contributor. In fact, I want to know more about you, your life-partner, and everything you hold dear.
- **3**: Yeah I know what that is. I use that in all my projects.
- ~~**4**: Yeah I heard of vim, but why the hell would anybody use it as their text editor? what are you, crazy?~~
- **5**: Yeah I heard of it. I don't know how you folks keep up with all these ____.js
- **6**: Yeah I heard of it. Wait, you use that? Don't talk to me or my son ever again.
- **7**: はい。Rubyは、シンプルで生産的なオープンソースの動的プログラミング言語です。エレガントな文法、自然な読書、簡単な文章
- **8**: Yeah, but if you are using that to solve _____, you are doing it wrong.
- **9**: *Nods* along with a "Mhmm".
- **???**: You bet I heard of it, I wrote that. I am _____ (please follow me on twitter @_____). Now tell me what you had on your mind before realizing that I am the guy that wrote it.

----
Async/Await - Pause what?
Tags: javascript, asyncawait, nonblocking, blocking
Published: 2018-06-25 15:44:35

---
title: Async/Await - Pause what?
published: true
description: straight-forward information
tags: #javascript #async/await #non-blocking #blocking
---
Confused over `async/await`?
Here's some TLDR; info about it.

### Await only pauses its parent Async function
```javascript
const messages = return new Promise((resolve), () => {
    setTimeout(() => {
        resolve(["Hey", "Good day"]);
    }, 5000);
});

async function sendMessages() { // <-- Await only pauses this function
    console.log("Sending message...");
    console.log("Message sent: ", await messages); // <-- If await reached, it executes code outside this async function, and pause this async function
}

// Let's proof it
console.log("Start");
sendMessages();
console.log("End");

// Output:

// Start
// Sending message...                  <-- sendMessage() function
// End                                 <-- Proof, await makes execution continue outside its function
// Message sent: ["Hey", "Good day"]   <-- After 5 seconds, this appears
```
This proof that `await` jumps the code execution outside its async function whenever called.
You can see that `await` only pauses its parent async function, not the entire code outside that function.
See `console.log("End")` called before finishing the `await`.

*But I don't want it, I want my code executed orderly / step by step / synchronously!*

I got you, here's to solve that:

```javascript
const messages = return new Promise((resolve), () => {
    setTimeout(() => {
        resolve(["Hey", "Good day"]);
    }, 5000);
});

async function sendMessages() {
    console.log("Sending message...");
    console.log("Message sent: ", await messages);
}

// -- Old Code
// console.log("Start");
// sendMessages();
// console.log("End");

// -- New Code
async function log() {
    console.log("Start");
    await sendMessages();
    console.log("End");
}
log();

// Output:
// Start
// Sending message...                  <-- sendMessage() function
// Message sent: ["Hey", "Good day"]   <-- After 5 seconds, this appears
// End
```

What did I do?
Wrap everything to be executed orderly inside an async function, add await to a "promising" function.