teleren/devto huggingface dataset:
Day 263: Can’t Put It In The Hands Of Fate
Tags: hiphop, code, coding, lifelongdev
Published: 2020-11-24 23:48:37

_liner notes_:
- Professional : Another good day. Spent the first half working on the CLI. Added a new package that will help with the inputting and displaying data. Worked in some of the comments from the demo with the team yesterday. Had a quick catch up with some of the other people working on the CLI to show them what I did. Did a pull request on the code repository and had it merged in to the main branch. After that, went through more documentation.

- Personal : Spent some time last night working on some bugs that came up while walking through a meetup organizer. Not sure what exactly happened. Changed some things around and got it working consistently, so we'll see the next time I have them test it again. After that, worked a little more on my new side project.

![View from the top of the mountains in Dolemites, Italy with clouds in the valley between them](https://dev-to-uploads.s3.amazonaws.com/i/6dl8yny26ix5l9anzhzg.jpg)

Going to work more on new side project to make it a PWA and installable. There are some small changes since the last time I did it. This is why I like to go back and look into any new updates have been made since I last used a technology. Can't put in the hands of fate that things are still the same. One new thing that I saw was maskable icons. Pretty cool stuff. I also will try and go through tracks for this week's radio show. Want to try and do a little each day leading up to Saturday.

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube Kgdfxeh0WtE %}
“Am I Responsive?” - Super fast RWD test
Tags: webdev, design, showdev, productivity
Published: 2020-11-24 23:05:06

While you develop a website, you could be interested in how it looks on small and big screens. To do a quick test, I encourage you to try [Am I Responsive?](http://ami.responsivedesign.is/) The cool thing about this tool is that it works even on localhost. Here you are a quick example of the outcome it provides. Of course, you can also navigate the tested website from the devices you see on the top:

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/6mvzhgl89wbacsx2w3tn.gif)

I hope you test this tool! Enjoy it during your Web development time! 😊
Getting pyenv (and friends) working on macOS Big Sur
Tags: python, macos, bash
Published: 2020-11-24 22:59:22

---
title: Getting pyenv (and friends) working on macOS Big Sur
published: true
description: How I got pyenv (and other Python tools) working under macOS Big Sur.
tags: python, macos, bash
---

# TL;DR

1. Prefix `SYSTEM_VERSION_COMPAT=1` to any `pyenv`, `pipx`, or `pip` command you run.
1. You can make this easier with shell aliases.

## `pyenv`, `pipx`, and `pip` on macOS Big Sur

If you have upgraded to macOS Big Sur, you may have discovered that `pyenv`, `pipx`, and even `pip` may throw unexpected errors. Prefixing `SYSTEM_VERSION_COMPAT=1` to any of these commands fixes the problem (by having macOS return `10.16` as the OS version instead of `11.0`). Hopefully this will not be necessary in the future.

You can make this automatic by adding some shell aliases.

```shell
alias pip='SYSTEM_VERSION_COMPAT=1 pip'
alias pip3='SYSTEM_VERSION_COMPAT=1 pip3'
alias pip3.7='SYSTEM_VERSION_COMPAT=1 pip3.7'
alias pip3.8='SYSTEM_VERSION_COMPAT=1 pip3.8'
alias pip3.9='SYSTEM_VERSION_COMPAT=1 pip3.9'
alias pipx='SYSTEM_VERSION_COMPAT=1 pipx'
alias pyenv='SYSTEM_VERSION_COMPAT=1 pyenv'
```

## References

