teleren/devto huggingface dataset:
Atalho para código base HTML no Visual Studio Code
Tags: vscode, codigobase, esqueletohtml, visualstudiocode
Published: 2021-01-06 17:53:28

Hi, Lorena! hehehe

Esse é meu primeiro post aqui no DEV.to. Sou uma iniciante no mundo da programação, quebrei bastante a cabeça nas minhas primeiras aventuras programando e os atalhos são uma mão na roda, principalmente os que dão código padrão que sempre terá de ser inserido.

Essa primeira dica eu pesquisei bastante e não encontrei especificamente sobre o VSCode (calma, deve ter sim, mas tô aprendendo a pesquisar também) e trouxe ela aqui para ajudar outros iniciantes que estejam passando por essa luta.

Agora vamos ao que interessa!

É muito simples, basta criar o seu documento .html e na primeira linha insira apenas um ponto de exclamação ( ! ) e aguarde um pouco até que apareça uma caixinha de texto conforme a da imagem a seguir:

![vscode1](https://dev-to-uploads.s3.amazonaws.com/i/wglhirow7ftvyri91wck.png)
 
Depois é só clicar na tecla "enter" e pronto!

![vscode2](https://dev-to-uploads.s3.amazonaws.com/i/311nzdwvs1m0okqrkkix.png)
 
Após finalmente (nooossa :O) descobrir isso, fui pesquisar sobre o "emmet abbreviation" (que aparece na caixinha de texto que citei), e encontrei um artigo super legal no medium que explica tudo sobre essa ferramenta. Para os curiosos de plantão, segue o link:

https://medium.com/@kartik2406/web-development-with-vs-code-part-1-emmet-6af80f0f630c

E aí, essa dica foi útil pra você? Me conta nos comentários :)
AWS Devops Pro Certification
Tags: aws, devops
Published: 2021-01-06 17:51:53

I passed the AWS Devops Pro certification examination back in early December, and I though I'd write a short blog post on my thoughts. I never looked up my score (just saw the 'pass'), but I thought that the exam was easier than I was expecting. The minimum passing score was 80%. The exam is 75 multiple choice questions in 170 minutes. I finished the exam with about 30 minutes left and I was pretty sure I passed, so I just submitted instead of taking any time to review answered questions.

That isn't to say that it is an easy test. It is very mentally taxing to go through the technical reading and weighing of 'best' answers for 75 questions. You need to have a good conceptual grasp of SDLC, CICD, and AWS services and best practices.

I used Stephane Maarek's Udemy course and Jon Bonso's practice tests as study material. I also built about 3 toy applications during my study time. I have only about 8 months of AWS experience (at my full time job), and I had all 3 associate certifications while having that experience.

I think that studying for this certification is great for intermediate level devops practitioners getting into AWS/cloud operations. It gives you a good level-set on AWS concepts and best practices. If you're completely new to IT this is probably too much, and if you're already very experienced, you also won't get much. Furthermore, this certification, and really any multiple choice test will not teach you practical dev/devops skills. It is very important to be building toy projects in order to develop new skills in a new domain, or to develop more advanced skills in a domain you already have experience in.

I've failed to stick to the 1 blog post per month, so I may do 2 this month. I'm currently working on a Velociraptor project, and I want to learn Terraform (as another way to deploy IaaS to an AWS backend), and get more advanced building with AWS Cloudwatch and other AWS platforms. These 3 builder projects should be done in the next 2 months or so.
Vuex explained through PHP
Tags: vue, vuex, php, templating
Published: 2021-01-06 17:35:59

---
title: Vuex explained through PHP
published: true
description: How to understand from Vuex when you have been PHP developer
tags: Vuejs, Vuex, PHP, templating
cover_image: https://vuex.vuejs.org/vuex.png
---

Vue.js was not around when I and many other developers started to code years ago. Even jQuery was just released. And if you have been using jQuery in front-end as a (PHP backend) developer, understanding all the aspects of Vuex flow could be tricky.

Let's see first this example from real 2007 code, still in production:

``` php
$myrow = mysql_fetch_array(mysql_query(
    "select * from albums where number LIKE '"
    . mysql_real_escape_string($_GET['number']) . "'"
));
echo '<b>' . stripslashes($myrow["number"])
    . ' album &#39;' . stripslashes($myrow["name"]) . '&#39;</b>';
```
In simple PHP page, data is taken from database and printed out.

Now let's try to write it in Vuex + Vue component like flow in PHP:
``` php
# VUEX
$GLOBALS['state']['album_data'] = null;

function actionLoadCurrentAlbum(string $number): void
{
    ## Backend API call
    $myrow = mysql_fetch_array(mysql_query(
        "select * from albums where number LIKE '"
        . mysql_real_escape_string($number) . "'"
    ));
    mutationCurrentAlbum($myrow);
}

function mutationCurrentAlbum(?array $albumData): void
{
    $GLOBALS['state']['album_data'] = $albumData;
}

function getCurrentAlbum(): ?array
{
    return $GLOBALS['state']['album_data'];
}

# Vue Component
## Script
actionLoadCurrentAlbum($_GET['number']);
$albumData = getCurrentAlbum();
## template
echo '<b>' . stripslashes($albumData['name']) . ' album &#39;' 
    . stripslashes($albumData['number']) . '&#39;</b>';
```

And in JavaScript as Vuex and Vue component
``` js
new Vuex.Store({
    state: {
        album_data: null
    },
    actions: {
        async loadCurrentAlbum(context, number) {
            const url = `https://example.com/some/path/${number}`
            let response = await (await fetch(url)).json()
            context.commit('setCurrentAlbum', response)
        }
    },
    mutations: {
        setCurrentAlbum(state, albumData) {
            state.album_data = albumData
        }
    },
    getters: {
        getCurrentAlbum: state => {
            return state.album_data
        }
    }
})

