teleren/devto huggingface dataset:
The 7 Most Popular DEV Posts from the Past Week
Tags: top7
Published: 2019-08-19 17:27:14

---
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. Zero Outbound Marketing

Jacob shares their positive experience with contributing to open source and how their involvement ultimately led to a valuable opportunity.

{% link https://dev.to/jacobherrington/open-source-made-me-10k-working-part-time-for-30-days-4lh %}

#2. Getting It Off The Ground!

Kathryn was tasked with leading the project on creating and implementing a Component Library. In this post, they detail the steps they took and the lessons they learned.

{% link https://dev.to/kathryngrayson/case-study-building-a-component-library-e90 %}

#3. Under The Hood

Risa walks us through a basic explanation of the OAuth flow and what authorization codes and access/refresh tokens are.

{% link https://dev.to/risafj/beginner-s-guide-to-oauth-understanding-access-tokens-and-authorization-codes-2988 %}

#4. Crashing & Burning

Andrew shares five things they learned from failing an Amazon coding assessment.

{% link https://dev.to/awwsmm/what-i-learned-from-bombing-an-amazon-coding-assessment-4aom %}

#5. Satire, Reality, Cringe

For those of you familiar with [TechLead](https://www.youtube.com/channel/UC4xKdmAXFh4ACyhpiQ_3qBw), you might enjoy this author's post on effective programmers :)

{% link https://dev.to/seattledataguy/7-habits-of-highly-effective-programmers-inspired-by-an-ex-google-techlead-humor-4b4k %}

#6. Nuances of CSS

A cheatsheet for all the times you forget how CSS works.

{% link https://dev.to/ladybug/css-cheat-sheets-3ee0 %}

#7. Fundamentals

Ellen shares design hacks and insights that are easy to remember and implement. We can't all be graphic design experts but recognizing good design can't hurt!

{% link https://dev.to/ellen_dev/beginner-tips-for-developers-with-no-design-background-41ph %}

_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!_
Learning observables by cutting the fat away
Tags: angular, typescript, javascript
Published: 2019-08-19 17:15:50

Learning complex topics such as RxJS is about identifying the ESSENTIALS and finding the 80/20 of information, you can start applying right away.

The 10 most used observables operators:
https://christianlydemann.com/learning-observables-by-cutting-the-fat-away-the-10-most-used-observable-operators/
MySQL 8.0: New features
Tags: database, rdbms, mysql
Published: 2019-08-19 17:04:16

###What Is New MySQL 8 Features?
The following features of MySQL have been added to MySQL 8.0
##### Character set support
##### Window Functions
##### Roles in MySQL 8.0
##### Invisible indexes support
##### MySQL Data Dictionary
##### JSON Enhancements

[read more in details](https://www.fullstacktutorials.com/mysql-8-features-55.html)
Android 64x con Xamarin.Forms
Tags: xamarinforms, xamarinappdevelopmen, xamarin
Published: 2022-05-20 16:17:43

---
title: Android 64x con Xamarin.Forms
published: true
date: 2019-08-19 16:54:29 UTC
tags: xamarinforms,xamarinappdevelopmen,xamarin
canonical_url: 
---

Antes de comenzar recordemos que Google hizo mención en diciembre del 2017, que a partir de este año los desarrolladores deberán lanzar sus aplicaciones en 64 bits (además de la versión de 32 bits) si es que quieren estar en Google Play. El primero de agosto la compañía dio a conocer los plazos de esta transición que acabará en 2021.

![](https://cdn-images-1.medium.com/max/1024/1*uDwsQ3lu3UebSbN9Xb-2Xg.png)

**Pero, ¿por qué hace esto Google?**

Bueno, la finalidad principal proviene del lanzamiento de Android 5. 0 Lollipop y su compatibilidad con los 64 bits, y es que a la fecha no todos los desarrolladores lanzan versiones que puedan exprimir la potencia de los nuevos procesadores. Cabe destacar que una aplicación en 64 bits va más rápida que una aplicación en 32 bits.

Por ello la compañía ha decidido a que todas las nuevas aplicaciones y las actualizaciones de código nativo deben proporcionar versiones de 64 bits además de las versiones de 32 bits al publicarse en Google Play. Como excepción, Google permitirá aceptando actualizaciones de solo 32 bits para juegos existentes que usan Unity 5.6 o superior hasta agosto de 2021.

**¿Y mi desarrollo en Xamarin.Forms?**

Se que la mayoría de los que entran a este blog buscan soluciones para el desarrollo hecho en Xamarin.Forms, y no es la excepción este artículo, en el cual demostraré cómo configurar tus aplicaciones de Android hechas con Xamarin para ofrecer una versión de 64 bits.

**Nota** : Dado que las aplicaciones hechas en Xamarin son nativas, esta regla también aplica.

**Comencemos**

En nuestra solución hacemos clic derecho en el proyecto de Android y seleccionamos Opciones -> Compilación para Android (Android Build) -> Avanzada (Advanced).

Asegúrate de que la configuración del proyecto esté establecida en el modo “ **Release** ” y dentro de la pestaña de opciones avanzadas selecciona las opciones de arquitectura deseadas, para 64 bits indica **x86\_64** y **arm64-v8a**  .

![](https://cdn-images-1.medium.com/max/961/1*2u-jIVzEo6njfINkIpMn2Q.png)

Y esto es todo, ahora nuestras aplicaciones de Android admiten la arquitectura de 64 bits.

Más Información: [Developer Android](https://developer.android.com/distribute/best-practices/develop/64-bit?hl=es-419) — [Multi-Core Devices & Xamarin.Android](https://docs.microsoft.com/en-us/xamarin/android/deploy-test/multicore-devices?WT.mc_id=docs-xamarinblog-jamont)

* * *
Is MDN the best documentation resource for web technologies as a programmer?
Tags: discuss, documentation, resource, javascript
Published: 2019-08-19 16:49:57

I have to say that every time I need to get some information about javascript or html I always search for articles in the [MDN](https://developer.mozilla.org/en-US/) (Mozilla Developer Network). I think this is one of the most complete, useful and updated information about any web technology.

What do you think? Is MDN as useful for you as for me? Do you use other resources with more information or better examples or better described or whatever? Do you use it in combination with other resources?
Mat-Stepper Error in angular material.
Tags: mathorizontalstepper
Published: 2019-08-19 16:07:20

core.js:4002 ERROR Error: Uncaught (in promise): Error: Template parse errors:
'mat-horizontal-stepper' is not a known element:
1. If 'mat-horizontal-stepper' is an Angular component, then verify that it is part of this module.
2. If 'mat-horizontal-stepper' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("


[ERROR ->]<mat-horizontal-stepper >

 
"): ng:///AdminLayoutModule/FillDetailsComponent.html@121:0
Error: Template parse errors:
'mat-horizontal-stepper' is not a known element:
1. If 'mat-horizontal-stepper' is an Angular component, then verify that it is part of this module.
2. If 'mat-horizontal-stepper' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("


[ERROR ->]<mat-horizontal-stepper >



[ERROR ->]<mat-horizontal-stepper >
Haiku Poems for Web Developers
Tags: javascript, webdev, codepoems
Published: 2019-08-19 16:02:10

---
title: Haiku Poems for Web Developers
published: true
description: Let's get deep.
tags: javascript, webdev, codepoems
cover_image: https://thepracticaldev.s3.amazonaws.com/i/5mam559eq5c3b6iaj2vk.jpg
---

I type git commit
and I'm stuck inside of vim
it's been six years now

learning JavaScript
is like a really cool sword
you hold by the blade

I have to git pull
I'm not religious, but Lord
please no merge conflicts

nineteen ninety nine
my first site was a page of
Dragonball Z gifs

school taught us Java
and said we'd be Java devs
boy, they were way off

imagine if we
stopped gatekeeping junior devs
too bad we're a-holes

put in a PR
where I forgot to remove
console log("please work");

looked up array slice
eight times this week; here comes my
imposter syndrome

TDD is great
wait, the deadline is for when?
we'll write tests later

my work day is just
faking confidence for the
product manager

let's take a moment
to remember the short lives
of our side projects

I wrote Hello World
maybe three years ago so
yes I know Python

no time to fix tests
git force push no verify
so long, pre-commit

QA just called in
a full bomb disposal squad
my code did not pass

I just spent two hours
choosing a colour palette
should have done law school

I pretend I know
what this "Kubernetes" is
it sounds like it's drugs

I do something called
hype-driven development
I like shiny things

I say I'm full stack
but I just never got good
at any one thing
How to Deploy a Custom Domain Name with the Amplify Console in Under Two Minutes
Tags: continuousdeployment, awsamplify, customdomain
Published: 2019-08-19 15:59:00

---
title: How to Deploy a Custom Domain Name with the Amplify Console in Under Two Minutes
published: true
description: How to add a custom domain to your Amplify Console project from GoDaddy, Google Domains, or any DNS provider.
tags: continuous deployment, aws amplify, custom domain
---

Whether your domain provider is GoDaddy, Google Domains, Namecheap, or some other provider, the above video will show you how to deploy an Amplify project using your custom domain in less that 2 minutes.

---

If you've never deployed an app using the Amplify Console, check out the below 56 second video to learn how.

{% youtube cl1v4BkZj4w %}
Rust log: chapter two, it's finally clicked!
Tags: rust, devjournal
Published: 2019-08-19 15:54:21

Whilst still fighting the compiler I managed to write a parser that reverse parses a subset of JavaScript.

I had spent a long time looking at parser theory and rust frameworks but in the end I just said screw it I will write something that makes sense to me for this project. I'm building a token stream with callbacks, I was inspired by Marpa parser over peg grammer and so it's looking like Marpa as a parser combinator.

The idea is to mix JavaScript and CSS into one file, you might remember my Jess post on JavaScript enhanced mixins in scss, I am building the libjess for the cli compiler then a reactive VM for wasm later. It's been a headache and great fun. IL update you when I get further.
Where do you guys buy HTML templates for clients
Tags: discuss, freelancing
Published: 2019-08-19 15:41:02

---
title: Where do you guys buy HTML templates for clients
published: true
description: Where do you guys buy HTML templates for clients
tags: discuss,freelancing
---

Hey there,
I was looking to buy some html templates that I can use for my clients ? Can you give me some suggestions where I might buy them.
Thank you
My Travelling And Tourism Post
Tags: travelling, tourism
Published: 2019-08-19 15:38:54

So, We were told to write a Blog about Travelling and Tourism for HNG Pre-Internship, I haven't traveled out of Nigeria but I have visited a couple of states in Nigeria, but first of all, let me define Travelling and Tourism, Travelling is the movement of people between distant geographical locations. 

Travel can be done by foot, bicycle, automobile, train, boat, bus, airplane, ship or other means, with or without luggage, and can be one way or round trip.

And Tourism is travel for pleasure or business; also the theory and practice of touring, the business of attracting, accommodating, and entertaining tourists, and the business of operating tours.

So, Travelling in a public transit in Nigeria is not so easy due to the bad roads, not-so-good public bus but can be so much fun as you will get to see some beautiful rural settlements and meet amazing people.
And I must also confess I have never traveled by air but I do hear It's an amazing experience (Would love to experience that).

So, Back to Tourism, I hardly have time for sightseeing but I have had an experience when I was sent by my company for an official assignment at a Remote Village and I must confess, seeing people living borderless life seems like fun, and I will recommend anybody travelling for tourism purposes to use https://timbu.com/flights services as Timbu's services rocks when it comes to Travelling and I will also be using Timbu whenever I get the chance to travel out of Nigeria (San Francisco hopefully, I want to visit Silicon Valley), and Its Business Class All the Way!
The Stress of the New
Tags: beginnings, stress
Published: 2019-08-19 15:35:54

Learning something new is, for the vast majority of people, a difficult and stressful task that requires dedication and focus. For me, the beginning of my journey down the path of the software engineer has been just that. New concepts and ideas are pressed upon my mind daily, and it is very easy to become overwhelmed with stress and anxiety when the demand starts to escalate. Luckily for myself, I'm learning in an environment where help is within arms reach, but this wasn't always so.

Years ago, I had toyed with the idea of teaching myself how to code. The prospect was daunting, and I didn't have a clear picture of where to start or what to learn. I started reading books and using online resources, but the task turned out to be too big for the then young man who still had to work full time to earn a living. I struggled to understand the fundamentals and I was, frankly, bad at coding. Anxiety, self doubt, and stress derailed my learning, and I never really gave it the effort that it deserved. 


![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/vdnxyqx6ad3rx67cy0ds.png)

Being bad at something is perfectly fine. How you deal with that fact is what matters. Stress is a dangerous beast that affects everyone, from student to CEO. Those that manage their stress levels and keep their head above the tide of expectations will find it much easier than those who despair and panic at every hurdle that bars the path ahead.

I often find myself looking back upon my first attempt at coding to see where I went wrong. Aside from the structured education I'm currently receiving through Flatiron, the biggest difference is how I managed stress levels and perceived failures. If I could turn back the clock and give my younger self some advice, there would be two things that I would want to impart.

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/ezb2pdlxsflylae8eg1y.jpeg)

Coding is hard, and don't feel bad about it not making sense at first. Take a break if you start to panic. Go for a walk or exercise to blow off some steam. If you believe that you can't solve the problem in front of you, chances are that you'll be right. 

Don't be afraid or stubborn when it comes to asking for help. I myself have been too prideful to ask for help, thinking that I should be able to solve my own problems. Just as the internet is a vast web of computers and servers, so too should we be as developers. Collaboration and networking have been fundamental to my search for knowledge, and I credit a lot of my success to those helping hands and voices that have been there when I have needed assistance or insight from someone more knowledgable.

Like any unfamiliar task, learning to code is difficult. If you're unprepared or easily discouraged, as I once was, it will be harder still. Take your time and look for help when you need it. My journey has just begun, but it has already been immensely gratifying.

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/mz7t3sk9u757nb2e3sxk.jpeg)
"Waiting times" at work.
Tags: discuss, productivity
Published: 2019-08-19 15:01:41

Hey guys. We all know that this happens - waiting for a new project, a new task... Sometimes it happens for days or weeks. What do you do then?
Normally I read about my technology stack, do some challenges, look for inspirations on Dribbble or CodePen. But what do you do? Can you recommend something creative?
Today's JavaScript React Developer Questions
Tags: javascript, react, interview, beginners
Published: 2019-08-19 14:51:28

---
title: Today's JavaScript React Developer Questions
published: true
description: 
tags: javascript, react, interview, beginner
---

Again the interview spree is going on and this is today's interview questions:

1) prevent page from refreshing (event prevent default)
2) types of inputs in CSS
3) Destructure/spread operator in JS
4) changing value while destructuring
5) execution context 
6) sum(4,5) sum(4,5,6,7,8) number of arguments pass may change using recursion or closures
7) undefined VS null
8) position property in CSS
9) display line, display block, block-inline
10) sort number of 1's and 0's 
11) Find pairs (i,j) which sum upto given value if array is sorted.
12) var , let and const
13) const a = [1,2,3,4] can we mutate this array?
14) IIFE
15) convert IIFE to module
16) create a module using ES6 and ES5 syntax
17) Create calendar using inbuilt html dropdown
18) Write regular expression for PAN number
19) uncontrolled vs controlled components
20) JS problem on execution context
21) map/reduce/filter method
22) Invert object using functional programming keys should become values and values should become keys
23) Immutability
24) recursion problem to solve sum(a,b) function
25) Binary search and sorting problem

