teleren/devto huggingface dataset:
Having fun creating Ugly Christmas Sweaters with SVGs this Winter

Tags: javascript, css, html, webdev
Published: 2020-12-28 20:25:07

I have been wanting to share this for a while now. I must do it now. Waiting longer or waiting till it is nearly perfect might be a mistake, especially in this tech industry anyways. So let me just go ahead and share what I currently have via this [CodePen](https://codepen.io/ytrkptl/pen/OJRxWmZ). There is probably a lot that can be improved but hey, I am just doing this for fun!

Below is a short summary of my journey with these sweaters so far.

## How I started

I started creating these using polygons, and no curves at all. So I had something crappy at first, like the following:

![Ugly Christmas Sweater made with polygons](https://dev-to-uploads.s3.amazonaws.com/i/d6caj6m54fhjw44el08b.png)

## What I had after fooling with Quadratic Curves

I needed some curved lines and came across Quadratic Curves and started to modify the code accordingly. Here is what I had then:

![Sweater 1 with curves](https://dev-to-uploads.s3.amazonaws.com/i/wypo5901qtqocythjdxn.png)

## What I have after incorporating SVG patterns

Later, I realized that I could use SVG patterns to draw the zigzag lines as a background to fill the entire sweater instead. So here is what I have now:

![Sweater 2 with curves and SVG patterns](https://dev-to-uploads.s3.amazonaws.com/i/3c5nl4qhuj9zbgu69clx.png)

## Conclusion

Using Quadratic Curves improved the quality of my canvas drawing a ton. I also realized that it is possible to use SVG patterns to create the zigzag background I was hoping to create. It was much harder or maybe inefficient with the "for-loops" I was originally using. Either ways, I have left both of them in there to fool with later on.

I hope you enjoy recreating some sweaters and keep doing so until you find the one you like. Feel free to share a picture of the one it made for you if you'd like 😉. At last, Stay Warm, Happy Holidays, and Happy New Year 🎉!

## Credits

1. [Patterns on MDN](https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Patterns)

2. [Geoff Graham's article on CSS Tricks](https://css-tricks.com/snippets/svg/svg-patterns/)
A student of Http5 and CSS3
Published: 2020-12-28 20:18:29

  In this digital era people want to build their business online so I trusted online business and enroll in an online tutorial I learned all the content and absorb it teaching and i did the exam and I get 88% percent in the assessment.
   After completing the exam and received my certificate in Https and CSS3 I didn't have a computer and  that was a major setback that makes me think when I will have a computer and build my first job as developer.
   Despite I go to cyber cafe to use their computer which they normally supervise people what to do and not because of Internet so I use notepad to create web page using Internet explorer.
    For those who are expert in Dev community do you see me as website developer in the future as full time job?
Strong named assemblies — To sign or not to sign?
Tags: csharp, dotnet
Published: 2020-12-28 20:16:00

Should you sign your .NET assemblies or not? That is the question.

According to the Betteridge’s law of headlines the answer should be no. Unfortunately you’re going to have to decide for yourself.

I gathered some info and made a decision accordingly. Time has passed and I do not regret my decision.

Here’s the data:

- Do not rely on strong names for security. They provide a unique identity only.

- You can use different versions of the same assembly.

- Tampering with strongly signed assembly is possible. Since .NET 3.5 can be bypassed, because it was slow. [[link]](https://stackoverflow.com/questions/53116713/do-strong-named-assemblies-in-net-ensure-the-code-wasnt-tampered-with)

- Strong naming is probably causing the issue we had with app.config [[link]](https://docs.microsoft.com/en-us/dotnet/standard/library-guidance/strong-naming)

- Strong named assembly can only reference other strong named assemblies [[link]](https://docs.microsoft.com/en-us/dotnet/standard/assembly/strong-named)

- Vladimir Khorikov doesn't sign his libs, since no one is doing it anymore [[link]](https://github.com/vkhorikov/CSharpFunctionalExtensions/issues/48#issuecomment-576410858)

- According to Microsoft, you should strong sign your dlls [[link]](https://github.com/dotnet/docs/issues/13228#issuecomment-522776614)

- This thing exists: strong namer – sign dlls which are not signed [[link]](https://github.com/dsplaisted/strongnamer#strong-namer)

- NewtonSoft.Json, Serilog, TwinCAT.Ads - signed

- Interesting blog posts[https://jbp.dev/blog/signing-net.html](https://jbp.dev/blog/signing-net.html)

- This guy changed his mind
  - March 2016 [Still Strong-Naming your Assemblies? You do know 's 2016, right?](https://www.pedrolamas.com/2016/03/01/still-strong-naming-your-assemblies-you-do-know-its-2016-right/)
  - September 2018 [Start Strong-Naming your Assemblies!](https://www.pedrolamas.com/2018/09/11/start-strong-naming-your-assemblies/)

- _To those still skeptical of strong-naming their assemblies, I propose a compromise solution: do strong-name your assemblies, but only increment the assembly version for major releases! Json.NET has been using this approach to avoid binding redirects since 2014, and as far as I can tell, with relative success!_

- This git diff [https://github.com/dotnet/corefx/pull/33784/files#](https://github.com/dotnet/corefx/pull/33784/files#)

## Conclusion

Microsoft recommends to sign assemblies; critical libraries are signed as well. We want to ensure that specific versions will always work with each other. We should also able to sign dlls which are not signed by default. Therefore, I recommend to **use strong naming.**
Cómo colaborar en un proyecto con Git sin romper todo
Tags: github, tutorial, herramientasmoyconvenientes
Published: 2020-12-28 20:02:12

Hola! Este es mi primer #post y si estás aprendiendo GIT, esta info te va a servir. 

Cuando tengas que trabajar en equipo, te vas a encontrar seguramente con GITHUB 🙄 y tal vez, te pase como a mi, que en mi primera colaboración borre el trabajo de mi colega...pero de los errores se aprende, así que vamos con esta guía rápida y básica 🚨 para que no te pase lo mismo 

##GUIA de trabajo paso a paso ❤️

- Fork del repositorio
- Clonar el repositorio
- Actualizar la rama main
- Crear una rama
- Ver donde estas parado
- Hacer los cambios
- Agregar los archivos para commitear
- Crear commit con comentario
- Enviar commit a la rama remota
- Si es el primer commit a enviar pushear al origen
- Actualizar branch/rama con main
- Mergear branch/rama a main
- Hacer un Pull Request

##Fork del repositorio ✋
El primer paso SI O SI, es hacer "Fork" del repositorio.

##Clonar el repositorio
Después de tener el repositorio en nuestra cuenta, seleccionar la dirección del repositorio "SSH o HTTP" y clonar:

`$ git clone https://github.com/User/NombreRepo.git`

🍾 Dentro de la carpeta que genera, *comprobar la URL del repositorio:*

`$ git remote -v`

Antes de realizar modificaciones agregar la URL del repositorio original del proyecto:

`$ git remote add upstream https://github.com/User/RepoOriginal(Forkeado)`

##Comprobar

`$ git remote -v`

##Actualizar la rama Main

Antes de empezar a trabajar, obtener los últimos cambios del repositorio original:

`$ git pull -r upstream main`

##Crear una rama nueva
pararse en main actualizar rama con origen remoto: `git pull`
crear branch con nombre `tiger-xx: git checkout -b "tiger-xx"`

##Ver donde estas parado
`git status`

##Hacer los cambios:
Agregar archivos para commitear
`git add` . o `git add [nombre archivo]`

##rear commit con comentario

(siempre poniendo primero el nombre del branch) `git commit -m "proyecto bla bla y actualizacion de bla bla`

##Enviar commit a la rama remota
(para que quede actualizado) `git push`

Si es el primer commit a enviar pushear al origen
`$ git push origin feature-nombre-rama`

##Actualizar branch-rama con main

(siempre antes de mergear a master primero actualizar la rama con main, para resolver conflictos en rama y NO en main) 🤬 Aquí cometí errores cuando recién empecé... 

##Pararse en rama: 
`git pull origin main`

##Mergear branch-rama a main

Pararse en main y traer la rama (previamente actualizada con main): `git pull origin tiger-xx`

##Hacer un pull request

- Hacer clic en "Compare & Pull Request"
- Escribir cambios del Pull Request.
- Si todo está bien, enviar con el botón "Send Pull Request".
- Esperar a que el titular del repositorio lo revise, acepte y mezcle en la rama correspondiente.
I don't know everything, but I'm helping others with what I do know
Tags: learntocode, flatironschool
Published: 2020-12-28 19:41:35

The surest way to know that I'm learning to code is having the ability to help others when they get stuck. I'm in a Slack group with other Flatiron School students and was able to help another with something I recently completed.
![screenshot of slack interface where a user types "Thank you, Zed!"](https://dev-to-uploads.s3.amazonaws.com/i/bl6mdj3jqrxvjb2lnv60.png)
Top 8 APIs for making a project in 2021
Tags: beginners, webdev, javascript, tutorial
Published: 2020-12-28 19:31:56

Want to make a project for your portfolio or maybe a side project but don't know where to start?

**In this video I'll show you 8 really cool APIs** and give some of my own ideas for how to use each of them in a unique project that will catch people's attention. 

If you need some inspiration to start a new project in 2021 be sure to watch
{% youtube 3ZRBDIA8C6E %}

1. Printful - Lets you upload designs, preview items, and then order almost any type of merchandise via API. Printful handles shipping and manufacturing

2. Mux Video- Handles all the complexity of working with video, just upload the file and Mux creates multiple versions of it and pushes to a CDN. Also supports live streaming

3. Lob - Lets you send postcards, letters, checks, and more with a few lines of code

4. Twilio - Already well known for SMS, but they've expanded their product range a ton and have a bunch of new features to play around with

5. Plaid - Makes it easy to connect to users bank accounts and takes care of security and regulations

6. Google Cloud AI - Could have put a few different companies here but I like Google's AI APIs because they give you $300 in free credit, plus most people already have a Google account so sign up is easy

7. Coinbase - Free public API for real time crypto price data via websocket, also historical data. With an account you can place orders if you wanted to make a trading bot

8. Open Secrets - Provides data on pretty much any politicians in Congress, voting records, fundraising, and lobbying
My learning from a ML course 
Tags: machinelearning
Published: 2020-12-26 13:56:14

I am following this course and these notes are some of the main points that i think are important . Please refer to this course by Andrew NG on coursera 
https://www.coursera.org/learn/machine-learning/home/welcome

-------
what is machine learning ?

a computer program is said to learn from experience E with respect to some task T and some performance measure P, if its performance on T, as measured by P, improves with experience E.

Example :- 
https://www.coursera.org/learn/machine-learning/lecture/Ujm7v?t=157

`Let's say your email program watches which emails you do or do not mark as spam. So in an email client like this, you might click the Spam button to report some email as spam but not other emails. And based on which emails you mark as spam, say your email program learns better how to filter spam email. What is the task T in this setting?`


-------------------------
Types of Learning Algorithms 
There are two types of learning algorithm 
1. supervised learning 
2. unsupervised learning

---------------------------
<b>Supervised Learning</b>
Informal definition 
Supervised Learning refers to the fact that we gave the algorithm a data set in which the, called, "right answers" were given.The task of the algorithm was to just produce more of these right answers

In supervised learning, we are given a data set and already know what our correct output should look like, having the idea that there is a relationship between the input and the output.

Supervised learning further has 2 types 
- Regression (continuous)
- Classification (discrete)

Predicting the price of the house from a historical set of data is a continuous value output . This type of supervised learning is called **Regression**
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ggwwcijwvod7wv9fl9g3.png)
`Note: the blue and the pink line are two different predicting algorithms`

**Classification** problem where the goal is to predict a discrete value output. like classifying whether a given tumor is malignant or benign
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/awo88l6jxqppnsgf8i6c.png)
`Note: classification can be dependent on more than one feature.For example a tumor can be predicted as benign or malignant on the basis of age, tumor size , clump of thickness etc etc .`

Question
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/gmgzena4i4ezyaorhzwx.png)
----------------------
**Unsupervised learning**
Unsupervised learning defines two or more clusters. Video explaining Unsupervised learning https://www.coursera.org/learn/machine-learning/lecture/olRZo/unsupervised-learning

Question
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/3y2f1q8s651eda9rjqve.png)
Writing a chainable CLI For Data Processing
Tags: python, productivity, datascience
Published: 2020-12-28 19:27:42

![Pandas CLI](https://dev-to-uploads.s3.amazonaws.com/i/nu0ipu4ly1h13k4txi1m.gif)


Although some complex datasets or data exploratory require going to Jupyter notebooks, on the other hand, some datasets require simple processing like simple filtering, creating a pivot table.

So you probably end up opening it in a spreadsheet. However if spreadsheets are accommodating, they are difficult to automate and do not offer as many features as pandas.

Find out [in this tutorial](https://medium.com/swlh/start-using-pandas-from-the-command-line-5dcae6b2ccca) how to write a command-line interface to wrap some pandas features and automate simple tasks.
Desplegando aplicaciones React en Netlify  
Tags: react, netlify
Published: 2020-12-28 19:24:50

En primer lugar, debemos crear nuestra aplicación en nuestro ambiente local, para esto utilizaremos [Create React App](https://github.com/facebook/create-react-app).

La aplicación que vamos a desplegar en Netlify se llamará **hello-react**, por lo tanto el comando que ejecutamos es: 

```
npx create-react-app hello-react
```
Este comando crea una aplicación básica en React configurando nuestro ambiente para facilitar nuestra experiencia de desarrollo.

El resultado de la ejecución del comando es el siguiente:

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

Una vez generado nuestro código base, lo que debemos hacer es subir nuestro código a GitHub.

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

En palabras simples, Netlify nos permite publicar nuestros sitios web estáticos de una manera rápida y simple. 

Ingresamos con nuestra cuenta de GitHub y en el menú principal creamos un nuevo sitio. 

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

Luego seleccionamos GitHub como el origen de nuestro código fuente. 

En este paso podremos ver todos los proyectos que tenemos en GitHub, en mi caso buscaré mi proyecto cuyo repositorio se llama **hello-react**.

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

Finalmente, podemos configurar las opciones del despliegue. Esto dependerá de las configuraciones que tengamos en nuestro archivo `package.json`. En mi caso dejaré la configuración por defecto. 

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

Netlify nos da un dominio donde podremos visitar nuestra aplicación de manera pública y gratis. Para finalizar solamente nos queda seleccionar la opción **Deploy Site** y esperar a que finalice el despliegue, lo cual tardará algunos segundos. 

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

Listo! Ya hemos desplegado nuestra aplicación desarrollada con React en Netlify.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/rggpbs5vqkwv1tj2ov9m.png)
A Simple Boilerplate for React.js Projects
Tags: react, javascript, saas, webdev
Published: 2020-12-28 18:42:38

# Brief description
This boilerplate focuses on simplicity, speed and ability to choose a structure that fit your project, maybe you won't need if its a simple portfolio for example. This is a simple boilerplate for React.js projects with no specific structure, if you want a structured react boilerplate using typescript, i wrote a complete article about it https://bit.ly/2Mib1yJ


## Files structure
![files](https://dev-to-uploads.s3.amazonaws.com/i/zh60liai6eqqc90kzyyo.PNG)

#### Git clone: https://github.com/axibord/react-webpack-template

## Supported features
* Sass/Scss compilation and normal css is supported without any configuration (make sure to have local compiler for Sass on your computer)
* The amazing TailwindcssV2 pre-configured with Postcss
* Eslint with strict Airbnb style to enforce consistency and clean code
* Code formatting using prettier
* Using cutting edge Webpack 5 to compile everything

> To run a build for **production** with minimal bundle size make sure to follow the steps in the repository.

Feel free to `git clone ` the repository, play with it and tell me what you think and what need to be improved/added, make a pull request or reach out to me and have a discussion.

If you find this helpful, please follow my Twitter [profile](https://twitter.com/Axibord1)

---
The beginning #Day2
Published: 2020-12-28 18:30:12

#Day2
Hi,
So, as I started 100 days of code, a person suggested me "The Odin Project". I was very excited and checked it out. It was an awesome website. This site provides step by step procedure for becoming a full stack developer. 
Through this site, I've learn-
- How to stop procastination
- What to do when you struck at a problem while coding.
- How internet works.
- How to be focused and motivated while coding.
And by checking out this site. I've got some other useful links too...
5 GitHub Repos for creating Resumes
Tags: github, career, resume, tips
Published: 2020-12-28 18:06:28

---
title:5 GitHub Repos for creating Resumes
published: true
description: GitHub repo to create professional resumes
tags: #github,#career #resume #tips
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/zurbz3y3v8zt43lfa134.png
---

There is a chapter in the book [Soft Skills: The software developer's life manual](https://www.amazon.in/Soft-Skills-software-developers-manual/dp/1617292397) which says a resume is like an advertising brochure. The advertisement is trying to get a hiring manager to fork over $60,000, $80,000, or more to rent a software developer for a year. And most cases our resumes are not up to the mark as we are not professional resume writers.


> Why write a resume when we can code it. 

I have curated five fantastic Github repositories that can be modified easily to create your Resume/CV.


## 1. salomonelli/best-resume-ever

GitHub stars: 89,300
[Link](https://github.com/salomonelli/best-resume-ever )

👔 💼 Build fast 🚀 and easy multiple beautiful resumes and create your best CV ever! Made with Vue and LESS

## 2. sharu725/online-cv

GitHub stars: 1512
[Link](https://github.com/sharu725/online-cv)

It's A minimal Jekyll Theme to host your resume (CV). Edit `data.yml`  and add your information. it can be hosted easily on Github pages / Netlify.


## 3. jsonresume/resume-cli

GitHub stars: 3680
[Link](https://github.com/jsonresume/resume-cli)

[JSON Resume](https://jsonresume.org/) is a community-driven open-source initiative to create a JSON-based standard for resumes. The advantage here is that once a JSON is created we can any theme from over 250+ packages listed on npm.



## 4. WebPraktikos/universal-resume

GitHub stars: 1300
[Link](https://github.com/WebPraktikos/universal-resume)

Minimal and formal résumé (CV) website template for print, mobile, and desktop. It's built with amazing Tailwind CSS.


## 5. elipapa/markdown-cv

GitHub stars: 672
[Link](https://github.com/elipapa/markdown-cv)

It's a simple template to write your CV in a readable markdown file and use CSS to publish/print it.

##Tips 

* Check the forks of the repo, to see how other developers have used the template to create their resumes.

* Host your resume on Github Pages

* When a resume is created in Jekyll, It a little difficult to create a pdf of resume. use [www.sejda.com/html-to-pdf](https://www.sejda.com/html-to-pdf) to convert HTML to PDF without any watermark.
Splash Image Mask using Html CSS
Tags: html, css, codenewbie, codenpen
Published: 2020-12-28 17:49:38

Splash Image Mask using Html CSS { Advance CSS }

demo ==> https://codepen.io/Bilal1909/full/oNxjogy

<img src="https://i.postimg.cc/zvr0ZcTS/screenshot-codepen-io-2020-12-28-22-46-53-420.png">
Autocompletion globally installed OpenCV with PyCharm
Tags: python, opencv, pycharm
Published: 2020-12-28 17:19:43

---
title: Autocompletion globally installed OpenCV with PyCharm
published: true
description: 
tags: python, opencv, pycharm
cover_image: https://pyimagesearch.com/wp-content/uploads/2015/03/pycharm_opencv_logos.jpg
---

## Intro

For a long time I was a user of the [virtualenv](https://virtualenv.pypa.io/en/latest/) module. But ever since I learned about the standard module [venv](https://docs.python.org/3/tutorial/venv.html) I became a devotee.

For starters it comes bundled with python (or by installing the `python3-venv` package). It's also more predictable than virtualenv since you don't need to mess with your `.{bash/zsh/fish}rc` files and it's generally installed under your project's root dir.

But there's one exception for using locally installed packages, and it's packages that need to be built on your machine. OpenCV is one of them. You can install a pre-built one using `pip install opencv-python-contrib` but it won't take advantage of your shiny new GPU.

## OpenCV

Building OpenCV is a whole topic on itself but assuming you did all the steps (`cmake + infinite flags / sudo make install`) it'll be installed on your machine globally (on `/usr/lib`).

To use it locally on a `venv` isolated environment, you have to use the following flag:

```shell
python -mvenv --system-site-packages venv 
```

The `--system-site-packages` flag creates a local environment but includes all the globally installed modules.

Just for completion sake, don't forget to active the environment:

```shell
source venv/bin/activate
```

## PyCharm

Now if you use PyCharm and would love to see the autocompletion work with your just installed OpenCV there's one extra step.

First of all, tell PyCharm to use your venv by going to `Settings -> Python Interpreter -> "cog" button -> Add -> Existing environment`.

_(If you create your venv first and then open the directory on PyCharm, it'll autodetect it)_

But by default PyCharm won't find the `.so` built for OpenCV. You have to tell it where it is.

To find where yours was installed you can use the `find` tool:

```shell
find /usr -name cv2\*so
```

Mine was found under `/usr/lib/python3/dist-packages/cv2/python-3.8/cv2.cpython-38-x86_64-linux-gnu.so`

Now you get back to the interpreter settings (`Settings -> Python Interpreter -> "cog" button -> Show all`), select the interpreter for your project, click on the toolbar's last button (`Show paths for the selected interpreter`) and add the above directory removing your `*.so` file name:

![Show paths for the selected interpreter](https://dev-to-uploads.s3.amazonaws.com/i/rkajktmxuejw9ur1hx0e.png)

After this last extra step autocomplete should work like a charm (oops...).

Happy coding!