teleren/devto huggingface dataset:
How to use Laravel Vapor without having to use RDS
Tags: serverless, laravel, beginners, web
Published: 2019-08-26 15:20:45

---
title: How to use Laravel Vapor without having to use RDS
published: true
description: Learn how you can use Laravel Vapor without having to pay for a RDS instance for your database.
tags: serverless,laravel,beginner,web
cover_image: https://owenconti.com/static/images/external-databases-with-laravel-vapor.jpg
canonical_url: https://owenconti.com/laravel/how-to-use-laravel-vapor-without-having-to-use-rds/
---

You can use Larvel Vapor with an existing MySQL/Postgres instance, just like you did before Vapor!

Watch the video below to learn how we can connect our Vapor applications to existing database instances without having to pay for RDS.

{% youtube g-Kv5OPm5bk %}
Weekly Links – 8/26
Tags: links, weekly
Published: 2019-08-26 14:21:46

---
title: Weekly Links – 8/26
published: true
tags: Links,weekly
canonical_url: 
---

End of summer, school is back in session. I’m just going to leave this here:

![See the source image](http://www.kappit.com/img/pics/201408_0853_aegch.jpg)

But here are the latest for this week:

## Development:

- [Training Machine Learning Models with ML.net](https://channel9.msdn.com/Shows/On-NET/Training-Machine-Learning-models-with-MLNET)
- [Announcing the Azure Repos app for Slack](https://devblogs.microsoft.com/devops/announcing-the-azure-repos-app-for-slack/)
- [Getting started with GitHub Actions in Visual Studio](https://devblogs.microsoft.com/visualstudio/getting-started-with-github-actions-in-visual-studio/)

## Cloud:

- [Preview of Custom Content in Azure Policy Guest Configuration](https://azure.microsoft.com/en-us/blog/preview-of-custom-content-in-azure-policy-guest-configuration/)
- [Azure Security Center single click remediation and Azure Firewall JIT Support](https://azure.microsoft.com/en-us/blog/azure-security-center-single-click-remediation-and-azure-firewall-jit-support/)
- [Announcing the general availability of Python support in Azure Functions](https://azure.microsoft.com/en-us/blog/announcing-the-general-availability-of-python-support-in-azure-functions/) 
- [Introducing Azure Anomaly Detector](https://channel9.msdn.com/Shows/AI-Show/Introducing-Azure-Anomaly-Detector)

## Videos / Audio:

- [Azure Batch on Government with Steve Michelotti and Peter Shultz](https://devblogs.microsoft.com/azuregov/azure-batch-on-azure-government/)
- [IoT Show : Azure Databox Edge](https://channel9.msdn.com/Shows/Internet-of-Things-Show/Azure-Data-Box-Edge)
- [Azure Ninjas – Slaying the Public Records Request Dragon: Quickly, Securely and in the Cloud](https://azureninjas.com/slay-the-public-records-request-dragon-part-ii-real-stories-of-conquest/)
Centering Elements with Flexbox
Tags: css, webdev, beginners, codenewbie
Published: 2019-08-26 15:09:00

![CodeTidbit by SamanthaMing.com](https://thepracticaldev.s3.amazonaws.com/i/1se1f7k91kmgcsxuraos.png)

The biggest CSS headache is "How do I vertically center something". Throw away your migraine pills, it's now been solved with Flexbox!

```css
.parent {
  display: flex;
  align-items: center;
  justify-content: center;
}
```

Keeping this code note super short. Because I'll be spending the entire next month posting about Flexbox on my [Twitter](https://twitter.com/samantha_ming) and [Instagram](https://www.instagram.com/samanthaming/) Account!

The series is called **#Flexbox30**. You will learn flexbox in 30 days with 30 code tidbits. You heard that right, a new code tidbit every day for 30 days 💪 It starts September 1st 🔥

If you're interested in this FREE series, make sure you follow me on:

- Instgram > [@samanthaming](https://www.instagram.com/samanthaming/)
- Twitter > [@samantha_ming](https://twitter.com/samantha_ming)

---

**Thanks for reading ❤**
Say Hello! [Instagram](https://www.instagram.com/samanthaming/) | [Twitter](https://twitter.com/samantha_ming) | [Facebook](https://www.facebook.com/hisamanthaming) | [Blog](https://www.samanthaming.com/blog) | [SamanthaMing.com](https://www.samanthaming.com/)
My first post 
Tags: javascript
Published: 2019-08-26 15:05:07

Hello everyone!
I'm going to share with you how I was feeling when asked to write something to share with others.
I started by asking myself; 
Which information can I share?
What will be the feedback from the viewer?
Who can I consult for the format?
Will I be evaluated from this post?

All this questions have taken a lot of time before I write something.
Later I came out with my fear as the time has gone and I tell myself to write my experience in the world since my birth.
Your side project is useful, even if no one uses it
Tags: career
Published: 2019-08-26 14:58:34

This is what most of my GitHub repositories look like:

![An unpopular project](https://thepracticaldev.s3.amazonaws.com/i/93mrpcc6vqb58r3p2r0v.png)

A few of my projects have a dozen or so stars, but my work is largely unknown. My most popular project, [json-colorizer](https://www.npmjs.com/package/json-colorizer), has (as of the time this post was written) about 4,000 downloads a week. I use the term "popular" very loosely because for an npm package, this is not very popular. Only 35 packages list it as a dependency (one of which is another of my projects).

This is fine. I [learned a lot in the process of creating it](/create-a-basic-lexer). If a handful people find it useful, that's great, but it's not my primary goal.

For me, the primary goal of a side project is to learn something, or to practice something I already know. The reason I created `json-colorizer` was because I had created another project, simply named [http-tool](https://www.npmjs.com/package/http-tool), to play around with Node's APIs for making HTTP requests. I wanted to colorize the JSON response body of requests, so I decided to create the colorizer as a separate library. At the time, I wasn't aware of the [jsome](https://www.npmjs.com/package/jsome) project, which does the same thing as `json-colorizer` but is a lot more popular (around 70,000 weekly downloads).

Another project, [GitHub PR Dashboard](https://github.com/joeattardi/github-pr-dashboard), was created out of a need to see GitHub pull requests across multiple repositories, something we had at Constant Contact. At the time, I was just starting to learn React, so I decided to build a pull request dashboard using React. I ended up also using Redux in that project - probably overkill - but I learned a ton, and it was fun. Later, I started working on an [Angular version](https://github.com/joeattardi/github-pr-dashboard-angular), which I never got around to finishing. Which brings me to my next point...

# You don't need to finish it to get something out of it

Most of my projects on GitHub are half-finished or less. Here are a few:

 - The aforementioned Angular version of GitHub PR Dashboard
 - [GeekChat](https://github.com/joeattardi/geek-chat), an attempt to make a multi-room chat app. This was mostly a project for learning Vue.js (which, alas, I have all but forgotten by now).
 - [Shout](https://github.com/joeattardi/shout), another attempt at a chat app, built in Angular. 
 - [API Client](https://github.com/joeattardi/api-client), a poor man's [Postman](https://www.getpostman.com/) clone, an experiment working with Electron and React.

 You get the point. I have a lot of unfinished projects. Sometimes, I just didn't have the time; other times, I got distracted and started something new. I think this is OK, because I learned a lot while working on each of these projects.

 Of course, it is always better if you do finish it. It feels good to finish it and put it out there. But my point is that even if you don't, you can still get a lot out of it.

 Now, go off and build something!
Gung Ho Predictions About the Future of AI: UX, Psychology, and Advertising
Tags: ai, machinelearning, ux, devops
Published: 2019-08-26 14:55:53


Current State of AI and AdTech

Let’s face it- AI probably already knows you better than most of your friends.

As you surf the web for news and insight, AI is learning what you like to read, how long you like to read for, and it probably even knows if you’re one of those people who reads articles with your mouse cursor.

And with that information that AI learns, companies are turning a profit. AI software like Google Ads and Facebook Ads select advertisements to show you based upon your habits.

And I believe these AI are only going to become more advanced...



To view this entire article, go to the url below: https://www.spiredigital.com/views/the-future-of-ai-ux-psychology-and-advertising/
My First Blog Post
Tags: javascript, andela
Published: 2019-08-26 14:54:45


#Laborum ullamco
Ea aute velit ipsum cillum exercitation consequat exercitation commodo commodo occaecat ullamco laboris. Laborum ullamco aliquip Lorem reprehenderit anim reprehenderit ex exercitation ea pariatur. Incididunt irure enim Lorem incididunt.

###Laborum ullamco
Tempor nisi duis ullamco sit et mollit velit. Officia commodo cillum culpa sint aliqua irure velit. Incididunt adipisicing tempor quis consectetur labore excepteur pariatur labore enim qui sunt eiusmod anim nulla. Laboris amet voluptate reprehenderit nisi commodo aliquip labore velit sunt culpa nisi aliquip. Adipisicing Lorem dolor amet qui sunt consequat tempor consequat magna nostrud. Culpa laboris excepteur nisi elit culpa eiusmod est deserunt velit mollit nulla in esse.

###Laborum ullamco
Dolore occaecat deserunt elit Lorem ad commodo. Nostrud amet eu commodo aute aliquip quis. Dolore qui cupidatat adipisicing cupidatat consectetur aliquip laborum sunt ipsum consectetur eiusmod voluptate veniam. Est dolore irure labore consectetur elit amet ut duis ullamco. Veniam deserunt ipsum adipisicing occaecat et culpa anim irure elit irure amet magna. Aute dolore laboris elit enim culpa qui consequat sint ex cillum.

###Laborum ullamco
Amet magna quis et deserunt nulla id ea excepteur quis pariatur. Fugiat adipisicing esse ut nostrud tempor sit consequat tempor duis deserunt aute nisi duis. Minim deserunt cillum laboris magna incididunt ut.
big SVG as flex element ignores height
Tags: svg, flexbox
Published: 2019-08-26 14:46:31

When I use a really big SVG inside a flex element, it doesn't respect the flex container size and messes up everything :( Any ideas on how to fix this? 

This works: https://codepen.io/luisrudge/pen/bGbqeqE?editors=1000
This doesn't work: https://codepen.io/luisrudge/pen/MWgpebo?editors=1000
componentWillUnmount call webservice
Tags: react
Published: 2019-08-26 14:45:54

Hello friends,
I have a question to ask. 
In the "componentWillUnmount" method, is it possible to invoke a webservice? 
Or can I just cancel timers?

I need to update the database when the component is deleted and I would like to do it in the method "componentWillUnmount"

Thanks you all
Review my Portfolio?
Tags: help, showdev, portfolio
Published: 2019-08-26 14:29:33

---
title: Review my Portfolio?  
published: true
description: I just rebuilt my portfolio in React and would love some feedback. 
tags: help, showdev, portfolio
cover_image: https://thepracticaldev.s3.amazonaws.com/i/noh8ch2au3iu4jljab3y.png
---

Hey guys! I just rebuilt my portfolio in React and would love to get some feedback. 

[Check it out here](https://www.blairmckee.com)

I added a dark mode toggle using the Context API and had a little too much fun with the 80's vibe. Let me know your thoughts on the design and presentation of my work. 

I've also recently redone my resume, any suggestions are appreciated. Here's the [Google doc](https://docs.google.com/document/d/16mtUg08KkY_ZLZcNlYyFjU_k_Fz0iMZpn9l6VwbRNdI/edit?usp=sharing)
Pyprint - Print like you would in Python, but in Javascript
Tags: functional, javascript, python
Published: 2019-08-26 14:25:43

Today I decide to make one of the most useful and useless packages out there as a joke.

It's a package that makes it possible in Javascript to print as you would in Python, with that I mean:

```py
print("Test!")
```

Will actually work in Javascript

```js
const print = require('pyprint');

print('Test!');
```

Why did I make this? I made it due to the fact that it's sometimes a good exercise to make some stupid stuff that can make people laugh and you don't have to be always serious while coding.

You can simply install the package by using `npm i pyprint` or `yarn add pyprint`


NPM: https://www.npmjs.com/package/pyprint
Github Project: https://github.com/abcdan/pyprint
Android: Rainbow Background
Tags: android, kotlin, github
Published: 2019-08-26 14:19:06

Few minutes ago, I found this wonderfull android library: Rainbow by skydoves! 

With this library you can apply gradations and tinting to any views like image below. 

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/zwpfaooj96kecmal2c3h.jpg)

You can find all about this library here --> https://github.com/skydoves/Rainbow

let me know if you like it too. 

Thanks skydoves!
Video.js Default Skin
Tags: codepen
Published: 2019-08-26 14:07:33

<p>This is the base skin of Video.js that can be modified to make custom skins.</p>

<p>The great thing about Video.js skins is they work in both HTML5 video AND Flash!</p>

<p>Forked from <a href="http://codepen.io/heff/">Steve Heffernan</a>'s Pen <a href="http://codepen.io/heff/pen/EarCt/">Video.js Default Skin</a>.</p>

{% codepen https://codepen.io/fdcinc/pen/CiDLd %}
Where did my string go in D
Tags: dlang, tutorial
Published: 2019-08-26 14:06:00

I didn't search this one for Python, after my last post I thought it important to call out an unexpected behavior when using std.algorithms with strings.

Remember the grapheme note, well in the original range design for string, it was thought that a 32bit UTF character was a complete visual character. Grapheme this was not the case. 

This results in going from `char[]` to a range of dchar. While this works for continuing with the algorithm, generally by the end you want a string again.

```dlang
import std.range;
import std.conv;

string s = "foo".take(2).to!string;
```

As an aside, the examples I've given throughout this tutorial have all been written on my phone without a compiler. In general it should be possible to just copy them into main and it will work, except when calling unimplemented function. Apologies if they don't compile. 

```dlang
void main () {
} 
```

https://run.dlang.io/
Do you have a gamepad? Help me test a library!
Tags: help, test, showdev, javascript
Published: 2019-08-26 14:03:31

---
title: Do you have a gamepad? Help me test a library!
published: true
description: This past week I got to learn and play with the Gamepad API (which allows to control gamepads/joysticks on the browser using JavaScript)... and the result was GameController.
tags: help,test,showdev,javascript
cover_image: https://thepracticaldev.s3.amazonaws.com/i/fymrsphk1w4jhkd7rv9g.png
canonical_url: https://alvaromontoro.com/blog/67840/do-you-have-a-gamepad-help-me-test-a-library
---

This past week I got to learn and play with the Gamepad API (which allows to control gamepads/joysticks on the browser using JavaScript)... and I must say, it was a lot of fun. 

After running tests and creating some demos, the result was [GameController.js](https://github.com/alvaromontoro/gamecontroller.js): a lightweight JS library to simplify the API interface and make it easier to use on web applications and games. Still at an early stage, but fully working.

...But I have a problem: the gamepad I used for testing is a SNES replica that only has 8 buttons and 1 joystick/axe, and the API supports a standard 17-button and 2 joysticks/axes gamepad. So I haven't been able to test the whole functionality 😅
 
If you have a gamepad/joystick for your computer, please give it a try. Test the demo page below or the ones on [github](https://github.com/alvaromontoro/gamecontroller.js#examples), and let me know what you think. All feedback is welcome.

Thanks! 😊

-------

Demo (you may need to open it on a new page):

- Select button will reset the game
- Start button will start a new game after reset
- Right/Left joystick/buttons to move the paddle

{% codepen https://codepen.io/alvaromontoro/pen/OJLpBbw %}

If you don't have a gamepad, you can see a [video of the API at work here](https://twitter.com/alvaro_montoro/status/1164767554063044609) and [another video here](https://twitter.com/alvaro_montoro/status/1162342346555609089).
Daily Challenge #49 - Dollars and Cents
Tags: challenge
Published: 2019-08-26 13:50:30

---
title: Daily Challenge #49 - Dollars and Cents
published: true
series: Daily Challenge
description: Formatting numbers in dollar and cents
tags: challenge
---
Today's challenge requires you to create a function that will take a float and return the amount formatted in dollars and cents.

> For example: `6.2` becomes `$6.20`

***
_Want to propose a challenge idea for a future post?  Email **yo+challenge@dev.to** with your suggestions!_

_This [challenge](https://www.codewars.com/kata/dollars-and-cents) comes from kolohelios on CodeWars. Thank you to [CodeWars](<https://codewars.com/>), who has licensed redistribution of this challenge under the [2-Clause BSD License](<https://opensource.org/licenses/BSD-2-Clause>)!_
Cephhi's almost done and we're organizing a pre-release event for the DEV Community!
Tags: showdev, twitter, entrepreneur, indiedev
Published: 2019-08-26 13:39:45

---
title: Cephhi's almost done and we're organizing a pre-release event for the DEV Community!
published: true
description: To celebrate the launching of our latest project Cephhi, we're organizing a dev.to exclusive pre-release event!
tags: showdev, twitter, entrepreneur, indiedev
cover_image: https://i.imgur.com/iaYLbM2.png
---

# We're launching Cephhi in a week! 🎉🎈

Cephhi is a thoughtful twitter assistant [Mauro](https://dev.to/maurogarcia_19) and I have been building. If you want to know more I wrote a [post](https://dev.to/paulasantamaria/i-m-building-a-thoughtful-twitter-assistant-5dib) about it. 

A lot of folks asked us to keep them updated on the project progress, and we got some exciting news for you! 

1. We're launching Cephhi's (free) MVP in a week
2. To celebrate, we're organizing a dev.to exclusive pre-release event, starting today!

## The MVP release date
The MVP will be released on **September 2, 2019** (a week from today). 

### Features included
- Sign up with twitter
- Add your content's links, tweet ideas and hashtags
- Select the time when your tweets will be published every day.
- Automatic tweet generation and publishing
- Dashboard displays the generated tweets and the next tweet to be published

### Current status
The past weeks we've been mostly testing and doing some small adjustments to the algorithm responsible for building the "random" tweet. You can see it in action in [@stegopawrus](https://twitter.com/stegopawrus) which is the account we've been using for our latest tests.

Here's a sneak preview of how Cephhi's dashboard looks on a browser:

![Cephhi dashboard](https://i.imgur.com/EsNEj5M.gif)

# Pre-release event!
To show our gratitude to the DEV Community we decided to organize a dev.to exclusive pre-release event!
The event will start today and last until the MVP release date.

## What's the event about?
Mauro and I will use Cephhi to share posts from the Dev Community on twitter all week using the hashtag #CephhiLovesDevTo !

# We need **your help**!
Leave a comment below with a link to a dev.to post that you found interesting or useful and tell us why you pick it.

Or, if you want your own post to be featured, leave a comment below with the link and tell us something about it.

(The link and your comment will be used to build the tweet, so please keep the comment under 280 characters).

## To help even more...
Share this post so more people can participate!

----

You can follow this event searching for #CephhiLovesDevTo on twitter, or through our twitter accounts:
- [@pauxdsantamaria](https://twitter.com/pauxdsantamaria)
- [@maurogarcia_19](https://twitter.com/maurogarcia_19)
Using Agility CMS with Vue.js
Tags: headless, cms, vue, javascript
Published: 2019-08-26 13:31:04

My colleagues here at Agility CMS have a pretty big rivalry about what's better, React or Vue. Since React has more followers, we started with a "create-react-app" for Agility CMS - [see that guide on using that right here](https://help.agilitycms.com/hc/en-us/articles/360031121692-Using-Agility-CMS-with-Create-React-App-CRA-), written by the amazing James Vidler.

For those of us who REALLY love Vue.js, I created an initial project template that you can [clone from GitHub](https://github.com/joelvarty/agility-vue-app) right now.

###Step 1 - Create a Free Agility CMS Account
-  Agility CMS has a free tier - [sign up for it now](https://account.agilitycms.com/sign-up) 
-  choose the Blog template.

###Step 2 - Clone the Repository
-  All the code you need to get started is on GitHub 
-  Clone it now: [https://github.com/joelvarty/agility-vue-app](https://github.com/joelvarty/agility-vue-app)
```
git clone https://github.com/joelvarty/agility-vue-app
```

###Step 3 - Run it Locally
-  If you are at all familiar with Vue.js, you should be able to get it running locally.
-  If you're having trouble, or if you're new to Vue.js, [start here](https://vuejs.org/v2/guide/)
```
npm install
npm run serve
```

###Step 4 - Use the React guide
-  There's a startup guide that walks you through everything in *React*, but it actually translates pretty well to Vue.js.  
-  Read that here: [https://help.agilitycms.com/hc/en-us/articles/360031121692-Using-Agility-CMS-with-Create-React-App-CRA-](https://help.agilitycms.com/hc/en-us/articles/360031121692-Using-Agility-CMS-with-Create-React-App-CRA-)
-  Once you have your GUID and API Keys plugged in, you should be able to make changes in the Agility Content Manager and see them reflected in your local project.

###Step 5 - BONUS! - Deploy it to Netlify
-  We love Netlify - it's a great tool that also has a free tier (smart!).
-  Again, we've got a React guide for deploying your site to Netlify
-  Read that here: [https://help.agilitycms.com/hc/en-us/articles/360032203552](https://help.agilitycms.com/hc/en-us/articles/360032203552)
- Note that Vue.js by default builds to the _dist_ folder, whereas React.js uses the _build_ folder
```
npm run build
npm install -g netlify-cli
netlify login
netlify deploy --dir=dist --open

```

---

Congrats! You've taken the first step towards working with an amazing Headless CMS and an incredibly powerful framework.  

I'd really love to hear your feedback in the comments below.
Server Psychology 101
Tags: jokes
Published: 2019-08-26 13:28:40

---
title: Server Psychology 101
published: true
description: Because sometimes servers need therapy
tags: jokes
---

Server: I'm feeling very down at the moment.

Psychologist: Why is that?

Server: I'm just not really listened to.

Psychologist: Are you sure this is the case or perhaps some social dysmorphia making you think it's a lot worse. We will explore this further.

Server: This is not in my head! I'm not listened to!! Never!

Psychologist: Hmmmm... OK... what make you say this?

Server: Every time I say hi and shake hands all I see is people telling me to ssh!
'this' and all the feels it still gives
Tags: codesandbox
Published: 2019-08-26 13:20:29

{% codesandbox nvfyx %}

My inquiry this fine and frosty Monday morning was to see if there was a better way to approach an inline render than I have been using... 

But some code cludge got in the way, and got wrapped up with some thinking about functional programming and app registration for a PWA or SPA hack.

So, I was reminded -- not the first time -- how much power I have often times, at the keyboard, over the ever-present and brightly-lit mobile device screen with too-small text, given myself over to Confusionism.

This, then, is maybe how Confusionism, its dark powers and all, is defeated.