teleren/devto huggingface dataset:
LEARNING CURVES
Published: 2020-04-17 08:26:28




zybraxis

Hi, I have a on going, project and on 4-22-20, I hope to have the final components to my endeavor of constructing my new desktop computer. I have resisted the earge to start the assembly, since I have already acquiring most of the parts. I am astounded at the possibilities, given what potential the items I have amassed, when assembled, intail. I would appreciate, any input as to something pertenant, to the pre-assembly.

Materials:
1 - i9-9900K processor - Thermal Paste
1- ASUSROG STRIX Z390-E Gaming mobo
SATA 6Gb/s
4 - G.SKILL ( Ripjaws V ) DDR4-3600 16GB
1.5v Intel XMP 2.0 Ready
1 - CPU >Cooler Master HYPER 212 Black
Edition 4 pipe. ~ Better to return the air cooled and go with the water cooled?
2 - EVGA - Nvidia GEFORCE GTX 1070 Ti

8GB GDDR6 - RTX Enabled - DirectX 12
They come with jumpers, but are they the
right SLi coupler for linking the GPU's?
2 - Samsung V-NAND SSD 860 Evo 1TB
SATA 6Gb/s
1- WD HDD 1TB w/SATA 64MB Cache
1- WD HDD 250 GB
1- Seagate HDD 500 GB
1- Seagate HDD 320 GB
I am tempted to obtain 1- EXPRESS
M.2 PCI, Should it be a 3D-NAND?
For start up, it need not be big, right?
1 - COUGAR Panzer Max Black ATX
Full Tower Gaming Computer Case
I haven't ever set up a case, so if any
addon I should be concerned with
getting or other considerations ?
1 - Thermaltake SMART SERIES 650W
Power supply ~ How much would it be to
my advantage, to get a 1200W?
Tips on setting the processor, torx on the
cooler or other possible mega-fails. A
MOBO is a terrible thing to waste when
they can so easily corrupted or bricked.
Getting Familiar with Firebase Authorization Fundamentals x Twilio Hackathon Update
Tags: devjournal, twiliohackathon, codenewbie, womenintech
Published: 2020-04-17 09:51:05

