teleren/devto huggingface dataset:
Is There a Good JavaScript Tutorial for New Coders that Teaches a Declarative/Functional Style from the Beginning?
Tags: javascript, webdev, beginners, discuss
Published: 2019-05-22 05:15:30

---
title: Is There a Good JavaScript Tutorial for New Coders that Teaches a Declarative/Functional Style from the Beginning?
published: true
description: 
tags: javascript, webdev, beginner, discuss
---

_Update: I kinda started [writing my own](https://dev.to/jasonsbarr/simply-javascript-learn-computer-science-and-programming-in-the-world-s-most-ubiquitous-language-introduction-and-index-29m5)_

Longtime reader but first-time poster here, so please be gentle. ;)

It seems like every introductory JavaScript tutorial or course I've seen teaches in an imperative style from the get go, and my experience has been that (both for myself and for other learners I've observed) when people start stepping up from basics to looking at actual projects that use more modern coding styles they tend to be lost... not because the project is so far over their heads, but because it tends to use styles they're not familiar with.

I can only think of a few circumstances where I've had to code a `for` loop by hand in an actual project, for example, but imperative control flow dominates material for beginners. 

And maybe it's just me, but I find using, e.g., `map` to be _far_ more intuitive and less error-prone than doing loops the long way. When I first learned about `map` I wished I'd been able to use it from the beginning because it just made sense (though, to be fair, when I first started JavaScripting there was no native `map` method for Arrays).

It seems to me like a JavaScript tutorial or course that teaches building blocks for a more functional style from the beginning would be extremely useful. Are there any out there that are already doing this? I'd love to see some.

