teleren/devto huggingface dataset:
Day 34 of #100daysofcode: Bit of Groundwork
Tags: 100daysofcode, react, python, beginners
Published: 2021-12-20 22:57:08

Hey again everybody!

## Today
* LeetCode
* Advent of Code Day 10
  * Probably not going to catch up by Christmas, I still think this is really fun. I may alternate between Advent of Code and LeetCode instead of doing both
* Some FreeCodeCamp
* Setup DB (PostGres through Heroku), setup DB schema for a reminder (very tentative, unsure of how this will be structured in the end)

Towards the end of today's work, I started thinking about maybe sitting down with a sheet of paper and trying to write out everything I want to be included in this first draft of the project. 

I read some discussion on projects in general and there seemed to be this sentiment floating around: **"The only perfect code exists in projects which are perfectly understood beforehand"**

This sounds like it probably has some truth to it. I think I will sit down and spend some more time thinking about and recording what I *really* want this project to be.

## Upcoming
* Continued Leetcode practice, FreeCodeCamp progress and Advent of Code
* Continue working on Study-aid-app
  * Need to iron out how I want to handle user sessions. Considering using Google auth.
* Might return to a little Functional Programming discussion
* Later in the challenge: **Possible Android app version of Study Aid app**, AWS Deployment, AWS Certification, and Using Docker!?