_This post was originally published on April 17, 2020 on [my blog](https://alexlsalt.github.io/blog)._

Alright, team. It's a quarter to noon, and I need to get myself into gear for today's work!

Had a great morning - reading, writing, and meditating. Looking forward to a productive Friday afternoon.

I'd like to get as far as I can with the Firebase Auth tutorial I'm currently following along with. I'd say I'm a little less than halfway there. If I can finish it, that would be amazing; but I'm also not putting way too much pressure on myself in that regard.

If I can simply get to a point where I'm comfortable with it, and then move on to implementing user login capabilities with my hackathon project, then that'll be the move.

Calling to the muse for inspiration and motivation. Cheers!
Post Makers - Week 5
Tags: quarantine, covid19, jobhunt, ruby
Published: 2020-04-17 09:35:27

Week 5 has come and gone, much like the last few weeks of isolation and social distancing. And on the announcement by the UK government that there will be a minimum of 3 further weeks, it has me reflecting about this time at home.

It has been a pretty emotional week in all aspects. I started to struggle with the lack of contact from job applications, and the lack of jobs that really got my attention. I never thought i would waltz out of Makers and straight into a role, but the immediate future looks grim. On Wednesday I had a zoom call with a few of my classmates and it really helped. Seeing their faces, sharing our dismay and talking about the small perks of this quarantine life. It got me thinking, I am not in control of the world, the job climate, or social distancing....therefore when you have lemons, make lemonade.

Excuse the cheesy statements, but it did dawn on me, I currently have time, therefore i can consolidate and learn further skills in this self styled window of opportunity. I started going over the first weeks course material to solidify what I had learnt. Nt only was this a good refresher for me in the basics of OOD, Ruby and TDD, it again reminded me of how far I have come. I am thankful for starting this blog, as I was able to look back at my week 1 past and remember how how hard I had found it. This time around i completed the entire week 1 challenge in 4 hours (before it took over 30 hours to get 75% of the way through.

I can am happy with this small win, and will continue to review and be humbled whilst we are all towing the line of duty and staying indoors.

I wish everyone a warm quarantine, until next time.

David
Merge Multiple adapters with MergeAdapter
Tags: adapter, androidlist, mergeadapter, recyclerview
Published: 2020-04-17 09:16:29

Android introduced the most awaited feature of merging the data adapter into the list with the release of recyclerview:1.2.0-alpha02 package.

MergeAdapter is a new class available which enables you to sequentially combine multiple adapters to be displayed in a single RecyclerView. This enables you to better management of your adapters rather than having to combine many data sources into a single adapter.

Link: https://blog.joshsoftware.com/2020/04/13/merge-multiple-adapters-with-mergeadapter/
Which DevOps video would you like to see next? 🎬 💡
Tags: discuss, devops, kubernetes
Published: 2020-04-17 08:52:17

##Which DevOps video would you like to see next on my [YouTube Channel](https://www.youtube.com/channel/UCdngmbVKX1Tgre699-XLlUA)? 👩🏻‍💻##

I got so many suggestions, so I thought you could **vote for your favorite topic by commenting below** ✅ 🙂

I shortened the list to these ones:
1. **Terraform** - the infrastructure as code software tool
2. **Istio** - the service mesh, letting you connect, monitor and secure microservices
3. **Kubernetes Networking** - allowing K8s components communicate with each other and with other applications
4. **Kubernetes Volumes** - about Persistent Data Storage in Kubernetes

PS: Currently working on Prometheus Monitoring, that's why it's not on the list. 🤓

You can check out my latest video here:

{% youtube 1id6ERvfozo %}

-----------------

Also I'm happy to connect with you on 🙂
- [Twitter](https://twitter.com/Njuchi_)
- [YouTube](https://www.youtube.com/channel/UCdngmbVKX1Tgre699-XLlUA?sub_confirmation=1)
- [Instagram](https://www.instagram.com/techworld_with_nana/)
Hg to Git with no hassles
Tags: mercurial, bitbucket, hg, git
Published: 2020-04-17 08:38:08

- Your repositories are Mercurial based (`hg`) stored on Bitbucket.
- You've known the EOL date (June 1, 2020) has been coming for 2 years but put off converting your repos to `git` for all the reasons.
- You know about @frej's https://github.com/frej/fast-export and all the gotchas: [See here for the best guide I've seen on this](https://community.atlassian.com/t5/Bitbucket-articles/What-to-do-with-your-Mercurial-repos-when-Bitbucket-sunsets/ba-p/1155380/page/15#comment-1337523)
- You are wondering... surely is has to be easier than this?

I got you.

### Easy conversion

#### Step 1: [Import your repository to Github](https://github.com/new/import)

If you're happy to switch to Github, congrats, you're done.

#### Step 2: [Import your newly converted repo into Bitbucket](https://bitbucket.org/repo/import)

When you've done this, all of your existing author records will be the same as they were before. This is warts and all. One upside to using `frej/fast-export` is the opportunity to clean things up a little bit.

### Gotchas

- Github won't keep your closed branches around. For some this will be a blessing. Others not so much.
- If you import to Github and stop there you may need to do some manual work to attribute your repo authors to Github users. You can do this at any time though and it's simple to do. [Here's the docs.](https://help.github.com/en/github/importing-your-projects-to-github/updating-commit-author-attribution-with-github-importer)
- There is no bulk UI import tool - this is one at a time, baby.
- If you use 2FA on Github you may need to generate a [personal access token](https://help.github.com/en/github/authenticating-to-github/creating-a-personal-access-token-for-the-command-line) in place of your Github password.
- But what about comments on commits in Bitbucket / pull requests? They won't travel with you but Rarified has got you covered. [See their scripts here to backup metadata from Bitbucket.](https://bitbucket.org/Rarified/bbmigrate/src/master/)
- Disclaimer: Every repository has a history and some will be cleaner than others. As such your mileage with this method may vary. I do recommend trialling both and deciding which is best for you.

Good luck and let me know how you go!
*Mike*
Recruitment in IT means to do a test
Tags: recruitment, node, react, javascript
Published: 2020-04-17 08:11:52

Hi everyone, this is my first post. It's why I'm going to introduce myself. My name is José Sánchez, actually I work as Software Engineer at [shapelets.io](https://shapelets.io). I define myself like a dreamer, enthusiastic and self-taught person. I love my work as Front End developer.

# Introduction

Frequently developers receive in their inboxes, a lot of offers from another companies, with a lot of social benefits, more brute salary, etc.

But first they have to show to the company what skills they know.

This is something that sometimes produces laziness and it does that many people doesn't do the test the company ask they for.

# Do it for you

It happens to me a few days ago, but I thought that it wasn't for the company It was for me, I mean, doing the test you can know how are you in the current market.

The test consists in create a Shopping cart with a framework, or vanilla javascript for the Front and create a server that returns the shop items with an offset and a limit.

# Summary

Do tests for you, it doesn't matter if you don't want to get the offer. Tests are good to make you know how are you in the current market.

## Alert!

In the next post I'll do the test to show you a possible answer!
Reasons to pursue a career in programming.
Tags: programming, career, code, technology
Published: 2020-04-17 08:05:54

1. You can use your skill to build anything.

2. You can use your skill to complement the work you already did.

3. You have the opportunity to make an impact.

4. Once you get really good at it you can choose your own work.

5. You can work remotely.

6. You can make a lot of money.

7. It is one of the super job.

Thanks !
10 TYPO3 Things to Explore During Corona-Lockdown!
Published: 2020-04-17 07:58:35


These days, COVID19 is a tough situation to face. But if you’re stuck at home right now, then why not make the most of the time by learning, contributing and developing something productive for oneself and for the community? There are plenty of options here to give you some inspiration in these difficult times.
So let’s get started…
1. T3 Skills: Read, Learn and Explore TYPO3
2. T3 OpenSource Contribution: It’s time to give back to the Community
3. T3 Performance: Improve the speed-up of your TYPO3 website
4. T3 SEO: Optimize your TYPO3 website
5. T3 Blog: Start your own TYPO3 blog
6. T3 Video: Start your own TYPO3 video channel
7. T3 Social: Increase your TYPO3 Network
8. T3 Language: Learn and Improve Your English
9. T3 Extensions: Download and Share Your TYPO3 Extensions
10. T3Terminal: Explore the TYPO3 Marketplace Platform
Read the complete blog at — https://t3terminal.com/blog/10-typo3-things-to-explore-during-corona-lockdown/
Handle user close browser event with JavaScript
Tags: firefox, browsers, javascript, chrome
Published: 2020-09-20 16:07:04

---
title: Handle user close browser event with JavaScript
published: true
date: 2020-04-17 07:39:14 UTC
tags: firefox,browsers,javascript,chrome
canonical_url: https://medium.com/@victorleungtw/handle-user-close-browser-event-with-javascript-c70027249ee7
---

For some scenarios, you don’t want the user to close the browser and exit the journey. For example, if a user is filling in a form without saving or in the middle of payment transaction without complete, then you could prompt the user with confirmation dialog when the user clicks the close browser button.

For Chrome, it looks like this:

![](https://cdn-images-1.medium.com/max/892/0*x-fZYfL2T8-tZtLb.png)

For Firefox, it looks like this:

![](https://cdn-images-1.medium.com/max/1024/0*LShgePOCcJhigm9Y.png)

This can be achieved via the **beforeunload** event in the browser, add this JavaScript code to your page:

```
window.addEventListener('beforeunload', (event) => { 
  // Cancel the event as stated by the standard.
  event.preventDefault(); 
  // Chrome requires returnValue to be set. 
  event.returnValue = ''; 
});
```

Notice that in order to trigger this event, the user needs to have **some interaction** with the page. Otherwise, this would not be able to trigger. Besides, this would trigger in the below three scenarios:

1. User clicks to close the browser.  
 2. User clicks to refresh the page.  
 3. User clicks on the back button.

If you wish to remove this confirmation dialog, such as after the user save the form or completed the payment transactions, you could remove it like this:

```
window.removeEventListener("beforeunload", callback)
```

Since the primary purpose of this dialog is to remind users to save changes before their changes are lost, there is no further event listener to capture the result of this exit dialog, i.e. you can’t do anything to find out if the user further proceed with leave button or the stay button that the user clicked on.

For more information, check out the latest MDN web docs here: [https://developer.mozilla.org/en-US/docs/Web/API/Window/beforeunload\_event](https://developer.mozilla.org/en-US/docs/Web/API/Window/beforeunload_event)

_Originally published at_ [_https://victorleungtw.com_](https://victorleungtw.com/2020/04/17/handle-user-close-browser-event-with-javascript/)_._
Best web hosting in Pakistan
Tags: hosting, webdev, website, wordpress
Published: 2020-04-17 07:31:56

##All about Web Hosting in Pakistan
 

[HostHandy](https://my.hosthandy.com/aff.php?aff=4) provides you with the best and [cheap web hosting in Pakistan](https://hosthandy.com/). If you looking for building your online business then you must need a domain and hosting. Here on Host handy, you get at the cheapest price.

##Web hosting company in Pakistan:
 

Host handy is one of web hosting companies in Pakistan if you are looking for cheap web hosting in Pakistan so Host handy will be the best choice for you. Here you can get the cheapest hosting in Pakistan.

##Cheap Hosting in Pakistan:
 

We provide you with the hosting at 99 rupees per month according to Pakistan.

##Why choose us?
 

There are many other companies in Pakistan that provide hosting and domains. Like SiteGround, BlueHost. But these are very expensive. The reason for working with us is we will provide you web hosting Pakistan at cheap price, with many services and support.

 

We will help in every moment. You will get amazing speed. You will also get unlimited space. We will transfer your website from other web hosting to Host Handy.

 

We provide you with the feature of the one-click WordPress installation. We also provide windows hosting, Linux hosting and more. We also provide you with one-month free web hosting in Pakistan.

 

It can help you design and development and complete website for your business. We also provide you the web creation services with WordPress as well as Powerful custom CMS. So, If you want to get cheap hosting in Pakistan, then it's the right time to choose us.
Text Selection Particle Effects
Tags: javascript, animation
Published: 2020-04-17 07:31:41

---
title: Text Selection Particle Effects
published: true
description: Creating particle effects based on text selection using the Web Animations API.
tags: javascript, animation
canonical_url: https://tj.ie/text-selection-particle-effects/
---

This was originally [posted on my blog](https://tj.ie/text-selection-particle-effects/).

After reading [Playing With Particles Using the Web Animations API](https://css-tricks.com/playing-with-particles-using-the-web-animations-api/) I wondered if it would be possible to create particle effects based on the user selecting text.

You could whip up something quick by listening for a `mousedown` event and adding the particles based on the mouse position. It looks cool, but I wasn't too happy because it doesn't look as neat, and it doesn't work if you're doing selection with the keyboard.

There are two events we need to make this work:

- `selectstart`
- `selectionchange`

`selectstart` is needed to reset our initial `top` position. We use this to check if we're moving up or down in our selection. Once a selection is finished, and we start again, and the value can be reset.

`selectionchange` is fired any time our selection changes, and we'll use this to generate our coordinates for our particles. This is where most of the work is done.

Here's how it goes:

1. We start selecting some text, and `selectstart` is fired, where we reset our initial `top` value to `null`
2. `selectionchange` is then fired where get the current selection using `window.getSelection()`
3. With this, we get the range of text using `selection.getRangeAt(0)`, followed by the bounds using `range.getClientRects()`
4. The bounds now contain a `DOMRectList` with our selections, and we're only interested in the first and last item in this list
5. If our initial `top` value isn't set (as it's been reset by `selectstart`) then we assign it to the `top` value of the first `DOMRect` item in the list
6. We check if the `left` value has changed in the most recent `DOMRect` item in the list
7. We check if we're moving up or down the page with our selection
8. If we're moving down, we use the most recent `DOMRect` in the list, otherwise, we use the first
9. If we're moving left, our `x` position will be the `left` value, otherwise, we'll use `right`
10. Our `y` value will be the `y` value of our chosen bounds, plus the height of the selection so the particles appear below the text

Thanks to [Louis Hoebregts](https://twitter.com/Mamboleoo) for a great article. I had a bunch of fun and confusion getting this to work, but it was a welcome distraction.

{% codepen https://codepen.io/tjFogarty/pen/mdJKNZM default-tab=js,result %}
Why even the simplest task seems like a struggle?
Tags: watercooler, work, professionalism
Published: 2020-04-17 07:18:15

Hello guys, I work as software engineer in a small company. What I find is that even in simplest tasks I struggle. For example I struggle to just place some metadata into a website.

By struggle I do not mean the technical aspect, from a technical standpoint seems ridiculous, though what I am afraid of is a possible interrogation known as code review and the fear of need to explain every time.

What I am afraid of is the "why you did this", "why you did that", "why took you so much time". Etc etc On the other hand I worked on an another company that had an uncertainty on the payment method whist doing an MSc and was much more bearable than my current job. Why?!

So guys how do you manage this thing?
What are semantic tags in HTML?
Tags: webdev, html, codenewbie, todayilearned
Published: 2020-04-17 07:05:48

*This post first appeared on [hackinbits.com](https://hackinbits.com/practice/html-interview-questions)*

Semantic tags clearly define the purpose of the HTML element. It also describes the type of content that the element should contain.

For example, \<header\>, \<footer\>, \<article\> are considered semantic elements as they clearly describe their purpose and the type of content they should enclose.

![Semantic Tags](https://firebasestorage.googleapis.com/v0/b/hackinbits.appspot.com/o/semantic_tags.png?alt=media&token=e108af6b-a0b2-4c1d-9538-6146411f9471)

New HTML5 semantic tags to structure the document in a meaningful way are:
- \<header\>
- \<nav\>
- \<article\>
- \<section\>
- \<aside\>
- \<footer\>

Semantic tags also help search engines to parse the webpage correctly and find accurate information. Thus, helping search engines to correctly index the page.
Day 2 of #100DaysOfCode: Playing With Stripe, Tailwind, and Vue
Tags: 100daysofcode, stripe, tailwindcss, vue
Published: 2020-04-17 06:59:43

---
title: Day 2 of #100DaysOfCode: Playing With Stripe, Tailwind, and Vue
published: true
description: Today I started building an app with Stripe Elements to get practice integrating it with Vue and Tailwind.
tags: 100DaysOfCode, Stripe, Tailwind, Vue
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/p5z1y0o0fmi58x3rwezc.jpg
---

I know I was supposed to start Day 2 with debugging that `fs` error from Day 1, but I was really dreading that. I'll pick that up sometime in the future when I'm ready.

I got started coding late in the day, and my brain was too tired to do much. I almost gave up. But because of the challenge, I felt like I should try to code something fun.

![Imagine yourself as a kid](https://dev-to-uploads.s3.amazonaws.com/i/1du7zfi1tzixxe5cazo2.jpg)

I decided to play with Stripe Elements, Tailwind CSS, and Vue.js today on Glitch. I remixed my [vuejs-tailwind-starter](https://glitch.com/~vuejs-tailwind-starter) project to create *Subscribe to be Featured*, a simple app where people or companies can subscribe to have their names listed on the page. It doesn't work yet, but you can see and play with the code here: https://glitch.com/edit/#!/subscribetobefeatured

My husband @danielfeldroy joined me, pair-programming with me through Glitch, which is like a shared Google Doc but for code editing. It was a nice little coding date while our daughter was asleep.

Thanks @DanielFeldroy for your help, and for helping me get going when I felt too worn out to code. 💘

My tips of the day:

* [Nerdcave's Tailwind Cheat Sheet](https://nerdcave.com/tailwind-cheat-sheet) is awesome.
* Derick Sozo's article [Integrating Stripe Elements and Vue.js to Set Up a Custom Payment Form](https://alligator.io/vuejs/stripe-elements-vue-integration/) was helpful today.
* I liked working with plain Tailwind + PostCSS in CodePen first to allow for fast visual iteration, then bringing over the element to my full JS app in Glitch once I got the styling right. Glitch ran a bit slow, even with the app boosted. It may be my fault for not having the most optimized `package.json` scripts, though.
* Having played with both over the past week, [Stripe](https://stripe.com/) subscriptions have a lot of features, flexibility, and come with gorgeous widgets, but [Paddle](https://paddle.com/) subscriptions have decent widgets and are much easier to get started with. I do like both payment platforms.
What are the different datatypes in Javascript?
Tags: javascript, webdev, codenewbie, todayilearned
Published: 2020-04-17 06:59:19

*This post first appeared on [hackinbits.com](https://hackinbits.com/practice/javascript-interview-questions/what-are-different-types-of-datatypes-in-javascript)*

The data types in javascript can be divided as **Primitive** and **Object**.

## Primitive Data Types:
In Javascript, all values except Objects are defined as immutable values (values that cannot be changed or modified). There is a total of 6 primitive types defined by the latest ECMAScript standard:

1. boolean
2. null
3. undefined
4. number
5. string
6. symbol(new in ECMAScript 2015)

## Object Data Type:
Object type refers to a compound value that can be seen as a collection of properties. Properties are key/value pairs. Keys are strings (or Symbols) and values can be of any type, including other objects.

```javascript
var obj = {
  name: 'Cheese Burger',
  cost: 5,
  extra_cheese: true
};
```