teleren/devto huggingface dataset:
Week 01 - About Me
Tags: opensource, firstpost
Published: 2021-09-13 23:25:36

### Who Am I
Hello, my name is Tristan Taylor. I am a 4th year(7th semester) student at taking the Bachelor of Software Development program at Seneca College. 

What drew me to this course was the heavy usage of Github(pulling, forking, pushing) as I know in the software development field being proficient with GitHub and its many features is almost mandatory at this point.  Open Source as well has drawn me to this course because I feel that it provides and promotes students to really work on something creative and interesting that is something we aren't so used to since most assignments are given to us.

I live in Toronto, however I do feel this course being online and asynchronous.

In this course, I'm hoping to inspect and work on a community driven open source project (hopefully something web dev) and contribute some really meaningful and perhaps build my own modified version.

### GitHub Trending Repo
Link to Repo:    https://github.com/lootproject/website
Link to Project: https://www.lootproject.com/

Loot is a collection of 8,000 unique bags of adventurer gear. At release, anyone could claim loot bag contains 8 items: a piece for an adventurer, chest, foot, hand, head, neck, ring, waist and weapon.

This repo in particularly interested me because of a few things:
1) No company or team affiliation making it its impossible to gatekeep any sorts of creative decisions.  It is a truly grassroots community driven initiative.
2) This sort-of gambling like game seems very fun to not only participate in as a casual fan but also adding and valuing my own loot bag for others to buy and discover.  

In whole, this project looks extremely fun.
Da Fonologia no EaD à uma empresa 100% Remota
Tags: career, phonology, remote
Published: 2021-09-13 22:43:15

Há 10 anos, somos uma **empresa Remote First**, mas muito antes disso encarei meu primeiro desafio remoto e te digo que não foi nada fácil. 🙈


Eu já contei por aqui que, de formação, sou Doutora em Letras e Linguística, e as salas de aula da Universidade 👩‍🎓 eram o meu espaço natural e os corredores também. As melhores conversas aconteciam nos corredores antes e depois da aula. Eu era 100% presencial e nunca havia considerado ser diferente, até que **caiu no meu colo uma turma no Ensino à Distância**.

