teleren/devto huggingface dataset:
Off to a Late Start
Tags: codenewbie, womenintech, javascript, devjournal
Published: 2020-04-03 08:59:43

Happy Tuesday! I've almost completely finished up my latest section of my JavaScript course, where we go over the updates of ES6 from ES5 with concepts like classes/subclasses, destructuring, the spread operator, rest and default parameters.

All such good stuff! I'm really excited to build another app with the course - the next one will be a recipe app, I think we may be incorporating APIs in this one, not sure though.

I'm getting a rather late start today since feeling a little under the weather this morning. Long story short, I watched The Pursuit of Happyness last night, and emotional hangovers are most *definitely* a thing.

I'm looking to put much of my focus today on submitting my application for my CodeLand talk and also finishing up my JS section by working on a coding challenge involving classes and subclasses. Let's get to it!

_This post was originally published on March 31, 2020 on [my blog](https://alexlsalt.github.io/blog)._
The Start of a Great Week
Tags: codenewbie, womenintech, javascript, devjournal
Published: 2020-04-03 08:58:32

Goooood morning! Happy to be back at it again this week after a restful and long-feeling weekend without coding.

Today my focus is on finishing up a section of my JavaScript course where we're diving into coding some of the same things using first ES5 and then ES6 right after to review the differences between the two. It's cool because I first learned ES6 when I was just starting out with JavaScript last year, and reviewing it now feels good and easy - especially now that I'm so much more familiar with the 'why' of how much of JS works.

In other news, I'm going to be submitting my first application for a coding conference talk! It'll be with CodeLand (virtual this year in light of COVID-19). I have until tomorrow to submit it and I'm going to be working on the questions portion of the application today.

Lastly, I've been wanting to find and join an open source project for a while now, but I've literally had no idea how to. I'd always get confused on GitHub's calls for open source issues and 'Good for First Timers' options as well, and I had a feeling that I'd be better of finding *one* project and sticking to that one for a while.

Well... I think I found the perfect one (more details to come, but it involves an online library - so books plus coding equals my kind of heaven).

In a nutshell, I reached out to the team via email after stumbling open the project from a Facebook post. I then got a quick and enthusiastic response the next morning (I'm all about those fast turn-arounds!), got invited to their Slack group, and reviewed a quick list of some example issues that needed working on. I'll focus today on getting myself set up within the channel and getting a feel for the project, etc.

It looks like it's going to be a great week!

_This post was originally published on March 30, 2020 on [my blog](https://alexlsalt.github.io/blog)._
The Power of Getting It *Done*
Tags: codenewbie, womenintech, devjournal
Published: 2020-04-03 08:52:39

After my not-so-productive Tuesday of this week, yesterday (Wednesday) was definitely a come-back.

As always, the most difficult part of getting all your stuff done is 1) actually starting and 2) actually *focusing* on each individual task.

So often, we run around stressed out about what there is to do, talking anyone's ear off about how stressed and busy we are, and then only half-assing each item on our list. At the end of the day, guess what! Nothing has really gotten done.

Anyway - as much as I could go on and on about that, let's get started on today. I've just finished this morning's YouTube exercise video (I've been getting really consistent with those so, yesssss!) and then today I'm going to be working on my Letters from Nelson app and sending out a newsletter to the email list.

Yesterday, I also spent a very focused hour building a spreadsheet for ideas for the newsletter, so that has removed a lot of the 'unknown' in terms of what to send out and when. Plus! More and more ideas have been coming to me, and I'm so thankful to have a designated place for all those little nuggets of inspiration.

Here's to another productive day and making little bouts of progress, however they may look for you.