Vue.component('album', {
    beforeCreate: function() {
        this.$state.dispatch('loadCurrentAlbum',
            this.$route.params.number)
    },
    computed: mapState([
        'album_data'
    ]),
    template:
        '<b>{{ album_data.name }} album '
        + '&#39;{{ album_data.number }}&#39;</b>'
})
``` 

Now we have ![Vuex](https://vuex.vuejs.org/vuex.png) example translated from year 2007 PHP page.
Released radius-rs: an async/await native RADIUS implementation for Rust
Tags: radius, rust
Published: 2020-12-13 09:02:57

I've published an implementation of the RADIUS server and client for Rust.

{% github moznion/radius-rs no-readme %}

And this is also available on crates.io: https://crates.io/crates/radius


RADIUS is one of the major protocols for AAA (Authentication, Authorization and Accounting). According to the [Wikipedia article](https://en.wikipedia.org/wiki/RADIUS):
> Remote Authentication Dial-In User Service (RADIUS) is a networking protocol, operating on ports 1812 and 1813, that provides centralized Authentication, Authorization, and Accounting (AAA or Triple A) management for users who connect and use a network service.

This library aims to provide the functions of that protocol for Rust programming language.

The feature of this implementation is async/await native functions powered by [tokio](https://github.com/tokio-rs/tokio).
And this implementation and design is based on [layeh/radius](https://github.com/layeh/radius), this is a RADIUS implementation for golang, so it can generate the Rust code to make the RADIUS applications by giving the [dictionary files of FreeRADIUS](https://github.com/FreeRADIUS/freeradius-server/tree/master/share/dictionary/radius).

A simple example for the server and client is here:

- https://github.com/moznion/radius-rs/blob/main/examples/server.rs
- https://github.com/moznion/radius-rs/blob/main/examples/client.rs

✨


Please use this library when you implement the RADIUS application in Rust!
And if you have some troubles, questions and etc on this library, please feel free to open an issue.

Enjoy!
My KWOC -Kharagpur Winter Of Code Project Report
Tags: iitkharagpur, opensource, kwoc, github
Published: 2021-01-06 17:27:16

#**About KWOC**
KWOC — Kharagpur Winter of Code is a 5-week long online program organised by KOSS for the students of various colleges, especially for students of IIT Kharagpur, who are new to open source software development.
#**Introduction to Open-Source**
I didn't have much idea about open-source or how to contribute to it until attending the introductory lecture of KWOC. After registering for kwoc and going through the sources and links present on the website, I learned git commands and how to contribute to the projects.
#**Selecting Projects**
As I only knew a few programming languages, I filtered the projects accordingly and as I recently completed algorithms course, I selected the project DS - ALGO - SOLUTIONS as this was in my interest and was in cpp which I knew.
#**My Contributions**
I didn't make large contributions as I started late(in mid-December) and couldn't get much time later on.
#**Project**
I worked on the project DS - ALGO - SOLUTIONS which is a collection of solutions for HackerRank data structures and algorithm problems in Python, JAVA, and CP
{% github adityabisoi/ds-algo-solutions %}
#**Closed PRs**
I added a cpp solution and changed the location file to the appropriate location and updated the readme file
{% github https://github.com/adityabisoi/ds-algo-solutions/pull/476 %}
###**Languages**
I did my contribution in C++ and markdown languages.
#**Experience**
I learned a lot and gained my interest. I will always remember this as this is my first pull request being merged and it's a good feeling to know that your part of code is contributing to some project. It also gives good exposure to open source and is a great help to students preparing for GSoC
How to create my SlideShare URL
Tags: slideshare, linkedin
Published: 2021-01-06 17:26:52

These days the SlideShare account is created by LinkedIn account.
And they create my SlideShare URL from my name of LinkedIn automatically.
But I wanted to create my SlideShare URL with my username ( nauleyco ).

At first, I changed my name on LinkedIn with below.
First name : nau
Last name : leyco

And then, I sign up to SlideShare with my LinkedIn account.

I could see my SlideShare URL as below.
https://www.slideshare.net/nauleyco

After that, I changed my name on LinedIn back. 
(*) Don't forget!!!
[Solved] Unable to load asset Flutter - fluttercorner.com
Published: 2021-01-06 17:26:43

Hello Guys, how are you all? Hope you all are fine. You might face Unable to load asset this error in a flutter. So here I am come with all possible solutions for this error.

we are providing you all possible solutions to solve this error. So let’s start this article without wasting your time.

#What Cause Unable to load asset in Flutter Error?
Causes of this error is as below.

1. Wrong indentation for assets in pubspec.yaml file.
2. Not given proper path.
3. Extra whitespace in pubspec.yaml file

#Solutions
Here is All Possible Solution added please visit <a href="https://fluttercorner.com/unable-to-load-asset-in-flutter/">[Solved] Unable to load asset Flutter
</a>
[Solved] Flutter: Unimplemented handling of missing static target - fluttercorner.com
Published: 2021-01-06 17:24:45

Hello Guys How are you all? Hope you all are fine. Today we are going to solve the Unimplemented handling of missing the static target in the flutter. we are providing you all possible solutions to solve this error. So let’s start this article without wasting your time.

#What is Error?
Here is my main.dart file that Cause error.

```
import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(
      home: Text('Hello World'),
    ),
  );
}
```

Here is Error that I have faced in my terinal.
```
Flutter: Unimplemented handling of missing static target
```

#Solutions

Unimplemented handling of missing static target in flutter.
Usually This error occurs by flutter. Many times when we run flutter clean And flutter run will resolve your error.

Here is All Possible Solution added please visit <a href="https://fluttercorner.com/flutter-unimplemented-handling-of-missing-static-target/">[Solved] Flutter: Unimplemented handling of missing static target
</a>
How to convert TimeStamp in a flutter - fluttercorner.com
Published: 2021-01-06 17:21:09

Hello Guys, How are you all? Hope you all are fine. In today’s tutorial, we are going to learn How to convert Timestamp in a flutter? Many time we need to convert our timestamp Or our date time formate to another formate so here is I have all possible Methods to convert timestamp in a flutter.

So Here I Have Share My Date Time Convert Class Which will convert your datetime formate for you.

#How to Convert TimeStamp in flutter
Many times we need to convert our timestamp or our date time formate to another format so here I have added all possible methods to convert timestamp in flutter.

#Method 1

Here is My all class and best method to convert timestamp Please visit <a href="https://fluttercorner.com/how-to-convert-timestamp-in-a-flutter/">How to convert TimeStamp in a flutter</a>
[Solved] New Gradle Sync is not supported due to containing Kotlin modules using an unsupported plugin version
Published: 2021-01-06 17:19:16

Hello, guys how are you all? Hope you all are fine. When trying to add cloud_firestore to my app, I have the following issue in my stack track New Gradle Sync is not supported due to containing Kotlin modules using an unsupported plugin version.

So here is this article to gat all possible solution to solve New Gradle Sync is not supported due to containing Kotlin modules using an unsupported plugin version.. Lets start this article without wasting your time.

#What Is Error ?
When trying to add cloud_firestore to my app, I have the following issue in my stack track.

Error message

```
    at org.gradle.internal.concurrent.ThreadFactoryImpl$ManagedThreadRunnable.run(ThreadFactoryImpl.java:55)
