teleren/devto huggingface dataset:
What is Cool Text & Fancy Text?
Tags: tutorial, instagram, whatsapp, discord
Published: 2020-07-16 08:27:00

**Fancy text**, sometimes also mistakenly known as fancy font, is actually a made from symbols using Unicode rendering. Unicode is a an industry standard way of encoding (rendering/showing) characters on a screen. While rendering the standard Latin alphabet is fairly straightforward for a computer, rendering complicated symbols like Chinese and Georgian characters are not so easy. Cool text age just a unique text with multiple symbols which make your any text content cool. That can be used in social media, or you are sending a someone text message. It's going to work on almost all kinds of social media like Twitter, Facebook, YouTube etc.

So perhaps, you've generated some fancy text, and you're content that you can now copy and paste your fancy text in the comments section of funny cat videos, but perhaps you're wondering how it's even possible to change the font of your text? Is it some sort of hack? Are you copying and pasting an actual font? Create cool stylish text to copy and paste with our Fancy Font Generator ( ˘ ³˘) 💕💯 Use it on Instagram, Facebook, Whatsapp or wherever you like! Are you bored of using the same old school text on social networking and instant messaging apps? If yes, then you can always use some Fancy text to make things little more exciting. Just take a brief look at the Facebook Pages, Instagram Posts, WhatsApp Messages, you will find Fancy text everywhere. In fact, it’s so convenient and effortless to convert letters, taking mere-seconds within our generator. Additionally, it’s perfect to copy & paste onto social media—like WhatsApp or Instagram nicknames. Adding some very creative posts for your Twitter and Facebook, or a small quote to express yourself.

**https://fancytextdecorator.com**
A minimal approach to software architecture documentation
Tags: architecture, productivity, agile, documentation
Published: 2020-07-16 07:56:38

---
title: A minimal approach to software architecture documentation
published: true
description: 
tags: #architecture #productivity #agile #documentation
//cover_image: https://direct_url_to_image.jpg
---

The question of "how much documentation should we write?" is popping up a lot recently, probably driven by teams looking at their business continuity plans, and the increase in remote working. Many software developers will be quick to tell you that:

- "we're agile"
- "we value working software over comprehensive documentation"
- "the value is in the conversation"
- "the code is the documentation"
- "the tests are the documentation"

## The code is the truth, but not the whole truth