The next rounded included the following ones: 
How to reduce web page loading time?
How to check data type in JS?
How to create a copy of object? ->> I said object.assign() he said any other method I said spread operator ...
How to change particular key of an object?
There is a calculator with multiple buttons and it creates alert box how will you handle this onclick events? My answer: Inside of adding on click on each button we will add cllick event on parent element so this will be event delegation. Event will bubble up. He said yes got it
What are primitive types in JS ?

Basically I made this list for today. Hope It helps
RANDOM 403 ERRORS FROM MVC WITH ANGULAR
Tags: angular
Published: 2019-08-19 14:46:24

So our project manager wanted us to  develop a website using angular with MVC. it's finished and it runs fine on the build, but whenever I publish I keep getting Random 403 errors. Usually when I switch to incongito mode. But the problem is that the error occurs randomly???? Sometimes it would work sometimes it would not. My team has been stuck on this problem for weeks now. Any help any advice would much be appreciated.

I have attached some files to show some errors on all browsers we are trying to support.
Where do you find the time...
Tags: customprojects, freetime, discuss, goals
Published: 2019-08-19 14:42:28

Every time I start working, my mind explodes with new ideas of personal side-project.

_But, unfortunately, I don't have the time to develop them_

I see a lot of people (here on dev.to but also on youtube, dribbble, linkedin, etc..) wich can work as a fulltime employee and also on their personal projects.