I have in mind to possibly try to create something like a JavaScript homage to [*Simply Scheme* by Brian Harvey and Matthew Wright](https://people.eecs.berkeley.edu/~bh/ss-toc2.html), if you're familiar with it.

Obviously it would need to cover different territory given the more web-focused nature of JS, but that's the basic idea I'm thinking of. Does that make sense?
Color Manipulation with Sass
Tags: web, css
Published: 2023-01-06 02:46:43

---
title: Color Manipulation with Sass
published: true
date: 2019-05-22 03:10:06 UTC
tags: Web,CSS
canonical_url: https://brandonrozek.com/blog/colormanipulation/
---

There are many times that I need to slightly mess with a color. The easiest way I found to do it is to use one of the many color functions in the program `Sass`. [Sass](https://sass-lang.com/) is a CSS preprocessor, meaning that it has it’s own syntax and it compiles down to CSS. I remember using this before CSS variables became a thing and that was one of the main driving points of Sass.

Since I don’t work in Web Development anymore, I don’t actually have Sass installed on my computer but instead go to [SassMeister.com](https://www.sassmeister.com/) to do my color manipulations. ThoughtBot already wrote a really nice [post](https://thoughtbot.com/blog/controlling-color-with-sass-color-functions) describing all the different color functions, but I’ll quickly describe what I do to mess with colors.

## Quick Color Manipulation

Now you do need to write special scss syntax in order for this to work, but luckily most of it you can just copy paste and change what you want. For example, to get Sass to make red 10% lighter you would do the following:

```
p {
  color: lighten(red, 10%);
}

```

Sass will then output the following:

```
p {
  color: #ff3333;
}

```

And BAM just like that you got the hex code for a lighter version of red. You can also get all crazy and nest statements into each other which is usually what I do when I play with these colors.

If you rather have the RGBA version of this you can do the following:

```
p {
  color: rgba(lighten(red, 10%), 0.5);
}

```

And it will output:

```
p {
  color: rgba(255, 51, 51, 0.5);
}

```

So in summary, all you need is to replace the section after `color:` and you’re all set for manipulating colors! Check out the [ThoughtBot Post above](https://thoughtbot.com/blog/controlling-color-with-sass-color-functions) in order to see all the variety of functions included with Sass such as saturating, hue-shifting, and much more.
Borg Backup
Tags: backup
Published: 2023-01-06 02:47:29

---
title: Borg Backup
published: true
date: 2019-05-22 02:35:31 UTC
tags: Backup
canonical_url: https://brandonrozek.com/blog/borgbackup/
---

I started using [Borg Backup](https://www.borgbackup.org/) in order to efficiently and securely do my backups. I did some research before choosing this solution as I required three things:

- Compression
- Encryption
- Deduplication

Each point is important on their own. Ideally I would be able to put this onto a cloud solution. Due to this I would want compression and deduplication to keep my costs down and encryption in order to maintain privacy.

Luckily Borg does all of these things and more! It’s also easily available on the AUR and the Ubuntu repositories.

## Getting Started

This will be a short post just describing the basic usage of the tool. I haven’t fully implemented this tool yet so forgive me if this doesn’t match your exact use case. This is also a great way for me to document the basic commands for myself as well.

First to initialize a borg repo encrypted with a password at `repolocation`:

```
borg init --encryption=repokey repolocation

```

Then to create a backup in the repo with key `backup1`:

```
borg create --stats --progress --compression lzma repolocation::backup1 folderToBackup

```

You can actually replace the compression algorithm if wanted, here is a short description from their [website](https://borgbackup.readthedocs.io/en/stable/):

- lz4 (super fast, low compression)
- zstd (wide range from high speed and low compression to high compression and lower speed)
- zlib (medium speed and compression)
- lzma (low speed, high compression)

To list what backups you have in the repo:

```
borg list repolocation

```

To mount and unmount the repository

```
borg mount repolocation mountlocation


borg umount mountlocation

```
Real Analysis Sequences in Haskell
Tags: math, haskell
Published: 2023-01-06 02:47:44

---
title: Real Analysis Sequences in Haskell
published: true
date: 2019-05-22 02:18:21 UTC
tags: Math,Haskell
canonical_url: https://brandonrozek.com/blog/haskellrealsequences/
---

In Real Analysis it is useful to look at terms of a sequence. One of the best ways I’ve found to do this is in believe it or not Haskell. This is mainly for these two reasons

- Support for infinite data structures

- Built-in Data Type to keep fractional precision

## Code

Let’s get started, first let us define a sequence by the following: $$ f(1) = 1, f(2) = 2, f(n) = \frac{1}{2}(f(n - 2) + f(n - 1)) $$ That is equivalent to the following haskell code:

```
f :: Integral a => a -> Ratio a
f 1 = 1
f 2 = 2
f n = 0.5 * (f (n - 2) + f (n - 1))

```

Now to generate the sequence we just need to map $f$ onto the natural numbers.

```
nsequence = map f [1..]

```

If you want to look at specific subsequences, such as even or odd:

```
odd_generator n = 2 * n - 1
odds = map odd_generator [1..]

even_generator n = 2 * n
evens = map odd_generator [1..]

```

To look at the differences between each term:

```
diff x = map (\(a, b) -> a - b) $ zip (tail x) (init x)

```
How to use the OpenWeatherMap API with Python
Tags: python, api, learning
Published: 2019-05-22 01:51:25

---
title: How to use the OpenWeatherMap API with Python
published: true
description: In this video you'll learn how to get the temperature, wind speed, humidity, and weather status using Python OpenWeatherMap!
tags: python,api,learning
canonical_url: https://next.tech/blog/video-how-to-use-the-openweathermap-api-with-python
---

OpenWeatherMap is an online service that provides access weather data, including current weather data, forecasts, and historical data. Developers can use their API (application programming interface) to make requests and incorporate the returned data into their website or app.

In this video you'll learn how to get the temperature, wind speed, humidity, and weather status using the Python OpenWeatherMap library, which provides an interface to the OpenWeatherMap API.

You'll get to use the Python programming language, a real application programming interface (API), and (if you'd like) an online coding environment!

We'd love to hear what you think of the video, and if you have any ideas for other videos you'd like to see. We'll be making many more in the weeks to come!

Now, without further ado, let's code!

{% youtube cXTD9ePA8RI %}
How to display latex matrix as output of a code cell
Tags: python, jupyter, latex
Published: 2019-05-22 01:48:03



```python
from IPython.display import display, Math

def print_matrix(array):
    data = ''
    for line in array:        
        if len(line) == 1:
            data += ' %.3f &'%line + r' \\\n'
            continue
        for element in line:
            data += ' %.3f &'%element
        data += r' \\' + '\n'
    display(Math('\\begin{bmatrix} \n%s\end{bmatrix}'%data))
```
Sometimes You Have no Choice but to Pause
Tags: health, wellness, selfcare
Published: 2019-05-22 00:22:58

---
title: Sometimes You Have no Choice but to Pause
published: true
description: Listen to your body. It’s very honest about how it’s feeling.
tags: health, wellness, selfcare
---

I’ve said this before, and I’ll say it forever: your health is more important than anything else. Take care of your body. Feed it good things. Rest it when it hurts. You’re not a bad person if you need a break or to step back from something. Sacrifice your well-being for no one.

*This post is short because* I *need a break. Hope to be back tomorrow with our regularly-lengthed posts. 💕*

---

Did you know I have a newsletter? 📬

If you want to get notified when I publish new blog posts or make major project announcements, head over to [https://ashleemboyer.com/newsletter](https://ashleemboyer.com/newsletter).
Serverless Webhooks Talk
Tags: serverless, webhooks, talk, dsmjs
Published: 2023-01-24 15:56:38

---
title: Serverless Webhooks Talk
published: true
date: 2019-05-22 00:00:00 UTC
tags: serverless, webhooks, talk, dsmjs
canonical_url: https://www.rocky.dev/blog/serverless-webhooks-dsmjs-talk
---

In March, Dwolla updated its webhooks to a serverless architecture, improving their timeliness, configurability, cost and reliability. Watch the talk I gave at [dsmJS](https://twitter.com/desmoinesjs) to learn more about how we did it.

<a href="http://www.youtube.com/watch?feature=player_embedded&v=zpPV8lUxPpE
" target="_blank"><img src="http://img.youtube.com/vi/zpPV8lUxPpE/0.jpg" alt="Sending Millions of Serverless Webhooks" width="672" height="378" /></a>

[Slides](https://github.com/therockstorm/webhook-handler/blob/master/PITCHME.md)

For lessons learned along the way, [check out my blog post](https://www.rocky.dev/blog/lessons-learned-from-sending-millions-of-serverless-webhooks).
What are React's weak points?
Tags: discuss, react, javascript, webdev
Published: 2019-05-21 22:38:52

---
title: What are React's weak points?
published: true
description: Expert should know the limits of their tool
tags: [discuss, react, js, webdev]
cover_image: https://thepracticaldev.s3.amazonaws.com/i/23rnx8s7r5i8vo2xr84o.png
---

Recently I came across this idea that expert should know the limits of their tool. This is not a new idea, I heard it many times, but I thought: 

> Huh, I'm React developer, so I suppose to know that, right?

And it is easy for me, for example, to say when I would use RDBMS (PostgreSQL) vs key-value store (Redis) vs graph database (Neo4j), but I kind of paused before I was able to answer this question for React. Maybe I don't have that diverse experience in React (all tasks were similar). 

My answer would be: 
- simple websites, which don't have very much interactivity/states, like landing page, don't need React. It can be easily built with HTML, CSS and maybe something, like Turbolinks to improve page switch speed
- highly interactive pages, which need to use Canvas or WebGL and WASM, like this one https://perspective.finos.org/. There are React renderers which can render React to Canvas though.

**When would you prefer something else to React? What are the pain points of React?**

Asking for a ~~friend~~ React developer.
Common Character Count!!Swift Coding Challenge!!
Tags: thetealpickle, algorithms, challenge, beginners
Published: 2019-05-21 22:29:54

---
title: Common Character Count!!Swift Coding Challenge!!
published: true
description: Find the number of common characters between them
tags: #thetealpickle #algorithms #challenge #beginners
---

Swift coding challenge!!
Common Character Count, given two strings find the number of common characters between them. 

😛 Level: Easy 😛 
<img src="https://thepracticaldev.s3.amazonaws.com/i/a1y4kqg7ofge6f3x8tqd.png" />

I have included a solutions video!! The video gives some insight into how I’ve solved the problem. Don’t forget to try the problem out BEFORE checking out the solution video and solution code 😉 😉 

<img src="https://thepracticaldev.s3.amazonaws.com/i/izag2iuh1lcc6gmu6chq.png" />

If you have a coding challenge you want me to solve feel free to drop a comment or message me with the problem!! 😊 😊 let’s get swole 💪🏾 💻 💻
Animated Typing Utility with JavaScript
Tags: opensource, javascript, webdev
Published: 2019-05-21 20:29:39

---
title: Animated Typing Utility with JavaScript
published: true
tags: Opensource,JavaScript,Web Development
canonical_url: 
---

Ever wished a animated typing effect in your webproject? If yes, you should definitive check out the typit.js library. Last days i stumbled upon that interesting library.

The effect looks like:

![](https://raw.githubusercontent.com/alexmacarthur/typeit/master/demo.gif)

How could you implement it?

Let we say, you would like to use this effect to show others your different job experiences.

First place a tag inside your code like that one:

```
<p id="replaceJobs"></p>
```

Then create a `typeit.js` file with the content

```
new TypeIt('#replaceJobs', {
	strings: ["Job1", "Job2", "Job3"],
	speed: 200,
	cursorSpeed: 1000,
	nextStringDelay: 750,
	loop: true,
	breakLines: false,
	waitUntilVisible: true
}).go();
```

Now add the JavaScript to your Layout Section:

```
<script src="https://cdn.jsdelivr.net/npm/typeit@VERSION_NUMBER/dist/typeit.min.js"></script>
```

and refer your `typeit.js` to that page, where your "replaceJobs" tag is placed. Now your type effect will start :-)

More on: [https://typeitjs.com/](https://typeitjs.com/)
Mojave + VirtualBox
Tags: virtualbox, mojave
Published: 2019-05-21 19:33:04

---
title: Mojave + VirtualBox
categories: article
description: VirtualBox error when upgrading to Mojave
tags: virtualbox, mojave
published: true
---

I have finally decided to upgrade my macs to Mojave from High Sierra. For my work machine however, VirtualBox simply stopped working and throwing `NS_ERROR_FAILURE` on startup. Similar to [this](https://stackoverflow.com/questions/52689672/virtualbox-ns-error-failure-0x80004005-macos). Trying to reinstall won't work because the installer will fail at the last step.

I have tried *everything* suggested from disabling Gatekeeper to many many iterations of uninstall/reinstall. Almost every solution suggested clicking `Allow` on the Security & Privacy tab but it never appeared.

What worked for me finally was: [macos - VirtualBox 5.2 Won't Install on Mac OS 10.13 - Ask Different](https://apple.stackexchange.com/a/360123/332949) which boils down to:

Go into recovery mode (reboot with Cmd + R during loading screen) and open the terminal:
```
spctl kext-consent disable
spctl kext-consent add VB5E2TV963
spctl kext-consent enable 
reboot
```

That is basically the `Allow` part which will finally make the install successful. `VB5E2TV963` is the Oracle id that we are allowing.

If you are in similar situation, I hope this will help.
Discussing Career Ownership On Developing Up Podcast
Tags: career, beginners, productivity
Published: 2019-05-21 19:23:26

---
title: Discussing Career Ownership On Developing Up Podcast
published: true
description: I had the opportunity to talk about career ownership on the developing up podcast.
tags: career, beginners, productivity
cover_image: https://thepracticaldev.s3.amazonaws.com/i/wd9pj0szzg2wyuk0s7km.jpg
---

I was a guest on the [Developing Up podcast](https://www.developingup.com/episodes/41) recently where we discussed career ownership.

We talked about and answered questions like:

- What is career ownership?
- Does everyone have a "career"?
- How do I grow as a software developer?
- How can I build a reputation?
- What are some practical ways to start taking control of my career?
- Should I specialize?

[Check it out if that sounds interesting!](https://www.developingup.com/episodes/41)

# Keep In Touch

Don't forget to connect with me on:

- [Twitter](https://twitter.com/jamesmh_dev)
- [LinkedIn](https://www.linkedin.com/in/jamesmhickey/)

You can also find me at my web site [www.jamesmichaelhickey.com](https://www.jamesmichaelhickey.com).

# Navigating Your Software Development Career Newsletter

An e-mail newsletter that will help you level-up in your career as a software developer! Ever wonder:

✔ What are the general stages of a software developer?
✔ How do I know which stage I'm at? How do I get to the next stage?
✔ What is a tech leader and how do I become one?
✔ Is there someone willing to walk with me and answer my questions?

Sound interesting? [Join the community!](https://eepurl.com/gdIV5X)
Create Angular 9|8|7 Firebase 6  Web App with Angular Material 7
Tags: angular, angular987, firebase6, crud
Published: 2020-01-31 21:55:33

---
title: Create Angular 9|8|7 Firebase 6  Web App with Angular Material 7
published: true
tags: Angular , Angular 9|8|7, Firebase 6, CRUD
canonical_url: https://www.positronx.io/create-angular-7-firebase-crud-app-with-angular-material-7/
---

The post [Create Angular 7 Firebase 6 CRUD Web App with Angular Material 7](https://www.positronx.io/create-angular-7-firebase-crud-app-with-angular-material-7/) appeared first on [positronX.io](https://www.positronx.io).


In this article, we are going to build a simple **Angular 7 CRUD (Create, Read, Update and Delete) app with Angular Material 7 and Firebase real-time NoSQL database (version 6.0.2)**. We’ll take the help of Angular Material 7 for creating beautiful UI components for our demo app. 

To store data, we’ll be using Firebase real-time database. We’ll learn to connect Firebase with our Angular 7 CRUD app.

[Click here to read more](https://www.positronx.io/create-angular-7-firebase-crud-app-with-angular-material-7/)
git reflog saved my ass. 
Tags: git, github
Published: 2019-05-21 18:56:42

---
title: git reflog saved my ass. 
published: true
description: git, workflow, noob
tags: git, github
---

# I’m a git noob.

I was panicking as usual because I accidentally committed my changes on to the master branch. We’re supposed to just `git checkout` and create a new branch, opening a pull request before merging to master. 

So i was furiously googling, and this came up: 

### git reset —soft <commit>
[git checkout - How to revert a Git repository to a previous commit - Stack Overflow](https://stackoverflow.com/questions/4114095/how-to-revert-a-git-repository-to-a-previous-commit)
`git reset --soft <commit>`	
- Revert back while keeping the changes.  
- Does not change the working tree. 
- Goes back to commit status such as unstage files. 

I tried using `git reset --soft HEAD^` . I’m still not sure what’s the difference between HEAD^ and HEAD. Apparently:

```
Use ~ most of the time — to go back a number of generations, usually what you want
Use ^ on merge commits — because they have two or more (immediate) parents
```

Source: [What’s the difference between HEAD^ and HEAD~ in Git? - Stack Overflow](https://stackoverflow.com/questions/2221658/whats-the-difference-between-head-and-head-in-git)

So it worked, my changes got unstaged. But when i switched to a new branch, it seemed to have disappeared?? So i was panicking because usually i use `git status` and `git log` to check for modified files, staged / unstaged etc. I was so scared that all my code went missing. 

### git reflog
Thankfully, after googling, i found this command: `git reflog` — [Recovering a git reset —soft - Stack Overflow](https://stackoverflow.com/questions/4589251/recovering-a-git-reset-soft)  — which logs out commits that are not in my working tree anymore. Lo and behold, my commits are still there. Phew, all i have to do is to just reset back to that commit and make sure to push it up now. 

Kinda weird why `git log` doesn’t show the commits.
The Developer-First Identity Platform – Auth0's Story and Future
Tags: auth0, identitymanagement, startup
Published: 2019-05-21 17:34:51

---
title: The Developer-First Identity Platform – Auth0's Story and Future
published: true
description: A company retrospective and future vision from Auth0’s CTO and Co-Founder.
tags: #auth0 #identitymanagement #startup
canonical_url: https://auth0.com/blog/the-developer-first-identity-platform-auth0-story-and-future/
---

Last week we had our annual offsite in Cabo, Mexico where we shared with all the Auziros where we come from and where we are going with our product. Yesterday, we announced our new funding and I wanted to share some of the same things we talked about last week.

[Read on 🌟](https://auth0.com/blog/the-developer-first-identity-platform-auth0-story-and-future/?utm_source=dev&utm_medium=sc&utm_campaign=auth0_vision)

![The Developer-First Identity Platform – Auth0's Story and Future](https://cdn.auth0.com/blog/illustrations/auth0-103m-seriese-announcement.png)
Reactjs Quick Start
Tags: courses, javascript, react
Published: 2019-05-21 16:57:17

---
title:  Reactjs Quick Start
published: true
tags: Courses, javascript , reactjs
canonical_url: https://udemyhunt.com/course/reactjs-quick-start/
cover_image: https://i.udemycdn.com/course/480x270/2075934_7459.jpg
---

I've heard people saying: "React is the best thing happened in the world of web development."  Well, I let you judge if it's the best thing or not, but it definitely is a good thing. At least having it in your resume, can be the best thing happened in it.

<center>[Enroll](https://udemyhunt.com/course/reactjs-quick-start/)<center>