_This post was originally published on March 26, 2020 on [my blog](https://alexlsalt.github.io/blog)._
Jagged Array in JavaScript
Tags: javascript, tutorial, programming
Published: 2020-04-03 08:51:20

Working with `jagged array` in most programming languages can be a bit clumsy , but the case is literally not the same for `JavaScript` because we easily get the length of the any row. You may be wondering what in the world is a `jagged array`, its fine, I presume this is your first time hearing it.

>A `ragged array`, also known as a `jagged array`, is an array of arrays of which the member arrays can be of different sizes and producing rows of jagged edges when visualized as output. — Wikipedia


To give a clear understanding, lets imagine the measurement array where students have an unequal number of measurements recorded. We can still compute the correct average for each student without changing the program 

```js
var measurements = [[22, 10],[10, 13, 15, 14],[5, 27, 33]];
var total = 0;
var average = 0.0;
for (var row = 0; row < measurements.length; row++) {
    for (var col = 0; col < measurements[row].length; col++) {
   total += measurements[row][col];
}   
average = total / measurements[row].length;
console.log(`Student ${parseInt(row+1)} average is  ${average.toFixed(2)}`);
total = 0;
average = 0.0;
}
```

observe that the first student only has two measurements, while the second student has four measurements, and the third student has three measurements respectively. Here is the output from the program:

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

Originally published on my personal [blog](https://judyblogbeta.netlify.com/2020-jagged-array-in-javascript/)
Working through a Conscious Lull
Tags: codenewbie, womenintech, javascript, devjournal
Published: 2020-04-03 08:50:20

Yesterday was one of those days where I just accepted that nothing was going to really get done. A bit of a weekday break of anything coding/technical-related.

Things on my mind today:

1) Working more on my Letters from Nelson idea-generating app - specifically the design and classList toggling I want to do on certain clicks.

I also had the idea of implementing the 'Add an idea' feature as a pop-up box that displays in an absolute position with the textarea and submit button there. I'll play around with that idea a bit.

2) Getting the next six weeks of Letters from Nelson newsletter planned out on a spreadsheet. I've been having such resistance with this, so I might as well get things done now so it's not all left up to reactivity and getting things out the door at the last minute.

This week (not necessarily today), I'd also like to move on to the next section of my JS course (after multiple run-throughs of the budget app section).

Progress - woooo!

