teleren/devto huggingface dataset:
The 7 Most Popular DEV Posts from the Past Week
Tags: top7
Published: 2019-11-18 19:24:01

---
title: The 7 Most Popular DEV Posts from the Past Week
published: true
description: A round up of the most-read and most-loved contributions from the community this past week.
tags: icymi
cover_image: https://thepracticaldev.s3.amazonaws.com/i/sfwcvweirpf2qka2lg2b.png
---
Every Monday we round up the previous week's top posts based on traffic, engagement, and a hint of editorial curation. The typical week starts on Monday and ends on Sunday, but don't worry, we take into account posts that are published later in the week. ❤️

#1. Dino Days Are Over

Johan, a senior developer, felt like they had to 'start all over again' - this is a story about breaking old habits, getting up to speed, and all the learnings along the way.

{% link https://dev.to/myonlinestore/how-to-not-be-a-dinosaur-3d55 %}

#2. Less JavaScript

Adrian shares a list of UI elements that can be created using only CSS - tool tips, text truncation, toggles, and more.

{% link https://dev.to/adrianbdesigns/you-can-create-these-elements-without-javascript-525a %}

#3. Let's Play

Francesco shares several CSS games for those who prefer learning through gamification! There are Flexbox games, CSS grid games, and more.

{% link https://dev.to/paco_ita/train-your-css-skills-with-online-games-4ah3 %}

#4. Proceed With Care

Martin shows us an example of the Same-Origin Policy and how we can use CORS to allow cross-origin requests when required. 

{% link https://dev.to/g33konaut/understanding-cors-aaf %}

#5. Malicious Programs

Want to render ransomeware inept? Victoria shares their low-tech solution.

{% link https://dev.to/victoria/a-cron-job-that-could-save-you-from-a-ransomware-attack-46m %}

#6. Lighter & Faster

Sarthak explains why they started using Sublime Text again, and which plugins they found helpful for a seamless switch.

{% link https://dev.to/teamxenox/switching-back-to-my-old-buddy-sublime-text-from-vs-code-57mp %}

#7. Every. Single. Day.

Mateusz shares the Linux commands and tricks they use on a daily basis - from port forwarding to reading logs.

{% link https://dev.to/mateuszjarzyna/linux-s-commands-and-tricks-i-m-using-in-my-daily-job-as-a-developer-4cle %}

_That's it for our weekly wrap up! Keep an eye on dev.to this week for daily content and discussions...and if you miss anything, we'll be sure to recap it next Monday!_
JavaScript Debugging
Tags: javascript, testing, tutorial, debugging
Published: 2019-11-18 19:23:29

Debugging is the process of examining code during execution, such as checking values. During development of code debugging can be used to ensure that code is running as expected and that the expected values are present. Within JavaScript there two main ways to debug, the developer console or by using the 'debugger' keyword. 

The developer console is used to log out debug statements and other information of a webpage. This is often used during development to test certain functionality and results. Normal web users will not see information in the developer console, but anyone can open the developer console. Due to anyone being able to open the developer console no sensitive information, such as password or API keys, should be logged to the console when a website is live on the internet.

Within most browsers, you can open the developer console by pressing the F12 key and clicking on the 'console' tab. You can also open it via the menu system of the browser, it may not be called developer console but 'developer tools' or something similar. The 'console.log' function in JavaScript will print values to the console, as shown in the code sample below.

```javascript
console.log("Hello World");
```

The 'debugger' keyword in JAvaScript can be used to halt the execution of code within a browser. The debugger keyword will only work when debug mode is enabled when the F12 menu is open. If debug mode is not enabled the debugger keyword will be ignored and the code will not be halted. Using the debugger keyword, and halting the execution of code, can allow you to step through code and inspect how variable and values change and get manipulated.

```javascript
var n = (25 * 5) / 5;
debugger;
console.log("Value: " + n);
```

This article was originally posted on my website: https://acroynon.com/
Devo Produzir Conteúdo em Português ou Inglês? 
Tags: ptbr, discuss
Published: 2019-11-18 19:14:48

---
title: Devo Produzir Conteúdo em Português ou Inglês? 
published: true
description: 
tags: pt_br, discuss,
---

Tudo começou com um tweet criticando brasileiros "sem relevância no exterior" que compartilham coisas em inglês. 

Como alguém que produz conteúdo técnico gratuitamente na Internet há mais de uma década, e que hoje trabalha profissionalmente com isso (em inglês), seria muita hipocrisia chegar para quem está começando  na carreira e  recomendar que produza conteúdo exclusivamente em português. Seria muito injusto chegar pra a Érika de 2012, que estava começando a expandir os horizontes e sair da zona de comforto pra produzir conteúdo em inglês, dizer pra ela que isso era egoísta, e que ela deveria continuar escrevendo em português. Para o bem de quem? De uma comunidade local? E a minha carreira? Conteúdo é portfólio tanto quanto código. 

No contexto atual, com as questões acerca de open source e de como as empresas se beneficiam do trabalho voluntário de milhares de desenvolvedores, essa discussão é muito relevante. Existe uma bandeira genérica de "sharing is caring", algo que pode ser traduzido como "compartilhar é se importar". Será que precisamos mesmo de mais tanto conteúdo, será que esse conteúdo está chegando às pessoas que precisam dele? Será que é só publicar em português e pronto?

Todas essas questões são importantes, porém essa é mais uma situação onde, debaixo de uma bandeira de suposta inclusão, alguém tenta ditar ou regular quem pode e quem não pode participar de um certo grupo. É o famoso *gatekeeping*.

Produzir conteúdo de qualidade é muito caro. Leva tempo e dedicação. A audiência importa, é preciso tornar viável para quem produz de graça. Vamos ser realistas: traduzir é mais eficiente do que produzir conteúdo original em português, é escalável para outras línguas e como atividade pode ser delegada mais facilmente.

Enfim:

Para você que produz conteúdo gratuito, parabéns, qualquer que seja o idioma. Se puder traduzir algumas coisas, ou escrever em português algumas vezes, a comunidade agradece. Mas se não puder agora, também entendemos, cada pessoa tem seu tempo 😘

Ah, tem mais isso aqui:

{% twitter 1195716056100298759 %}

Até a próxima, talvez em português, talvez em inglês... 😉
App For Jira In Need of Support
Tags: materialui, react, jira
Published: 2019-11-18 19:07:32

Hello:

I'm very excited to have found this community and see a lot of others already feel the same way. I'm not a developer but a learning professional who spent a large portion of his career supporting IT, data analytics, and other tech-focused departments in large corporations. Think business analysts, software developers, the test center of excellence, PMO, etc.

To make a long story short, three years ago I founded my own learning company with the focus of providing technology solutions for learning professionals specifically. The team I've worked with over that time produced some top-notch work, but unfortunately, our lead developer needs to step away due to personal matters. 

We are currently holding off on building new solutions, but we have one just about ready to go that integrates into Atlassian’s Jira platform. (The only thing we are still working on is a formatting issue regarding page breaks for printing.)

Because it would be irresponsible to release an app into the Atlassian marketplace without the ability to support it, I’m currently looking for an individual who is interested in acting as the point of contact to execute the responsibilities of our SLA. (Normal work hours 9-5 M-F)

I do not anticipate this requiring significant time nor am I looking for someone to add new features and functionality, but like I said, I know better than to just release an app (no matter how well built), into the world without support. Of course, interested individuals can inspect the code base after signing the necessary confidentiality agreements.

Thus, if you or someone you know is looking for supplemental income please reach out. As you can imagine we built it in React (duh) and it utilizes Material UI as its framework.

Thank you all,

Chris Straley
cstraley@instructionaldesigngenius.com
Angular Getting Started
Tags: angular
Published: 2019-11-18 18:56:23

November 2019: the best way to get started with Angular...

Step 1) Download and install
 [Visual Studio Code](https://code.visualstudio.com/)

Step 2) Download and install [Angular](https://angular.io/guide/setup-local)

**VSCode**

A very lightweight, speedy, powerful free IDE.  It's great; and is taking the world by storm.

**Angular**

Comes with a command line tool that makes creating a new project as simple as "ng new my-app".  Followed by cd my-app and ng serve --open

**Best Way to Learn**

Step 3) Create a new project and simply serve it up, takes 5 minutes or less to start. Learn by doing a real project in small steps.

Angular is a client side [MVC application without the controller](https://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93controller), where URL routes display specific Angular Components.  Components are compositional in style and are easily created.  Enough for now... have fun! We'll pick up more later...

**Step by Step**

Open Visual Studio Code and navigate via the terminal to the directory you want to start with.

Before starting you can determine the current version of Angular on your system. From Visual Studio's code type in "ng version"


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

**Create a new Project**

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

You'll be asked a few questions, Say yes to Angular Routing, and I picked CSS.

The next thing which happens automatically is that all of the required node modules are downloaded for your project. It's a large task and takes about 5 minutes to complete.

When complete; hopefully you won't have any errors.  Like these.

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

Try to run a build first 'ng build' everything should work... in our case it didn't. A message told us the the @Angular/Schematics were wrong. 

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




JWP2019
in dire need of some answers on online freelancing 
Published: 2019-11-18 18:54:55

i am 18 years old guy who wants to start a web design business to gain experience and money , i am aware that i have a lot to learn before i can start freelancing and i am living in a third world country . it is not possible for me to get local clients . please note that i won't start freelancing until i have made some websites made . i won't be freelancing using freelance websites instead i will make my own web design business .
my questions are :
1. what are the backend programming languages i need to learn ?
2. am i being delusional that i can get clients online ? do i need some kind of contract ? what to use to communicate with the clients ?
3. i am learning daily and i think i can be ready in 5 months , am i being delusional again ? 
4. do i need to learn how to design websites ? is there anything i need to be aware of ? and finally how can i know i am ready to start ?

i do enjoy learning but as you can tell , i need to make money as soon as possible . any answer or advice you drop is very appreciated
First Blog Ever!
Published: 2019-11-18 18:33:39

So if you find yourself reading this, I ask that you just bare with my broken English and lack of imagination. And by the title you should already guess that this blog has no specific topic🙂

First off. I am so glad to have found `DEV` so far it seems like an amazing platform. BUT I'm still trying to figure this whole blogging thing out. I had a whole draft set for me to publish for my 2 followers. I doubt they're gonna read this but what the heck. This is something I wanted to tick of my to do list and by publishing it I will go to bed with that warm feeling. 

Oh and I get sidetracked a lot. Believe me I know and trust me when I say I'm working on it. 

Back to my first point. So this is the 2nd version of the initial blog I wrote. So obviously it won't be nearly as good as the original so give me some credit. So, if anyone knows how to access `DEV` drafts it would be much appreciated if you could tell me in the comments. I don't even know if I get comments. And just to reiterate, "First Blog Ever!"

I'm a self(Youtube/Skillshare)-taught Front end Web developer. So I consider myself an amateur in this field. And I'm actually looking to work with other (preferably amateur) developers on small fun projects because the best way I learn is by doing. And all my coder friends aren't as pumped up about web development as I am and all I want is someone to work with and learn from or teach to. So if you're keen working with me on github on random projects please let me know in the comments. 

That's it for today cause I'm tired and you're amazing for reading this far. Chow 😉
Personal Website 101
Tags: portfolio, website, blog, developer
Published: 2019-11-18 18:22:43

---
title: Personal Website 101
published: true
description: 
tags: portfolio, website, blog, developer
---


### Motivation
There is very little need to explain the benefits of personal website or a portfolio site, still, I would note down some:

- Personal Branding
- Blog Space
- Makes you discoverable on internet
- One stop resume which works for you
- Helps you learn new skills while building

### Tech Stack

- [Hugo Static Site Builder](https://gohugo.io/)
- Plenty of themplates available at [Hugo Themes](https://themes.gohugo.io/)
- Hosting at [Github Pages](https://pages.github.com/)
- Domain from [Godaddy](https://www.godaddy.com/)


### Steps 

- First learn the basics of Hugo and how it works by following [Hugo Quickstart Guide](https://gohugo.io/getting-started/quick-start/)
- Once somewhat comfortable with Markdown and Hugo, choose a [template/theme](https://themes.gohugo.io/) for your site
 - You can create your custom theme as well.
- After choosing a theme, customize your site based on your need. 
- Verify your site locally at http://localhost:1313 (Assuming you did not change the config) 
- At this point, your stack is setup to build your site locally.
- Finish multiple iterations of changes till you are satisfied with the website you want to build.

### Deployment

- Once site is built, it is time to host and deploy it somewhere. 

##### Hosting 
- There are multiple options to host your static website. Eg: Github pages, BitBucket, Netlify, GitLab 
- In my case, I used GitHub Pages and deployed site at - [hpj1992.github.io](http://hpj1992.github.io/)
- I use this site as a pre-production/staging environment for my site.
- Not including detailed information because there plenty of resources available online. [Hugo instructions on hosting and deployment.](https://gohugo.io/hosting-and-deployment/)

##### Domain
- Once you figure out the hosting issues, it is time to purchase a domain for your website. 
- If you do not want specifc domain - which is perfectly valid - you can start sharing links from your hosted environment.
- If you do decide to purchase a domain, there are multiple options in this case as well and the best option varies based on individual. Eg: GoDaddy, Bluehost etc
- Some [well known domain providers are listed here.](https://www.predictiveanalyticstoday.com/domain-registration-providers/)
- I selected a domain with name:
 - Domain registration for 1 year with auto-renewel. Paid $10/year.
 - Privacy protection for domain for 1 year. Paid $10/year.
 - Did not opt for HTTPS certificate because I do not need it currently.
- Followed this youtube tutorial to [link my GoDaddy domain to Github Pages.](https://youtu.be/mPGi1IHQxFM)

### End Result
- http://joshiharshit.com/
- The same blog is available here: http://joshiharshit.com/posts/2019/11/personal-website-101/
Custom scrollbar
Tags: css, design, beginners, codepen
Published: 2019-11-18 18:14:01


  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://static.codepen.io/assets/embed/ei.js"></script>


<div class="codepen" data-height="300" data-theme-id="36711" data-default-tab="css,result" data-user="moghaazi" data-slug-hash="abbPPgX" data-prefill='{"title":"Scrollbar like css-tricks","tags":[],"stylesheets":[],"scripts":[]}'>
  <pre data-lang="html"></pre>
  <pre data-lang="css" >body {
        height: 5000px;
        background-color: #222;
    }
    
     ::-webkit-scrollbar {
        width: 35px;
    }
    
     ::-webkit-scrollbar-thumb {
        background: linear-gradient(#d8771b, #ee1556);
        border-radius: 50px;
    }
    
     ::-webkit-scrollbar-track {
        background-color: #111;
    }
  
</div>
<script async src="https://static.codepen.io/assets/embed/ei.js"></script>
A React PDF viewer
Tags: showdev, react
Published: 2019-11-18 18:10:13

I've been working with React and developing components for a few years.

Recently, React provided hook mechanism which is very useful, and I wanted to see how it is helpful.

So I tried to learn it by creating a real word application.
Here are some highlights:

* Written in TypeScript, powered by React Hooks
* Provides a lot of features
* Supports layout and toolbar customization
* Supports localization
* Theming and dark mode are coming soon


For more information, please visit its [official website](https://react-pdf-viewer.dev).
Top 5 SmartPhones You Should Buy Before 2020
Published: 2019-11-18 17:53:49

2019 was a great year for smartphones and we did see a lot of improvements in our smartphones. Smartphones really change the way we use phones in our daily life. We can never think of things that we are doing with our phones. It’s a complete pocketable machine now. And 2020 is going to be 1 more big year for this industry. You can stay connected to <a href="https://www.techspotty.com/">techspotty.com</a> for the latest 2020 smartphone updates.
The phones in 2020 will come at more expensive prices because when the new technology comes into the market, it’s expensive and by the time passes, technology gets cheaper and cheaper.
We have made a list of great 2019 phones that you should buy right now. It’s a very good time for you to buy these phones and make great use of them. Hopefully, you will find this list helpful and interesting. 

##List of 2019 Phones You Should Buy
Following is the list of phones you Should buy before 2020
###iPhone 11
iPhone 11 is the first in our list because, in our opinion, this phone has the most value to money. You will get five years of latest updates from Apple and Apple is very good at it. It has the latest A13 Bionic chip and dual-camera system, which works fabulously with the Apple A13 chip. It has a compact size and you can get this phone in Multiple Colors.
###Samsung Galaxy Note 10 Plus
If you want to check every box in your smartphone checklist. This is the best premium smartphone for you to buy right now and it’s worth it. This phone is the complete smartphone beast. First of all, you cannot get any phone more beautiful than this phone. It has a 6.8” Dynamic AMOLED Display with a 91% screen to body ratio. 
It has a triple camera system on the back.
12 MP wide-angle camera with f1.5-2.4
12 MP Telephoto camera with f2.1
16 MP wide-angle camera with f2.2 
The front camera is 10 MP with Dual pixel technology.
###Huawei P30 Pro
If you are a Camera Lover and want the best camera on any phone, then this is the best phone on the list for you. This phone has some flagship specs and you cannot take it easy in other areas of the phone. This means this phone is almost a complete package and will give you money a very good value.

###OnePlus 7 Pro
OnePlus 7 Pro is the best Android value of 2019 phones. This phone is giving you more features for your money. Normally, we get this kind of feature in $1000 smartphones but OnePlus is giving it at almost $600. This smartphone has made its place in the market in a few years. This phone comes with a 90Hz display which is the main selling feature of this phone and you won’t even get this feature in $1000 smartphones.

###Samsung Galaxy S10e
The small e at the end of this phone could be showing the economical because this is the cheaper version of normal Galaxy S10. But this smartphone is offering flagship specs in a compact size. It has the latest snapdragon 855 and dual-camera system at the back. One is a normal wide-angle camera and the other is the ultra-wide-angle camera and captures great photos.
Coderetreat is the funniest coding event I've ever attended
Published: 2019-11-18 21:38:35

---
title: Coderetreat is the funniest coding event I've ever attended
published: true
date: 2019-11-18 17:46:23 UTC
tags: 
canonical_url: 
---

November 16th is the Global Day of Coderetreat and this was the first time I partecipated.

![https://www.coderetreat.org/images/facilitating/coderetreat.png](https://www.coderetreat.org/images/facilitating/coderetreat.png "https://www.coderetreat.org/images/facilitating/coderetreat.png")

The subtitle of the [website](https://www.coderetreat.org/) describe it as

> a day-long, intensive practice event, focusing on the fundamentals of software development and design, away from the pressures of 'getting things done'.

Basically you pair program with strangers and instead of thinking about deadlines or legacy code that you have no time to refactor, you focus on best practices such as test driven development or some tricky challenges took from [object calisthenics](https://www.cs.helsinki.fi/u/luontola/tdd-2009/ext/ObjectCalisthenics.pdf). The proposed problem is always the same every year: [Conway's Game of Life](https://en.wikipedia.org/wiki/Conways_Game_of_Life).

BUT! 😱 There is one rule: every 45 minutes you have to change buddy, delete all your code and start over!

At the beginning you feel a bit of frustration, because you know that by the end of the day you will never finish that damn game, but everytime you start again you notice that you master the problem a little bit more: This means that iteration by iteration, you see your code getting simpler and cleaner!

In fact, one of my takeaways from this day is this one: if you have a portion of code that makes you struggle everytime the debugger goes into it, maybe instead of trying to refactor it you could try to rewrite it from scratch! I can ensure you that a lot of great ideas will pop into your mind if you have a blank editor buffer instead of old ugly code in front of you.

And what about 3 hours meetings just to decide if an option is better than the other? Maybe in less time you could have implemented small prototypes of both the solutions in order to see which one looks better and you can have something concrete to discuss on with your team. 😌

In conclusion, if you missed the coderetreat I strongly advise you to partecipate next year (you can check locations on the [website](https://www.coderetreat.org/)) or if you can, try this exercise with a friend, it's really funny and you learn a lot.

*Check out my other blog posts at https://www.marcoieni.com/* 🤓