teleren/devto huggingface dataset:
What HTML tag do you wish existed?
Tags: discuss, html, webdev
Published: 2020-09-03 15:30:13

_Cover photo by [Lennart Jönsson](https://unsplash.com/@lenjons?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText) on [Unsplash](https://unsplash.com/s/photos/wish-list?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText)_

---

What's a tag that would make your web designs so much easier to implement if only it existed? (or maybe it exists but just isn't supported well enough)
A year ago today, I learned my first line of code
Tags: webdev, beginners
Published: 2020-09-03 15:24:37

Just a silly anniversary to celebrate! September 3rd is when I signed up to freeCodeCamp at the suggestion of a friend, and I learned my first line of code. (Spoiler: Hello world)

Still not working in tech and a blue collar worker, but it's wild looking at all the things I've learned over the past year.

For other "newbies" who get discouraged, don't give up! 🙏
Backend or Frontend? Where should a fullstack dev start coding?
Tags: productivity, fullstack
Published: 2020-09-03 15:13:13

The other day, on Twitter, Angie Jones posted a very interesting poll about whether a full stack web developer would start writing a feature on the frontend or the backend.

{% twitter 1299205848007286784 %}

Interestingly most people responded that they would start on the backend code, which is also my preference. For me, I prefer to mock up the UI quickly on paper to get an idea of what’s needed, then write the backend, then write the frontend.

Either way, I think it’s interesting to see the pros and cons of each approach, so let’s start with the frontend.

## Starting on the Frontend

To be clear, we’re talking about writing the HTML/CSS/JS to display your feature on a page.

### 1. Clarify your ideas

People mentioned being able to clarify the idea for what is needed. When you write the frontend, you will quickly get a very precise idea of exactly what data is going to be needed. This will clarify what database records you need, or what API calls you need, or if you need something new!

### 2. Deal with frontend uncertainties sooner

The frontend in web development can be a bit of a mess, with various browser differences and a large number of tools/dependencies that might be in use. It can be very useful to get those parts out of the way as quickly as possible.

## Starting on the backend

### 1. Develop in peace
If you have trouble getting started, the backend can be a great place to start. Everything in that sandbox is usually under your control as the developer, so it may be easier to make progress.

### 2. You can always come back

Again, the generally controlled nature of the backend means that it’s easier to come back to the backend for tweaks if you realize something is missing as you develop the frontend later.

All in all, it’s really not an either-or proposition. Some repliers, like Martin Fowler, mentioned deciding based on where they felt there was the most uncertainty. I practice a version where I mock up the frontend first, then do the backend, then frontend. There’s no hard and fast rule to follow, especially since so much coding is exploratory.
Daily Challenge #285 - Jewel Thief
Tags: challenge
Published: 2020-09-03 15:05:19

---
title: Daily Challenge #285 - Jewel Thief
published: true
series: Daily Challenge
description: Word on the street is that you claim to be a safe-cracking jewel thief.
tags: challenge 
//cover_image: https://direct_url_to_image.jpg
---
Word on the street is that you claim to be a safe-cracking jewel thief. But are you?

Let's test your safe-cracking abilities. To prove you are a real thief, you need to crack the combination of the safe, then open it and tell me the value of the jewels inside!

The `safe` object has two methods:

`unlock(combination)` returns a string. `click` means the first part of the combination is correct, `click click` for the first two parts, `click click click` means all three are correct. 

`open()` returns an integer containing the value of the safe's contents. 

The safe combination format is made up of 3 dial spins:
- Spin the dial left `L` or right `R`
- Numbers on the dial `00 - 99`
- Each part of the combination is separated by `-`

Let's see how well you know how to crack safes. Good luck!