Caused by: com.android.tools.idea.gradle.project.sync.ng.NewGradleSyncNotSupportedException: New Gradle Sync is not supported due to containing Kotlin modules using an unsupported plugin version
    at com.android.tools.idea.gradle.project.sync.ng.SyncProjectModels.failIfKotlinPluginApplied(SyncProjectModels.java:108)
    at com.android.tools.idea.gradle.project.sync.ng.SyncProjectModels.failIfKotlinPluginApplied(SyncProjectModels.java:111)
    at com.android.tools.idea.gradle.project.sync.ng.SyncProjectModels.populate(SyncProjectModels.java:84)
    at com.android.tools.idea.gradle.project.sync.ng.SyncAction.execute(SyncAction.java:59)
Cause 2: org.gradle.internal.exceptions.LocationAwareException: New Gradle Sync is not supported due to containing Kotlin modules using an unsupported plugin version
```

#Solutions
Here is All Possible Solution added please visit <a href="https://fluttercorner.com/new-gradle-sync-is-not-supported-due-to-containing-kotlin-modules-using-an-unsup/">[Solved] New Gradle Sync is not supported due to containing Kotlin modules using an unsupported plugin version</a>
Day 3 - 100DaysOfCode 🤖🦾
Tags: 100daysofcode, programming, codenewbie, webdev
Published: 2021-01-06 17:17:35

<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1609953747204/ufe61I3bj.gif" />

### Started diving deep into **Gatsby.js** from the ground up following the [Gatsby official docs](https://www.gatsbyjs.com/docs/). Looking forward to learning more about it in-depth and implement it in some real-life projects.
Welcome Thread - v106
Tags: welcome
Published: 2021-01-06 17:15:59

---
title: Welcome Thread - v106
published: true
description: Welcome to DEV! A thread of hellos and intros.
tags: welcome
canonical_url: 
---

![Hi Hand](https://media.giphy.com/media/l4Ki1f1MpCfgyMu4M/giphy.gif)

### Welcome to DEV!

1. Leave a comment below to introduce yourself! You can talk about what brought you here, what you're learning, or just a fun fact about yourself.

2. Reply to someone's comment, either with a question or just a hello. 👋 

**Great to have you in the community!**
[Solved] Flutter Error: MediaQuery.of() called with a context that does not contain a MediaQuery - fluttercorner.com
Published: 2021-01-06 17:14:27

Hello Guys how are you all ? Hope you all are fine. When I run my flutter project Suddenly I got Flutter Error: MediaQuery.of() called with a context that does not contain a MediaQuery In Flutter in my stacktrack.

Everything was working fine, But as I use MediaQuery.of(context).size; in my StatelessWidget Or StateFulWidget I am Facing This Above Error.

#What is Error ?
When I Try to use MediaQuery.of(context).size; In My StateFul Or StateLess Widget I am Faced Below Error In My Stack Track.

Flutter Error: MediaQuery.of() called with a context that does not contain a MediaQuery

Here is my Code.

```
import 'package:flutter/material.dart';

