teleren/devto huggingface dataset:
FEEDBACK REQUESTED: We're building a way to understand your internet self
Tags: machinelearning, webdev, showdev, discuss
Published: 2021-10-07 23:26:58

Hey Everyone! I've recently started working on a new project with a good friend of mine, and we're hoping to get some feedback.

The **landing page** is here: www.montfor.com

The **problem** we're trying to solve: You browse hundreds of websites daily, every day. And yet if you want to look at your history in a *comprehensible* way, it's really hard. I learn a ton of stuff online (blogposts, articles, tweets, youtube videos, etc...) and yet I have no overview of what I've learned when/where. I'd love to have that kind of organization, and that's what we're trying to build.

The long term **vision**: Long-term, we want to not only give you awesome visualizations and ways to organize and review your activity, but also offer a way to help self-learners prove what they learn online. Currently if you learn topics on your own outside of university or the like you get no proof, no certificate, no nothing. We're hoping we can change that, and provide our own certificate that states person X has spent ZZZ active hours on topic Y, and is therefore an expert in it and a  top candidate.

The **revenue** model: We're unsure about this yet, but we have a few ideas. We could either connect our users with companies and offer them interviews, receiving a hiring commission in the process (these are generally really high, but it's a big hassle to act as a hiring agency). We could also provide content recommendations á la youtube homepage or instagram explore (should be good since they're based on your activity) where we sprinkle ads in, or just make the software paid. Suggestions welcome! What we never want to do is sell users data (I'm personally huge advocate against that).

Since we're really early stage, we'd love to have some feedback! Give me your worst :P
{Insert Hacktoberfest 2021-Related Title Here}
Tags: hacktoberfest
Published: 2021-10-07 23:24:54

<!-- ✨This template is only meant to get your ideas going, so please feel free to write your own title, structure, and words! ✨ -->


### [Intro Heading]
<!-- If you are new to the DEV community, introduce yourself and share a bit about why you joined DEV and decided to participate in Hacktoberfest this year.  --> 

### Background

<!-- Are you brand new to open source? What about coding in general? Tell us about how you got here →

### Progress

<!-- Share a bit about where you’re at in your Hacktoberfest journey. What stage are you at? How has the process been?  -->

### Contributions

<!-- This is where you can list the contributions you made and explain why you chose the projects you did. Don’t forget to add links!  -->


### Reflections
<!-- Overall, how has your Hacktoberfest 2021 experience been? If you’re a first-timer, will you participate again? What have you learned? Have you made any interesting connections? What is your next step in open source?  -->
How to run JupyterLab on Docker
Tags: docker, jupyter, python, datascience
Published: 2021-10-07 23:14:25

Jupyter and JupyterLab are great tools for data science. Sometimes it is more convenient to simply run them with Docker as containers, which can be easily stopped and deleted after use.

## Selecting the image