_This post was originally published on March 25, 2020 on [my blog](https://alexlsalt.github.io/blog)._
Little Pleasures and Consistent Progress
Tags: devjournal, womenintech, javascript, codenewbie
Published: 2020-04-03 08:48:51

Back for another Monday - one of the best days! I spent a relaxing weekend with my little fam, just doing things around the apartment, cooking nice meals, building a puzzle, and even taking a long walk around our neighborhood (with permission slips in hand, of course). 

It's amazing how much we're appreciating the small (tiny!) beautiful things in our lives during these strange times.

My objective this week is to ease up from my budget application and continue on to the next steps of my JavaScript practice. As to what that looks like - I'll probably run through how to update the percentages of each item within the budget app one more time before brushing my hands off and wrapping it up.

I'll definitely come back to it in the future, especially for coding up a budget app of my own (i.e. not using any previously-coded samples or html files from the tutorial itself). That way, I'll be able to add it to my portfolio.

In terms of other ideas, I was inspired by something I saw yesterday - and now I want to code up an idea generator for parents to do with kids at home - much in the same vein as my Letters from Nelson project. Last night, I sat down with my notebook and brainstormed which modules and functions would be necessary for that.

I was amazed at how much progress I'd made up until this point simply by being able to fully visualize the application itself and which components needed to do what, etc. Excited to get to work on that and share it with the world!

_This post was originally published on March 23, 2020 on [my blog](https://alexlsalt.github.io/blog)._
Segmenting Developers into personas
Tags: devrel, leadership
Published: 2020-04-03 08:43:01

##Mankind is diverse, so are developers. 
Developers come in all shapes and sizes. Whether you group them by the technologies they use, their coding background, their professional status, their demographics or their motivations, the conclusion is the same. The developer population is not a single homogeneous mass that may be expected to behave in a coherent way.   

##Homogeneity comes with proper segmentation   
How do you effectively target your marketing efforts when your developer audience is so diverse? 
The answer lies with segmentation. To maximise return on your outreach efforts you need to segment the developer population into homogeneous groups that are more likely to respond to your outreach messaging.  

##Meet the developer personas: 
1. The Young Learner  
2. The Young Professional 
3. The Emerging Extender  
4. The Middle Standard   
5. The Seasoned Decision Maker  
6. The Inexperienced Loner   

##What the webinar presents: 
A. If and how developer marketing leaders use segmentation as part of their outreach efforts 
B. How to create homogeneous segments that do not overlap  
C. Pros and Cons of segmenting per specific criteria

Presented by Christina Voskoglou, Director of Research, SlashData

Want to be notified for future webinars? [Fill-in this form] (http://eepurl.com/gUo0D9)

Watch the webinar here:
{% youtube liTCvhUCiIM %}
Pluralsight - All 7,000+ Programming courses are free for April! No credit card required.
Tags: news, career, webdev, programming
Published: 2020-04-03 08:27:21

Hi all :smile:. Recently I came to know that [Pluralsight](https://www.pluralsight.com/) is offering All 7,000+ courses for free for April month! No credit card required.

- Learn any Programming or Technology Courses for FREE in April.

You can learn anything `Java, C#, Python, Go , Ruby , Docker, Kubernetes , Azure , AWS, Machine Learning , Web Development, HTML , CSS...` the list goes on...

**So What is `Pluralsight` and Why Should I use it ?**

`Pluralsight` is technology skills platform, companies can upskill teams and increase engineering impact.

With assessments, learning paths and courses authored by industry experts, our platform helps businesses and individuals benchmark expertise across roles, speed up release cycles and build reliable, secure products.

They have high Quality Courses in all `Programming` languages. These courses authored by industry experts.

Kindly use below link to access the same:

https://www.pluralsight.com/offer/2020/free-april-month

Get started your free learning today. 

[Here](https://dev.to/pluralsight/all-pluralsight-content-is-free-in-april-253g) is official Announcement.


[Content Reference 1](https://www.pluralsight.com/)  
[Content Reference 2](https://dev.to/pluralsight/all-pluralsight-content-is-free-in-april-253g)  

 #FREEapril
Stay home. Skill up.
Build in-demand tech skills without leaving your house. Get free access to 7,000+ expert-led video courses and more all month long.

Enjoy Learning :smile:.
How Much Does It Cost to Build a Website?
Tags: webdev, design, ux
Published: 2020-04-03 07:55:04

Behind every successful business, there’s a <a href="https://pixetic.com/blog/what-makes-a-good-website">great website</a>. Your website can’t be poorly made because then there’s simply no use of it. When you face the need of creating your own website, you have two options: to make it by yourself or to reach out to a <a href="https://pixetic.com/">professional web designer</a>. As always, there’re advantages and disadvantages to both methods but eventually, it depends on your business needs and how much you’re willing to spend on your website. So, let’s discover how much it costs to <a href="https://pixetic.com/blog/how-much-does-it-cost-to-build-a-website/">build a website</a> and how to go about building it. 

What Do You Need to Make a Website? 
Rome wasn’t built in a day and your website won’t be either. Before starting to calculate the approximate cost of your future website you need to know the essentials your website consists of. Here are the main of them: 
![Web site cost](https://dev-to-uploads.s3.amazonaws.com/i/krzqvuxcuscbaog8h38k.jpg)
Domain Name Registration. If you want to run a website for your business, you need to get a domain name from the domain registrar. Your domain name is your website’s “address” and you can register a new domain name or buy an already existing one. It will cost you around $10 to $30 per year. 
Website Hosting. Your website’s hosting expenses depend on different factors: the type of website you have, the expected number of visitors per month and the extra services you might need. It will cost you around $24 to $10,000 
SSL certificate. The security of your website is also an important element. HTTPS and SSL certificates will cost you around $10 to $1,500 
Website Design. The design of your website includes <a href="https://pixetic.com/services/">UX/UI design</a>, meaning to make website user-friendly you need to conduct UX research, create wireframes of your future website and, then, settle on its prototype. Also, the website design process involves the creation of a custom style for your website. Web design can cost you around $12,000 to $150,000. 
Content Management System.After the launch of your website, you’ll definitely want to create, edit and manage its content. For this reason, you need a custom CMS for your website. The alternative budget-saving option can be to use platforms like WordPress, but they’re less functional and less secure. Building your CMS will cost you around $2,000 to $25,000. 
Website Maintenance. To make your website functional and up-to-date, you need to keep it well-maintained. This will help you avoid different issues and mistakes. Also, the maintenance of your website significantly contributes to its traffic and SEO rankings. Website maintenance will cost you around $400 to $60,000 per year. Full article ypu can read here: https://pixetic.com/blog/how-much-does-it-cost-to-build-a-website/
TWILIO REFERRAL MEGATHREAD
Tags: twiliohackathon, twilio
Published: 2020-04-03 07:46:33

www.twilio.com/referral/Gbv52f

Since a bunch of us are going to be signing up, I figured it'd make sense.

Mods, please let me know if you feel like this is abuse. Maybe we can each take four and be on an honors system?
Display Barcode of any type in PDFMake documentDefinition in Angular 8
Published: 2020-04-03 07:36:47

https://stackoverflow.com/q/60950819/12409209

I am trying to display Barcode in the Shipping Label/report.

I used PDFMake Angular library to generate PDF at Client side. Everything is working fine except Barcode. I can able to generate QR code but client requirement is only Barcodes for different information on Shipping Label/Reports.

On web page I can dynamically generate Barcode using ngx-barcode library but not in the PDF. I desinged entire shipping label using PDFMake library.

Please help me on this if anyone knows any solution for this.
Angular Music Player
Tags: angular, musicplayer, musicplayerinangular, javascript
Published: 2020-04-03 07:35:19

---
title: Angular Music Player
published: true
description: A simple Music player developed in angular
tags: angular, music player, Music player in Angular, Javascript
---

![](https://roshankrsoni.in/images/music.png)

Hello guys just doing practice on Angular and was thinking to make an open source project so i decided to make a music player, need review on this
also I shared the project's source code with Live Link

#### Open source 
Visit [Angular Music Player](https://github.com/Roshankrsoni/MusicPlayer)
#
#### Live 
[See Live here](https://music-player-wine.now.sh)
#
#### Developer Profile
[Roshan Kr Soni](https://roshankrsoni.in)
3 Git Aliases I Can't Live Without
Tags: git
Published: 2020-04-03 07:04:47

---
title: 3 Git Aliases I Can't Live Without
published: true
description: A couple of aliases I like to use. 
tags: git 
---
Using `git` on the command line is by far my preferred way.  Every time someone asks me something about GitHub Desktop, Sourcetree, SmartGit, TortoiseGit or any git reptile for that matter usually results in a blank face.  

But as much as I find the native `git` command line client sufficient for most of my everyday tasks, there are several aliases I just can't live without.

Print where you are using `pwb`
===============================
Inspired by `pwd` which will **p**rint **w**orking **d**irectory, `pwb` **p**rints the **w**orking **b**ranch. This is especially useful when I'm using branches with particularly long names. 


`alias pwb='git rev-parse --abbrev-ref HEAD'`
    
```
bash-3.2$ pwb
a-very-long-branch-name
bash-3.2$ git pull origin `pwb`  
```

Check out a branch using `cb`
================================
Creating an alias to check out a branch may seem a little silly, but if you have many branches with names like JIRA-PRODUCT1-398539 and JIRA-PRODUCT2-234323. switching back and forth is quite cumbersome.  There is the `git checkout -` method which will checkout the last branch you checked out.  This is a handy trick but with the powers of `fzf` and a few chained commands, there is an even more handy way.

[`fzf`](https://github.com/junegunn/fzf) is a fuzzy finder utility that is blazingly fast and flexible.  
If you haven't already, install it now!!!

`alias cb='git branch | fzf --header Checkout | xargs git checkout'`

![using `cb` alias](https://dev-to-uploads.s3.amazonaws.com/i/4p730l401n122t0o6049.gif)

Merge a branch using `mb`
=========================
As described above, branches with long names are just a pain.  Merging long named branches is just as cumbersome as checking them out.  Sure, you can copy and paste, but even that experience can be improved. In the same spirit as the `cb` alias, using `fzf` and a few piped commands will make this repetitive task a little better.

`alias mb='git branch | fzf --header Merge | xargs git merge'`
    
![using 'mb' alias](https://dev-to-uploads.s3.amazonaws.com/i/94s0onbwqrvx9nwkzsqs.gif)

Since `git` is just another CLI. There are endless possibilities on how to improve its usage and tailor it to your own personal preferences.
Quick Tip – How to tell the user what to put in an EditText ?
Tags: android, howto, java, todayilearned
Published: 2020-04-03 08:23:49

---
title: Quick Tip – How to tell the user what to put in an EditText ?
published: true
date: 2020-04-03 07:00:00 UTC
tags: Android,How to,java,todayIlearned
canonical_url: https://10xlearner.com/2020/04/03/quick-tip-how-to-create-a-placeholder-in-an-edittext/
---

Hello ! I’m Xavier Jouvenot and in this small post, I am going to explain how to tell the user what to put in an EditText.

_Self promotion_: You can find other articles on Android development on my [website](www.10xlearner.com) 😉

## Specifying your message by default

To add a indication into an empty `EditText`, to guid the user, there are several solutions. And the first one is to specify a default message as an hint to be displayed in an `EditText`.

To do so, we are going to modify the `EditText` XML definition, and add one attribute to it.
This attribute is `android::hint` and you can specify the text you want to be shown as a indication to this attribute.

Here is how such `EditText` XML definition looks like:

```
<EditText
    <!--Some attributes-->

    android:hint="A very useful hint."

    <!--Some other attributes --> />

```

If not specified, this attribute is set to an empty string.

## Modifying the hint dynamically

Specifying the attribute in the XML is great!
But if you want to modify the text displayed as a hint in a `EditText` while the program is running, then, you must use some Java code and the method `setHint`.

Here is how it looks like:

```
EditText et = findViewById(R.id.my_edit_text_id);
et.setHint(R.string.hello);

```

Since the method `setHint` takes an integer as a parameter, you should definitely use the resources from your application to store the text of the hints.

* * *

Thank you all for reading this article,And until my next article, have an splendid day 😉

## Interesting links

- [android::hint documentation](https://developer.android.com/reference/android/widget/TextView#attr_android:hint)
- [setHint documentation](https://developer.android.com/reference/android/widget/TextView#setHint(int))
- [App resources documentation](https://developer.android.com/guide/topics/resources/providing-resources#java)
How to scale up selenium?
Published: 2020-04-03 06:23:17

Hi guys! Currently, Im working on ideas on assignment reminder, which reminds me the assignments which are gonna out of date. I wrote a selenium and bs4 to do that job, it works well to me but if I want scale up to multiple users such as usr1 type in his account and the script will scrape data with that account, usr2 also type in his account and so forth. The question is how do I achieve that? Thanks
Instant GraphQL with OneGraph
Tags: screenshares
Published: 2020-04-03 06:23:06

---
title: Instant GraphQL with OneGraph
subtitle: Screenshare in Public with Sean Grove
published: true
tags: Screenshares
slug: instant-graphql-onegraph
canonical_url: https://www.swyx.io/writing/instant-graphql-onegraph
---

Here's a recorded screenshare chat I had with Sean Grove (https://twitter.com/sgrove), Cofounder of OneGraph! We swapped out the Next.js API Routes that I manually set up in my livestreaming, to the premade GraphQL integration that OneGraph has with Dev.to. As a bonus, this takes care of user authentication so it doesn't rely on getting Dev.to API keys!

- Youtube Link: https://youtu.be/4NaRQ3B-3fg
- Dev.to Embed: {% youtube 4NaRQ3B-3fg %}

Source: https://github.com/sw-yx/dev-to-cms/commit/150ce146e54f9b63911917b83b24c993341f9496
Live Demo: https://dev-to-cms.now.sh/


## Catch up on the Dev.to CMS LiveStream!

- [Day 1 - Setup Next.js and Tailwind UI, list posts through API routes](https://dev.to/swyx/make-your-own-dev-to-cms-livestream-part-1-2ad1) - 90 mins
- [Day 2 - setting up a Markdown Editor with Next.js, Tailwind UI, Highlight.js, React Hook Form, and React Query](https://dev.to/swyx/make-your-own-dev-to-cms-livestream-part-2-6mf) - 3 hours
- Quick Fix - [How To Add Monaco Editor to a Next.js app](https://dev.to/swyx/how-to-add-monaco-editor-to-a-next-js-app-ha3) - 18 mins
- [Day 3 - Refactoring to Edit Existing Posts](https://dev.to/swyx/make-your-own-dev-to-cms-livestream-part-3-c65) - 3 hours
- [Day 4 - Polish Day! Implementing Notifications, Markdown preview, and programmatic Redirects, and Using Web Components in Next.js](https://dev.to/swyx/make-your-own-dev-to-cms-livestream-part-4-6em) - 3 hours
- [Instant GraphQL with OneGraph - Screenshares in Public with Sean Grove](https://dev.to/swyx/instant-graphql-with-onegraph-4hi8) - refactoring handrolled Dev.to API access with OneGraph and GraphQL
- [How and Why to Un-Reset Tailwind's CSS Reset](https://dev.to/swyx/how-and-why-to-un-reset-tailwind-s-css-reset-46c5)