void main => runApp(new MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {

    final size = MediaQuery.of(context).size;
    return new MaterialApp(
      home: new Scaffold(
         // Rest of my code
      ),
    );
  }
}
```

#Solutions
Here is All Possible Solution added please visit <a href="https://fluttercorner.com/flutter-error-mediaquery-of-called-with-a-context-that-does-not-contain-a-med-2/">[Solved] Flutter Error: MediaQuery.of() called with a context that does not contain a MediaQuery
</a>
[Solved] Flutter: RenderBox was not laid out - fluttercorner.com
Published: 2021-01-06 17:12:15

Hello Guys how are you all ? Hope you all are fine. By using Flutter might be all flutter developer faced this error RenderBox was not laid out in Flutter.

I am trying to make ListView in my project file. Everything was working Fine. But when I applied Text Widget in my ListView builder. There is Some issue to use Text Widget.

#What is Error
In my case, while I am using ListView inside a Column/Row. The text in the exception gives an error RenderBox was not laid out. As shown below.

Here Is My Code Where I am faced this Error

```
              children: <Widget>[
                  new ListView.builder(
                    itemCount: products.length,
                    itemBuilder: (BuildContext ctxt, int index) {
                      return new Text(products[index]);
                    }
                  ),
              ],
```

Error That I got In stack track

```
I/flutter (12956): ════════════════════════════════════════════════════════════════════════════════════════════════════
I/flutter (12956): Another exception was thrown: RenderBox was not laid out: RenderViewport#925a8 NEEDS-LAYOUT NEEDS-PAINT
I/flutter (12956): Another exception was thrown: RenderBox was not laid out: RenderViewport#925a8 NEEDS-PAINT
I/flutter (12956): Another exception was thrown: RenderBox was not laid out: RenderIgnorePointer#8bbda relayoutBoundary=up11 NEEDS-PAINT
I/flutter (12956): Another exception was thrown: RenderBox was not laid out: RenderSemanticsAnnotations#209b4 relayoutBoundary=up10 NEEDS-PAINT
I/flutter (12956): Another exception was thrown: RenderBox was not laid out: RenderPointerListener#a9641 relayoutBoundary=up9 NEEDS-PAINT
I/flutter (12956): Another exception was thrown: RenderBox was not laid out: RenderSemanticsGestureHandler#9f5b4 relayoutBoundary=up8 NEEDS-PAINT
I/flutter (12956): Another exception was thrown: RenderBox was not laid out: _RenderScrollSemantics#47944 relayoutBoundary=up7 NEEDS-PAINT
I/flutter (12956): Another exception was thrown: RenderBox was not laid out: RenderRepaintBoundary#e17a8 relayoutBoundary=up6 NEEDS-PAINT
I/flutter (12956): Another exception was thrown: RenderBox was not laid out: RenderCustomPaint#a2328 relayoutBoundary=up5 NEEDS-PAINT
I/flutter (12956): Another exception was thrown: RenderBox was not laid out: RenderRepaintBoundary#02607 relayoutBoundary=up4 NEEDS-PAINT
I/flutter (12956): Another exception was thrown: RenderBox was not laid out: RenderFlex#79164 relayoutBoundary=up3 NEEDS-PAINT
I/flutter (12956): Another exception was thrown: 'package:flutter/src/rendering/shifted_box.dart': Failed assertion: line 310 pos 12: 'child.hasSize': is not true.
I/flutter (12956): Another exception was thrown: NoSuchMethodError: The method '<=' was called on null.
```

#Solutions
Here is All Possible Solution added please visit <a href="https://fluttercorner.com/flutter-renderbox-was-not-laid-out/">[Solved] Flutter: RenderBox was not laid out
</a>
6 Reasons Why You Should Become A Blockchain Engineer
Tags: softwaredevelopment, blockchain, solidity, softwareengineering
Published: 2021-01-07 08:13:53

---
title: 6 Reasons Why You Should Become A Blockchain Engineer
published: true
date: 2021-01-06 17:12:02 UTC
tags: softwaredevelopment,blockchain,solidity,softwareengineering
canonical_url: https://medium.com/coinmonks/6-reasons-why-you-should-become-a-blockchain-engineer-9954e26105dd
---

[![](https://cdn-images-1.medium.com/max/1500/1*mxhdM4o4jHT8K1RLyAsiVg.png)](https://medium.com/coinmonks/6-reasons-why-you-should-become-a-blockchain-engineer-9954e26105dd?source=rss----721b17443fd5---4)

We explore the reasons why blockchain engineering is such a mind-blowing reality. We go through 6 reasons why people should become…

[Continue reading on Coinmonks »](https://medium.com/coinmonks/6-reasons-why-you-should-become-a-blockchain-engineer-9954e26105dd?source=rss----721b17443fd5---4)
[Solved] type ‘List‘ is not a subtype of type ‘List‘ in Flutter - fluttercorner.com
Published: 2021-01-06 17:09:42

Hello Guys, How are you all ? Hope you all are fine. Today I have faced type ‘List’ is not a subtype of type ‘List’ this error where I Use in my Flutter Firebase Project.

I have Used Firestore Example in My Flutter Project. When I run my flutter app. But I get this error in my Console.

I am using This Below Code Where I Got Error.

```
          children: snapshot.data.documents.map((document) {
            return new ListTile(
              title: new Text(document['name']),
              subtitle: new Text("Class"),
            );
          }).toList()