Para ficar mais divertido (divertido é a minha palavra para desafiador 😊), a disciplina seria a de [Fonética](https://pt.wikipedia.org/wiki/Fon%C3%A9tica) e [Fonologia](https://pt.wikipedia.org/wiki/Fonologia), a minha preferida, mas, altamente prática e complexa na visão dos meus alunos. 😱

Como levar para meus novos 200 alunos espalhados pelo interior da Bahia, o que fazíamos na sala de aula? Eram horas de treinos de voz, mão no pescoço para perceber as vibrações diferentes do "êrres" da Língua Portuguesa, espelhos para lá e para cá, e [um alfabeto completamente novo](https://pt.wikipedia.org/wiki/Alfabeto_fonético_internacional). Estávamos em 2009, então, não tínhamos Zoom, Lives, Club House e nem TikTok. É a vida. 😩

Eu só tinha um Moodle bem básico. Encarei-o de frente e comecei a estruturar as aulas e as interações com os alunos. O primeiro semestre foi péssimo. 😭 Muito conteúdo mas nada prático. Os alunos acharam tudo ótimo porque era isso que eles conheciam. Fiquei bem frustrada.

**Mas sou do tipo que se eu não resolver, não durmo.** 

Precisei de mais um semestre para fazer dar certo. Sim, dei uma enlouquecida no time de tecnologia 😑 para que o Moodle permitisse as funcionalidades que eu precisava. 

No final, só consegui fazer dar certo de verdade quando encarei de frente a restrição: **tudo tem que ser remoto, não existe a possibilidade do presencial.**

Na Impulso levamos essa restrição bem à sério. Não ficamos discutindo, ou pensando, sobre o que funcionaria melhor no presencial. Tudo precisa ser resolvido de forma remota. Pensar assim dá um salto na vida. 🚀

De forma iterativo-incremental, fomos ajustando:

📌ambiente de trabalho - Slack;
📌processos;
📌comunicação;
📌trabalho do dia a dia;
📌dinâmicas - Retrospectivas, Design Sprint, Inceptions, World Café, etc;
📌integração de times e pessoas;
📌onboarding;
🍻e os happy hours.

**Essa jornada não foi nada fácil.**

Experimentamos muito e erramos muito também, mas **tirar a possibilidade do presencial** foi o que nos empurrou a fazer dar certo. 😘
IST402 - Boilerplates
Tags: boilerplates, ist402
Published: 2021-09-13 22:37:15

###Commonalities between Boilerplates
Between the boilerplates, there are a couple off files that carry over between the two (VueJS and Angular are the only two I can currently compare) such as package.json. Both have a lot of extra files used to hold dependencies or information. Both also contain an index.html file within their source code. Outside of that the Angular boilerplate has a lot more going on within it.

###Which Seems Easier/My Choice
Between VueJS and Angular, VueJS seems a lot simpler/easier DX. I would definitely start with using VueJS if I were to start a project tomorrow. I have very limited experience with Web Dev, so I'd prefer to stick with the easier one to get started (VueJS). 

**[Org Github](https://github.com/IST402-Group-F)**
**[Angular Repo](https://github.com/juanmesa2097/angular-boilerplate)**
Day 450 : Friends
Tags: hiphop, code, coding, lifelongdev
Published: 2021-09-13 22:24:18

_liner notes_:
- Saturday : Spent the start of the day finishing up preparing for the radio show. After that, worked on a quick side project that I wanted knock out. I was figuring out how to structure and retrieve the data. Then it was time to do the radio show. Had a really good time. The recording of this week's show is at https://kNOwBETTERHIPHOP.com

![Radio show episode image of a Motorola Startac flip phone open on a white table with a white mug with the words Sept 11th 2021 HIPHOP Oprah](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wpl3yjxx1rvjifhasdxw.jpg)

- Sunday : Did the https://untilit.works cyphers and had a really good time. All the backend stuff worked with no problems so all the videos got uploaded, thumbnails created and descriptions automatically generated. Worked on my quick side project some more. I set up the Svelte project, hooked it up to the Firebase backend, and got email authentication working. Then I ended the night watching a "Boruto" anime and "The Walking Dead".

- Professional : Had quite a few meetings today, so not much actual coding. I was able to test out a solution I implemented for a demo application and it worked. Cool.

- Personal : I think I may have figured out how I want to display the data. It was to do with setting up a schedule and I was thinking of the best way to store the time. I decided I'm going to store everything in UTC and then do the timezone calculation in the application. That way the data is good and accurate regardless of where the user is.

![Overhead photo of a Palm Coast, United States beach with waves crashing on the golden sand.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t3lhjrzsytbteunni1c1.jpg)

Almost forgot to do the blog for today. haha I started working on the quick side project and was making some good progress. I got the layout set up and pulling some preliminary data. Going to work on adding data to the database and displaying it on a grid. Looking to have something to show to my friends in the next couple of days to see if they can use it. So, I'll be working on that tonight.

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube I36VJ2CXiNs %}
Handle Default Partition Constraint Collision on New Partition
Tags: postgres, python
Published: 2021-09-13 22:22:11

Just wanted to drop a quick-ish post on how I've been handling creating a new partition that might have overlapping data in the default partition. We have adopted using a default partition in order to capture as much data as possible during processing without throwing exceptions when a defined partition was not created.

In my team's project, we are using partitioned tables using a date range for the table partitions. We've adopted a naming convention of `<table_name>_default` for the default partition and `<table_name>_YYYY_MM` for the monthly partitions. We process a lot of data, so we don't want to do more data manipulation than we have to. Also, this project is a web app, so we have to deal with a lot of concurrent database requests. So, using a lot of temp tablespace was not desirable either. So, here's a breakdown of how I'm handling default partition collisions when creating a new partition.

**First:** Get all of the information needed to create the partition. This includes the table partition name, the partitioned table name, the partition key column, the partition parameters (in our case, it's `default = False`, `from = <partition-start-date>`, `to = <partition-end-date>`).

**Second:** Check if any partition key col value within the requested partition range exists in the default partition. If data does exist (which would cause a PostgreSQL error), I alter the `from`, `to` parameters adding an arbitrary year delta (such as 100 years) to each of the boundaries. Then I create the partition (using the original name) for the bounds that will not match. Don't forget to save the original values.

**Third:** Now that I have a partition created, I detach the partition from the partitioned table. Then I copy the overlapping data from the default partition to the detached partition. Once that is complete, I delete that data from the default. I use the original values for the `from`, `to` parameters to reattach the partition to the partitioned table.

This method allows me to move the data without creating a potentially big temp table (temp tablespace) or a regular table in the app tablespace that will be deleted later. It also means that I can let PostgreSQL create the table as it sees fit for a partition. Since a partition can be detached and later re-attached with different constraints, this was a feasible option for our application.

Obviously, this will impact performance if it occurs often or with a large amount of data, but the answer to that is to handle potential edge cases in the application code that would see data hit the default partition.

Hopefully this methodology could prove viable to other developers and/or architects.

See the [PostgreSQL docs](https://www.postgresql.org/docs/current/ddl-partitioning.html) on partitioning.
See the [ALTER TABLE documentation](https://www.postgresql.org/docs/current/sql-altertable.html) for detach and attach partition clauses.
Building a culture of trust — with Metrics — at Slack
Tags: womenintech, techtalks, podcast, culture
Published: 2021-09-13 21:58:26

Rukmini Reddy, VP of Engineering at Slack, has a truly inspiring origin story. As a student growing up in India, she hated that all of the girls in her class were forced to learn sewing. When she was offered the chance to go to her school’s computer lab instead, she never looked back.

She joins the [Dev Interrupted podcast](https://open.spotify.com/episode/3SZul4mXqjZ0uAYpU9aksi?si=3dCuthEGQMqkmyOoQHIfLA&dl_branch=1) to talk about her journey into software engineering, how she transitioned to a leadership role and what it was like to onboard at Slack during the pandemic. Her and Dan also have a lively discussion on engineering metrics and how data can provide a “shared view of reality” when it comes to making tough decisions as a leader.

#**Listen to the full episode**
{% spotify spotify:episode:3SZul4mXqjZ0uAYpU9aksi %}


## Episode Highlights Include:

* Her journey into software engineering

* Conquering self-doubt and imposter syndrome as a woman of color

* Slack’s culture and core values

* How high trust enables hypergrowth

* Data as a way to provide a shared view of reality

**If you haven't already heard**, Dev Interrupted is partnering with Dzone to host **INTERACT**: An interactive, community-driven, digital conference on September 30th - by engineering leaders, for engineering leaders. 1 day, 10 speakers, 100s of engineers and engineering leaders, all free.

![](https://cdn-images-1.medium.com/max/2400/0*nHzak-kDc0MzrG55.gif)

# [Register Now](https://devinterrupted.com/event/interact/)
______________________________________________________________

## Join the Dev Interrupted Community

If you haven’t already joined the best developer discord out there, WYD?

Look, I know we talk about it a lot but we love our developer discord community. With over 1600 members, the Dev Interrupted Discord Community is the best place for Engineering Leaders to engage in daily conversation. No salespeople allowed. [Join the community >>](https://discord.gg/tpkmwM6c3g)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/79p55zb3q4hh0drifmdu.png)

_______________________________________________________________

*Originally published at [https://devinterrupted.com](https://devinterrupted.com/podcast/building-a-culture-of-trust-with-metrics-at-slack/).*
Javascript , CSS Clock
Tags: html, css, javascript
Published: 2021-09-07 19:17:13

##Creating Html and Css for Clock
* Create a `div` for clock and create three `div` for the hour, minute and second hand.
```
 HTML
 <div class="body">
        <h1>Clock</h1>
        <div class="clock">
            <div class="hand hour"></div>
            <div class="hand min"></div>
            <div class="hand sec"></div>
        </div>
 </div>
```
* Use CSS to Create the Clock background
```
.clock {
    max-width: 500px;
    border: 3px solid white;
    margin: 0px auto;
    margin-top: 100px;
    height: 500px;
    border-radius: 50%;
    position: relative;
}
```
* Use CSS to create the three hour, minute and second hand
```
.hand {
    width: 50%;
    height:4px;
    margin:5px;
    background-color: #fff;
    position: absolute;
    top:50%;
    transform: rotate(90deg);
    transform-origin: 100%;
    transition: all 0.05s;
    transition-timing-function: cubic-bezier(0.1,2.7,0.58,1);
}
```
Check [transition property](https://www.w3schools.com/css/css3_transitions.asp) for more information.
## Js Code
 * First select the second hand to make process. `new date()` function will give the current date with time. `getSeconds()` function will give the current seconds, we have to convert it to the `degree`, once it is converted apply it to the hand using css.
Follow the same procedure for minute hand and hour hand.
Use `setInterval` to call the function every 1ms.
```
const secondHand = document.querySelector(".sec");
const minuteHand = document.querySelector(".min");
const hourHand =  document.querySelector(".hour");

function setDate(){
    const now = new Date();
    const seconds = now.getSeconds();

    //seconds
    const secondDeg = ((seconds / 60) * 360) + 90;
    secondHand.style.transform = `rotate(${secondDeg}deg)`;

    // minutes
    const minute = now.getMinutes();
    const minDeg = ((minute / 60) * 360) + 90; 
    minuteHand.style.transform = `rotate(${minDeg}deg)`;

    // hours
    const hour = now.getHours();
    const hourDeg = ((hour / 12) * 360) + 90; 
    hourHand.style.transform = `rotate(${hourDeg}deg)`;
}
setInterval(setDate, 1000);
```
Create a React Native sub-component from Component.
Tags: reactnative, componentsplitter, divide, split
Published: 2021-09-13 21:03:05

<!-- Title -->
<p align="center">
<img src="https://raw.githubusercontent.com/nomi9995/react-native-component-splitter/master/src/assets/icon.png" alt="alt text" width="150"/>
</p>

<!-- Header -->

<p align="center">
  <b>Create a React Native sub-component from Component.</b>
  <br />
</p>

<p align="center">
  <img height="450" src="https://raw.githubusercontent.com/nomi9995/react-native-component-splitter/master/src/assets/example.gif">
</p>

# React Native Component Splitter

it is a **VS CODE** extension which allows us to split React components into sub-components

# Usage

**1**. Select the code you want to split to a new sub-component.

**2**. Choose `Split Component` from the Right-Click Menu / Command Palette.
or press `alt+option+cmd+k`

**3**. Enter a name for the new sub-component.

# Shortcut keys

| Plateform | Key                  |
| --------- | -------------------- |
| MAC       | **alt+option+cmd+k** |
| MAC       | **ctrl+shift+k**     |

## Installation
[https://marketplace.visualstudio.com/items?itemName=nomi9995.react-native-component-splitter](https://marketplace.visualstudio.com/items?itemName=nomi9995.react-native-component-splitter "https://marketplace.visualstudio.com/items?itemName=nomi9995.react-native-component-splitter")


## Contributors ✨

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
<!-- prettier-ignore -->
<table>
  <tr>
    <td align="center"><a href="https://github.com/nomi9995"><img src="https://avatars3.githubusercontent.com/u/36044436?s=460&u=c7471cd9ccec793c7a0fccc7db475a577ff7969d&v=4" width="100px;" alt="Numan"/><br /><sub><b>Numan</b></sub></a><br /><a href="#infra-Numan" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a> <a href="https://github.com/nomi9995/react-native-bottomsheet-reanimated/commits?author=nomi9995" title="Code">💻</a></td>
  </tr>
</table>

<!-- ALL-CONTRIBUTORS-LIST:END -->

If you really learned something new with this article, save it and share it with your colleagues.

You can reach me out on my website: 
[https://numan.dev](https://numan.dev "https://numan.dev")
Setting up golang-migrate for windows
Published: 2021-09-13 20:56:33

### First Install scoop 
######But Wait! What is scoop

Scoop is a command-line package manager for Windows which makes it easier to install and use common programs and tools.

Make sure PowerShell 5 (or later, include PowerShell Core) and .NET Framework 4.5 (or later) are installed. Then run:
```javascript
Invoke-Expression (New-Object System.Net.WebClient).DownloadString('https://get.scoop.sh')

or 
iwr -useb get.scoop.sh | iex 
```

In case you get an error, you might need to change the execution policy (i.e. enable Powershell) with:
```python
Set-ExecutionPolicy RemoteSigned -scope CurrentUser
```
Now that you have installed scoop on your windows system, we can move ahead with our main task i.e. golang-migrate 

#####Download pre-built binary (Windows, MacOS, or Linux)
```
curl -L https://github.com/golang-migrate/migrate/releases/download/$version/migrate.$platform-amd64.tar.gz | tar xvz
```
Now that we have downloaded scoop and the pre-built library for golang-migrate, we will go ahead and install it using this simple command
#### For Windows
```
scoop install migrate
```
And There You GO!!!
Your golang-migrate is setup for windows.
How my wrong choices brought me to the right place.
Tags: opensource
Published: 2021-09-13 20:44:25

When you think about career choices most people will tell you to choose something that makes a lot of money. I've come to realize that money is nothing compared to the everlasting dread of your responsibilities at work haunting you throughout the day - all the way to dinnertime. 

The truth is we all want to do as little as possible, but make the most profit. Although it's possible, it's not exactly ideal. Personally the best career choice can come from something you feel natural doing. Something where you can "turn off your mind" and still be able to do work that you get paid for. 

Around 610 days ago I sat in a classroom full of students who had some idea of how to code - while I only ever put a music player on a myspace profile using html. I'm not sure why I decided to start this program (especially after I completed a 4-year degree in Science, only to do nothing with it) - but I can easily tell you why I decided to stick with it - I can naturally understand the requirements for what I need to do to complete a task. This being said, I am not always sure how to get there. 

My main purpose for taking this course is to be able to learn how to contribute and read open source projects. I've realized that the practices and content at colleges and universities are limited to the curriculum and there are a lot of recent standards that are not being taught. I believe there's a really good Chinese proverb to describe my expectations for this class: "You give a poor man a fish and you feed him for a day. You teach him to fish and you give him an occupation that will feed him for a lifetime." 

In summary, I want to gather the tools and understanding to be able to contribute and access high-standard open source projects to keep my knowledge in this field up to date, and be more "natural" in programming. The more I am exposed to different solutions, the better I will understand the complexities and requirements to problems, which I can then program more efficiently and easily. 

The GitHub repository I selected to fork was something simple but useful - vanillawebprojects. This repo consists of a variety of projects using JS. I thought this would be a great repository to read through and see how others understand and solve problems using programming.
Handling url-encoded forwarded slashes in Laravel URLs
Tags: laravel, php
Published: 2021-09-13 20:27:52

---
title: Handling url-encoded forwarded slashes in Laravel URLs
published: true
description: Stop Laravel from interpreting url-encoded forwarded slashes as part of the URL
tags: laravel, php
//cover_image: https://direct_url_to_image.jpg
---

Today I was building a Laravel app where I needed to query the back-
end for vehicles. The URL included the "make" of the vehicle as an encoded URL segment, and Laravel in turn would provide the models.

```php
// routes/web.php
Route::get('/vehicles/{make}', function ($make) {
    $models = VehicleModels::select()
        ->where('make', $make)
        ->get();
    return view('models', ['models' => $models]);
});
```

I wanted to see what models "Toyota/Scion" had, but this didn't work when I navigated to `/vehicles/Toyota%2FScion`. I instead got a 404 error because Laravel was interpreting this path as `/vehicles/Toyota/Scion`. According to Laravel team members in the GitHub issue tracker, [this is the intended behavior](https://github.com/laravel/framework/issues/22125#issuecomment-346378969) and [there are no plans to change it](https://github.com/laravel/framework/issues/22125#issuecomment-517270704). Bummer.


Fortunately, [Andrew Finnell proposed a relatively painless solution](https://github.com/laravel/framework/issues/22125#issuecomment-623747380): double-encode the URL segment, then decode it on the server. Here's what that looks like:

```php
// Original code for generating link:
$link = '/vehicles/' . urlencode('Toyota/Scion');

// New code that encodes url twice:
$link = '/vehicles/' . urlencode(urlencode('Toyota/Scion'));

// Now, we'll decode the route segment in the Laravel back-end:
Route::get('/vehicles/{make}', function ($make) {
    $models = VehicleModels::select()
        ->where('make', urldecode($make))
        ->get();
    return view('models', ['models' => $models]);
});
```

With this code, Laravel does not interpret the encoded forward slashes as new URL segments, which means I can successfully query the back-end for "Toyota/Scion" using the generated url `/vehicles/Toyota%252FScion`.

Alternatively, if you wanted to encode the link using JavaScript on the front-end, you'd use the following code:

```js
const link = `/vehicles/${encodeURIComponent(encodeURIComponent("Toyota/Scion"))}
```

Hopefully this post makes the solution more discoverable and saves you some frustration. I also saw [recommendations for Base64 encoding](https://github.com/laravel/framework/pull/4338#issuecomment-453591295) and an [older Laravel package that seems to solve the same problem](https://github.com/laravel/framework/pull/4338#issuecomment-569263408), but I haven't tested these solutions personally.