teleren/devto huggingface dataset:
Code Models: a Twitter list of role models in the programming industry
Tags: rolemodel, coding, inspiration, twitter
Published: 2019-01-21 22:26:09

---
title: Code Models: a Twitter list of role models in the programming industry
published: true
description: an idea around creating a list on Twitter for people you look up to in the programming industry.
tags: role-model, coding, inspiration, twitter
---

In school and sports, my teachers and coaches encouraged me to find a "role model" - someone whom I could look up to. Someone who I wanted to be like.

It gave me direction because I told myself, 

>"I want to be like them when I'm older. I want to positively impact the world like them."

This practice of finding people who we admire can inspire us to "be the change in the world, [we] want to see." 

I thought it would be fun to take this idea and create what I'm calling "Code Models" - a list of role models in the programming industry.

### What is a List on Twitter and why use it?

I'll quote Twitter directly:
![A List is a curated group of Twitter accounts. You can create your own Lists or subscribe to Lists created by others. Viewing a List timeline will show you a stream of Tweets from only the accounts on that List.
](https://thepracticaldev.s3.amazonaws.com/i/02ujf1yes83kul5c3gir.png)


The distinction between this and just following those people is essentially "grouping people in one place". 

When you look at your Timeline, you see tweets from everyone you follow versus a List **only shows tweets from people on that list**.

![sheep giving a thumbs up](https://i.giphy.com/media/tIeCLkB8geYtW/giphy.webp)

I didn't think it would make sense to make a website for this. And most of us already spend time on Twitter anyway. 

Easiest solution then was to create a List on Twitter so that you could easily add the people you look up to. This will help you see what they're doing and what they're sharing in one centralized place.

I started making my [list](https://twitter.com/jsjoeio/lists/code-models), which you can subscribe to but I suggest going forth and making your own! 😄
What's in your bookmarks?
Tags: bookmarks, share
Published: 2019-01-21 21:29:56

---
title: What's in your bookmarks?
published: true
description: Share something that you once found interesting
tags: bookmarks, share
---

A rare urge to clear out my bookmarks struck me tonight; and I thought why not share some pages I clearly thought were worth remembering with the Dev.to community.

**A large list of public apis:** https://github.com/toddmotto/public-apis/blob/master/README.md

**Now - Serverless application deployments:** https://zeit.co/now

**Introduction to Capture the Flag:** https://trailofbits.github.io/ctf/

**109 Mental Models:** https://fs.blog/mental-models/

**Ngrok - introspectable tunnels to localhost:** https://ngrok.com

**\*ahem\***: https://www.funkypenguin.co.nz/project/autopirate-sabnzbd-radarr-sonarr-mylar-nzbhydra-ombi-in-docker-swarm/

Care to share some long forgotten gems from your bookmarks?
Git for Data storage 
Tags: git
Published: 2019-01-21 20:45:56

---
title: Git for Data storage 
published: true
description: I've considered what git provides to use as a database for storing data. 
tags: git
---

This is by no means an original idea. I've read a few things such as [Git as NoSQL Database](https://www.google.com/amp/s/www.kenneth-truyers.net/2016/10/13/git-nosql-database/amp/).

Why even consider git? History of data can be very valuable and git facilities tracking changes with many tools to review such changes. I thought if I made use of the database directly rather than through the filesystem I could get some nice advantages. 

You don't want to consider git with highly cross-referenced data that would require complex joins. Git is designed te efficiently store data anh not duplicate, so it can query history and the meta for that history.

I'm still pondering the use case for this, it requires history to be most valuable. But one thing is certain the data must work off a filesystem as the git primitive storage, blobs and trees, map directly to it.

My original thought of application was test results and artifacts. Branches could be useful for environments, but managing association with other environments could be useful but hard. We'll see if I ever try to go further.
Microsoft Ending Windows 7 Support in 1 Year
Tags: windows
Published: 2019-01-21 20:16:00

---
title: Microsoft Ending Windows 7 Support in 1 Year
published: true
description: Start planning your upgrade from Windows 7 now
tags: Windows
---

Here’s your first reminder: Next year, on [January 14, 2020 Microsoft is ending support for Windows 7](https://www.microsoft.com/en-us/windowsforbusiness/end-of-windows-7-support). We went through this a while ago when Windows XP reached end-of-life (no one really cared when Windows Vista reached end-of-life). Windows 7 was a very popular release as it was much better than Vista. It also didn’t help that Windows 8 was not liked at all with its many UI changes.

But the time has come to start preparing to update. You will definitely want to update to Windows 10 and not Windows 8. Windows 10 is actually really nice and is updated regularly. I think you’ll find transitioning from Windows 7 to Windows 10 relatively painless. In fact, early last year Windows 10 overtook Windows 7 in usage [per StatCounter](https://venturebeat.com/2018/02/01/statcounter-windows-10-overtakes-windows-7-in-usage-share/). Sadly you can no longer get a free update to Windows 10 so you’ll have to purchase it, but since Microsoft has said that [Windows 10 is the last version of Windows](https://www.theverge.com/2015/5/7/8568473/windows-10-last-version-of-windows), you shouldn’t need to purchase it again.

What happens if you don’t update and want to stick with Windows 7 after January 14, 2020? According to Microsoft:

>You can continue to use Windows 7, but once support ends, your PC will become more vulnerable to security risks. Windows will operate but you will stop receiving security and feature updates.

For the time being you can continue to use Windows 7 as you plan your update. Of course [Xojo itself and apps made with it](https://docs.xojo.com/Resources:System_Requirements) also continue to work on Windows 7, although you’ll want to make sure you have [installed Service Pack 1](https://support.microsoft.com/en-us/help/15090/windows-7-install-service-pack-1-sp1).
What is Computational Genomics? 
Tags: explainlikeimfive, beginners
Published: 2019-01-21 20:03:49

---
title: What is Computational Genomics? 
published: true
description: asking information and resources about computational genomics 
tags: #explainlikeimfive #beginners
---

I want to learn what is computational genomics and can you share some resources?
Speech bubbles with background images
Tags: webdev, html, css, beginners
Published: 2019-01-21 19:45:35

I wrote this post a few years ago, but I'm dragging it back into the light kicking and screaming because of another [speech bubble-type post](https://dev.to/flippedcoding/how-to-put-arrows-at-the-bottom-of-a-div-4hnn) that I came across recently.

I wanted to have a speech bubble-like element with a custom background image. This method is pretty hacky, but it works and it doesn't have limited browser support, unlike [`clip-path`](https://caniuse.com/#feat=css-clip-path).

The typical way to do this is simple — use the container's :before or :after pseudo-element to create a CSS triangle, and attach it to the appropriate edge.

Like so:

{% codepen https://codepen.io/peiche/pen/bVLbEg %}

You see the problem, don't you? The arrow is dangling off the edge of the bubble, sure enough, but it looks woefully out of place with its solid color. It can look much nicer than that with some trickery.

The typical speech bubble arrow effect is created by adding an element; in our previous example, a single pseudo-element with a border hack.

What we're going to do is also a border hack. But instead of adding an element, we're going to create the illusion of taking something away.

The containing element and the content wrapper are the same as in the first example. But the background isn't full width; we're going to pull it farther out — ten pixels for this example, but you want to pull it out exactly the width of your arrow.

The trick here is to use the background element's :before and :after pseudo-elements to overlay that extended area. We're essentially going to carve out the shape of our arrow.

Here is an example with different colors for each of the borders, which allows you to see the shape we're going to make.

{% codepen https://codepen.io/peiche/pen/NGyrJm %}

We'll make the left, top, and bottom border colors transparent, creating the outline of the arrow, and the right border will need to match the background of the element containing the speech bubble. That's important, or the effect is lost.

So here is the final result:

{% codepen https://codepen.io/peiche/pen/KdQPwv %}

----

_This was originally published on [my blog](https://eichefam.net/2015/10/23/speech-bubbles-with-background-images/)._
Simple React state management with Laco
Tags: react, javascript, state, redux
Published: 2019-01-21 19:21:36

---
title: Simple React state management with Laco
published: true
description: Simple and powerful state management solution for React and Inferno. Powered by ideas from Redux and Unstated.
tags: #react, #javascript, #state, #redux
cover_image: https://cdn-images-1.medium.com/max/1000/1*XfivCXlFs9a97bZCxC1dHg.jpeg
---
*This is cross-post from my medium article: https://medium.com/@Deam/laco-intro-5db2077ec829. Laco is a simple and powerful state management solution for React and Inferno. Powered by ideas from Redux and Unstated.*

# Laco consists of three simple ideas
**The first idea is the notion of a store**. The store handles state and you can have multiple stores. You can create a store like so:
{% gist https://gist.github.com/deamme/06b5939f752d58d540b08279cdfea767 %}

You can get or set a new state on your store:
{% gist https://gist.github.com/deamme/15e9e4b4847f625d5473d336ffc637f7 %}

**The second idea is the idea of actions**. An action is a function that sets a new state on a store.
{% gist https://gist.github.com/deamme/456214a649b389158ca47a9cbcafb21c %}

The third and final idea is the idea of a Subscribe component. The Subscribe component takes an array of stores as input. The component acts like connect() for those that are familiar with Redux. The difference is that connect() is a higher order component while the Subscribe component uses render props. More on render props [here](https://cdb.reacttraining.com/use-a-render-prop-50de598f11ce?gi=5c88fab30a7f).
{% gist https://gist.github.com/deamme/d9ecc32d0d4ec1b42a8d9a57ec5f7e70 %}

That is the general gist of [Laco](https://github.com/deamme/laco). I hope you find the concepts simple and straightforward.

# Conclusion
Laco is very lightweight (around 2kb minified) and is meant to make state management simpler which makes starting new projects more hassle free. Check out the [GitHub repository](https://github.com/deamme/laco) and code sandbox examples.
How freelancing on Codementor made me a better developer
Tags: freelancing, developer, improvement
Published: 2019-01-21 19:18:34

---
title: How freelancing on Codementor made me a better developer 
published: true
description: My journey improving myself teaching others.
tags: freelancing,developer,improvement
---

I spent almost all of my career doing one of two things, working for a large corporation or working on my skill set at home. Late last year I decided that I wanted to guide other students or developers. 

At first I thought about creating a web series and uploading it to YouTube or udemy but decided against it because there was no guarantee that I would have enough spare time to edit and develop etc. 

Along came Codementor, a place where I could teach students or freelance with minimal startup and maximum impact. I started with simple freelance jobs ( add a map to WordPress, why doesn't my Java application do what I want) before jumping into the teaching. I made myself available from 5.30pm - 9pm EST everyday for any work involving my skill set. The requests came pouring in, one after the other, so I put my headset on and went to work.

At first I was getting the nice softball questions like ' I have this user input console app for Java but the loops don't seem to work', I pulled up their screen sharing and saw a simple solution. I explain in details and off they went happy.

Then the harder questions came in, like explaining the how a Red–black tree worked and how to implement one with a simple enough example that a college student who has spent the last 15 hours looking at the same problem with zero understanding. Although I understood how a RB Tree worked I had to work hard to explain it in the simplest of forms which brought a better understanding of how this algorithm worked.

I have been working part time at Codementor for 6 months and now have a better understanding of developer to non developer translation, a new perspective on code I had been writing for years professionally. This 6 month journey as certainly made me a better developer.
The 7 Most Popular DEV Posts from the Past Week
Tags: top7, bestofdev
Published: 2019-01-21 18:14:19

---
title: The 7 Most Popular DEV Posts from the Past Week
published: true
description: A round up of the most-read and most-loved contributions from the community this past week.
tags: icymi,bestofdev
cover_image: https://thepracticaldev.s3.amazonaws.com/i/sfwcvweirpf2qka2lg2b.png
---
Every Monday we round up the previous week's top posts based on traffic, engagement, and a hint of editorial curation. The typical week starts on Monday and ends on Sunday, but don't worry, we take into account posts that are published later in the week. ❤️

#1. Starting now!

A personal story on facing your fears and growing out of old habits.

{% link https://dev.to/dechamp/25-years-of-coding-and-im-just-beginning-442n %}

#2. Advice for All

A few different mindsets and approaches to consider to level up your career. 

{% link https://dev.to/helenanders26/6-ways-to-level-up-your-career-56ik %}

#3. Avoiding Re-writes

Mathias shares their experience and advice on how to maintain large JS applications through small improvements instead of large re-writes. 

{% link https://dev.to/molily/maintaining-large-javascript-applications-4aoj %}

#4. Fascinating Data!

Lyn analyzes some of the data TripleByte has collected through interviewing hundreds of developers. According to their analysis, visual studio code is gaining in popularity each month.

{% link https://dev.to/triplebyte/the-rise-of-microsoft-visual-studio-code-3fo6 %}

#5. Flexibility is Key

Alex walks through how to organize your docker configuration to be flexible for both development and production. 

{% link https://dev.to/alex_barashkov/using-docker-for-nodejs-in-development-and-production-3cgp %}

#6. Calling All Neon Lovers

...or anyone who wants to check out a new theme! or contribute to oss :)
Exciting to see the community support around this new code theme. 

{% link https://dev.to/wuz/introducing-dank-neon-a-new-open-source-code-theme-2mh %}


#7. So Much Love For TypeScript

A step-by-step guide for those interested in TypeScript but may have been a little intimidated to dive in. 

{% link https://dev.to/robertcoopercode/get-started-with-typescript-in-2019-6hd %}


_That's it for our weekly wrap up! Keep an eye on dev.to this week for daily content and discussions...and if you miss anything, we'll be sure to recap it next Monday!_
Freelancing — How to Prepare and Get Started
Tags: freelances, entrepreneurship, softwaredevelopment
Published: 2019-01-21 17:14:59

---
title: Freelancing — How to Prepare and Get Started
description: Last week I spoke at the LaDev meetup in Ann Arbor, Michigan on what it takes to go out on your own as a freelancing software developer and entrepreneur.
published: true
cover_image: https://cdn-images-1.medium.com/max/1600/0*TVFG_bnVIGYbSF8o
tags: freelances, entrepreneurship, software development
canonical_url: https://learningswift.brightdigit.com/freelancing-prepare-started/
---

Last week I spoke at the [LaDev in Ann Arbor](https://www.meetup.com/ladevmi/events/256221529/) on what it takes to go
out on your own as a freelancing software developer and entrepreneur.

> *Leo Dion of BrightDigit will discuss what should be done to get started as well
> as how what skills you can nurture to become a successful freelancer. We’ll talk
about what is needed to manage your money, your reputation, and your time. If
you are thinking about freelancing or just curious about what freelancing
involves you’ll want to check this out.*

I have posted [the slides](https://www.dropbox.com/s/co7wh1xiqh5q94y/181205-Prepare and Get Started.zip?dl=0) as well as the video of the event which you can check out.

{% youtube WVXvIso24Sc %}

What questions do you have? What challenges have you faced along the way? [Let me know on Twitter](https://twitter.com/leogdion) what are your thoughts.

*****

*Originally published at
*[learningswift.brightdigit.com](https://learningswift.brightdigit.com/freelancing-prepare-started/)*
on December 10, 2018.*
Who's looking for open source contributors? (Jan 21st edition)
Tags: discuss, opensource, contributorswanted
Published: 2019-01-21 15:30:07

Find something to work on or promote your project here.

Please shamelessly promote your project. Everyone who posted in previous weeks is welcome back this week, as always. 😄

Additionally, all are welcome to also create a standalone post in this tag:

{% tag contributorswanted %}

Follow the tag for more posts like this one.

Happy coding!
Tips on how to write a technical book
Tags: help, discuss
Published: 2019-01-21 15:15:02

I did a talk about React at my job and everyone really enjoyed the content and the way it was presented. I'm happy with the feedback and felt inspired to continue learning and teaching on this subject. That's when I had the idea to write a book.

I'm passionate about education and software development and I'm always trying to learn something new every day. Because of this, I feel that I can't keep what I learned just for me, I feel that I have to share it in the best way possible, so more people can learn and improve their skills.

Today I have about 4 years of professional experience, and it worries me if people would be interested in my book, since I do not have such a strong name in the community. I also don't know about proper writing, formatting, publishing and pricing.

I'm thinking about a big tutorial, but organized in chapters with (no so deep) clear explanations. Is this "tutorial" mindset the same for a book?

Any tip will be welcome!
Kendo UI R1 Webinar 2019
Tags: progress, kendoreact, telerik, kendo
Published: 2019-01-21 15:14:01

---
title: Kendo UI R1 Webinar 2019
published: true
description: Demo and Links for Kendo UI R1 Webinar on January 22nd 2019
tags: Progress, KendoReact, Telerik, Kendo
---

## Links Referenced

[Kendo Theme Builder](https://themebuilder.telerik.com/kendo-react-ui)

## KendoReact StackBlitz Demos from Webinar

[Splitter](https://stackblitz.com/edit/2019-r1-splitter?file=app%2Fmain.js)
[Dialog](https://stackblitz.com/edit/2019-r1-dialog?file=app%2Fmain.js)
[Window Resizable](https://stackblitz.com/edit/2019-r1-dialog-window-resizable?file=app%2Fmain.js)
[DropDownButton (class)](https://stackblitz.com/edit/2019-r1-drop-down-button?file=app/main.js)
[DropDownButton (functional)](https://stackblitz.com/edit/2019-r1-drop-down-button-hooks?file=app/main.js)
[Toolbar](https://stackblitz.com/edit/2019-r1-toolbar?file=app%2Fmain.js)
[Grid Column Menu (Filter)](https://stackblitz.com/edit/2019-r1-grid-column-menu?file=app%2Fmain.js)
[Grid Columns Locked](https://stackblitz.com/edit/2019-r1-grid-columns-locked?file=app%2Fmain.js)

## KendoReact StackBlitz Demos Not Shown in Webinar

[Masked Inputs](https://stackblitz.com/edit/2019-r1-masked-inputs?file=app%2Fmain.css)
[Masked Input and Form](https://stackblitz.com/edit/2019-r1-masked-inputs-form?file=app%2Fmain.js)
[SplitButton](2019-r1-kendo-ui-split-button)
[Tree](https://stackblitz.com/edit/2019-r1-tree?file=app/main.js)
[Upload](https://stackblitz.com/edit/2019-r1-upload?file=package.json)
How to diff Excel VBA code in SourceTree (Git client)
Tags: git, excel, github, bitbucket
Published: 2019-01-21 14:58:04

---
title: How to diff Excel VBA code in SourceTree (Git client)
published: true
description: The latest version of SourceTree allows you to diff VBA code with the help of Git XL, an open-source project
tags: git, excel, github, bitbucket
---

If you rely on Excel for your daily work, your folder most likely contains a lot of different versions of the same file like "myfile_final_v2.xlsx" or "myfile_final_final.xlsx" (you don't want to inadvertently mess up your file, do you?).
In case you know how to use [Git](https://git-scm.com) version control, using it to track your Excel files is an easy decision to make. This will save you from having to rename your files locally all the time and will give you the option to add a commit message so you know what's going on.
However, it won't take long before you'll miss one Git's core functionality: the "Git diff" feature. For Git, an Excel file is just a binary file and you can't see what changed from one version to the other.
Turns out if you use SourceTree, this is now an easy-to-solve problem for your VBA code! 

# SourceTree

[SourceTree](https://www.sourcetreeapp.com) is Atlassian's popular free GUI application for Git, made for users who prefer a desktop application over a the command line. Needless to say, SourceTree doesn't behave differently from any other Git platform or GUI client: it doesn't show you diffs for Excel files out of the box:

![](https://thepracticaldev.s3.amazonaws.com/i/qcaucfniiq8hzcedc7a3.png)

Let's see how we can fix this!

# Git XL

[xltrail](https://www.xltrail.com) is a version control platform for Excel files and works similar like [GitHub](https://github.com), [BitBucket](https://bitbucket.org) or [GitLab](https://gitlab.com/) with the difference that xltrail understands the content of Excel files.
While xltrail allows you to integrate with all of these Git providers, it also offers a free and open-source Git extension [Git XL](https://www.xltrail.com/git-xl) that allows you to diff and merge your VBA code locally either on the command line or most recently also through SourceTree.
You can download Git XL [here](https://www.xltrail.com/git-xl). Note that you do not have to open an account to be able to use it. After clicking your way through the installer, you can activate the extension either globally for all repos (`git xl install`) or for specific repositories only (`git xl install --local` while being in a specific repo). For details see the instructions [here](https://www.xltrail.com/git-xl).
If you now head over to your command line and run a Git diff command, it'll happily show you what changed in your VBA code:

![](https://thepracticaldev.s3.amazonaws.com/i/axy20zfw9a7pfjdtco7w.png)

# SourceTree with Git XL activated

Once Git XL is installed and activated for your repository, head back to SourceTree where you are now able to see uncommitted diffs in your VBA code without having to change anything in the settings:

![](https://thepracticaldev.s3.amazonaws.com/i/9jovzudultdkrbo1x8j6.PNG)