teleren/devto huggingface dataset:
One of the best introductions of Sanity
Tags: sanity, gatsby, start
Published: 2020-01-06 22:53:01

One of the most amazing things that I've been learning on the past couple of months is **Gatsby.js**, and, specially, **Sanity**, a crazy-awesome content management system. It lets you power blogs, portfolios, sites and even e-commerces, all of that in a very customizable way.

On the Gatsby-path, I've come across with **[Jason Lengstorf](https://twitter.com/jlengstorf)**. He is involved with the Gatsby.js community and tries a lot of new stuff regarding the JAMStack, specially on his great [Youtube Channel](https://www.youtube.com/channel/UCnty0z0pNRDgnuoirYXnC5A). There, I found one of the best introductions about what is Sanity and how to use it right away with Gatsby, and I surely recommend it:

_PS: I know the video is long. I usually play it in 1.5x speed to help it a bit, check if it's good enough for you_

{% youtube SLGkyodumKI %}
Devas, an online community for women starting in tech
Tags: wecoded, codenewbie, showdev
Published: 2020-01-06 22:37:28

Happy Monday!
Happy New Year!
Happy week :D !!!


Today I am writing to announce my newest project, that I have been working with my sister-in-law: Devas in tech!

Devas is an online community for women starting in tech. 
Our goal is to be a safe space for code newbies to get advice, support and motivation.
While our main language will be English, we will have a Portuguese chat, since both me and Karol (SIL) are Brazilians.

##Where the idea came from?##
Easy. I am a code newbie myself and a woman lol
And sometimes I just feel like it would be nice to have a space to talk with other girls about tech, ask advice or just vent really.
Also, we all know that tech is an industry that needs more women! So supporting those little code babies like myself is a way to make sure they don't give up and stay motivated as they go.

##Why the name Devas? Does it mean anything?##
Portuguese is a language that put genders in every word. So Devas is a play in Devs, making it female. 
We wanted a fun and sort name, that would sound cool in English and Portuguese.
Also, if you just google the word Deva you will find out in Deva is also a name of Divinities in Indian religious, but I won't go into that (but please comment if you are Indian and can teach me more).

##Who is welcome to join?##
Every women in tech!
While our goal is to support and motivated ladies getting started in tech, the experience of senior devas is welcome!

Right now we are just a Slack community, but we plan in being an online resource and share on our website tips and material to support code newbies.


##How do I join?##

If you liked the idea and would like to join please visit our website and sign-up: https://www.devas.tech/

And follow us on twitter pleaaaaase? 
https://twitter.com/devasintech

Can't wait to e-meet you :)

Have a great week !

XOXO,
P.
NERDTree an anti-pattern?
Tags: vim, discuss
Published: 2020-01-06 22:35:07

Hi everyone, I wanted to talk about NERDTree because I have seen it recommended in basically every Vim guide but I think if you want to be serious about improving productivity with Vim then using NERDTree is a mistake. I have paired with people who use it and when the directory tree pops up I know I need to sit back and relax for a few minutes and maybe catch up on my meditation.