* Jeremy R. H. Sequoia. [Twitter, 2020/07/20](https://twitter.com/jeremyhu/status/1285230460402987008). Finding this solved my problems with these Python tools.
* Chip Warden. [My Dotfiles](https://github.com/lgw4/dotfiles). My dotfile repository contains and example of how I make this work with Bash shell.
find out what your first Dev post was 
Tags: help, feedback, webdev
Published: 2020-11-24 22:35:54

Hey, I made a little simple web app, that gets your first ever post on Dev.to. 
I will still be working on the web app to add more feature and hopefully allow other sites. 
https://firstdev.netlify.app/
What do you think?
What would you like added?
Getting Started With Tailwind CSS
Tags: css, webdev, beginners
Published: 2020-11-24 22:35:40

TailwindCSS is a low-level utility first CSS framework. It's unlike other CSS frameworks. It gives you a whole lot of power and flexibility with its utility classes which let you build your own components.
With the release of TailwindCSS 2.0, a whole lot of amazing features were released like -
- Dark Mode 😎

- Extended Colour Palette 🎇

- Gradients 💫

- Animations 🎆 

Getting started with TailwindCSS is quite easy; so I created a Github Repository - [TailwindCSS Setup](https://github.com/Abiola-Farounbi/TailwindCSS-Setup.).

With the repo, it easier to start out your projects with TailwindCSS, you can start by cloning the repository, or downloading the folder.

You can also configure your default styles in the tailwindcss-config.js,[This documentation](https://tailwindcss.com/docs/configuration) explains how to configure the file.


To get more information about TailwindCSS-[Checkout the documentation](https://tailwindcss.com/docs), It's well documented and easy to understand.

If you have any questions, you can leave a comment below 👇 and  don't forget to star the  [Repo](https://github.com/Abiola-Farounbi/TailwindCSS-Setup.).
How to Use SF Symbols in a SwiftUI project
Tags: swift, swiftui, ios, mobile
Published: 2020-11-24 22:33:26

---
title: How to Use SF Symbols in a SwiftUI project
published: true
description: 
tags: #swift #swiftui #ios #mobile
//cover_image: https://direct_url_to_image.jpg
---
<!-- wp:paragraph -->
<p>SF Symbols are set of over 2,000 symbols created by Apple for developers to use in there apps. SF Symbols are dynamic. This means that they will automatically align with the size and weight of text in our app. We can use these symbols for almost anything but they are most commonly used in toolbars, menus, and navigation bars. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>We can use SF Symbols in our project by using the<strong> Image(systemName:)</strong> image view. In the system name parameter we will add the string of the SF Symbol we want to use.</p>
<!-- /wp:paragraph -->

<!-- wp:quote -->
<blockquote class="wp-block-quote"><p>Image(systemName: “cloud.sun.fill”)</p></blockquote>
<!-- /wp:quote -->

<!-- wp:paragraph -->
<p>As you can see in the example above we added the “cloud.sun.fill” SF Symbol to our image view. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>We can also customize SF Symbols. If we want to change something like the color of our SF Symbol all we need to do is change the .<strong>foregroundColor()</strong>. We can also change the size of our symbol by changing the <strong>.font</strong> size.</p>
<!-- /wp:paragraph -->

<!-- wp:quote -->
<blockquote class="wp-block-quote"><p> Image(systemName: "cloud.heavyrain.fill")<br />           .foregroundColor(.green)<br />           .font(.title)</p></blockquote>
<!-- /wp:quote -->

<!-- wp:paragraph -->
<p>That was a quick look at how we can add SF Symbols to our SwiftUI projects. For more info checkout Apples <a href="https://developer.apple.com/design/human-interface-guidelines/sf-symbols/overview/">Human Interface Guidelines</a> on how you should use SF Symbols in our projects.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Thanks for reading and Happy Coding! </p>
<!-- /wp:paragraph -->
first project
Tags: css, html, webdeveloper
Published: 2020-11-24 22:02:57

---
title: first project
published: true
description: 
tags: #css #html #webdeveloper 
//cover_image: https://direct_url_to_image.jpg
---

Well, it's not about a challenge but I just started my first html / css project on freecodecamp.com, a great site for practicing and I wouldn't know about it without the support of a close friend of mine. It's all about taking the first small steps in order to reach the summet of the mountain and it won't happen without the hard work, confidence and self-belief. I'm really glad that I'm a member of the tech community and i'm looking further to learn new things. My next goal is practicing more javascript and learning python also doing more projects. Can't wait to share my projects/ideas with you!
Do AWS side projects help in getting a job as a fresher ?
Tags: aws, beginners, discuss, sideprojects
Published: 2020-11-24 21:52:48

HI Im a software developer having 1 yr of experience  in spring boot and c# frontend  currently prepping for AWS developer associate certification exam.I wanted  to know does making side projects count as as experience in aws? Realistically speaking does it help in acquiring job as a AWS developer or be considered for that profile?If yes , in what section or services should I focus my side projects on?(Welcome for any sort of ideas)aws
Another JS/CSS Calculator
Tags: html, javascript, css, calculator
Published: 2020-11-24 21:50:39

Here is a really simple classic calculator, is my attempt to practice JS and CSS, because I am being off of the FrontEnd environment for several years.

Like a classic calculator, the first part and kind of most difficult is the display segment.

To do it I am using a normal div, but with the ::before and ::after

![Segment](https://dev-to-uploads.s3.amazonaws.com/i/qildev88xluraxspyqn0.gif)

The next part was the buttons, with some div/shadows
![buttons](https://dev-to-uploads.s3.amazonaws.com/i/f5thuepe8b22ko7en1q9.png)

There are a LOT of things to improve, just the code needs some documentation, maybe using a more modern approach.

I can use all of your opinions and suggestions.

Thanks for the reading.

[Link] (https://victoredier.github.io/js-css-calculator)

Repository
{% github victoredier/js-css-calculator %}
Five days since I started studying Swift and that what I learned
Tags: swift, beginners
Published: 2020-11-24 21:34:23

---
title: Five days since I started studying Swift and that what I learned
published: true
description: 
tags: swift, beginners
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/aqtyguk5seavuxdbague.jpg
---

It’s been five days since I started studying Swift basic concepts and this is what I learned.

This continues from

{% link https://dev.to/rossanodan/two-days-since-i-started-studying-swift-and-that-what-i-learned-1h9b %}

- Dictionaries
- Creating empty collections
- Enumerations
- Arithmetic operations
- Operator overloading
- Compound assignment operators
- Comparison operators
- Conditions
- Ternary operator
- Switch statement
- Loops - for, while, repeat, break, continue

Perplexed about dictionaries.. :confused: I hope they'll become clearer with the practice!

PS. The 100 Days of Swift rules dictate I have to post about my progresses daily but I don't see the point of doing that. I prefer posting about more days together, when I reach a sort of imaginary milestone.
How to make Good Website part 1/3
Tags: beginners, webdev
Published: 2020-11-24 21:25:26

Hello!!! In this post, I will tell you the first 2 Tips of how to make a good website.


1. Always use a good color palete. Correct colors make your site looks nice. Good colors palletes is on [Colorhunt.co](https://colorhunt.co)

2. Use a little animations images. Small animations used instead of pictures. It attracts visitors more because it's more interesting to them than just a clean picture.
The 7 Most Popular DEV Posts from the Past Week
Tags: top7
Published: 2020-11-24 21:24:05

---
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
cover_image: https://thepracticaldev.s3.amazonaws.com/i/sfwcvweirpf2qka2lg2b.png
---
Every Tuesday, 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. ❤️

### The wonder of webP image formats

If you've ever wondered why your website takes forever to load, @temmietope has the answers. They also have an important message: it is time to embrace modern image formats, but it's worthwhile! Very true.

{% link https://dev.to/temmietope/faster-loading-webpages-with-webp-images-pl9 %} 

### Toxic myth-busting

@sabrinasuarezarrieta tackles an important subject in a short post that could be an encyclopedia: the myths women are told about their work as software developers. I appreciated Sabrina’s responses to these frustrating, prevalent myths. Time to squash them! 

{% link https://dev.to/sabrinasuarezarrieta/developer-world-as-a-woman-2h6l %} 

### Code so clean you could eat off it.

@sylwiavargas shares a few ways you can declutter that code at last by getting rid of unnecessary `if-else` statements.

{% link https://dev.to/sylwiavargas/5-ways-to-refactor-if-else-statements-in-js-functions-208e %}

### "How walruses eating cheese can explain how immutability works" 

Show me a better article hook than @dglsparsons'... I'll wait.

{% link https://dev.to/dglsparsons/how-to-write-immutable-code-and-never-get-stuck-debugging-again-4p1 %}

### Software Architecture, the way it should be taught...

... Visually. Thanks for these awesome breakdowns and diagrams, @vrnsky.

{% link https://dev.to/vrnsky/software-architecture-1k7e %}

### Twitter is for all of us.

Introverts included. This post really spoke to me. Twitter can be an overwhelming place if crowds of people suck your energy out instead of feeding you, but it’s also an important tool for research, connection, and networking. @joojaco's advice will make Twitter work _for_ you instead of exhausting you.

{% link https://dev.to/shookcodes/an-introvert-s-personal-guide-to-tech-twitter-4oim %}

### Nailing depth-perception in your UI

@robole walks us through using parallax dynamics in your UI for greater visual nuance. Super helpful!

{% link https://dev.to/robole/how-to-make-an-awesome-horizontal-parallax-animation-3o6a %}

_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 Tuesday!_
Highlight Nunjucks code blocks with twig
Tags: twig, nunjucks, markdown
Published: 2020-11-24 21:20:47

I just discovered lately that, when writing [Markdown](https://en.wikipedia.org/wiki/Markdown), I can highlight [Nunjucks](https://mozilla.github.io/nunjucks/) code blocks using the `twig` flag! At least it works with Dev.to Markdown flavor. I had previously tryed the `nunjucks` tag without success and the `html` was missing some key highlights. Here's a comparition of the three.

*With the `nunjucks` tag*
```nunjucks
---
permalink: formations/{{ video.snippet.title | lower | slug }}/
---
<section class="listing-section">
  {% for video in videos %}
    {% card
    defaultClass = 'listing-card',
    title = video.data.title,
    detail = video.data.publishedat | timeFormat,
    text = video.data.description,
    link = video.url | url,
    linkText = 'participe à la formation!'
    %}
  {% endfor %}      
</section>
```

*With the `html` tag*
```html
---
permalink: formations/{{ video.snippet.title | lower | slug }}/
---
<section class="listing-section">
  {% for video in videos %}
    {% card
    defaultClass = 'listing-card',
    title = video.data.title,
    detail = video.data.publishedat | timeFormat,
    text = video.data.description,
    link = video.url | url,
    linkText = 'participe à la formation!'
    %}
  {% endfor %}      
</section>
```

*With the `twig` tag*
```twig
---
permalink: formations/{{ video.snippet.title | lower | slug }}/
---
<section class="listing-section">
  {% for video in videos %}
    {% card
    defaultClass = 'listing-card',
    title = video.data.title,
    detail = video.data.publishedat | timeFormat,
    text = video.data.description,
    link = video.url | url,
    linkText = 'participe à la formation!'
    %}
  {% endfor %}      
</section>
```
Ah, much better! Thanks for reading! 😊
React Native vs Flutter: Ultimate comparison
Tags: flutter, reactnative, mobile
Published: 2020-11-24 21:07:13

After in depth analysis of 50 projects built with React Native and Flutter we accumulated our findings in this piece of content:
[React Native vs Flutter Comparison](https://nix-united.com/blog/flutter-vs-react-native/ "React Native vs Flutter")

Ultimately, we tried to answer the question: in which cases Flutter or React Native is more preferable for application development. I'll appreciate your feedback and recommendations :-)
How to build a signup form fast – Watch a video tutorial
Tags: webdev, showdev, beginners, tutorial
Published: 2020-11-24 20:56:53

Anyone needs a signup & login form for a new project? 
Check out a brief video tutorial on how to build it fast with the UI Bakery web app builder.
Step-by-step, starting from creating pages and adding & configuring UI components to downloading the page Angular code (yes, you can do it if needed, it's free).

Watch the video on YouTube & try to do it yourself in UI Bakery -> https://www.youtube.com/watch?v=50PsVReaQ0o&feature=youtu.be&utm_campaign=ui_bakery%20-%20youtube%20-%20signup_form_creation%20-%20cacq%20-%20pilot%20-%20traffic&utm_source=DevTo&utm_medium=webdev&utm_content=video_announcement&ab_channel=UIBakery
How to create and download xlsx on the client?
Tags: react
Published: 2020-11-24 20:46:24



Can you please tell me if this code can be simplified, or is it done correctly:

```
import React, { Fragment } from 'react';
import xlsx from 'node-xlsx';
import download from 'downloadjs';

function TableDownload({ data }) {
  return (
    <Fragment>
      <button onClick={_ => {
        const qwerty = [[1, 2, 3], ['a', 'b', 'c']];
        let buffer = xlsx.build([{ name: "mySheetName", data: qwerty }]).toString('base64');
        download(atob(buffer), 'data.xlsx', { type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" });
      }}>12345</button>
    </Fragment>
  );
}

export default TableDownload;
```

Everything happens on the client side: a file is created, which is then downloaded, without reloading the page. The data is first converted to the "base64" string and then decoded. Everything works, but I want the code to be "in line with tradition", and there was nothing superfluous in it.

Regards.
3 Levels of Developer
Tags: career
Published: 2020-11-24 20:04:38


Software development is easy. It's 2020. We can build an app. We can store and mutate data. It's all solved. Within reason if you can explain what you want a computer to do, I can make it do the thing. 

Now: "The thing". That's the hard problem. What in the world are you building? What does it do? Why does it do it? Will anyone care that your thing does the thing it does? 

I've been realizing a few phases between developers I've worked with in my career. It's three main levels of professional developers: 

### Level One — You can ship a feature
**Within existing primitives, they can ship a new set of functionality on top.** 

For Example: "Add a way for users to like messages". 

You need these people on your team. These kind of developers are incredible for continuous improvements and bug fixes. 

### Level Two — You can ship a product
**You can build a product that's well scoped and well defined.** 

For Example: "Build a messaging app" 

Good level two developers can take a well defined scope of work and ship maintainable code on time. They can define technical primitives from a non-technical design. They know how to break up work into executable deliverables and iterate until "the thing" is shipped. They can maintain and bugfix at the product level autonomously. 

### Level Three — You can deliver a solution
**You can build a solution to a problem.**

For example: "I need more customers"

Level Three developers are like Unicorns. They are designers, product managers, business analysts and full-stack coders all wrapped into one. Level three coders take abstract problems and ship concrete solutions to them. Level three coders don't ask "Should I use React or Vue?" They ask: "Should we build this at all?". A level three coder approaches the world with a ruthless bias toward shipping. Shipping small, iterating, getting their hands dirty,  and pushing until their technology feels like magic to people that use it.
Discuss: Social media detox
Tags: discuss, social, wellness, mentalhealth
Published: 2020-11-24 19:36:33

I deleted my facebook account earlier in the year. This was a long time coming, and difficult as I run lots of local events and advertised those mostly on facebook. Since then I've had to find alternative social networks for connecting with communities. Now I typically opt-out of using a feed of any kind.

I felt like a cranky luddite when I shared my contact email address with all the friends who did not already have it or some other way of contacting me.

I have really enjoyed taking more control over the media I consume, taking a more active role in seeking out news rather than getting it from the same very small group of creators.

When I was leaving, many friends expressed a desire to leave too. However, they felt they had good reason to stay on facebook as it was the most convenient channel they could use to connect with their family.

Please let me know your opinions on the matter! Here are some questions to get the discussion going:

* Have you taken a break (detox) from social media before?
* What compelled you to take a break?
* Did you return to use social media after your break?
* Did anything change in your life, or the way you interact with social media?
[Looking for advice] Combining streams in Flutter
Tags: flutter, help, firestore
Published: 2020-11-24 19:28:49

Hello everyone!

I'm looking for some help, if you know Flutter and Firebase and have a bit of time, please share your advice.

## What I'm building

I'm building an app where I can share my goals with a buddy on a daily/weekly basis. The number of daily goals is arbitrary and it's sent in a chat-like window. At the end of the day, the user can check-off each item.

## The data behind

I want to use Firestore to store the data.

I have a collection to store the daily_goals, in that subcollections on a daily basis and for each day, I store each goal as a subcollection, in that I store the goal description as a string and its completion as a boolean.

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

## The question finally!

In the Streambuilder, I'd like to combine subcollections of goals from multiple collections (dates).

But when I create my stream, it just fetches the collections representing the days:

```dart
FirebaseFirestore.instance
        .collection('daily_goals')
        .limit(10)
        .snapshots();
```

If I want to retrieve the subcollections for each day later, then I cannot do that in a synchronous way and the data arrives from Firestore later than the widgets would be built...

When I just try to get (here just print) the data, I get it later then I'd need it:

```dart
var l = new List();
await document.reference.collection("goals").snapshots().forEach((element) {
      print(document.reference);
      element.docs.forEach((element) {
        print(element.data());
        l.add(element.data()["goal"]);
      });
});
```

Is it even possible that I plan to do? Get the subcollections of multiple streams combined so that I can pass it to the streambuilder? Or I should rather change the data model I planned to use?

Thanks a lot for your advice!