teleren/devto huggingface dataset:
7 Days of Dev Blogging Project
Tags: webdev, writing, entrepreneurship, devjournal
Published: 2022-08-19 23:05:00

## DAY ONE - Creating Blog Posts, GitHub Repository, and Logging

I am trying to grow my current following on social media pages like Twitter, GitHub, and Pinterest. I have decided to attempt an experiment to see which blogging platform (Dev.to, Medium, Hashnode, personally created, etc.) and websites drive in the most traffic for each blog.

This is kind of an experiment on the go, so follow my GitHub repository to stay up-to-date with my blog posts, stats, findings, and more. 

I have decided to use [Dev.to](https://dev.to/geauxweisbeck4) as my Dev Journal/Public Logging of my experiment so I can hold myself accountable, make sure I do everything I need to, and to explain my methodologies and theories, etc.

## Day One - Blog Posts
-[x] Medium - [Marko.js Series Part 1 and share on Social Media](https://geauxweisbeck4.medium.com/marko-js-super-powerful-js-framework-made-by-ebay-part-i-99e288cc5956)

<blockquote class="twitter-tweet"><p lang="en" dir="ltr">I just published my first of seven days of blogging on Medium (and other platforms). Read: Marko.js — Super-powerful JS framework made by eBay, Part I <a href="https://t.co/vGXMNu31MI">https://t.co/vGXMNu31MI</a> <a href="https://twitter.com/hashtag/markojs?src=hash&amp;ref_src=twsrc%5Etfw">#markojs</a> <a href="https://twitter.com/hashtag/eBay?src=hash&amp;ref_src=twsrc%5Etfw">#eBay</a> <a href="https://twitter.com/hashtag/webdev?src=hash&amp;ref_src=twsrc%5Etfw">#webdev</a> <a href="https://twitter.com/hashtag/7daybloggingchallenge?src=hash&amp;ref_src=twsrc%5Etfw">#7daybloggingchallenge</a></p>&mdash; Andy Weisbeck (@GeauxWeisbeck4) <a href="https://twitter.com/GeauxWeisbeck4/status/1560767709301952515?ref_src=twsrc%5Etfw">August 19, 2022</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

-[] Hashnode - College Football Blog and share on Social Media
-[] Dev.to - Daily Journal Logging and share on Social Media
-[] Tar Heel Dev Studio - Blog post and share
-[] Patreon/YouTube - Video Blog: Eleventy Tutorial
Javascript Tagalog - String padStart Method
Tags: javascript, tagalog, philippines, padstart
Published: 2022-08-19 23:03:00


**Ano ngaba ang String padStart method sa Javascript?**
Actually etong method nato maiintindihan mo agad pag tinignan mo yung picture sa baba. Basically mag a-add lang siya ng string padding sa start ng string mo

**Pano gamitin:**
**First Argument** - yung target na string length mo para mabigyan ng padding
**Second Argument** - kung ano yung string na gagamitin as a padding


![Javascript padEnd padStart Tagalog Method Philippines](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dgv8g6mhx9aqlx5ipt2n.png)

![Javascript padEnd padStart Tagalog Method Philippines](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4tct2vuat4lchfs5lusd.png)

Return Value is yung bagong string na may padding.

---

**More tagalog Javascript Learning Resources:**
https://javascript-methods-in-tagalog.vercel.app/
Best UX writing examples and the reasons why they work
Tags: ux, design
Published: 2022-08-19 22:56:00

I've collected some UX writing examples with smart/creative concepts behind them:


## When a form field placeholder copy becomes your salesperson

![airbnb navigation](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mo502xcws542iwblbu05.png)


## Be super specific

Free -> $0.00

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bnapq17zbd3g5up5osyt.png)


## Create Urgency with scarcity 

Imagine, in real life, 4 products left on the shelf and 2 people have just taken 2 of them to put them in their carts. That makes the ones more desirable.

People can't see that online. Can they?

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r2whxfblp8353znmzjfe.png)


## Super low engagement: When UX writers and marketing strategists collaborate


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/az18xuc8d3zjpnrjkeg5.png)

## Mock the competition

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gdu232ui4c2wfn7mlsgn.png)