So the question is:

# Where do you find the time...

or better,

# How can you work full time, have a private life and work also on your personal projects?

Do they work in the night? Or they just leverage their private lifetime in advantage of side-projects development?

I'm getting crazy for that.. I love to develop and I want to make some side-projects for different reasons: passive incomes, personal growing or just knowledge sharing.

But I can't find the time to do that, or just I can't develop 80h per week like a robot. I work 40h per week and live with my girlfriend, so I love (and need) to share my free time with her or just need to do my house jobs in my free time, because my full time job is taking my energies during the week.

How do you suggest to proceed? How do you develop your personal projects?
AngularJS Directives
Tags: angular, directives, javascript
Published: 2019-08-19 12:57:58

Are you asking "why AngularJS?"? It's true there are bunch of young, chic, versions of Angular walking around out there, in their hip clothes with their wrinkle-free faces and their not-at-all-grey hair. But don't mistake youth with beauty! Old(er) things can still be beautiful. And what's more, older things often paved the way for the new, young things who now flaunt their stuff, and those older things left a mark on the world. A mark you might have to deal with. Enter: legacy code.

Sometimes you're going to have to play by the old foggy's rules because the old foggy wrote the rulebook. 
If you walk into a gig unprepared for that, you might find yourself under water with legacy code that you need to work on but don't know where to begin. Get cozy with the fundamentals of AngularJS, and 
1. you'll be ready for any legacy code you run into. 
2. you'll understand the progressive change of the framework over time and better understand how it works and how to use it now (a lot of stuff is similar/hasn't changed)
3. plus (added bonus for free!) you'll appreciate the new, young stuff way more, when you see what you don't have to do because the framework is so improved now.