These are the use cases for NERDTree as [explained in the readme](https://github.com/preservim/nerdtree#introduction). I will cover them and suggest a faster, preexisting alternative.

### Visual browsing

This can be useful when you are first getting to know a project. But, the need for this would drop to zero pretty quickly as you become familiar. Some possible alternative ways to visually browse a directory:

- `ls` on the command line 
- Vim's default directory browser that is available by opening a buffer on a directory.
- `find <path> | less` is available everywhere and the output can be learned fairly easily.
- `tree` can be installed and outputs a traditional directory tree.

### Opening files

This I think is where workflows involving directory trees start taking a turn for the worse as you can get in the habit of using NERDTree all the time. Maybe not many people know this, but the Vim command mode comes with a splat and double splat operator that work well with tab completion to find and open files that you may not remember the exact location of.

For example, I see a class named `FooBar` and by convention I know that it is probably in a file named something like `foo_bar`. With the splat operators I can probably open the file with the following keystrokes:

`:e **/*foo_bar<tab><enter>`

This will generate a list of all files with `foo_bar` in the name as tab completions. This takes usually a couple seconds as opposed to a minute or two navigating a complex file hierarchy in a tree.

###  Other operations

I don't think I have ever seen other operations used, so I can't really comment. I think most people use other tools already. :man_shrugging:

Thanks for your time. Let me know if there is some killer feature in NERDTree I missed or other alternatives in the comments.
How to generate Typescript or C# types from JSON
Tags: json, types, generate, typescript
Published: 2020-01-06 22:31:37

_Quick tip today:_ Frequently I build Node apps for working with pre-defined data (JSON, API's responses) and, after a loving/hating relation with Typescript and deciding that **Typescript is good**, I enjoy defining my types early on development, since it saves me a lot of time.

For helping me with this, I've found **this awesome app** that I can just **drop a JSON sample and it will generate the types for me**, supporting a dozen of languages: [Quicktype](https://app.quicktype.io/).

It also has a [VSCode Extension](https://marketplace.visualstudio.com/items?itemName=quicktype.quicktype) that allows you to do this without leaving your editor.

It supports **TypeScript, Python, Go, Ruby, C#, Java, Swift, Rust, Kotlin, C++, Flow, Objective-C, JavaScript, Elm,** and **JSON Schema.**

Hope that it helps ;D
Tải Pro68 Club – Game bài nổ hũ xanh chín 2020

Tags: gametaixiu, doithuong, thecao, pro68
Published: 2020-01-06 22:10:13

Bạn đang phân vân không biết chọn game nào để chơi khi rảnh dỗi. Không chỉ giải trí mà bạn còn kiếm được một khoản tiền nhỏ để nạp thẻ điện thoại nữa. Điều đó hoàn toàn có thể khi bạn tham gia chơi Pro68.club. Trò chơi săn hũ ăn khách nhất hiện nay. Ngay bây giờ cùng tôi đi xem những nội dung nổi bật của trò chơi này nhé.


Thiết kế các nội dung được hiển thị trên giao diện điều khiển rất hợp lý. Từng nội dung một được sắp xếp rất khoa học. Tiện lợi cho người chơi tìm kiếm mục mình yêu thích.

Có rất nhiều bạn cũng yêu thích pro68.club. Chính vì vậy nên số lượng thành viên của trò chơi này rất đông đảo. Tập hợp ở khắp mọi nơi ở mọi vùng miền của đất nước. Quy tụ về đây để phát triển pro68.club apk ios ngày càng phát triển và hoàn thiện hơn.

Chơi Pro68 Club càng lâu trúng quà càng chất:
Chơi và thắng chưa bao giờ dễ dàng đến vậy (giống với huloc.vip). Với tỉ lệ win ván rất cao trong mỗi trò chơi. Vì vậy mà chỉ cần sử dụng trí thông minh của bạn. Thì việc lấy tiền từ tài khoản của người chơi khác với bạn lại quá đơn giản.
Hàng tháng sẽ có tổng kết thành tích của tất cả các người chơi. Ai xếp vị trí cao nhất trên BXH tuần sẽ nhận ngay các phần quà cực giá trị từ hệ thống của pro68.club đổi thưởng.


Thường xuyên tổ chức các sự kiện săn hũ săn jackpot… Để mọi người chơi có cơ hội cọ sát với nhau. Hứa hẹn những ván đấu gay cấn và hấp dẫn. Phần thưởng sẽ là tổng số tiền mà tất cả người chơi khi tham gia event bị thua. Một khoản thưởng rất hậu hĩnh đó nha. Cố lên giành vị trí quán quân thì giải thưởng đó sẽ là của bạn.

Đổi bao nhiêu đại lý giao dịch trực tiếp với bạn có bấy nhiêu. Không lo bị delay thời gian nhận thưởng. Tối đa là 3s kể từ lúc yêu cầu. Giải thưởng sẽ nằm ngay trong tay bạn.

Tổng đài CSKH là việc 24/24 để sẵn sàng phục vụ người chơi được chu đáo nhất.

Link cài đặt nhanh pro68.club:
- Link tải .Apk

- Link tải iOS, iphone, ipab

- Link máy tính
từ Soi cầu
Quickly set up a Hive environment on GCP
Tags: hive, database, gcp, docker
Published: 2020-01-06 22:02:35

This quick-start guide is part of a series that shows how to set up databases on Google Cloud Platform, for developing and testing purposes.

This guide will show you how to create a Hive environment running inside your Google Cloud Project.

## Create a Compute Engine VM

Using Cloud Shell:
```
# Create the Hive GCE instance
gcloud compute instances create hive \
  --zone=us-central1-c \
  --machine-type=n1-standard-1 \
  --image-project=debian-cloud --boot-disk-size=30GB \
  --image=debian-9-stretch-v20190916 \
  --boot-disk-type=pd-standard \
  --boot-disk-device-name=hive \
  --scopes=cloud-platform 
```

## Configure your VM with Hive

Using Cloud Shell:
```
# Connect to the Hive VM
gcloud compute ssh --zone=us-central1-c hive

# Login as super user
sudo -s

# Install Docker
curl -sSL https://get.docker.com/ | sh

# Install Docker-compose
curl -L https://github.com/docker/compose/releases/download/1.18.0/docker-compose-`uname -s`-`uname -m` -o /usr/local/bin/docker-compose

sudo chmod +x /usr/local/bin/docker-compose

# Test installation
docker-compose --version
```
## Create docker environment

Inside hive vm with ssh:
```
# Install git if you don’t have
apt-get install git

# Clone the github
git clone https://github.com/mesmacosta/docker-hive

# Go inside the created directory
cd docker-hive

# Start docker compose
docker-compose up -d
```

## Creating tables (internal, managed by hive)
Inside hive vm with ssh:
```
# Connect to hive-server with the command
docker-compose exec hive-server bash

# Connect to beeline cmd:
/opt/hive/bin/beeline -u jdbc:hive2://localhost:10000
 
# Create an internal table named funds
CREATE TABLE funds (code INT, opt STRING);

# Load table with data (Optional)
LOAD DATA LOCAL INPATH '/opt/hive/examples/files/kv1.txt' OVERWRITE INTO TABLE funds;

# Test 
select * from funds;
```

## Creating tables (external)
Inside hive vm with ssh:
```
# Connect to the hadoop namenode
docker-compose exec namenode bash

# Create a new file with some data at any directory 
echo '1,2,3,4' > csvFile

# Create a directory inside hdfs
hdfs dfs -mkdir -p /test/another_test/one_more_test

# Add the file to the directory
hdfs dfs -put csvFile /test/another_test/one_more_test/csvFile

# Connect to hive-server with the command
docker-compose exec hive-server bash

# Create external table
CREATE EXTERNAL TABLE IF NOT EXISTS store
(ID int,
DEPT int,
CODE int,
DIGIT int
)
ROW FORMAT DELIMITED
FIELDS TERMINATED BY ','
STORED AS TEXTFILE
LOCATION '/test/another_test/one_more_test/';

# You can then query it inside hive to see that it worked
select * from store;
```

And that's it!

If you have difficulties, don’t hesitate reaching out. I would love to help you!
Scrollspy, Alternate cards, Learn more | Module Monday 68
Tags: showdev, githunt, webdev, javascript
Published: 2020-01-06 21:56:52

---
title: Scrollspy, Alternate cards, Learn more | Module Monday 68
published: true
description: Module Monday 68
tags: showdev, githunt, webdev, javascript
cover_image: https://res.cloudinary.com/component/image/upload/b_rgb:ffffff,c_lpad,h_350,w_800/v1578284406/scrollspy_yvzpir.gif
canonical_url: https://guide.anymod.com/module-monday/68.html
---

## Open source modules

Mods can be used on any website, web app, or anywhere else. There are hundreds more like these built & shared on [AnyMod](https://anymod.com).

Click a mod to see it along with its source code.

## Scrollspy
These header links automatically highlight when you scroll or click.
<a class="btn btn-sm" href="https://anymod.com/mod/scrollspy-mlrnam?preview=true">View mod</a>
<a href="https://anymod.com/mod/scrollspy-mlrnam?preview=true">
  <img src="https://res.cloudinary.com/component/image/upload/v1578284406/scrollspy_yvzpir.gif"/>
</a>

## Alternating content sections
Add content that automatically alternates for a professional looks.
<a class="btn btn-sm" href="https://anymod.com/mod/responsive-alternating-sections-mladdl?preview=true">View mod</a>
<a href="https://anymod.com/mod/responsive-alternating-sections-mladdl?preview=true">
  <img src="https://res.cloudinary.com/component/image/upload/v1578284398/alternating_gdejc0.png"/>
</a>

## Animated button
Expands on hover for a nice effect.
<a class="btn btn-sm" href="https://anymod.com/mod/learn-more-button-bamrnn?preview=true">View mod</a>
<a href="https://anymod.com/mod/learn-more-button-bamrnn?preview=true">
  <img src="https://res.cloudinary.com/component/image/upload/v1554610901/learn-more_fbigrl.gif"/>
</a>

## Hover cards
Slight zoom when you hover over these card image links.
<a class="btn btn-sm" href="https://anymod.com/mod/dark-cards-with-header-mlamoa?preview=true">View mod</a>
<a href="https://anymod.com/mod/dark-cards-with-header-mlamoa?preview=true">
  <img src="https://res.cloudinary.com/component/image/upload/v1578284399/dark-cards_xdgcug.gif"/>
</a>

## Dark footer
Reuseable footer with social linmks.
<a class="btn btn-sm" href="https://anymod.com/mod/dark-footer-with-social-links-dkdobk">View mod</a>
<a href="https://anymod.com/mod/dark-footer-with-social-links-dkdobk">
  <img src="https://res.cloudinary.com/component/image/upload/v1578284398/dark-footer_viproa.png"/>
</a>

<hr>

I post new mods from the community [here](https://dev.to/tyrw) every (Module) Monday -- I hope you find them useful!

Happy coding ✌️
🆓 Configuration based reactive Angular Forms with ngx-formly
Tags: angular, screencast, free
Published: 2020-01-06 21:56:23

---
title: 🆓 Configuration based reactive Angular Forms with ngx-formly
published: true
description: In this collection, we're going to learn about ngx-formly!
tags: angular, screencast, free
---

Juri Strumpflohner released this excellent 78 minute collection of 20 (free)lessons covering ngx-formly to create robust manageable forms in Angular.

[click here to check it out](https://egghead.io/playlists/configuration-based-reactive-angular-forms-with-ngx-formly-465f)

> Angular is particularly popular at large enterprises. Most of the time those line of business apps are very data-driven and forms heavy. While Angular gives us two different approaches to implementing forms, neither of them is very satisfying, nor do they help keep the maintainability high especially in large enterprise apps.
>
> In this course we're going to learn about ngx-formly, a library that helps cope with some of the mentioned issues. With Formly you define the form structure once in your component code and the HTML will be taken care of by the library. This helps reduce maintainability and moreover Formly has some nice reactive features built-in that help you reduce your form code even more.
WoMakersCode oferece curso de programação gratuito para mulheres
Tags: react
Published: 2020-01-06 21:53:49

---
title: WoMakersCode oferece curso de programação gratuito para mulheres 
published: true
description: 
tags: react
---
O mercado de tecnologia possui mais de 160 mil postos de trabalho no Brasil, oferecendo oportunidades em diversas áreas, como Cloud Computing, Inteligência Artificial e Desenvolvimento de Software, mas ainda há uma grande desigualdade entre homens e mulheres na ocupação de vagas do setor.  De acordo com a pesquisa “Quem Coda o Brasil”, realizado pelo coletivo Preta Lab, 21% das equipes não possuem nenhuma mulher no time. 

A capacitação de mulheres é de extrema importância para aumentar a diversidade nas empresas e fomentar a inovação tecnológica. Pensando em acelerar a formação de mulheres na área de programação, a **WoMakersCode, em parceria com a Fundação 1Bi e Stone**, lançou o React Bootcamp em São Paulo.

O **React Bootcamp** irá começar no dia **01 de Fevereiro**  e você tem até o dia **19 de Janeiro** para realizar a sua inscrição. Este é um curso totalmente gratuito, com mais de 40 horas de formação, para todas as pessoas que se identificam como mulheres e que tenham conhecimentos básicos em HTML, CSS e JavaScript.

O React é uma lib que vem se tornando cada vez mais popular no mercado de tecnologia, é uma lib com uma curva de aprendizado pequena, possui uma API de fácil manipulação e utiliza Javascript puro, não há a necessidade de aprender nenhuma sintaxe específica, durante o desenvolvimento utilizando React temos contato com conceitos como programação declarativa, programação funcional e imutabilidade.

Aprendendo React fica bem mais fácil aprender React Native, que é uma tecnologia para desenvolvimento de aplicativos mobile, ampliando mais ainda suas possibilidades no mercado de trabalho.
Quanto à suporte e comunidade, ele foi criado pelo Facebook e possui uma ampla comunidade ativa sempre desenvolvendo novas features e resolvendo eventuais problemas.É  utilizada por grandes empresas, como **LivUp, Nubank, Boticário, C6 Bank, entre outras**.

Durante o bootcamp, as alunas irão aprender sobre:

> -Revisão de Fundamentos de Desenvolvimento para Web e Lógica de Programação
> -Boas práticas em criação de projetos web
> -Trabalhando com ecossistema NPM & Node
> -Promises, protocolo HTTP e Requisições
> -Introdução ao ecossistema React & estruturação de projetos
> -Trabalhando com APIs

Ao final, as alunas irão desenvolver projetos e terão a oportunidade de participar de uma feira de carreiras. Os projetos de conclusão do curso serão especiais, pois irão ajudar ONGs, projetos sociais e empreendedoras, previamente selecionados pela coordenação do curso.

Como participar:

**As interessadas, deverão realizar a sua inscrição no portal da WoMakersCode (https://womakerscode.org/react-bootcamp) e realizar um teste de conhecimentos prévios até o dia 19 de Janeiro. Depois do encerramento das inscrições, as candidatas que forem pré-selecionadas serão chamadas para entrevistas online e no dia 27 de Janeiro, o resultado da seleção será anunciado.**
Release cycles in agile projects
Tags: slm, releasemanagement, agile, projectmanagement
Published: 2020-01-06 21:49:14

Agile project management techniques these days are not just common. They are essential for the software industry. In this context doesn’t matter if your project is driven by Scrum, Kanban or any other agile method. The main goal of a fast feedback for all of them is similar. It will help to reduce the risk of keep going whit something the client don’t want. This means the project have to delivered quit often - with a defined functionality set for the test and feedback cycle. In this way you are be able to detect problems very early, before a lot of time and money is wasted.

Here is a brief overview what it means agile release cycle and how it  could work in practise. For example after a two weeks sprint the project need to delivered into a test stage. If some functionalities are not finished, the sprint will not extended. The missing implementation just got skipped for the next sprint. And of course every delivery is a full release, with his own release version. No build numbers are required. This fact is important to distinguish the artifacts and enable a well working bugfix process including a less complex branch strategy for your SCM system.

In between all those activities you have to aware that not every release have to push into production. It could be useful to plan every 3 or 6 months a well defined roll out. Huge and difficult functions moved to the beginning of such a cycle. Then will be enough time to complete and reach a good quality. Around two sprints before the cycle for a production roll out, is also a good time to review architecture and implementation details. This will secure maintainability for the future.

This process also implies a strong deploy pipeline, otherwise it could bind a lot of human resources. Manual activities are also error prone. This is why they should avoided. Following this simple conventions is also more important when you work with offshore teams. This requires an experienced project manager. A good recommendation to the product owner. If your project manager say something like: I am not a technical person. Kick him out. He will not understand basic problems and drive the project to fail.
Taskfile - really simple task runner
Tags: taskrunner, bash, linux
Published: 2020-01-06 21:42:17

Not so long time ago I discover [`Taskfile`](https://github.com/adriancooney/Taskfile) runner from [Adrian Cooney](https://github.com/adriancooney). Adrian does not work on the repository for like 3 years so I decide to little bit improve it for my usage.

Here is noting much for Forking and I don't want to open Pull request so I just copy everything I found useful, prepare one more template (there will be even more templates soon) and publish repository.

I will be happy if anybody found it useful. Here is my version of [`Taskfile`](https://github.com/vojtabiberle/Taskfile). Enjoy!
Reading Snippets [24]
Tags: javascript, beginners, oop
Published: 2020-01-06 19:46:13

IndexOf() method returns the position of the first occurrence of a value in a string. 

<small><kbd>Example:</kbd></small>
<code>
let str = "I love the taste of sugar in the morning"
let noun = str.indexOf("sugar")
console.log(noun);
// Output of 20


</code>
Blazor: .NET in Your Browser
Tags: webdev, showdev, dotnet, blazor
Published: 2020-01-08 02:35:15

---
title: Blazor: .NET in Your Browser
published: true
date: 2020-01-06 19:33:20 UTC
tags: webdev, showdev, dotnet, blazor 
canonical_url: https://blog.jeremylikness.com/blog/blazor-dot-net-in-your-browser/
---

![Blazor: .NET in Your Browser](https://blog.jeremylikness.com/blog/blazor-dot-net-in-your-browser/images/blazor.png)

My last speaking engagement of 2019 was during a webinar for the wonderful technology community in Nepal. I provided an introduction to Blazor and walked through some of its more powerful features including components, service registration, JavaScript interoperability and using existing .NET Standard Libraries. If you're new to Blazor, this is a one hour investment I'm confident you will benefit from.

The full presentation, including Q&A, is available at: [Blazor: .NET in Your Browser](https://www.youtube.com/watch?v=glU0SOfHEag):

{% youtube glU0SOfHEag %}

For a hands-on lab with a full walk through of various features, check out this repository:

{% github JeremyLikness/blazor-wasm %}

As always, questions and feedback are welcome.

Regards,

![Jeremy Likness](https://blog.jeremylikness.com/images/jeremylikness.gif)
2020 is the year I do kettlebell exercises while I wait for tests to pass or code to deploy.
Tags: watercooler
Published: 2020-01-06 19:26:41

I'm fortunate enough to work from home in an organization that stresses async-first communication.

I have kettlebells, I have a dedicated space for it which is one room over from my home office. There is nothing stopping me from making this my routine 100%.

Now I just have to stick to it!

![](https://media.giphy.com/media/dx3tMdfNQJhIs/giphy.gif)