More examples and deeper explanations are found [here in the original post](https://deepcamp.co/ux-writing-examples)!

Much love❤️
Javascript Tagalog - String endsWith Method
Tags: javascript, tagalog, philippines, endswith
Published: 2022-08-19 22:49:00

**Ano ngaba ang String endsWith Method sa Javascript?**
yung endsWith method sa javascript ay mag rereturn ng **Boolean Value** (true or false) depende if yung string is nag e-end sa binigay mong string as an argument

<u>**Pano gamitin:**</u>
**First Argument**
yung first argument ay yung string na gusto mo tignan if
```javascript
x = 'mm vergara'

console.log( x.endsWith('vergara') ) // TRUE

console.log( x.endsWith('ara') ) // TRUE

console.log( x.endsWith('mm') ) // FALSE

```

---


**Second Argument (optional)**
yung second argument is mag dedetermine kung ano length ng string mo, by default yung length is yung length ng string mo (in this ex. is 10).
- if gusto mo i cut yung string babaan mo yung length using the 2nd argument. tignan monalang pics para magets mo.

```javascript
//lenght of string is 10
x = 'mm vergara'

// Searching sa "mm vergara"
console.log( x.endsWith('vergara') ) // TRUE

// Searching sa "mm vergar"
console.log( x.endsWith('vergara',9) ) // False

// Searching as "mm verg"
console.log( x.endsWith('vergara',7) ) // False
```



---

**More tagalog Javascript Learning Resources:**
https://javascript-methods-in-tagalog.vercel.app/
Day 618 : 100
Tags: hiphop, code, coding, lifelongdev
Published: 2022-08-19 22:00:46

_liner notes_:
- Professional : Today was another half day. Took the time to clean up some code and documentation for the demo I refactored to use a new SDK. Time really flew by.

- Personal : Last night, I added the ability to delete an event on my personal site's dashboard. Finished it up and deployed it. Tested it out and looks like everything works. Also went through a bunch of tracks for the radio show. Ended the night determined to finish all the review sessions that piled up on WaniKani. I basically broke my brain trying to remmeber all the different Japanese characters that I was learning. At the end, I got like 85%. Pretty happy with that. Then I fell asleep.

![View from the top of a cove in China Cove, CA, USA with turquoise colored water coming in from the ocean under a cloudy sky a sunset.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/il4o6z7ivpfeq3oyxhg2.jpg)

Tried to take advantage of the extra time I had today. I did the new review sessions that popped up from last night. Got 100%! It was only a couple. haha. I posted to Twitter the projects I picked up on Bandcamp this week. I've been doing that every Friday. I don't post on Twitter much, but if I can promote some dope artists, I'm going to do it. Right now, I've been going through more tracks and putting together the radio show for this week. Looking to get that done in like an hour. Then study Japanese some more and watch the first episode of "She Hulk". That's it! Radio show tomorrow (https://kNOwBETTERHIPHOP.com) and study sessions on Sunday (https://untilit.works).

Have a great night and weekend!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube 6kHs8EFk288 %}
Remote Senior Front-End Developer
Tags: remote, career, remotecamp, hiring
Published: 2022-08-19 21:35:00

> *Design your full-time freelance career as a top freelance developer with Toptal.*