```

I get this below error

```
type 'List<dynamic>' is not a subtype of type 'List<Widget>'
Here I am Come with all Possible Solution. So let’s Start this tutorial without wasting your Time. Let’s start this article.
```

#Solutions
Here is All Possible Solution added please visit <a href="https://fluttercorner.com/solved-type-list-is-not-a-subtype-of-type-list-in-flutter/">[Solved] type ‘List‘ is not a subtype of type ‘List‘ in Flutter
</a>
Couldn’t locate lint-gradle-api-26.1.2.jar for Flutter project - fluttercorner.com
Published: 2021-01-06 17:06:03

Hello Guys how are you all ? Hope You all are fine. When I am trying to run the example project, I have this issue:

```
FAILURE: Build failed with an exception

Could not resolve all files for configuration ‘classpath’. Could not find lint-gradle-api.jar (com.android.tools.lint:lint-gradle-api:26.1.2). Searched in the following locations: https://jcenter.bintray.com/com/android/tools/lint/lint-gradle-api/26.1.2/lint-gradle-api-26.1.2.jar
```

What is cause Couldn’t locate lint-gradle-api-26.1.2.jar for Flutter project

it’s trying to get the file “lint-gradle-api-26.1.2.jar” from the jcenter repository but it Could not find resource. and through this below error.

```
Could not resolve all files for configuration ‘classpath’. Could not find lint-gradle-api.jar (com.android.tools.lint:lint-gradle-api:26.1.2). Searched in the following locations: https://jcenter.bintray.com/com/android/tools/lint/lint-gradle-api/26.1.2/lint-gradle-api-26.1.2.jar
```

#Solutions
How To Solve Couldn’t locate Lint-gradle-api-26.1.2.jar for flutter project.

Here is All Possible Solution added please visit <a href="https://fluttercorner.com/couldnt-locate-lint-gradle-api-26-1-2-jar-for-flutter-project/">Couldn’t locate lint-gradle-api-26.1.2.jar for Flutter project
</a>