teleren/devto huggingface dataset:
Mid Meet Py - Ep.13 - Interview with Jason McDonald
Tags: python, chat, talkshow, community
Published: 2020-06-25 16:05:07

---
title: Mid Meet Py - Ep.13 - Interview with Jason McDonald
published: true
description: We meet in the middle of the day, in the middle of the week to chat about Python. Joining us this week is Jason McDonald, author, speaker and time-lord.
tags: python, chat, talkshow, community
---
PyChat:
      [Congratulations to new PSF board directors](http://pyfound.blogspot.com/2020/06/2020-python-software-foundation-board.html?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+PythonSoftwareFoundationNews+%28Python+Software+Foundation+News%29)
      [PyCon India](https://in.pycon.org/2020/) - CfP open until the 14th August. Conf on 2nd & 3rd of October
      PyCon Australia is happening soon - [CfP ends on July 12th](https://2020.pycon.org.au/)
      [DjangoCon two full days of talks, free & online](https://2020.djangocon.eu/)

Mid Meet - Hall of Fame
      Interview with Jason McDonald, author, speaker and time-lord.
      Follow Jason on [Twitter](https://twitter.com/codemouse92) and [dev.to](https://dev.to/codemouse92)

[Listen to MidMeetPy podcast](https://anchor.fm/midmeetpy)
That time I blew off Tim Berners-Lee
Tags: story, hackathon, www, discuss
Published: 2020-06-25 15:40:59

---

title: That time I blew off Tim Berners-Lee
published: true
description: A short story about what you shouldn’t do when the creator of the www asks you a once-in-a-lifetime question.
tags: #story #hackathon #www
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/jrlwydmatp2zgwpwdjpl.jpeg

---

As I’m prepping for the next Gitcoin virtual hackathon “[Arweave Open Web Incubator](https://gitcoin.co/hackathon/arweave/onboard)” it made me think of that once-in-a-lifetime opportunity to walk and talk with the _inventor of the open web_, [Tim Berners-Lee](https://www.w3.org/People/Berners-Lee/). 

The year was 2018, and I was in London for [MozFest](https://www.mozillafestival.org/en/). The company I was working for at the time sponsored the event, so I got to go to this fancy-schmancy cocktail hour for sponsors and speakers.

I was with my friend Eric, and we were both ready to head off to the next event. He needed to grab his coat or something. I told him I’d be outside and there he was, the father of `www` standing outside by himself. I composed myself and walked over and introduced myself. We chatted for around a minute, and then he said, “Hey, are you heading over to [science fair](https://medium.com/mozilla-festival/see-you-at-the-science-fair-ea6825b6d278)? We can walk and continue our conversation.” I turned around and looked for Eric, and he wasn’t there. I panicked. I turned back around and _without even thinking_ I responded to him, “I’m waiting for a friend...” In my mind, I was thinking, “what is wrong with you!? Eric will understand, go!”. He replied, “ok, well, it was good talking to you, Justin.”

Eric came down, saying he could find his coat (it was pretty cold). He asked me, “what’s wrong”? When I told him, he said, “why didn’t you go!?” I had no response. 

The lesson of the story is your good friends (like Eric) will understand if you ditch them for a once-in-a-lifetime event. =)

**What would you have done?**

<center>
<img src="https://dev-to-uploads.s3.amazonaws.com/i/pxnhusdu2qosudgn9ujx.png">
<small>Eric and yours truly in The Tube</small>
</center>

<hr>

Photo by [Aarón Blanco Tejedor](https://unsplash.com/@healing_photographer?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on Unsplash
Effective Java Part 4 - Enforce noninstantiability with a private constructor
Tags: java
Published: 2020-06-25 15:38:34

When to use this?
When you want to create a class to hold bunch of static fields or static method. And you don't want to create any instance of the class.

To prevent making object from class we could mark the class as abstract but this would make the class looks like it mean to be inherited by other subclass and those subclass could be instantiated.

So the best way to enforce the noninstantiability is create an private constructor for the class.

```java
class A {
    private A() {}
}
```

Even better but not strictly required, an exception could be throw if the constructor will be called setting would help to prevent unexpected call to the constructor from inside of the class

```java
class A {
    private A() {
        throw new AssertError();
    }
}
```
Spring Boot Rest API Uygulama Swagger API Dökümantasyon Kullanım Örneği
Tags: java, springboot, swagger2
Published: 2020-06-25 15:26:51

Spring Boot ile yaptığımız Rest uygulamalarımızın API Dökümante etmek ve yönetmek için kullanılan Swagger ile bu uygulamamıza entegre edip kullanımına baktım: Blogumda yayında https://blog.burakkutbay.com/spring-boot-rest-api-uygulama-swagger-api-dokumantasyon-kullanim-ornegi.html/
Send a screenshot of your Code Editor 📸
Tags: watercooler, discuss
Published: 2020-06-25 15:26:34

---
title: Send a screenshot of your Code Editor 📸
published: true
description: Send a screenshot of your Code Editor, discuss and show off your theme
tags: watercooler, discuss, 
//cover_image: https://direct_url_to_image.jpg
---
Hey folks 👋

Which theme you are currently using and feel free to share any new plugin you found recently.

![](https://user-images.githubusercontent.com/3650216/85747971-5a026200-b725-11ea-926e-b2d9b6b3a938.png)

**Theme:** [DeepDark Material](https://github.com/ozkanonur/vscode-deepdark-material)
**Icon Theme:** [Material Icon](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme)
Effective Java Part3 - Singleton
Tags: java, singleton
Published: 2020-06-25 15:26:27

Singleton in Java is a concept that describes that a class should have one and only one of the instantiated object. What does that mean? With one class there is no different object initiated. 

There is some way to implement that. 
First, we can use the static public instance filed in class.
For example

```java
class A {
    public static final A INSTANCE = new A();
    private A() {}
}
```
With the static final filed, we make a very clear statement about the class

The second way to implement a Singleton is by using the static factory method.

```java
class A {
    private static A INSTANCE = new A();
    public static A getInstance() {
        return INSTANCE;
    }
    private A() {}
}
```
By using this static factory method we could have some advantage over using the public static instance field.
We could change not using Singleton anymore without changing the API of the class. We could also return the class that is a subtype of the return class.
React-ing #1
Tags: react, bootstrap, learning
Published: 2020-06-25 15:10:11

Counter App   
---   

This app is a online React tutorial from [Programming with Mosh - Learn to build fast web apps with React (React js) from scratch.](https://www.youtube.com/watch?v=Ke90Tje7VS0)

It's a simple counter with buttons to increase the value of each item, buttons to delete the item and a Reset button for all the items.    
On the navbar it shows the quantity of items has been increased.

I developed it on [Repl.it](https://repl.it/) and it can be runned here: [@Gesiane: Repl.it](https://repl.it/@Gesiane/counter)

![video-react](https://storage.googleapis.com/replit/images/1593096990406_bf0c03c5d11d5d052456e3bb596971b1.gif)
Meteor + Vue video series
Tags: meteor, vue, tutorial
Published: 2020-06-25 14:52:49

Hello everyone, I finally bit the bullet and will be publishing a Meteor + Vue video series. Something I have wanted to make since forever ago. 

It won't be perfect but rest assured I will do everything in my power to make it the best quality I can.

My idea is to integrate [Vuetify](https://vuetifyjs.com/en/) and do a super simple app, but with enough info to get you going. 

I also want to get to a point where we deploy it on a free hosting most likely (I really wish we had a Netlify-like plan on Galaxy like in the early days of Meteor 😝).

We'll see how much time I am able to put in and how fast I can publish new content.

In the meantime, here is the first video:
{% youtube MDXxjYXUeiY %}

I hope you enjoy it and as always open for suggestions and feedback.

Have a great day!
How to Edit your videos for youtube using iMovie
Tags: imovie, videoediting, editing, vasubabu
Published: 2020-06-25 14:52:10

For any New YouTuber, the biggest hurdle is video editing. In this video, I am going to show you how to edit your videos like a PRO using iMovie

<a href="http://www.youtube.com/watch?feature=player_embedded&v=YupriEz7YMg
" target="_blank"><img src="http://img.youtube.com/vi/YupriEz7YMg/0.jpg" alt="Video editing using iMovie" width="240" height="180" border="10" /></a>

Note: Click on the above page to redirect to youtube

This is a step by step based tutorial, you can directly skip to the respective topic if you don't want to watch the entire video. Please find the timestamps below:

2:12 Import Media
2:36 Add Videos to Timeline 
3:14 Adding Voiceover  
5:15 Adding Tiles 
6:30 Adding Transitions 
7:26 Adding Timelapse Effect 
9:48 Adding an image (logo) 
13:50 Green Screen Effects 
17:29 Animation using Keynote 
18:53 Animated Intro 
21:00 Remove BG Noise 
21:47 Export to Media
100 Days of SwiftUI — Day 26
Tags: 100daysofswiftui
Published: 2020-06-26 09:00:45

---
title: 100 Days of SwiftUI — Day 26
published: true
date: 2020-06-25 14:41:45 UTC
tags: 100daysofswiftui
canonical_url: https://zeitschlag.net/100-days-of-swiftui-day-26/
---

I just finished the [26th day](https://www.hackingwithswift.com/100/swiftui/26) aka second day in a row 🎉🥳

For the first time ever, I did something with [Core/Create ML](https://developer.apple.com/documentation/coreml), as this is part of the 4th project: I trained a model! I also wrote a rather simple ViewModifier to try to relearn, what I forgot during the last couple of days.

I actually don't feel  bad about that break, but nevertheless it felt good, when I read what Paul had so say about this:

> However, I want to say that if at any point you’re feeling tired, or if life just gets in the way, take a break!
Responsive Navbar Tutorial
Tags: webdev, beginners, tutorial, html
Published: 2020-06-25 14:29:25

It's important for every website to have a good navigation bar that is responsive and just works. In this tutorial, we create a responsive navbar using just the bare essentials of HTML, CSS and JS. This includes using basic things like media queries, plain javascript functions and some SCSS.

{% youtube 9_PKSx9tp7k%}
<strong>[Responsive Navbar Tutorial](https://youtu.be/9_PKSx9tp7k)</strong>

* Introduction
* Basic Navbar Project
* Getting started with Navigation Bar List
* Styling the navbar with CSS and SASS
* Navbar Hamburger Menu
* Responsive Media Queries
* JavaScript onClick Toggle for Navbar
* Toggle navbar Active state CSS class
* Styling our Navbar layout for mobile
* Animating our navbar transitions

Coded Example (in codepen):
https://codepen.io/enhanceux/pen/pogwKdK

Live Server:
https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

Live SASS compiler:
https://marketplace.visualstudio.com/items?itemName=ritwickdey.live-sass

## Follow and support me: 
Special thanks if you subscribe to my channel :)
* [🎞️ Youtube](https://www.youtube.com/channel/UCvM5YYWwfLwpcQgbRr68JLQ?sub_confirmation=1)
* [🐦 Twitter](https://twitter.com/adrian_twarog)
* [💬 Discord](https://discord.gg/nGdThpE)
* [❤ Patreon](https://www.patreon.com/adriantwarog)

## Want to see more:
I will try to post new great content every day. Here are the latest items:
* [Adobe XD to Fully Responsive WordPress Site](https://dev.to/adriantwarog/adobe-xd-to-fully-responsive-wordpress-site-16e0)
* [Adobe XD to HTML Full Process](https://dev.to/adriantwarog/adobe-xd-to-html-full-process-ao6)
* [Full Tutorial on how to use SASS to improve your CSS](https://dev.to/adriantwarog/full-tutorial-on-how-to-use-sass-to-improve-your-css-57on)
* [Creating a Mobile Design and Developing it](https://dev.to/adriantwarog/creating-a-mobile-design-and-developing-it-5c4o)
Hide webpage elements, natively
Tags: css, a11y
Published: 2020-06-25 14:19:17

This post is inspired by "[How to hide Web page elements](https://dev.to/ziizium/how-to-hide-web-page-elements-1be5)"  where Habdul Hazeez shown a lot of techniques of hiding elements on your website.

{% link ziizium/how-to-hide-web-page-elements-1be5 %}

I want to share the solution I have been using in the past years. I like low-tech, native solutions to everything ([Commandment 2: You shall always try to use native features before you reimplement them in JavaScript.](https://dev.to/platformos/the-ten-commandments-of-web-performance-5akp)) and I believe this is the best solution to that problem.

## hidden attribute

It is called `hidden` attribute. This code:

```html
<p>I'm visible</p>

<p hidden>
  I'm invisble!
</p>

<p>I'm visible too</p>
```

Results in:

![Result](https://dev-to-uploads.s3.amazonaws.com/i/jne540iqxq3lui4nskak.png)

Paragraph marked as `hidden` is invisible.

[See live demo on JSFiddle](https://jsfiddle.net/1v3pbwmo/)

In my opinion, this is the best way to hide elements because:

1. It is native
2. It does not require CSS by default **
3. It is hidden from screen readers because it is native
4. It is supported by all browsers

** `display` property in CSS overrides `hidden` attribute, so I usually add this little CSS snippet:
```css
[hidden] { display: none; }
```
in default styles to fix that issue. 

[Read more on the hidden attribute on MDN.](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)

## Read more

If you are interested in more performance oriented content, follow me and I promise to deliver original, or at least effective methods of improving your website. 

{% link https://dev.to/platformos/using-webp-in-your-existing-webpage-809 %}

{% link https://dev.to/platformos/optimizing-images-for-the-web-18gc %}

{% link https://dev.to/platformos/3-tips-on-preserving-website-speed-5g0c %}
Convert XLSX file into JSON
Tags: node, typescript, xlsx, data
Published: 2020-06-25 14:11:45

<center>// start</center>

Hi everyone! 
[GitHub of the Project](https://github.com/DaxSoft/xlsx)

-----

I was working into a PaaS that requires to read a .xls|xlsx file and extract the data into a readable .json, in which will be sent for the database. Seeking around the web, I found the amazing 'mongo-xlsx', however, the data generated was a messy. So, I had the idea to create a package around the 'mongo-xlsx', in which I would use the other package 'string-similarity', to construct a better parse. In the end, it worked as I wanted and needed for the project. Then, I had decide to construct a 'better one' from the one I have built to share with everyone. Please, if you can contribute with pull-requests, do it. I guess that this package can be pretty useful for everyone to use :)

-----

<center>// How To Use</center>

The package is really simple to use. By justing taking a look at the main README.md and the examples, I guess that you guys can see how to use. However, whatever doubt about it, just ask here :)

-----

<center>// Use Case</center>

As given by the [example intermediate](https://github.com/DaxSoft/xlsx/tree/master/examples/intermediate), the main motive that leads me to create this package, it is an application that I'm making. I had the problem and the needs to convert a lot of .xlsx file into .json one for the Database. The big problem of this, is that the .xlsx was pretty complex (from stock market).

With this package, I could transform that .xlsx file from the cover page, into a .json data. Example:

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

Sure thing, after it, there is the need to sanitize and so on. 

-----

<center>// End</center>

I hope that this package — that will be improved by time, helps someone in their needs. Please, if you can, contribute to the project. I guess that it will help a lot of people xD
Are Online Certificates Worth It?
Tags: discuss, career, beginners
Published: 2020-06-25 14:08:09

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/motuype6quttj3z3u4qp.png)
Many online courses are of popularity for people trying to brush up on their skills and/or show off on a resume or LinkedIn. There are many websites out there like [Coursera](https://www.coursera.org/), [Udemy](https://www.udemy.com/), [Udacity](https://www.udacity.com/), [edX](https://www.edx.org/), [Comptia](https://www.comptia.org/home), [Skillshare](https://www.skillshare.com/), and many more! 

**Questions for discussion**
- All of them range in price and can be quite expensive, so are they worth the time and money?
- Have you used them, if so which one and what was your experience?
- Do they really set you apart from other candidates?
- What courses are the most valuable?
Am I a developer yet?
Tags: feedback, wordpress
Published: 2020-06-25 14:05:55

So I've been working with my current company for almost 9 months now! I've worked on some amazing projects but I quite a fan of my latest curation: https://fuelbankfoundation.org/.

I would love to get some honest feedback on the functionality and the smoothness of transitions ect.

Thanks guys :D


Post Image: https://lattice.com/library/constructive-feedback-should-always-be-a-discussion
Top 5 Books Each Programmer Must Read During Their Entire Life. Part 1
Tags: books, webdev
Published: 2020-06-25 14:02:09

It is barely possible to imagine modern education without reading books. To become a professional, one need not only to read specialized technical literature, but also books of a more broad kind that refer more to the “philosophy” of programming. When the first type forms professional competence, the second type helps to shape thinking, basing on the knowledge that was accumulated for years.

However, it will take years to read all these books and even more time to think them through and build an understanding.

What to begin with, though?

How we supposed to approach such vast diversity?

In this Series of Articles we've collected the most important works that every professional developer should be familiar with.

First of all, we at [WebSailors] (https://websailors.pro/) would like to begin with a wonderful book called “Code Complete” by Steve McConnell.

This book was translated to Russian in 2005 and one year later there hardly had been a professional who didn’t read it at least once. Yes, it is big and contains about a thousand pages, but it covers almost all aspects of modern [software development] (https://websailors.pro/).

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

It includes such topics as aspects and peculiarities of good coding, testing problems and their solutions, as well as debugging and optimizing strategies. The most important thing about this book is that McConnell answers such conceptual questions as controlling the complexity, quality, and scalability of a system.

He thoroughly describes all the rules and details that a programmer should stick to in order to create a good and supportive code. He draws a line between necessary level of abstraction and sufficient level of details, describes different approaches to development and using of qualitative interfaces of classes and packets, even speaking about such nuances as variable naming.

For instance, there are more than 30 pages dedicated only to the general principles of function naming and using of variable names, with all rules and advices given from the practical point of view.

Besides, the book contains formal and informal principles of commercial software development, code refactoring rules, inspection methods, and ways of optimization, and approach to a test driven development.

Many specialists consider it the best book on software making and believe that every developer should reread it at least once a year.

Please stay tuned! In the next Part of that Series of Articles we at [WebSailors] (https://websailors.pro/) will talk about the book, written by Erich Gamma, Richard Helm, Ralph Johnson, and John Vlissides “Design Patterns”.

Source - https://websailors.pro/
Daily Challenge #263 - Reverse Words
Tags: challenge
Published: 2020-06-25 14:00:13

---
title: Daily Challenge #263 - Reverse Words
published: true
series: Daily Challenge
description: Reverse the order of each word in the given string.
tags: challenge
//cover_image: https://direct_url_to_image.jpg
---
Complete the function that accepts a string parameter, and reverses each word in the string. All spaces in the string should be retained.

**Examples**
"This is an example!" ==> "sihT si na !elpmaxe"
"double  spaces"      ==> "elbuod  secaps"

**Tests**
`reverseWords("The quick brown fox jumps over the lazy dog.")`
`reverseWords("double  spaced  words")`

Good luck!
***
_This [challenge](https://www.codewars.com/kata/5259b20d6021e9e14c0010d4/train/java) comes from jnicol on CodeWars. Thank you to [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!_
Fashionista-bot
Published: 2020-06-25 13:57:41

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/oovshi83r31hxrlk12yl.jpg)
Recently I have built a React app that can detect different clothing items in an image. This is a part of my TODO app.
For this app, I have used the following tools:

Front-End part: React, Clarifai (For API)
Back-End part: Node.js, Express.js
Database: PostgreSQL
Deployment: Heroku + Github

##Demo Link - [Fashionista-bot](https://rahuls321.github.io/fashionista-bot/)

##Resources that I have used in this app are mentioned below:
1. [Tachyons](https://tachyons.io/)
2. [React-Tilt](https://github.com/jonathandion/react-tilt)
3. [Particle Js](https://www.npmjs.com/package/react-particles-js)
4. [Clarifai API](https://www.clarifai.com/)
5. [MailChimp](https://mailchimp.com/)
NPM Publish Locally
Published: 2020-06-25 13:53:43

In Angular, we create libraries; which, follow the NPM architecture for creating packages. We simply build them using 

``` 
  ng build --prod 
```

**NPM Pack Creates the tarball**

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

This zipped file is ready to integrate with the NPM System.

**Import to Another Project**

In another project, use

```

    npm i folderpath/custom-element-0.0.1.tgz
 
```

**OtherProject/Node_Modules**

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



JWP2020 

Private NPM Packages,
NPM Packages Folder