As [Grady Booch](https://twitter.com/Grady_Booch/status/1278949993722724352) will tell you though, "the code is the truth, but not the whole truth". Although we should definitely strive for highly modular code, and naming that expresses intent rather than relying on comments, the code doesn't tell you things like:

- What is the context of the thing we're building?
- Who are the people using the project/product?
- What interfaces does it have with other software systems, inside and outside of the organisation we work for?
- Where is the software system deployed?
- How do we support it?
- What were the drivers that led the team to building the software system in the way they did?
- What led to the early decisions being changed?
- etc

## Describe what you can't get from the code

With this in mind, and remembering that time is precious, here's my suggestion for a minimal set of software architecture documentation.

- A [System Context diagram](https://c4model.com/#SystemContextDiagram)
- A [Container diagram](https://c4model.com/#ContainerDiagram)
- One or more [Deployment diagrams](https://c4model.com/#DeploymentDiagram)
- Some lightweight Markdown/AsciiDoc documentation (e.g. [software guidebook](https://structurizr.com/share/14181/documentation), or [arc42](https://arc42.org/overview/))
- [Architecture decision records (ADRs)](https://www.thoughtworks.com/radar/techniques/lightweight-architecture-decision-records)

Consider this a __starting point__, and it should ideally be stored alongside the source code. If you need a few code level diagrams to document parts of your codebase, feel free to add some UML Class or Sequence diagrams. If you need to document business processes, then add some UML Activity diagrams, or perhaps take a look at ArchiMate. Ditto wireframes, entity relationship models, domain models, state charts, API definitions, etc. 

## Summary

Although statements such as "the code and tests are the documentation" is not necessarily incorrect, we should still strive to add something a little higher level, describing what we can't easily get from the code.
Build a Tinder Clone with Flutter, Firebase and Bloc part 4/40 Flutter Bloc User Repository set up
Tags: flutter, tutorial, dart, career
Published: 2020-07-16 07:56:21

---
title: Build a Tinder Clone with Flutter, Firebase and Bloc part 4/40 Flutter Bloc User Repository set up
published: true
description: Tutorial on building a Tinder clone with Flutter, Firebase and Bloc
tags: #Flutter #Tutorial #dart #career
//cover_image: https://direct_url_to_image.jpg
---
In this series of videos we are going to build a Tinder clone with Flutter, Firebase as a backend and Bloc as our state management solution.

In this video we set up the User Repository.

Protip: Watch video at 1.25 speed.

{% youtube cGDAuly4-wk %}
Road to Genius: superior #51
Tags: javascript, beginners, codenewbie, computerscience
Published: 2020-07-16 07:31:39

Each day I solve several coding challenges and puzzles from Codr's ranked mode. The goal is to reach genius rank, along the way I explain how I solve them. You do not need any programming background to get started, and you will learn a ton of new and interesting things as you go.

```JS
function backtrack(list, tempList, nums, start) {
    list.push([...tempList]);
    for(let i = start; i < nums.length; i++) {
        tempList.push(nums[i]);
        backtrack(list, tempList, nums, i + 1);
        tempList.pop();
    }
}

function subsets(nums) {
    const list = [];
    backtrack(list, [], nums, 0);
    return list;
}

let A = subsets([1, 2, 1]);
A = A.length

// A = ? (number)
```

In today's challenge we have to deal with recursive backtracking. The caller function `subsets` reveals the nature of the code, it's going to create a list of different subsets from a given input. In this case subsets are similar to unique combinations, except they are not required to be unique.

![coding challenge extra](https://dev-to-uploads.s3.amazonaws.com/i/yw4264uz5ixb8camkao5.png)

```
For input: [1, 2, 1]
We expect the following subsets:
1
1 2
1 2 1
1 1
2
2 1
1
```
There are 8 subsets possible so the answer should be as such:
![coding challenge answer](https://dev-to-uploads.s3.amazonaws.com/i/8fllephr6t9e734hcn2i.png)

If you work out this problem on paper you will find these exact subsets.

By solving these challenges you train yourself to be a better programmer. You'll learn newer and better ways of analyzing, debugging and improving code. As a result you'll be more productive and valuable in business. Get started and become a certified Codr today at https://nevolin.be/codr/
Strip your parameters
Tags: rails, ruby
Published: 2020-07-16 07:27:55

Given a `User` model with first and last name, and a form to submit the data and create a `User`, the client adds some trailing and leading whitespaces in the field inputs and submits the following:

```json
"user" : {
  "first_name": " Luke",
  "last_name": "Skywalker "
}
```

what is persisted on the database?

...

...

...

...


ActiveRecord takes care of it for us, and will strip automatically the whitespaces and persist "Luke" as first_name and "Skywalker" as last_name, without whitespaces.

In my 6 years working with Rails, I never had to check for leading and trailing whitespaces and never had to even think about it. Until yesterday.

## The case for a search form

When you implement a search form, remember that your customers will expect to find Luke Skywalker, even if they type "Luke " in the search field (with whitespace, by mistake or because they copy-pasted it).

Apart from special cases, there's no discussion that this should happen, your client doesn't need to specify it, and you, as a good developer, should think about it and strip your search parameters.

From now on, when you implement a search form, remember to strip your params. Is easy as:

```ruby
def search_params
  params
    .require(:search)
    .permit(:first_name, :last_name)
    .each_value { |value| value.try(:strip!) }
end
```
Getting started with JavaFX on Raspberry Pi
Tags: java, raspberrypi, javaonraspberrypi, pi4j
Published: 2020-07-16 07:11:35

I've written a book about this topic which is both available as ebook and paper book on [my blog](https://webtechie.be/books/). Based on this I also wrote an article for Oracle Java Magazine to get you started quickly with Java on Raspberry Pi.

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

*The inexpensive single-board computer works great with Java, making hardware development as easy as traditional software development.*

Read the full article with link to source code, video etc. on [blogs.oracle.com/javamagazine/getting-started-with-javafx-on-raspberry-pi](https://blogs.oracle.com/javamagazine/getting-started-with-javafx-on-raspberry-pi)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/hqplsuuvnk5pr36ej0ga.jpg)
Use Yarn in your Phoenix App
Tags: phoenix, beginners, webdev
Published: 2020-07-17 04:27:15

---
title: Use Yarn in your Phoenix App
published: true
date: 2020-07-16 07:00:00 UTC
tags: phoenix, beginner, webdev
canonical_url: https://jonathanyeong.com/blog-posts/use-yarn-in-your-phoenix-app/
---

[Yarn](https://classic.yarnpkg.com/en/), like NPM, is a package manager to manage your front-end packages. When creating a Phoenix project you can’t specify whether to use NPM or Yarn. And it doesn’t look like there’s any plan to support this; [see github comment](https://github.com/phoenixframework/phoenix/pull/1963#issuecomment-396079993).

Prior to NPM 6, Yarn had a richer feature set and was more performant. But with the update, it looks like NPM has [caught up](https://blog.npmjs.org/post/173260195980/announcing-npm6) with Yarn. So why switch?

If you’re just starting out, NPM is a great choice. But if you’re used to Yarn or want to explore a new package manager, then here’s a quick tutorial on adding it to your Phoenix application.

## Install Yarn

I installed Yarn on my Mac with Homebrew. For further installation instructions see the [Yarn docs](https://classic.yarnpkg.com/en/docs/install/#mac-stable "Yarn docs").

```
brew install yarn

```

## Initialize Yarn

Navigate to the assets folder in your Phoenix app.

```
cd ~/<phoenixapp>/assets
yarn init

```

After running `yarn init` you will be prompted for information on various items. The only prompt I filled out was for the entry point.

```
question entry point (index.js): app.js

```

You can open up `package.json` and see the results of `yarn init`. Feel free to edit these at a later time.

## Generate Yarn.lock

Run the `yarn` command to generate a `yarn.lock` file.

```
cd ~/<phoenixapp>/assets
yarn

```

I recommend removing the `package-lock.json` file since Yarn won’t be using it.

That’s it! You should now be ready to use Yarn to manage your front-end packages.
[SERIES] Did you know? 22% of AR/VR non-developers are learning to code
Tags: ar, programminglanguages, beginners, nocode
Published: 2020-07-16 06:54:51

---
title: [SERIES] Did you know? 22% of AR/VR non-developers are learning to code
published: true
description: 15% of people involved in AR & VR as non-developers have zero knowledge of how to code, whereas 17% are actively coding to get things done.
tags: #AR #programminglanguages #beginners #nocode
//cover_image: https://direct_url_to_image.jpg
---
15% of people involved in AR & VR as non-developers have zero knowledge of how to code, whereas 17% are actively coding to get things done. There is a large range of skills, but the biggest group here are those that are actively trying to build on their coding skills, with 22% of AR/ VR non-developers doing so. This indicates that no-code tools, whilst useful for getting things done, don’t cover the needs of more than 1 in 5 AR & VR practitioners who are subsequently learning to code to overcome these limitations. Despite the large amount of effort - and marketing - that has gone into positioning no-code tools as a solution for non-coders to get into AR & VR without worrying about writing code, a sizeable proportion of those who do get involved subsequently decide they need coding skills to realise their vision after all. This represents an opportunity for platforms aspiring to appeal to non-coders to create more functionality in these tools in order to capitalise on this under-served audience.

Amongst non-developers trying to improve their coding skills the most popular languages are Java (28%), C++ (26%), C# (25%) and JavaScript (22%). 17% don’t write code for their AR/VR projects, and 15% use a visual development tool. This indicates that non-developer AR & VR practitioners see the value in knowing how to code, but that they still want to create things while they’re learning.   

![Non-developers are actively learning Java, C++ and C#](https://dev-to-uploads.s3.amazonaws.com/i/1o1kk0su494yyz5053ji.png)   

What courses are you taking to improve your coding skills? Or are you one of the 17% that don't write code for your AR/VR project?

This is the fourth post in our AR & VR practitioner series. You can view our earlier post [here.](https://dev.to/deveconomics/series-did-you-know-almost-as-many-ar-vr-developers-use-3d-animation-software-as-use-ides-29ic-temp-slug-834417?preview=ecfa19dda5282c65d63e72087b86176677095cdb5ae24bd3f4e59ebe23ab3278d992e65dc9f8a35d762f23ec6165b4929ea510983eecb8135a21f4ee) Next time we'll be looking at which is the most popular app category for developers and non-developers alike.

Our [State of the AR/VR survey](https://arvrsurvey.com/?utm_medium=devto&utm_source=dev_to&utm_campaign=learning) is live. Spend less than 10 minutes and shape the future of Augmented and Virtual Reality. We have some awesome prizes up for grabs - an Oculus Quest, iPhone 11, VR Ninjas mat, and licenses to be used with Vuforia, Sketchfab and OctaneRender Studio.
It's been awhile.
Tags: 100daysofcode, mentalhealth, codenewbie
Published: 2020-07-16 06:48:09

Hello again,

It's been nearly 4 months since my last post. I'm not really sure how to say this, but I know I need to admit it to someone, even if the someones are behind a digital device somewhere. 

I hit a brick wall about 4 months ago, during the first months of the 'rona. I was laid off, as those of you who have read my posts know. I was doing great, programming my butt off, posting every day. Then some things kind of happened back to back that derailed me. My computer died, and I went a few weeks or so trying to carry on without it. 
Then I hit a huge wall of depression. 
Those who know me know I'm super upbeat, pretty stable guy. I'm not known for falling down when life hits me, I just roll with it and keep going.

This time, I took the hits hard. I'm honestly not sure where the depression came from, it felt like out of nowhere and I struggled to shake it. 

I turned off all social media. I deleted facebook, signed out of twitter, linkedin, etc. I struggled to get up during the day. I slept extremely long hours. If it wasn't for my wife's patience I probably would have drove her nuts. I was a mess.

Honestly being on social media probably contributed some, with the constant bombardment. Pulling away from it was probably the best thing I could have done for my mental health. 

Because I'm generally strong mental health wise, I ignored the feelings I was having and hoped they would go away. I wasnt suicidal or anything, but now I'm much more aware of my mental state from day to day. I'm still taking things day to day. I started programming again, although I'm trying to not pressure myself too much. I don't know if that contributed, but I'm not ruling anything out. 
If I've learned anything from this, it's to not take my mental health for granted.

Thanks for reading.
Course Bundles
Tags: healthydebate, linux, devops, comptia
Published: 2020-07-16 06:12:33

All in under one roof. Simplivlearning brings all related courses from beginner to advanced in a bundle package which offers a great bonanza to you. Stay home,stay safe and have a great learning.

Pack Of 10 - Top Rated Finance Course Bundle
Complete AWS Cloud Practitioner Certification Bundle
DevOps Certification Training Bundle
Most Popular Comptia Certification Training Bundle
Pack of 10 - Mastery in Photography Course Bundle
Pack of 10 - Complete Project Management Certification Bundle
Pack of 10 - Teacher Training Certification Bundle
The Ultimate Digital Marketing Certification Bundle
Language Learning Certification Bundle
Pack of 6 - Six Sigma And Quality Management Course Bundle

More info: https://www.simplivlearning.com/bundle
Guidance regarding React 
Published: 2020-07-16 06:09:07

Hi folks, hope you are doing well. Before proceeding, I'd like to tell you that I'm not a developer. But since I am working closely with my development team, I have started knowing a thing or two about the React Native program. 

Now, there are a couple of things where we are stuck and want you guys to help us find out the possible reasons. 

1. We work on different kinds of issues - on both Android and iOS devices. However, when we get the final build, the issues seem to be fixed on just one platform while on the other it remains the same. 

2. Sometimes, we are able to figure out and fix certain issues. But on the final build, we experience another set of issues that we have already fixed on previous versions. And this is a very consistent issue for us. 

3. The same issues appear differently on different devices on the same platform. For example: on iPhone X and 11, the screen seems to be responding to the actions while on iPhones with Screen Size 5.5 inches (iPhone 7 Plus and 8 Plus), the screen goes blank or if it has the components loaded, it doesn't respond. This is also a very common issue. 

4. On Android Phones, the number of bugs seems comparatively less and get easily fixed while for the iOS devices, the same issues remain for a long time and when we get it fixed, some other bugs on some other screens show up.
Add a cookie warning notice to a Hugo powered site.
Tags: hugo, cookie, consent
Published: 2020-07-16 06:03:22

![Alt Yummy Cookies](https://dev-to-uploads.s3.amazonaws.com/i/9bqs2ywmpec1lfdbpfsu.jpg)
This article was originally posted on July 16th, 2020 on my [blog](https://bas-man.github.io/post/add-cookie-warning/).

## The Challenge
How to add a cookie warning notice to a hugo powered website. But also avoid using a third party service.

## The Solution
Build your own. Well, find someone who built one and shared it on youtube and github.

**Disclaimer: This does not constitute any form of legal advice. Use at your own risk.**

Of course if anyone has a better, more complete solution. I would really like hear from you. So drop me a message through [GitHub](hops://github.com/Bas-Man/).

So many thanks to the original author: Godson Thomas.
You can find the references below:
{% youtube R_-oGJBg3nw %}

{% github Godsont/Cookie-Consent-Banner %}

## How I worked this code into my Hugo site.

I created three files under the content folder.

1. layouts/partials/cookie-notice.html (using the key component needed for the notice.)
{% gist https://gist.github.com/Bas-Man/d3ebf6d4415aee3e8dba0af2a4d019a9 %}

2. static/my_css/cookie.css (This was directly lifted from the github repo.)
{% gist https://gist.github.com/Bas-Man/8d98a059ac06d2c2860be63c7a736184 %}

3. static/my_js/cookie.js (Again lifted directly from the github repo.)
{% gist https://gist.github.com/Bas-Man/c39ff684e1f8e2051b083a2e4507881f %}

The next step was to get this code included in the site build.

In my case I am using the [ananke](https://themes.gohugo.io/gohugo-theme-ananke/) theme.

This theme has a head-additions.html file with the path of:
themes/ananke/layouts/partials/

So I duplicated this file into my own layouts/partials/ directory and added the following code snipet.
```HTML
<link rel="stylesheet" href="/my_css/cookie.css" />
```

I then did the same with baseof.html located in:
themes/ananke/layouts/_defaults/

I added the following code just above the closing \</body> tag.
```html
<!--- Only enable cookies for production BAS 2020-07-15 --->
{{ if hugo.IsProduction }}
{{ partial "cookie-notice.html" }}
{{ end }}
```

With these steps I was able to add a simple cookie notification.
How to recover an Instagram hacked account
Tags: instragram, hacks, socialnetwork
Published: 2020-07-18 16:21:34

---
title: How to recover an Instagram hacked account
published: true
date: 2020-07-16 06:01:32 UTC
tags: instragram, hacks, socialnetwork
canonical_url: https://www.ma-no.org/en/web-marketing-seo-sem/social-media/how-to-recover-an-instagram-hacked-account
---

![TypeScript: How to recover an Instagram hacked account](https://www.ma-no.org/cache/galleries/contents-1978/960-400/iinstragram-hacked-account-impjpg.webp)

You can't access your Instagram account. The cybercriminal who probably hacked your profile changed your password. Now what? What to do now? First try to stay calm: unfortunately these things can happen, but there is a solution to everything, and today we will explain how to solve this specific problem.In this article we will explain, in fact, how to recover a hacked Instagram account following the standard procedure provided in such situations. The team of the famous photo social network has in fact set up a procedure to be used in situations like the one you are in right now, so… !

[READ MORE](https://www.ma-no.org/en/web-marketing-seo-sem/social-media/how-to-recover-an-instagram-hacked-account)
Build a Tinder Clone with Flutter, Firebase and Bloc part 5/40 Authentication Bloc
Tags: flutter, tutorial, dart, career
Published: 2020-07-16 05:52:09

---
title: Build a Tinder Clone with Flutter, Firebase and Bloc part 5/40 Authentication Bloc
published: true
description: Tutorial on building a Tinder clone with Flutter, Firebase and Bloc
tags: #Flutter #Tutorial #dart #career
//cover_image: https://direct_url_to_image.jpg
---

{% youtube Z2u-L0TqpZc %}
A lesbian flag generator
Tags: javascript, webdev, showdev, devpride
Published: 2020-07-16 05:44:30

I saw this meme

![a meme](https://dev-to-uploads.s3.amazonaws.com/i/fx86y99bkuual79yxl51.jpg)

I thought "hey I could make a generator for that"

so I did

here it is

https://esthermations.github.io/lesbian-baseball.html

you can make a flag for salsa, or albania, or bees

please enjoy