AngularJS Directives are one part of AngularJS worth exploring.
The shorthand version of directives is that they are like tiny, little commands that start with 'ng' and give your HTML superpowers.
AngularJS comes loaded with a handful of these directives, out of the box, and ready for you to use, with really simple and straightforward syntax. You just insert them into the template section of any component, and let Angular do magic for you.
One super handy directive is the 'ng-repeat' which will loop over an iterable for you, like this:

{% replit @CarinChapman/MerryMurkyContent %}



When Angular's compiler sweeps through the DOM and finds that ng-repeat, like magic, it will know that means you want to loop through the array wherever you insert the variable "coffee" into a template. Pretty neat, huh?
There are lot of other directives like:
1. ng-app--auto-bootstraps the app when the page is loaded and names the div element that it's attached to as "the boss" of the page.
2. ng-model--binds the HTML value that it's attached to (e.g.'input') to the application data.
3. ng-switch--lets you show/hide HTML elements based on a condition.
4. ng-click--built in click-handler
5. ng-conroller--tells AngularJS this is your controller in the MVC.

There are lots more too. They're quick and easy ways to make your HTML do all the cool things you want it to do, without a lot of the hassle of using raw HTML or JS to do so. Well worth getting to know how they work in AngularJS and versions of Angular beyond.
What I hate hearing most as a developer.
Tags: justforfun, discuss, fun, game
Published: 2019-08-19 14:39:28

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/47jqu4wo0s0leopmvd3k.jpg)

A. Using Vim makes you more productive ⌨️
B. This should be low-hanging fruit 🍇
C. Looks good on my screen 👨‍💻

Or suggest your own answer.
Setting up Custom Domains and HTTPS Certificates with Laravel Vapor
Tags: serverless, laravel, beginners, web
Published: 2019-08-19 14:30:17

---
title: Setting up Custom Domains and HTTPS Certificates with Laravel Vapor
published: true
description: Learn how you can setup a custom domain name and a HTTPS certificate using Laravel Vapor.
tags: serverless,laravel,beginner,web
cover_image: https://owenconti.com/static/images/custom-domains-and-certificates-vapor.jpg
canonical_url: https://owenconti.com/laravel/custom-domains-and-certificates-with-laravel-vapor/
---

Make sure you watch the previous video in this series: [Deploying a Project with Laravel Vapor](https://dev.to/owenconti/deploying-a-project-with-laravel-vapor-2bd2).

Let's walk through how you can setup a custom domain and HTTPS certificate with Laravel Vapor.

{% youtube ss4g_5m-ugE %}