![Remote Senior Front-End Developer — RemoteCamp](https://miro.medium.com/max/1400/0*SsXVVwrSr9lMAkT4)

Photo by [KOBU Agency](https://unsplash.com/@kobuagency?utm_source=medium&utm_medium=referral) on [Unsplash](https://unsplash.com?utm_source=medium&utm_medium=referral)

Freelance work is defining developer careers in exciting new ways. If you’re passionate about finding rapid career growth potential by working with leading Fortune 500 brands and innovative Silicon Valley startups, Toptal could be an excellent fit for your next career shift.

Toptal is an elite talent network made up of the world’s top 3% of developers, connecting the best and brightest freelancers with top organizations. Unlike a 9-to-5 job, you’ll choose your own schedule and work from anywhere. Jobs come to you, so you won’t bid for projects against other developers in a race to the bottom. Plus, Toptal takes care of all the overhead, empowering you to focus on successful engagements while getting paid on time, at the rate you decide, every time. Our sophisticated screening process makes sure you are provided with top clients without additional overhead, as well as assistance in maximizing the potential of your full-time freelance career. Joining the Toptal network also gives you access to technical training programs, mentors, and coaching programs, so you can connect with a global community of experts like you to share peer-to-peer knowledge and expand your network globally.

As a freelance developer, you can become a part of an ever-expanding community of experts in over 120 countries, working remotely on projects that meet your career ambitions.

That’s why the world’s top 3% of developers choose Toptal. Developers in our network share:

*   English language proficiency
*   3+ years of professional experience in software development
*   Solid experience with React.js is a strong advantage
*   Project management skills
*   Keen attention to detail
*   Experience with system architecture or leading a software team is a strong advantage
*   Full-time availability is a strong advantage

## How to Apply

Curious to know how much you could make? Check out our developer rate calculator: [https://topt.al/dwc7v2](https://topt.al/dwc7v2)

If you’re interested in pursuing an engaging career working on full-time freelance jobs for exclusive clients, take the next step by clicking apply and filling out the short form: [https://topt.al/jmc7Q3](https://topt.al/jmc7Q3)****
[PHP Guidelines series] Introduction and Factory Method Design Pattern
Tags: php, tutorial, oop
Published: 2022-08-19 21:22:00

As announced [here](https://dev.to/nikolastojilj12/announcement-detailed-php-development-practices-series-1jg5), I have started working on a series of posts related to good and bad development practices.

## Introduction to the series

Since this is the first post in the series, I would like to present the format of the posts and examples.

In order to provide direct, usable examples which you can run, and to tie documentation to the code, I have decided to write this series as Markdown documentation inside a Symfony 6 project hosted on GitHub. Symfony 6 was chosen because I simply needed a comfortable framework to present the examples in, but the examples themselves are not related to any framework.

> **Each covered topic will have examples which you can read, run, or play with directly.**

The intended way of using the repository is to use it as an online learning, reference and examples resource, but you are free to clone the repo if you want to actually run the examples. You can either run it locally, if you have PHP 8.1 installed and active, or in a provided Docker container.

The repository is available on GitHub at: [https://github.com/constup/php-guidelines](https://github.com/constup/php-guidelines)

## Factory Method Design Pattern

The first covered topic is the Factory Method Design Pattern: [https://github.com/constup/php-guidelines/tree/master/src/DesignPatterns/Creational/FactoryMethod](https://github.com/constup/php-guidelines/tree/master/src/DesignPatterns/Creational/FactoryMethod) 

Factory Method Design Pattern is one of the 23 well known design patterns covered in many books and online resources. However, after a deep dive into the theory and practice, I've came to some interesting conclusions.

> The knowledge which can be found on the first page of Google search results, has significantly degraded. 

Top results from websites dedicated to explaining design patterns are either incomplete, cover only one aspect of the pattern, or are simply wrong. The most important part is - each source explains the Factory Method pattern differently, which can be very confusing to students and new developers. 

My intention with this post was to provide a more complete picture, covering the Factory Method design pattern from multiple angles with multiple different implementations.

> Factory Method Design Pattern, although well known, is not as good for your code as you might think.

I have covered the theory, provided examples, explained in detail why it's bad and provided a practical alternative. Motivation behind this is to try and root out bad development practices, regardless of whether they are well known and widely used or not.

I hope that you will find this resource helpful. Feedback is welcome.

If you liked the article,...
[![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kugdh9szk858ncio2mzi.png)](https://www.buymeacoffee.com/puEW3HvWvP)
Follow Friday: PHP Edition (19 August 2022)
Tags: meta, writing, php, laravel
Published: 2022-08-19 20:53:47

---
title: Follow Friday: PHP Edition (19 August 2022)
published: true
description: 
series: Follow Friday
tags: meta, writing, php, laravel
---

_Happy Friday, friends! 🎉 Follow Friday is your weekly opportunity to shout out fellow DEV Community members doing awesome work. Check out the comments and follow someone new!_

Yes, PHP is an old tech with several design flaws…but we’ve still got love for it! Created in 1994, PHP is the [lingua franca](https://en.wikipedia.org/wiki/Lingua_franca) for Web development — and the PHP 7 series has added everything a modern dev can ask for.


So, devs: who are your favorite DEV community members writing about PHP? Authors writing about Laravel are also fair game this week.

_**Formatting tip**: to populate a card with a follow button, use the liquid tag syntax `{% embed https://... %}` and insert the URL of your favorite author's profile._

Join in on the #FollowFriday fun by @mentioning your favorite author to follow for PHP posts (and letting us know why you love their posts!) ⤵️
Let's build a multiplayer movie trivia/quiz game with socket.io, svelte and node. devlog #4
Tags: devlog, webdev, socketio, jank
Published: 2022-08-19 20:48:12

## Oops, I did it again... I played with events, got lost in the jank

Yet another devlog, this will be a short one.
So yeah, as u can guess from the subtitle things turned into a mess.

Short story.. I dived in and just started code up things and as I have written before my brain don't like event driven code, it likes to think in a more linear way.

I noticed my code started to become smelly jank that I just kept putting band-aids on to make it work (and yes, it was working and i could have made it work, but it wld not have been nice) so I decided to just put a stop to it, better to just back track and do some actual planning.

Now many ppl wld see this as a waste of time not plan before but I don't see it that way, now I know what doesn't work so I still learned something and what I learned is what makes me able to actually make a plan that can work much better.

As i use to say 'failure is always an option' .... heeh..

So I made a plan for all the event junk, not super detailed but should be good enough to get things working as intended.

Behold the master plan.. I think it is rather self-explanatory 
![master_plan](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nivco9kthe40la989bhf.png)

That's all for today, now watch some Korean series and let the plan sink in until ready to code again!

# falafel
Btw I have never tried falafel, is that stuff good? Comment below ;) .. I just had kebab as usual, don't know if I can trust that veggie stuff but I am curious about it.
TypeScript HTML5 Game Engine
Tags: typescript, node, gamedev, programming
Published: 2022-08-19 20:39:43

## Is it open source?
Yes it is!
You can also contribute, the github repo is public 👉 [game-engine](https://github.com/lorenzo774/game-engine).

## Does it have a name?
No, but you can suggest one if you want!

## What about the engine?
It's an ECS with an (work in progress) editor to change Components properties.

---
[Twitter](https://twitter.com/774Lorenzo)
First Blog Post
Tags: terraform, aws
Published: 2022-08-19 20:35:00

This is my first blog post of really any sorts. I'm Currently working on the cloud resume challenge. [Cloud Resume Challenge](https://cloudresumechallenge.dev/docs/the-challenge/aws/) I choose to do the cloud resume challenge to demonstrate a hands-on project with AWS. Right at the moment I'm probably about 65 percent done with it, and plan on writing another post explaining it once I'm done. I've put the challenge on the back burner in hopes to get my certification in terraform. Which terraform is a infrastructure as code tool that automates its infrastructure in any cloud provider AWS, Azure or GCP so its very versatile. The code editor I'm currently using is visual studio code.  I currently have the AWS CCP,SAA,SAP certifications and plan on getting more in the future. The one thing I have learned throughout this process is certifications are important but having a hands on project to relate to is as equally if not more important. You need to show employers that you actually know what your talking about and it shows your true quality's as a person.
Typescript Series - Exclude Utility Type
Tags: typescript, javascript, webdev, programming
Published: 2022-08-19 20:07:28

I'd like to start by saying that I am doing this series to learn and understand better Typescript, so feel free to correct me or contact me.

Let's write and see how this utility type works under the hood.

## Exclude<UnionType, ExcludedMembers>
Constructs a type by excluding from UnionType all union members that are assignable to ExcludedMembers ([docs](https://www.typescriptlang.org/docs/handbook/utility-types.html#excludeuniontype-excludedmembers))

example:

```
type T0 = Exclude<"a" | "b" | "c", "a">; 

// type T0 = "b" | "c"

type T1 = Exclude<"a" | "b" | "c", "a" | "b">; 

//type T1 = "c"
     
type T2 = Exclude<string | number | (() => void), Function>; 

// type T2 = string | number
```

Now that we know how it should behave, let's write the type.


```
type MyExclude<Type, Exclude> =  Type extends Exclude 
? never : Type
```

Here we check if Type extends Exclude then we should ignore it, remember we want to exclude that element, otherwise return the non-matching value.


There you go, it was a pretty simple one!


Thank you!

you can find me here [My Twitter] (https://twitter.com/sarmunbustillo?t=pztqXmT7DH2pa9lDLjfrdQ&s=09)
Javascript — Sair de um loop for em JavaScript
Tags: javascript, programming, algorithms, react
Published: 2022-08-19 19:57:00

Temos uma forma interessante de parar um loop dentro de um for.

Primeiramente vamos pensar um pouco… será que vamos precisar parar um loop em algum momento da iteração? Sim, pode acontecer de precisar. Afinal de contas o que não é possível em programação não é mesmo?

Então vamos lá…

Vamos imaginar que você precisa percorrer uma lista de itens e quando encontrar alguma informação pare o processamento.

```
const countries = ['Brasil', 'Canada', 'USA', 'Australia', 'Nova Zelandia', 'China']
for (let i = 0; i < countries.length; i++) {
  console.log(`${i} ${countries[i]}`)
  if (countries[i] === 'Australia') {
    break
  }
}
```

Este mesmo recurso pode ser usado também no for of.

```
const idade = [10, 13, 31, 17, 25, 63, 34, 47, 54, 78]

for (const value of idade) {
  console.log(value)
  if (value === 25) {
    break
  }
}
```

O break não pode ser usado no foreach, por tanto lembre-se use este recurso somente com for.
Best Practices for Building Reliable APIs
Tags: webdev, api, programming, computerscience
Published: 2022-08-19 19:52:17

APIs are the backbone that your data flow relies on, so the more robust they are, the more reliable they will be.
This article discusses the best practices for building reliable APIs.
[https://api7.ai/blog/best-practices-for-building-reliable-apis-with-api-gateways/](https://api7.ai/blog/best-practices-for-building-reliable-apis-with-api-gateways/)
Add Code of Conduct Extension Now Comes with Options!
Tags: vscode, opensource, news, community
Published: 2022-08-19 19:21:00

The first update to my VS Code extension [Add Code of Conduct] is now available!

In this update, we added the ability to choose between two commonly used Codes of Conduct:

- [Contributor Covenant][Contributor Covenant] (The existing Option) 
- [Citizen Code of Conduct][Citizen Code of Conduct] (The new Option)
  

![gif of the step through process adding a CoC](https://kjaymiller.azureedge.net/media/add_covenant-2022-8-2.gif)

This opens the door to adding several options.

This also begins the conversation around what other files should be added by default and how to add them. Speaking with my wonderful colleage, [Sarah](https://twitter.com/crazy4pi314), I feel the right thing to do is to replicat this process for all of the files I think should be a standard in [making open source accessible to everyone](https://contributionswelcome.org).

That said, this extension will only handle code of conducts but there is still much to be done, like adding more options and providing a way to add defaults.

I give a few shoutouts on the [changelog](https://marketplace.visualstudio.com/items/kjaymiller.vscode-add-code-of-conduct/changelog) so check that out.


[Add Code of Conduct]: https://marketplace.visualstudio.com/items?itemName=kjaymiller.vscode-add-code-of-conduct
[Contributor Covenant]: https://contributor-covenant.org/
[Citizen Code of Conduct]: https://github.com/stumpsyn/policies/blob/master/citizen_code_of_conduct.md
"We have a problem..."👨‍🚀(python com windows)
Tags: python, windows, programming
Published: 2022-08-19 18:58:39

Esses comandos servem para você salvar tudo vez em que sentir aquela dificuldadezinha em instalar o python no seu windows 10.
1. Instalando o Chocolatey:
Vá até o Power Shell como administrador(botão direito do mouse).
```
Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://community.chocolatey.org/install.ps1'))
```
2. instalando o python com chocolatey:
Vá até o cmd (prompt de comando)

```
choco install python3 --pre
```
 Agora é só reiniciar a janela do seu projeto! e voilá!