***
_This [challenge](https://www.codewars.com/kata/5b40a38f6be5d82775000003) comes from dinglemouse on CodeWars. Thank you to [CodeWars](<https://codewars.com/>), who has licensed redistribution of this challenge under the [2-Clause BSD License](<https://opensource.org/licenses/BSD-2-Clause>)!_

_Want to propose a challenge idea for a future post?  Email **yo+challenge@dev.to** with your suggestions!_
Which case do you follow for API parameters?
Tags: discuss, architecture, design, api
Published: 2020-09-03 14:58:13

When you work in a microservice or a service-oriented architecture, there is a high chance that you will have more than one tech stack. 

We have a lot of APIs that are consumed by our front end platforms and third-party clients. We have ruby, golang and Java.

The question here is, ***what's the case that you follow for parameters when you design your APIs especially when you have different stacks that differ by their case convention?***  

So far, when the APIs are designed, we follow the casing that's recommended in the respective languages.

For example, consider this API which creates a new user. (Simplified the API for the sake of discussion)

In golang it would look like this,
>POST User(params)
params = { firstName: 'Michael', lastName: 'Scott'}

whereas in ruby,
>POST user(params)
params = { first_name: 'Michael', last_name: 'Scott'}


The clients now have to use snake_casing for some APIs and camelCasing for some APIs. We wanted to fix this and follow a consistent casing throughout the organisation so that the API parameter casing is the same irrespective of the underlying language.


What are our possible options?

`camelCase, snake_case, spinal-case`

Let's say we follow camelCase for all the APIs. Golang and Java apps would continue to work fine. For ruby, `camelCase` would be introduced in the code which is against ruby's styling convention for variables. This is because of the following reasons. 
1. More often the parameters will be passed to downstream services.
2. If you're a fan of Service Object pattern, you would keep the controller thin and pass the *camelCased* parameters to the respective service.
3. There will be common utilities or actions that need to work on the params. For instance, verifying if all the parameters are present for an API.

As a result of these, your ruby code will start handling camelCase. 

###Workaround for this:
To avoid this, there can be a simple middleware that processes all the requests parameters and converts them to snake_case, so that the rest of the code continues to follow snake_case and would never need to know what's the case that's been used by the clients. Even if we want to change the case from camelCase to spinal-case, we only need to handle at the middleware layer and the rest of the code stays the same.

To give you a rough idea, having this line of code before passing on the request to the respective controllers would solve this problem.
> params.deep_transform_keys!(&:underscore)

Refer [here](https://stackoverflow.com/questions/17240106/what-is-the-best-way-to-convert-all-controller-params-from-camelcase-to-snake-ca) if you want to read on what's the right way to do this in rails.


Having said these, I know that a lot of you would encounter this problem at work. I would love to know how you're handling this and the thought process behind choosing a particular case and maybe learn if there are any best practices for the same.
JavaScript Introduction Concepts 📍️
Tags: javascript
Published: 2020-08-30 22:14:32

# Comments

The first thing to learn is really how to write non-code text (Crazy right?). Comments won't be interpreted, so they are a great way to document your code. 

- Single line comments: `// text`
```js
//This is a comment
``` 

- Multiline comments: `/* text */`
```js
/* 
this is 
also a 
comment 
*/
``` 
---

# Variables

### Keywords
There are 3 main ways to declare a variable: `var`, `let` and `const`. The difference is that:

- `var` is used in pre-ES6 version of JavaScript
- `let` declares a variable that the content can change.
- `const` declares a variable that the content can't and shouldn't change. 

```js
var name = 'Vitor 💁‍♂️️'
let country = 'Brazil 🇧🇷️'
const hobby = 'Music 🎵️'
```

### console.log

If you want to see these variables in the console, use `console.log`.

```js
console.log(name, country, hobby)
//Prints: Vitor 💁‍♂️️ Brazil 🇧🇷️ Music 🎵️
```

### Reassign
When reassigning you don't need the keywords. But if you try to reassign `const` variables, it will throw an error. 

```js
country =  'Japan 🇯🇵️' //Ok
hobby = 'Eating 🥨️' //error: TypeError: invalid assignment to const 'hobby'
```

---

# Types of Data

#### Strings

They can be indicated by single or double quotes.
 
```javascript
const stringIsText = 'I like dancing 💃️'
const thisIsAlsoString =  "I also like cooking 🍳️"
```
#### Numbers

```javascript
const myFavoriteNumber = 12
```

#### Float

```javascript
const myBudget = 25.2
```

#### Boolean

```javascript
const loveMusic =  true
```

#### Array

```javascript 
const myFavoriteMeals = ['Shrimp 🍤️','Cake 🎂️','Potato 🥔️']
```

#### Objects

```javascript
const seriesRating = {
title: ['Dark ⏰️', 'La Casa de Papel 🏦️', 'The Umbrella Academy ☂️'],
score: [10, 9 ,8]
}
```
---

# Mathematical Operations

### Symbols

```javascript
// ➕️ addition
5 + 5 

// ➖️ subtraction
5 - 2 

// ✖️ multiplication
5 * 5 

// ➗️ division 
5 + 2 

// ❔️ modulo
5 % 2 
```

### Assignment Operators

These operators are used to perform an operation and assign at the same time. To save some typing, instead of writing `x = x + 2` you can write `x+= 2`.

`+=` addition assignment
`-=` subtraction assignment
`*=` multiplication assignment
`/=` division assignment

```javascript
let moneyEarned = 20

moneyEarned *= 3 //Same as: timePraticed = timePraticed * 3 

console.log(timePraticed) //Prints: 60
```

---

I really appreciate if you share what you thought and maybe something you struggle so I can cover in the following posts 🤗️
Flutter Vs PWA- Which One To Choose In 2020?
Tags: flutter, pwa, mobile, apps
Published: 2020-09-03 14:50:22

In the past couple of years, mobile application development has transformed into a blasting industry. Nearly 3.5 billion people in the world are using smartphones and applications to carry out everyday tasks. Today,  for online business mobile app development is necessary. If you want to increase your sales with technology then app development is genuinely suggested for everyone.

A decade ago, you could build a native application. The main drawback of this was- you had to spend twice the development cost to make applications for iOS and Android platforms. But now, with the availability of broad cross-platform development options, developing two applications using a single codebase become more popular. There are some competing mobile app cross-platform tools available. Other than PWA and Hybrid, Google’s Flutter and Facebook’s React Native are among the most notable ones. The two main advantages of cross-platform application development is a rapid development process and reduced cost. As there are a lot of frameworks available to build cross platform apps, most of the entrepreneurs get confused about choosing the best between Flutter and PWA. Before making the comparison, let us understand the basics of both frameworks.

#What Is Flutter?
Flutter is an open-source mobile app development framework to develop high-performance, high fidelity mobile apps for both android and ios platforms. Flutter apps are written in Dart language which can be compiled to JavaScript. The major components of Flutter are Dart platform, Flutter engine, Foundation library, and Design-specific widgets. Using Flutter framework, you can easily build user interfaces that smoothly react in your application as it reduces the code required to synchronize and update you application’s view. Within a short time, Flutter has become very popular on GitHub and has gathered plenty of stars.

#Features Of Flutter-
* It includes modern react-style framework, instant gadgets, and development tools.
* It has huge support for developing customized interfaces with unique themes and priorities as per your needs.
* Flutter has a new feature called “Hot Reload”. With this tool, you can access  a wide range of widgets along with working on a dynamic interface with ease.
* It has a high effective portable GPU delivering UI power that allows it to work on the most recent interfaces.

*Pros of Flutter-* 
* Easily learnable
* It gives access to native features.
* It is hot reload which means that the developers can see all the changes they’ve made to the code.
* Perfect for an MVP.
* It improves overall performance as well as app startup time.

*Cons of Flutter-* 
Few issues in integrating with native external libraries.
It isn’t supported by web browsers as it only mobile applications.
Lack of third-party libraries. Using Flutter, the developer has to build these libraries themselves which is very time-consuming.

#What Is PWA?
Know more at- [https://solaceinfotech.com/blog/flutter-vs-pwa-which-one-to-choose-in-2020/]
What is your favorite relational DB?
Tags: webdev, discuss, database
Published: 2020-09-03 14:42:07

---
title: What is your favorite relational DB?
published: true
description: 
tags: webdev, discuss, database
cover_image: https://cdn-images-1.medium.com/fit/t/1600/480/1*LcXr-gRpSfe63XjdCVa15A.png
---
When it comes to relational databases, I've mainly worked with just MySQL and a bit of PostgreSQL. 

Some of the most popular alternatives include Oracle, MariaDB, SQLite, ElevateDB and lots of others.

What is your preferred choice when it comes to relational databases and why would you recommend it?
Building a Notifications client with Xamarin and Azure - Part 2
Tags: azure, xamarin, dotnet, webdev
Published: 2020-09-03 14:40:17

## Extending the infrastructure to Windows and adding the Notification Hub

In this episode, Laurent is joining Frank to continue working on the cross-platform Notifications client project that uses Xamarin and Azure. 

{% youtube 9jiNZDsyy9Y %}

This time they will configure the [Windows Push Notification Services](https://docs.microsoft.com/en-us/windows/uwp/design/shell/tiles-and-notifications/windows-push-notification-services--wns--overview?WT.mc_id=allaroundazure-devto-lbugnion), the same role as the Google FireBase, configured in the previous episode, but on the Windows side. This will act as our backend service to send a notification to Windows devices... like Surfaces, PCs, and ... Windows phones ;) 

Then Laurent will show us how to create the [Azure Notification Hubs](https://docs.microsoft.com/en-us/azure/notification-hubs/?WT.mc_id=allaroundazure-devto-lbugnion). This piece being useful as everything sent to the hub will be dispatch to the other systems.

And finally, they will test this new scenario.

[Part 1 - Available Here](https://blog.allaroundazure.com/post/2020-06-18-building-a-push-notifications-client-using-azure-and-xamarin/)


### Useful Links

🔗 [Windows Push Notification Services](https://docs.microsoft.com/en-us/windows/uwp/design/shell/tiles-and-notifications/windows-push-notification-services--wns--overview?WT.mc_id=allaroundazure-devto-lbugnion)

🔗 [Notification Hubs Windows Store .NET Get Started Push Notifications](https://docs.microsoft.com/en-us/azure/notification-hubs/?WT.mc_id=allaroundazure-devto-lbugnion)

🔗 [Azure Notification Hubs](https://docs.microsoft.com/en-us/azure/notification-hubs/?WT.mc_id=allaroundazure-devto-lbugnion)

🔗 [Create Notification Hub Portal](https://docs.microsoft.com/en-us/azure/notification-hubs/create-notification-hub-portal?WT.mc_id=allaroundazure-devto-lbugnion)

🔗 [Notification Hubs](https://azure.microsoft.com/en-us/services/notification-hubs/?WT.mc_id=allaroundazure-devto-lbugnion)

🔗 [Notification Hubs Pricing](https://azure.microsoft.com/en-us/pricing/details/notification-hubs/?WT.mc_id=allaroundazure-devto-lbugnion)

🔗 [Badges](https://docs.microsoft.com/en-us/windows/uwp/design/shell/tiles-and-notifications/badges?WT.mc_id=allaroundazure-devto-lbugnion)

🔗 [Adaptive Interactive Toasts](https://docs.microsoft.com/en-us/windows/uwp/design/shell/tiles-and-notifications/adaptive-interactive-toasts?WT.mc_id=allaroundazure-devto-lbugnion)
[NEW] extension for spontaneous meetings
Tags: watercooler, productivity
Published: 2020-09-03 14:35:49

Hi everyone!
Our team launched a new product today. During the quarantine, we felt disconnected. And came up with the idea of engineering serendipity for teams. Because we miss small-talks, water cooler chat and etc. So today I invite you to try NextPage. 

NextPage [https://nxt.page/] is an extension for spontaneous meetings. You just install it, create a channel and share it with the team (or with friends). Next time you are on the same page at the same time you can start a chat or just wave to each other. 

You also can react to the content of the website. And check other people's reactions — that a great icebreaker for your next talk.

Please, tell me what do you think! We also launched on PH [https://www.producthunt.com/] today, so you can share your thoughts and ideas there. Thanks!
The Cloud Skills Show Episode 4: Security
Tags: security, beginners, video, azure
Published: 2020-09-03 14:30:49

>Watch this episode now on [YouTube](https://www.youtube.com/watch?v=vbyj2DBmH20&feature=youtu.be)

{% youtube vbyj2DBmH20%}

***

The Cloud Skills Show is a new weekly livestream, brought to you by the folks at Microsoft Developer UK. Each week, we'll feature guests from the UK and around the world to talk about the cloud skills that Developers and IT Professionals can use to develop their career (or to start a career in tech).

In Episode 4 we are taking a close look at Security from an infrastructure perspective. Joining Adam this week as co-host is Dean Bryen, Cloud Advocate at Microsoft and guests David Okeyode and Paul Keely, both MVP Award Recipients for Azure. 

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

***

Here are the links and resources from this week's show: 

####[David Okeyode (MVP)](www.twitter.com/asegunlolu) - Security Fundamentals####

|  Resource       | URL  |
| ------------- | -----:|
Introduction to Azure security -Microsoft Docs|https://aka.ms/cs-securityintro 
Microsoft Certified: Azure Fundamentals|https://aka.ms/cs-securityfun 
Examine Microsoft Azure security, privacy, compliance, and trust - MS Learn|https://aka.ms/cs-azuresecurity 
Azure Shared Security|https://aka.ms/cs-azuresharedsecurity
Exam AZ-500: Microsoft Azure Security Technologies|https://aka.ms/cs-az500 



####[Dean Bryen](www.twitter.com/deanbryen) - Community####

|  Resource       | URL  |
| ------------- | -----:|
Microsoft Security Best Practices - Microsoft Docs |https://aka.ms/cs-compass  
Jobs in InfoSec|aka.ms/cs-infosecjobs 

####[Paul Keely (MVP)](https://www.linkedin.com/in/ACoAAAEzvKYB3SOlvfEyqBQj1ErX7AcV1gSI35A?lipi=urn%3Ali%3Apage%3Ad_flagship3_profile_view_base%3BNeDwebI6RMGPUUu6c%2F2L%2Bg%3D%3D) - SIEM and Azure Sentinel####

|  Resource       | URL  |
| ------------- | -----:|
Become an Azure Sentinel Ninja - Tech Community |https://aka.ms/cs-sentinelninja
Azure Sentinel - Microsoft Docs|https://aka.ms/cs-sentineldocs
Azure Sentinel Learning Path|...watch this space!

***

>Every week we livestream on Microsoft's [Learn TV](https://aka.ms/cs-learntv) and you'll also be able to find the show on Twitter [@MSdevUK](https://www.twitter.com/msdevuk) and on the [Microsoft Developer UK YouTube](https://www.youtube.com/channel/UCAwjqkUtlqX5C6_scGRiclg) account. Join us for this show at these times each week:

|Singapore|Mumbai|Berlin|London|NYC|Seattle|
|:-------------:|:-------------:| -----:| -----:| -----:| -----:|
|9pm|6.30pm|3pm|2pm|9am|6am|

If you require captioning, that’s available on Learn TV and YouTube via the controls below the video.
What's the output?
Tags: javascript, webdev, beginners, quiz
Published: 2020-09-03 14:04:27

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

**Thanks for reading 💙**  
Follow **@codedrops.tech** for daily posts.  
[Instagram](https://www.instagram.com/codedrops.tech/) ● [Facebook](https://www.facebook.com/codedrops.tech/)

Micro-Learning ● Web Development ● Javascript ● MERN stack  
**[codedrops.tech](https://www.codedrops.tech/)**
Strapi is Amazing but? slack-thread
Tags: strapi, headlesscms, react, javascript
Published: 2020-09-03 13:54:05

## strapi is amazing but I don't find a way to export local data in production. And some time app gets crashed (application error) in the middle. check the slack-discussion in image form 

### I have two strapi app running on Heroku. check below link:

[hairSalon](https://hairshop.netlify.app/)
[schoolWebsite](https://schoolweb.netlify.app/)
[JS T-shirt](https://devswag.netlify.app/#/)

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


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