Jupyter has a lot of images at Docker Hub. Fortunately, [Jupyter documentation](https://jupyter-docker-stacks.readthedocs.io/en/latest/using/selecting.html) covers this topic very well. Here, I will use the `jupyter/datascience-notebook` image, which "includes libraries for data analysis from the Julia, Python, and R communities".

## Running with Docker Compose

I particularly like to create a Docker Compose file for each service I use with Docker, because it is better to manage all the necessary options.

First, you have to map the port of the service to a port at your computer. I recommend using the same default port as Jupyter.

```yaml
jupyter:
  image: jupyter/datascience-notebook:latest
  container_name: jupyter
  ports:
    - 8888:8888
```

Now, it will just be necessary to define two environment variables, `JUPYTER_ENABLE_LAB` and `JUPYTER_TOKEN`. Here, you can define the most convenient token for you.

```yaml
jupyter:
  image: jupyter/datascience-notebook:latest
  container_name: jupyter
  ports:
    - 8888:8888
  environment:
    JUPYTER_ENABLE_LAB: "yes"
    JUPYTER_TOKEN: "docker"
```

Finally, just run the Docker Compose command to start your container.

```bash
docker-compose up
```

## Running from Docker CLI

If you prefer to run this container from Docker CLI, just copy and paste this command.

```bash
docker run -p 8888:8888 \
           -e JUPYTER_ENABLE_LAB=yes \
           -e JUPYTER_TOKEN=docker \
           --name jupyter \
           -d jupyter/datascience-notebook:latest
```

## Accessing JupyterLab

At your browser, just enter `http://localhost:8888` and provide the token defined by you.
Adding new feature for a static site generator written in Javascript
Tags: beginners, javascript, programming, node
Published: 2021-10-07 22:37:01

Hi everyone, I'm Dustin, and today I want to talk about the experience of adding new feature for a static site generator written by [Vivian](https://github.com/hlavu).

## What is a static site generator (SSG)
A SSG is a command line tool that helps users to convert `.txt` files or `.md` files into `.html` files. 

## Why I chose this project to contribute
This project is quite fun and offers me a bunch of new knowledge.

## Process
First off, I created an issue mentioning about what I wanted to improve in on her code. I listed all the necessary tasks to be done and sent the issue. After she accepted and assigned me to the issue, I started to write code right away and created a pull request for the code I wrote. It's actually not a big deal for me at all because her code was pretty clean and understandable. Although she requested a few changes in my code, everything went well and my pull request got merged right after that.

## Her creating issue and pull request for my project
Same thing happens in my code I guess because we had no trouble understanding each other's code. The process was quite straight forward, she filed an issue -> I accepted it -> she coded it -> I requested some changes as she added some extra lines that were not necessary. However, there was one thing I had to do which is pulling her code into my machine so that I could test it out. While testing her code, I just realized that I had a quite big bug in my code that I didn't know about. However, her issue was just for the new feature about config file, so I decided to create another issue about the bug I mentioned above and resolved it after her code got merged.

[My issue link](https://github.com/hlavu/my-ssg/issues/21)
[My pull request](https://github.com/hlavu/my-ssg/pull/22)
[Her repo](https://github.com/hlavu/my-ssg)

[Her issue link](https://github.com/tuanthanh2067/cv-ssg/issues/21)
[Her pull request](https://github.com/tuanthanh2067/cv-ssg/pull/22)
[My repo](https://github.com/tuanthanh2067/cv-ssg)

Thank you for reading!
Day 468 : Finale
Tags: hiphop, code, coding, lifelongdev
Published: 2021-10-07 22:05:47

_liner notes_:
- Professional : Had a lot of meetings today. Like 4 back to back. haha Never happened like that before, but that was just how things lined up this week. It was good seeing everyone and catching up on what's happening. After that, I pretty worked on my blog and helped out with a question someone had about a demo application.

- Personal : So last night, I watched the season finale of Marvel's "What If...". Really good series. Looking forward to the next season. I watched an episode of "Boruto". Then I recreated a Web Component in Astro so that I could have it be server side rendered. Did that while I watched/listened to the new Dave Chapelle comedy special. Didn't get to listen to any tracks though.

![A metal walkway leading to a forest in Whangarei Falls, New Zealand](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pdofzucqcbm9t6859sbn.jpg)

Looked at the portfolio section of my site https://lifelong.dev and noticed that the little videos didn't fit right in the laptop mockup. Going to fix that. Also going work on my side project and go through tracks for the radio show. How is it Thursday already?!

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube ZbqCtQ9HzzY %}
Web performance related to conversion rate
Tags: performance, webdev, webperf, analytics
Published: 2021-10-07 21:58:00

**Web performance** refers to how quickly site content loads and renders in a web browser, and how well it responds to user or bot interaction and that directly impacts conversion rate.

**Conversion rate** is the percentage of website visitors that do something on the site that serve the goals of an organization or business, for example, if 100 users visit the page advertising some product, and 2 users actually click the 'buy' button, the conversion rate is 2%.

According to an [Portent research](https://www.portent.com/blog/analytics/research-site-speed-hurting-everyones-revenue.htm) in 2019, the highest e-commerce conversion rates occur on pages load times between 0-2 seconds, spanning an average of 8.11% e-commerce conversion rate at less than 1 second, down to a 2.20% e-commerce conversion rate at a 5 second load time. After that, conversion rates are largely below 2% (except for the 7-second anomaly, which briefly returns to 2.11%).

![goal conversion rates](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fgczpwiovnh4yxoj2ar5.png)

Performance plays a major role in the success of any online venture. High-performing sites engage and retain users better than low-performing ones. [Pinterest reduced perceived wait times by 40%](https://medium.com/pinterest-engineering/driving-user-growth-with-performance-improvements-cfc50dafadd7) and this increased 15% in SEO traffic and 15% percent in conversion rate to signup.

But to understand the impact on your business you should analyze your own data and set your own goals. [In this Web.dev article](https://web.dev/site-speed-and-business-metrics/) they show how to relate site speed and metrics.

Achieve high performance is not easy, here is some initiaves that can help enpower your page:

- Prefetch HTML, CSS and JavaScript (React) for the next page the user will land on so the interaction time will not be interrupted by future loading.

- Only loading high-quality images for devices on fast networks and using lower-quality images for devices on slow networks.

- Code splitting, send just the necessary javascript code to that page, avoid unecessary and unused scripts.

- Delivery static pages if the content insn't heavy user reactive like blog post, news page, landing pages, etc.

One way to indentify these opportunities and measure your progress is using [Google Lighthouse](https://chrome.google.com/webstore/detail/lighthouse), this tool will show how to improve your application according to the page current performance score.

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

Besides conversion rate, engagement and traffic, there are others things that have great benefits from web performance like accessibility, empowered user experience and objectives that are key results to the organization business.
Making beautiful websites: Top 5 FREE icon resources
Tags: webdev, design
Published: 2021-10-07 21:33:38

Add high quality icon to your next website to enhance the design and the usability at the same time. 

Check out the top five resources for amazing icons ready to use - and make your next design stand out from the crowd.

PS: Don't forget to check the *bonus link*!

PPS: All of these free icons have slightly different licenses (so please check them), but they are free to use in private and commercial work. 

 
## [Fontawesome](https://fontawesome.com)
More than 7800 icons designed on a grid for pixel-perfect display ready to go makes fontawesome the web's most popular icon set and toolkit.

## [IcoMoon](https://icomoon.io)
More than 5500 free vector fonts designed on a precise pixel grid. The IcoMoon app lets you build and use your own icon packs and download them as SVG, Polymer, PDF, XAML, CSH, icon font with ligatures, or good old PNG/CSS sprites.


## [Material icons](https://mui.com/components/material-icons/)
More than 1700 icons created by google, each in five different themes and available as a React component. The to-go-solution if you are following the Material Design guidelines.

## [Health icons](https://healthicons.org)
More than 1100 icons covering every aspect from blood type to health vehicles. Free and open source.

## [Weather icons](https://erikflowers.github.io/weather-icons/)
More than 220 weather themed icons, ready to be dropped right into your project as icon font. 

## Bonus: [absurd.design](https://absurd.design)
Absurd illustrations for your projects. Beautiful drawings for an individual journey through your own imagination. Perfect for landing pages, quirky designs and your next website.
Don't forget to check the [license](https://absurd.design/license.html)


---

Follow me on [Twitter: @martinkr](http://twitter.com/_martinkr) and consider to [buy me a coffee](https://www.buymeacoffee.com/martinkr)
Trabaja desde LATAM para empresas internacionales con salarios internacionales
Published: 2021-10-07 21:32:19

---
title: Trabaja desde LATAM para empresas internacionales con salarios internacionales
published: true
description: 
tags: 
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0oa1xh6cuapv2lo270vg.jpeg
---
 
Mañana viernes estaré transmitiendo en vivo y hablando de:

Remote Work: Trabaja desde LATAM para empresas internacionales con salarios internacionales

https://www.youtube.com/watch?v=_aAQ58btosM

Deja tus preguntas por acá
Programmers need types or "The Another Billion Dollar Mistake"
Tags: programming, webdev, javascript, python
Published: 2021-10-07 21:12:45

Interpreted languages lack performance for large programs. When created they not meant to be used as today. But they must overcome this issue. For fast execution many alternative JIT implementations and even compilers have been created (V8, PyPy, LuaJIT, Crystal, etc.). But efficient JITter or compiler needs type declarations. Therefore we can see many alternative syntaxes have been created also (Crystal, Cython etc.).
And type declarations also make code readable and editor friendly, they document your code. Scripting languages mainly created for automatic memory managment and productivity. But why did they drop type declaraions completely?!. Today we see almost all of them return type declarations back somehow (Python, PHP, Typescript). Is this "The Another Billion Dollar Mistake"?

Again, We programmers, need types. Not sure?

Javascript -> TypeScript, V8
Python -> Type hints, Cython, PyPy
PHP -> Type declarations, PHP 8 (JIT Compiler)
Ruby -> Crystal
Lua -> LuaJIT
OSD600 - Week 5 - Release 0.2 - Hacktoberfest
Tags: opensource, hacktoberfest
Published: 2021-10-07 20:47:06

# Introduction
This week, I start my Release 0.2 Project by working on Hacktoberfest. After few hours or I can say half of a day, scrolling hundreds of projects on Hacktoberfest, I finally find one that interests me. The project is A Discord-Bot to play Werewolf with your friends. 

# My Issue
The program is written in Rust - language that I haven't used before. I take me a lot of time to read the code and read about Rust syntax to understand how it works. Although this new thing is unfamiliar with me, I still want to give it a try.

# Issue Explanation
In the current program, the Bot allows you to start a game round with 0 Players and 0 Roles, which should not happen because it does not make any sense at all.

# Working Process
After the step of initializing players for the round, I  implement the code to figure out if there is a player or not. If there is more than player, the program will start the round. Otherwise, it will display an appropriate message. The owner supports me a lot to understand how the structure of the program is, so I can implement my code in an appropriate location. Also, the owner supports me about Rust syntax, which I'm not yet familiar.

After finishing everything supposed to work, the owner realizes the string type in Rust does not implement the std::error::Error (for the program to display error message). So we simply create new type of StringError converting string to make the it usable for Rust Error type.
```
let playerCount: usize = source.state.participants.len();
if playerCount < 1{
      return Err(TransitionError::new(StringError("Cannot start the game with no player".to_string())));
}
```
# Experiences
Overall, in order to implement few lines of code, I have to spend a lot of time to read how the Rust language works. This is also a new interesting experience for me to work in a language that I have never done before.

The owner of the repo is very nice. He replies me so quickly whenever I have a question or there is a typo needed to be fixed in my code.

I am very happy that I worked in a project like this. If you are interesting in this project, please take a look at the links provided below.

# Links
Owner's Repository: [Original Repo](https://github.com/Lol3rrr/waswolf)
My Repository: [My Repo](https://github.com/kiennguyenchi/waswolf)
My Issue: [Issue #4](https://github.com/Lol3rrr/waswolf/issues/4)
My Pull Request: [PR #13](https://github.com/Lol3rrr/waswolf/pull/13)
3 min design tip on how to use the font Chaumont for your web projects
Tags: writing, ux, design, fonts
Published: 2021-10-07 20:37:53


Hi everyone! I write a newsletter called FontDiscovery. Every week I create a digestible visual guide about a new font with examples and case studies to help founders, creators, and makers step - up their creativity and marketing game. This week, I covered Chaumont, a graphic display font that grabs attention and communicates funkiness!

##Font Details
Chaumont is inspired by a design poster in Chaumont, France. It captures the design festival’s spirit with its visual kooks. It is a graphic display font that you can use in any project to get attention.

##How should I use it for branding?
This font communicates funkiness. It is perfect for an artsy and creative project looking to be visual and attention-grabbing. Chaumont is great for funky landing pages and statement-making graphics. It has a fantastic visual texture.

##How should I use it for marketing?
Chaumont is great for funky landing pages and statement-making graphics. It has fantastic visual textures for graphics. You can use it to create an interesting visual statement or animation by combining it with a more readable font like Roboto. It is only available in one weight.

##Cautiously avoid
For this font, readability can become an issue. While it’s readable, it’s not the clearest. It’s probably better to use it for large-size copies with a “graphic punch.” Avoid using it for important information.

See examples, use-cases, and sources of this issue on fonts.substack.com. [Subscribe](fonts.substack.com) if you feel like. I share similar tips every week!
![twittergraphic](https://cdn.substack.com/image/fetch/f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fcb422057-b65a-4bd4-94cc-8e1c574b08f0_1518x759.png)
Enum: Restrict mongoose fields to a list of values
Tags: mongodb, mongoose, javascript
Published: 2021-10-07 20:30:02

Enum is an inbuilt validator in mongoose. It helps in restricting the possible values of a field to a list of values. Enums come in handy when we already know all the possible values for the field. The field can take one value out of a small set of predefined values.

### Example
Imagine we need to build a schema for an online clothing website to store information about all its products. The product schema can contain fields such as the name of the product, brief description, price, quantity in stock, size, etc. A field like size can only take specific values like XS, M, XXL, etc. To enforce this we can use enum from mongoose.

```
const productSchema = new mongoose.Schema({
	name: {
		type: String
	},
	desc:{
		type: String
	},
	price:{
		type: Number
	},
	stock:{
		type: Number
	},
	size:{
		type: String
      	enum: ['XS','S','M','XL','XXL'...]
	}
}, { timestamps: true }
)
```
I hope this article gave you a brief idea about what, why, and how of enum.
My beginning in open source
Tags: hacktoberfest, webdev, javascript, beginners
Published: 2021-10-07 19:52:28

Just started my journey in the world of opensource during hacktoberfest. It has been an amazing experience till now i got to witness the difference open source makes to the development community. A simple stopwatch project changes to something aesthetically pleasing and fun to use by the community based contributions of strangers. It's fascinating and intriguing and i have got addicted to the thrill of getting my PULL Requests merged and work commended by others.
Role of service mesh in Kubernetes explained
Tags: microservices, kubernetes, cloudskills, tutorial
Published: 2021-10-07 19:36:16

Let's understand the role of service mesh in the Kubernetes world. Learn about Istio and its features (and if you even need it).

{% youtube IvgE_PZui3M %}

Cloud Collective is a meetup for technologists interested in the Cloud Native approach towards developing and deploying web & mobile applications, streaming analytics, ETL pipelines, microservices, containers, functions, and applying Infrastructure as Code principles for automating infrastructure on AWS, Azure, and Google Cloud.  

In this recorded meetup, you will learn about 2 scenarios:

Scenario 1: You have been using Kubernetes for the last few years and now your distributed platform has become complex. You now have 100s of microservices communicating over http and tcp. You are now looking into abstracting traffic management, service-service security (mTLS, authN, authZ) and telemetry out of the services to a separate layer aka Service Mesh.

Scenario 2: You have heard about Service Mesh for a while and want to understand features, complexities, configurations before jumping on to it completely.

Agenda:
• Monolith to Microservices
• Operational Challenges with Microservices
• How a Service-mesh fits in to address those challenges
• What is Istio?
• Feature Walkthrough
• Demo with installation and configurations

If you enjoyed this talk, join our cloud collective group here ► https://www.meetup.com/cloud-collective/ and participate in our next meetup!
"Pseudo-Private" Properties in javaScript
Tags: javascript, programming, beginners, webdev
Published: 2021-10-07 19:32:17

"Pseudo-Private" Properties in javaScript

The addition of private fields and properties is relatively new

- the old way description:

It's a quite common convention to prefix private properties with an underscore (_) to signal that they should not be accessed from outside of the object.
but  It's just a convention, It does NOT technically prevent access. You CAN run this code without errors,

- the new way description:

 The( #) is a part of the name itself. Private fields are accessible on the class constructor from inside the class declaration itself. They are used for declaration of field names as well as for accessing a field's value.

so syntax error to refer to # names from out of scope. It is also a syntax error to refer to private fields that were not declared before they were called. 

important: (maybe your IDE will complain about this # syntax but it works in chrome well).
100 algos in 100 days (Day 23)
Published: 2021-10-07 19:29:05

After struggling a bit with my new pet project an algorithm solving helper CLI I have launched into doing some more dynamic programming and recursion practice.

###First stop fibonacci:

I had already done this one so remembering to use memoization and fibonacci made it quite quick!
Although I forgot that the bottom up solution is more efficient so shouldve gone down that path... There is always tomorrow!