### Resources
[JS Course - FreeCodeCamp](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/)
[Redux Essentials](https://redux.js.org/tutorials/essentials/part-1-overview-concepts)
[Redux Fundamentals](https://redux.js.org/tutorials/fundamentals/part-1-overview)
[Redux FAQ](https://redux.js.org/faq)
[Advent of Code](https://adventofcode.com/)

Until next time! Stay safe everyone.
Basics of Supervised VS. Unsupervised Learning
Published: 2021-12-20 22:41:40

Supervised learning by definition is machine learning using data that is labeled. But what does that mean? First you must understand that machine learning is a type of artificial intelligence that takes in historical data and allows programs to predict outcomes without being explicitly programmed to do so. For instance you can use a linear regression model to predict how well a movie will perform at the box office by inputting data from similar movies released in the past. Similarly, you can use a logistic regression model to predict the likeliness a person has a heart attack. These are powerful tools that are able to help solve a number of real world problems. 

Unsupervised learning uses similar machine learning algorithms to analyze and cluster data. These algorithms just find hidden patterns in data without the intervention of humans. These methods are used a lot in recommendation systems such as "Customers also bought this:".

The goals for each type are different as well. For supervised we can usually expect what type of results we will get and is used for predictions. While unsupervised focuses more on figuring out what is different and important in the data set.

Supervised learning can easily be done with languages like R and Python. Unsupervised problems tend to take powerful machines and need complex computations due to the size of data sets needed in order to generate good results.

So the question comes "Which learning should I use?". And while the answer can get complicated fast, it's best to first take a look at the data you are using. Is it labeled? Or do you or a colleague have the capabilities to label it? What problem are you trying to solve with the data you are using? And what algorithms would support your data?
The Weekly Dev - 202151
Published: 2021-12-20 22:28:48

---
title: The Weekly Dev - 202151
published: true
description: 
tags: 
//cover_image: https://direct_url_to_image.jpg
---

From this week, I start experimenting with a new format of weekly postings.

The aim is to provide a curated collection of links to external resources whose content is deemed to be relevant, promote discussion and culture in general. Technology as a medium is neutral by itself, it can definitely be used for good or bad, but the accent here is rather on a deliberate, constructive use of technology, enabling freedom and understanding.

https://kevwe.com/weekly/202151
Requests and Response for Beginners
Tags: webdev, beginners, javascript
Published: 2021-12-20 22:28:03

Have you asked the waiter at a restaurant to get you a dessert and they served you exactly what you wanted? Have you also asked for a Chicken-soup but got Chips instead? Well, believe it or not this is very similar to making requests and receiving responses on the web.
From the previous article we understood that we can make requests to a server via a link or a portal commonly called an **endpoint** or an **API**; the server processes this request that we have made prepares a response accordingly and passes it back to us via the endpoint, hence we can work with the response as we please.

![request](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z3w24w82m543q0ll1mjc.jpg) 
A request could be of a number of type, we have the **GET** request: this is one of the most common forms of request programmers and developers alike often use to get a resource from a server. Another type of request is the **POST** request: this is a type of request that’s most commonly used in connotation to submitting a resource or a data to the server. It instructs the server to accept and store a data from the user/sender. We have other types of requests such as “**PUT**, **DELETE**, **PATCH**, **HEAD**, **CONNECT**”. Note: all these can be more specifically termed – _http requests_.
A response on the other hand is gotten or received for the server in a number of formats, it could either be a blob, a **JSON** (JavaScript Object Notation) data etc. Now to use this response, developers usually parse the response into other usable format (by default the browser returns a response in a format that is not readily usable), example the JSON format. It is always important to parse a response for the above reason.

![bad-request](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c1zh846kwcv6rotnic7b.jpg)
Note that, valid requests to a server via its endpoint leads to a successful or complete response. When you make an invalid request, the server could flag it as a bad request and reject, throwing an http status code to further explain the nature of that request.

Having understood what requests are, we can now see how it relates to responses and how the server reacts to this via its endpoint or API. This is an interesting way to understand the concept of request and response which are also one of the core foundations of web development we should all understand. More interesting articles like this are available.
Value objects e DDD
Tags: webdev, programming, api, design
Published: 2021-12-20 22:07:17

Domain-Driven Design é uma metodologia de desenvolvimento de software que enfatiza a importância dos domínios para fornecer sistemas mais bem projetados e holísticos. O coração do Domain-Driven Design é a ideia de criar e trabalhar com \"modelos de domínio\". Um modelo de domínio é uma representação orientada a objetos de um domínio do mundo real. Um conceito chave no Domain-Driven Design é a ideia de um objeto de valor. Um objeto de valor é um objeto que representa um valor em vez de uma entidade ou uma coleção de entidades. Por exemplo, em um aplicativo de varejo, o objeto que representa a compra de um cliente pode ser um objeto de valor. Há vários benefícios de usar objetos de valor em seus modelos de domínio. Primeiro, os objetos de valor ajudam a simplificar seu modelo de domínio. Eles fornecem uma maneira mais compacta de representar dados e podem ajudar a reduzir a complexidade do seu código. Em segundo lugar, ao representar valores em vez de entidades ou coleções de entidades, os objetos de valor ajudam você a se concentrar nos aspectos importantes do seu domínio. Terceiro, os objetos de valor podem ajudá-lo a impor regras e invariantes de negócios. Por fim, os objetos de valor podem ajudar você a otimizar o desempenho e manutenção do seu sistema. Há algumas coisas a serem lembradas ao trabalhar com objetos de valor. 

Primeiro, você precisa ter certeza de que seus objetos de valor são imutáveis. Isso ajuda a garantir que sejam thread-safe e que seu estado seja sempre consistente. 

Em segundo lugar, você precisa ter certeza de que seus objetos de valor são serializáveis. Isso permite que eles sejam transmitidos entre diferentes partes do seu sistema sem problemas.

Tipos primitivos são a base da maioria das linguagens de programação. No entanto, os tipos personalizados podem fornecer mais funcionalidade e ser mais expressivos. Em PHP, o tipo primitivo string pode ser usado para representar um CPF, no entanto pode ser substituído pelo Value object "CpfValueObject". O objeto de valor CpfValueObject  pode incluir recursos que não estão disponíveis com o tipo string. Por exemplo, o tipo CpfValueObject pode incluir um método para retornar o valor absoluto do cpf com ou sem os caracteres especiais dependendo da regra de negócio que seu domínio requer. Outra vantagem de usar objetos de valor é que ele pode tornar o código mais legível. Por exemplo abaixo um objeto de valor
cpf de um domínio User/

```
<?php
 
namespace App\Users\ValueObjects;
 
use Stringable;
 
class Cpf implements Stringable
{
   private string $cpf;
 
   public function __construct(string $cpf)
   {
       $this->setNumber($cpf);
   }
 
   private function setNumber(string $cpf): void
   {
      $opcoes = [
           'options' => [
               'regexp' => '/\d{3}\.\d{3}\.d{3}\-\d{2}/'
           ]
       ];
 
       if(filter_var($cpf, FILTER_VALIDATE_REGEXP, $opcoes) === false) {
           throw new \InvalidArgumentException('CPF inválido');
       }
 
       $this->cpf = $cpf;
   }
 
   public function __toString(): string
   {
       return $this->cpf;
   }
}

```
CodePen Home
personal_portfolio_codecamp_web_proj_5
Tags: css, javascript, webdev, programming
Published: 2021-12-20 22:03:51

Done with Responsive Web Design Project Build a Personal Portfolio Webpage by [freecodecamp.org](https://www.freecodecamp.org/) .

github link : [github.com/technicalAmanjeet](https://github.com/TechnicalAmanjeet)

{% codepen https://codepen.io/TechnicalAmanjeet/pen/rNGzOjq %}
day 4 of #100DaysOfCode, more flexbox
Tags: css, beginners, webdev, codenewbie
Published: 2021-12-20 21:57:42

today's article is going to be really quick and short, as i haven't really dedicated much time to work on the challenge, i carried on some more checking and reading articles from [MDN](https://developer.mozilla.org/), and other resources provided by TOP's curriculum, i was assigned by my professor to make a presentation for tomorrow, about the JWT(JsonWebToken), which is a pretty advanced concept if you're still considering yourself as a beginner, i advise you not to look into it, if you are still in the early stages of your path, but don't worry we will all get there with time, my day basically consisted of working on the project assigned to our class, which requires us to create a todo list using native nodejs and connect it to a mysql database, again i do not advise you to look into this just yet, avoid the same mistakes i made and stay on your path, always remembering that consistency is key and compare yourself to who you were when you first started or at least ask yourself everyday how did i improve from who i was yesterday, most of my day went into doing research for the presentation i have for tomorrow, i haven't finished yet, but i decided to take a break and write this short article.

i was also able to sneak a small hour into practicing my front-end skills, carrying on playing some other chapters from the game i started yesterday, flexbox zombies, which is available on [mastery](https://mastery.games/), you do need to create an account in order to start playing, i'm not sure if i could count the time spent playing into the challenge but i do feel like it was a better practice for sharpening my flex skills, upcoming on top's curriculum is a landing page project, with no hand holding from the foundation course, i'm pretty excited about it and can't wait to report the progress to be made, until then Happy Coding!
I'm setting a year-end contributor goal for Owncast!
Tags: javascript, streaming, web, react
Published: 2021-12-20 21:35:47

---
title: I'm setting a year-end contributor goal for Owncast!
published: true
description: I'm looking to have three new people contribute to Owncast, the streaming video and chat server, by the end of the year. I'd love you to be one of them.
tags: javascript,streaming,web,react
cover_image: https://owncast.online/images/owncast-splash.png
---

## What is this about?

Many people find around the end of the year to have some spare moments to spread their wings and experiment with things outside of work. So I'm issuing a challenge to myself to reach out to these people and get **three** new people to contribute to Owncast, the self-hosted, free and open source live video and chat server, before the end of the year.

Each person that contributes to a project, even once, injects their ideas, approaches, energy and personality into it, leaving it better than when they found it. But I understand it's often daunting to step into something new, and a formal invitation is sometimes helpful. This is your invite.

## What is Owncast?

Owncast is a 100% free and open source piece of software you can get up and running in [about a minute](https://owncast.online/quickstart/installer/) to host your own live streams in a similar style to Twitch or YouTube Live. It's been steadily growing for the past year and you can read more about it, as well see a list of other contributors, at [owncast.online](https://owncast.online).

## What can you help with?

Owncast is a React frontend project with a Go backend. In general fewer people have been contributing to Owncast on the frontend, so I'm reaching out to you frontend people especially! If you're comfortable with React-powered projects we'd love to have you jump in on something. Either from our list of ["good first issues"](https://github.com/owncast/owncast/issues?q=is%3Aissue+is%3Aopen+label%3A%22good+first+issue%22+-label%3Ahack+-label%3Abacklog), the [list of bugs](https://github.com/owncast/owncast/issues?q=is%3Aopen+is%3Aissue+label%3A%22bug%22+label%3A%22Web+frontend%22+), or something new that you think could be improved.

## Where to begin?

Feel free to reach out to me directly and say hello via email at gabek@real-ity.com. You can also find me on [the Fediverse](https://mastodon.social/@gabek), message me here on Dev, or join the [Owncast project chat](https://owncast.rocket.chat/) where we hang out.

More than anything it's awesome to meet new people, and I'd love to hear what your interests are and see where there might be some overlap, for as long or as short of a time as you like. I look forward to meeting you!
A Colossal CSS Art!
Tags: showdev, css, html, webdev
Published: 2021-12-20 21:13:46

Here I am with another CSS Art. I am back to my favorite Anime (Attack On Titan) to draw:

A CSS-only Colossal Titan!

{% codepen https://codepen.io/t_afif/pen/wvreKjm %}

In case you are not familiar with the Anime, here is an overview of the character:


![Colossal Titan](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ic06xt19nzcm5s38q9ms.jpg)

I am still missing a few details and I will probably release a better version in the future 😉

----

This time I did a better organization for the main colors so I can easily adjust them. 

Below an interactive demo if you want to update the colors. Share your version in the comment section 👇 

{% codepen https://codepen.io/t_afif/pen/VwMzLGR %}

It's also on Twitter if you want to spread the word 📯

{% twitter 1472891196615892994 %}

----

**Someone**: Where are all the cool tutorials and useful collections? 🤔

**Me**: A lot of great content will come soon and a heavy CSS collection is in progress as well 🤫

![Stay Tuned](https://media.giphy.com/media/jaXDDTuKmeJvwI56kV/giphy.gif)

----

### <center>You want to support me?</center>

[![buy me a coffee](https://cdn.buymeacoffee.com/buttons/default-orange.png)](https://www.buymeacoffee.com/afif)

<center>**OR**</center>

[![Become a patron](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/db3jtgy2i5l4w8slkps5.png)](https://www.patreon.com/temani)
Some Topic of Javascrips
Published: 2021-12-20 20:57:42

About bind, call and apply,

Bind returns a new function and allows passing in an array and any number of arguments.

Call invokes the function and allows passing in arguments one by one.

Apply invokes the function and allows  passing in arguments as an array.

About DOM,
The Document Object Model (DOM) is a programming interface for web documents. It is representing the page so that programs can change the document structure, style, and content. The DOM represents the document as nodes and objects.


JavaScript scope, Block scope, and global scope
Scope specifies the accessibility of variables.

Block scope: ES6 introduced two  JavaScript keywords: let and const. These two keywords provide Block Scope in JavaScript. 

Global scope: Variables declared Globally outside any function have Global Scope.
Global variables can be accessed from anywhere in js.


About API, GET & POST,
An application programming interface (API) is a connection between computers or between computer programs.

GET:
It is very easy to bookmark data using the GET method.
The length restriction of the GET method is limited.
You can use this method only to retrieve data from the address bar in the browser.
This method enables you to easily store the data.

POST:
POST method request gets input from the request body and query string.
Data passed using the POST method will not be visible in query parameters in the browser URL.
parameters of POST methods are not saved in browser history.
There is no restriction in sending the length of data.



About Cookies and Uses,
Cookies are files that hold information about the user, user’s  web browser and user’s  behavior on the internet.
Use cookies,
To be able to answer questions and inform you about new or changed services,
To send promotional offers such as newsletters and catalogs,
To inform winners of online contests,
To analyze the information so we can send you relevant marketing offers and information,
To send you surveys that give you the ability to influence supply and services
Can You Know About SolverJs
Tags: javascript, node, webdev, npm
Published: 2021-12-20 20:57:05

With web application all the time we face many problems to implement some logic, but in logic, we want some common mathematical applications like GCD, sum of all digits and this makes our implementation more complex hence If you want all these common math problems solved, then you can use solverjs. SolverJS are a combination of many common mathematical and some very used logic solutions.

Know More: https://solverjs.ml/
ASMR Game Coding 🕹️ in Python [ Atari : Missile Command 🚀 ]
Tags: python, productivity, gamedev, programming
Published: 2021-12-20 20:43:32

Missile command 🚀 was the first game I've ever played in my life.
This was in 1989 on Atari 800XL home computer my father bought the same year.

*Atari* 当たり [hiragana: アタリ] in Japanese means: 
"Hit" , "strike" or "to be right".

The game was on a cartridge (I'm sure today's kids don't know what is a cartridge), I put it in the slot, and boom the game is on the TV ready to be played.
This is an attempt to recreate the game after 32 years using Python programming language.
This was not easy to recreate and I had to look up a lot of the logic on internet.

**Story**

You are the local Missile Commander for the Missile Intercept Launch Function.

You are responsible for the safety of millions of citizens in six nearby cities. Nuclear war has just broken out. Wave after wave of nuclear warheads have been detected re-entering the atmostphere in your zone of control.

All that stands between the last remaining citizens of your country and a fireball of death are your lightning reflexes and sharp-shooting aim.

And here is the link to the video:

{% youtube y447GHeZgGM  %}

Thank you for reading (and maybe watching 😉)
Social Media  
----------------------
Facebook : https://www.facebook.com/bekbrace​​​​ 
Twitter : https://twitter.com/BekBrace
Instagram : https://www.instagram.com/bek_brace/
DEV profile : https://dev.to/bekbrace​​​​
GitHub profile : https://github.com/BekBrace​​​
Shooting Bullets in JavaScript - Game Dev
Tags: javascript, gamedev, tutorial, webdev
Published: 2021-12-20 20:39:42

In this exciting video we are going to learn how to shoot bullets in a 2D game using JavaScript and a HTML canvas. We will code everything from scratch starting with a blank canvas. The bullet engine that we are going to build will be highly configurable. That means you can change the speed, damage amount and even limit the number of bullets that are fired at a time.

If you enjoy this tutorial please subscribe , like and share.

{% youtube i7FzA4NavDs %}
What is the On-page SEO?
Published: 2021-12-20 20:35:54

In On-page [SEO](https://www.searchenginebank.com/optimization/) we optimize the webpage for search engines and users. So that easily analyze and crawl in better way.
Example: 

1. Meta title
2. Meta Description
3. heading tags(h1,h2..h6)
4. internal linking
5. external links
6. alt tag
7. og:title
8. og:description
9. webpage speed
10. mobile friendly
11. desktop friendly
12. user friendly
13. social icons
14. schemas

**If you want to digital marketing and website development service then visit on website:** [Searchenginebank.com](https://www.searchenginebank.com/)
How to Podcast Cover Design ?
Tags: podcastcover, podcast, cover, design
Published: 2022-08-14 02:53:31

---
title: How to Podcast Cover Design ?
published: true
date: 2021-12-20 20:20:59 UTC
tags: podcastcover,podcast,cover,design
canonical_url: 
---

### How to Podcast Cover Design ?

Everything is ok, you have made the recordings, you have uploaded your podcast, but how will you design the Podcast cover that describes you?

There are many methods for this, of course, but you need to find the one that suits you. After all, you are not a designer and you want a Podcast cover design that tells you quickly.

You can get ready-made templates from some sites, but they may not be suitable for you and are very less in terms of variety. For some, the learning threshold can be difficult 😅

I’m going to tell you about the big bundle Podcast Cover Templates . With the largest bundle you’ve ever seen, you’ll be able to solve multiple problems at once.

![](https://cdn-images-1.medium.com/max/1024/0*0GAArfI69ROcC_Xb)
_All in one Template For Podcasters_

You can review the Free Sample file for a discount. Especially the one for Figma is very useful and easy. You can edit Cover Design, Instagram and Youtube Thumbnail in one go.

![](https://cdn-images-1.medium.com/max/794/1*0uIZpT356MhgcpsbCawGMA.gif)
_Podcast Cover Template_

This feature is only valid for Figma file.

> I also added an extra video on how to do it in figma. Actually, if you look at this video, **you can design not only 101 but also unlimited.**

{% youtube K1SDKNUQfxA %}

> 101 Adet Podcast Cover Templates  
> 101 Adet Instagram Posts  
> 101 Adet Youtube Thumbnails

![](https://cdn-images-1.medium.com/max/474/1*dmBfp8PXWq37L6-qPHHP2Q.png)
_www.podcastcover.info_

You can view the site now 😊

[https://podcastcover.info/](https://podcastcover.info/)