teleren/devto huggingface dataset:
I have been inspired and succeeded to launch a CS academy. Here is the story behind my adventure
Tags: inspiration, motivation, experience, mindset
Published: 2020-04-03 00:52:53

Hey there!

I am Abel Lifaefi Mbula. I am living in the East of DRCongo.
In the lines below I'll be sharing with you how Dr. Carol Dweck research on growth mindset helped me start my academy. For those of you who might not know Dweck, notice that she is a world well-known Professor of the psychology of Standford University who spent two decades working on mindset.

## The idea

It's all started at the end of the year 2018 when I decided to do something in order to improve the CS level of young people in my home city. It was a bit challenging when I had to write the manifesto of my new idea, but I didn't give up. I was convinced that I will give life to my idea whatever difficulties I was facing.

>In the middle of difficulty lies opportunity. -- Albert Einstein

To go ahead I have been inspired by some organizations in the world.

## code.org

>every student in every school has the opportunity to learn computer science, just like biology, chemistry, or algebra. --code.org

## Khan academy

>a free, world‑class education for anyone, anywhere: allows everyone from the world to learn anything for free. --Khan Academy

## wordpressfoundation.org

>ensure free access, in perpetuity, to the software projects we support.

After hard work, I did finish writing the manifesto of my academy and had a little time to design the flyer too.

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

## Communicating about the idea, a challenge

The next challenge was communicating about the academy so that people can get started. That was not easy at all because I came with a new concept; that is self and online learning. And some people even told me that I will fail with my project.

After almost one month, I did get the first person joining the academy. I mentored him getting started with FreeCodeCamp Responsive Web Design certification. I was so happy after working too hard many days refining my project. And now they are so many to join.

## The result, so happy to continue

No latter than last week I had around 10 young people joining my academy for WordPress 5 training that is hosted by Openclassrooms.com. As things are going well and well, we are now preparing WordPress and CodePen meetups, and some other floss (free/libre open-source software) activities.

## Wrap up

To sum up, I would tell you that in our modern age, having a growth mindset attitude will help you overcome almost every situation in your life. And

>don't let the noise of others' opinions drown out your own inner voice. […] have the courage to follow your heart and intuition. -- Steve Jobs in his commencement speech at Stanford University in 2005.
[Solved] R doesn't find installed packages
Tags: r, help
Published: 2020-04-03 00:28:37


I started with the R language today, but I had some problems installing packages.
To illustrate my problem, I will try to install the `ggplot2` package with the command
 
```
install.packages("ggplot2")
```
After executing this command, this message appears

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

That sounds good to me, but when I try to import this module

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

I think this error occurred due to the multiple locations for the library paths

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

But I tried to install in all these paths and the error continues

```
install.packages("ggplot2", lib=`libpath`)
```

I also tried to install on RStudio

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

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

But errors continued...

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

I've never worked with R before, so does anyone have any ideas to avoid these mistakes?

`System Infos`
- `OS:` Linux Mint 19.3
- `Kernel:` Linux 5.0.0-32-generic
- `Architecture:` x86-64
- `R Version:` 3.6.3
- `RStudio Version:` 1.2.5033
Make your own Dev.to CMS livestream - Part 4
Tags: livecoding, preact, typescript, nextjs
Published: 2020-04-03 00:15:38

This is day 4 of my livecode Dev.to CMS.

Source: https://github.com/sw-yx/dev-to-cms
Demo: https://dev-to-cms.now.sh

## Things covered

- [x] Redirect to edit after posting
- [x] Markdown preview with toggles
- [x] Async status -> nicer UX when clicking submit
    - [x] Disable submit button
    - [x] show spinner while inflight - web component!! https://github.com/craigjennings11/wc-spinners/
    - [x] Show error! - using notifications as a hook!

## Video


Here is [the YouTube livestream (3 hours)](https://www.youtube.com/watch?v=ONVp8QivDv0&feature=youtu.be).

Dev.To embed:

{% youtube ONVp8QivDv0 %}

Today we fixed some bugs in the codebase and found new ones!

## Catch up on the Dev.to CMS LiveStream!

- [Day 1 - Setup Next.js and Tailwind UI, list posts through API routes](https://dev.to/swyx/make-your-own-dev-to-cms-livestream-part-1-2ad1) - 90 mins
- [Day 2 - setting up a Markdown Editor with Next.js, Tailwind UI, Highlight.js, React Hook Form, and React Query](https://dev.to/swyx/make-your-own-dev-to-cms-livestream-part-2-6mf) - 3 hours
- Quick Fix - [How To Add Monaco Editor to a Next.js app](https://dev.to/swyx/how-to-add-monaco-editor-to-a-next-js-app-ha3) - 18 mins
- [Day 3 - Refactoring to Edit Existing Posts](https://dev.to/swyx/make-your-own-dev-to-cms-livestream-part-3-c65) - 3 hours
- [Day 4 - Polish Day! Implementing Notifications, Markdown preview, and programmatic Redirects, and Using Web Components in Next.js](https://dev.to/swyx/make-your-own-dev-to-cms-livestream-part-4-6em) - 3 hours
- [Instant GraphQL with OneGraph - Screenshares in Public with Sean Grove](https://dev.to/swyx/instant-graphql-with-onegraph-4hi8) - refactoring handrolled Dev.to API access with OneGraph and GraphQL
- [How and Why to Un-Reset Tailwind's CSS Reset](https://dev.to/swyx/how-and-why-to-un-reset-tailwind-s-css-reset-46c5)
Day 108 : So Much More
Tags: hiphop, code, coding, lifelongdev
Published: 2020-04-02 23:32:15

_liner notes_:
- Professional : Had our whole team meeting. Always good to catch up with everyone. Spent the rest of the day working a blog post doing a bunch of research. So much more info out there to go through!

- Personal : Last night got a lot done with the admin site for my personal project. Added the email/password authentication, pulling and pushing data to the database is working. With Svelte, I was able to write a bunch of reusable components so it didn't take too much coding.

![North Bend, Washington trail with a mountain in the distance](https://dev-to-uploads.s3.amazonaws.com/i/n00yxxe2v6fv41pd6t8n.png)

Real close to getting the admin section done. Going to clean up the submissions page for the project and get some people to start sending in tracks. Speaking of tracks, I want to go through some for the radio show.

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube R1Zk4OV84vU %}
Twilio Hackathon office hours on Twitch
Tags: twilio, twiliohackathon
Published: 2020-04-02 23:29:02

---
title: Twilio Hackathon office hours on Twitch
published: true
description: 
tags: twilio, twiliohackathon
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/9m69asb1yit2e3ks2t8t.png
---

_Office hours on Twitch are over for now. Check out [the help thread](https://dev.to/thepracticaldev/twilio-hackathon-help-thread-1jno) for asynchronous help or for access to the hackathon DEV Connect group channel. We'll be back on Twitch again, so follow [Twilio on Twitch](https://www.twitch.tv/twilio) to get notifications for that._

Hopefully you saw that earlier today that [we announced the first Twilio x DEV community hackathon](https://dev.to/devteam/announcing-the-twilio-hackathon-on-dev-2lh8). We're really excited to see what this community can build!

If you have questions about the hackathon, want to bounce around some ideas or just want to hang out and chat hackathons then you're in luck. Starting at around 4:30pm PDT / 7:30pm EDT / 10:30am AEDT (that's where I am!) you can **[join me and @dkundel on Twitch](https://www.twitch.tv/twilio)** for our hackathon office hours.

We look forward to seeing you here: https://www.twitch.tv/twilio
30-Day LeetCoding Challenge (Day-1)
Tags: leetcode, 30daychallenge, bitwisexor, cpp
Published: 2020-04-02 23:22:41

---
title: 30-Day LeetCoding Challenge (Day-1)
published: true
description: 
tags: leetcode, 30 day challenge, bitwise XOR, cpp
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/2ak95nmmdnj3tcloeoqy.png
---
*__Background:__ We all are home for the current pandemic situation. Leetcode has taken this opportunity to throw a challenge for the users (which is positive, I think).
The challenge is titled [30-Day LeetCoding Challenge](https://leetcode.com/explore/featured/card/30-day-leetcoding-challenge/). I have started it since yesterday and wish to complete it and write blog post for each problem I solve in a day. This is just to keep myself motivated to stay at home and give something back to the community. As a disclaimer, I have taken problem statements and examples from leetcode. Without any more introduction, I will jump into the problem, how I solved it and link to my code. If you find this helpful, give me a poke!*

__Problem Title:__ [Single Number](https://leetcode.com/explore/featured/card/30-day-leetcoding-challenge/528/week-1/3283/)

__Description:__ Given a non-empty array of integers, every element appears twice except for one. Find that single one. Your algorithm should have a linear run time complexity i.e. O(n). Could you implement it without using extra memory?

__Example 1:__
```
Input: [2,2,1]
Output: 1 (because 1 the only number that is appearing once)
```
__Example 2:__
```
Input: [4,1,2,1,2]
Output: 4 (because 1 the only number that is appearing once)
```

__Solution:__ I solved this problem using bitwise XOR. The idea is, when you XOR a number with itself, you will get 0. For example, 2441139 ⊗ XOR 2441139 = 0.
Now, say, we have 5 numbers like 3, 4, 9, 3, 9. If we XOR these numbers from begin to end, we will end up XORing 3 twice and 9 twice. Both of them will make the result 0 and 4 will remain intact since any number XOR with 0 ends up to that number. (If you don’t get the idea still, I would suggest you to do the calculations on paper, you should get it for sure!)

__Code:__ Here is my C++ code for it.

```
class Solution {
public:
    int singleNumber(vector<int>& nums) {
        int sum = 0;
        for(auto x: nums)
            sum ^= x;
        return sum;
        
    }
};
```
If you want to learn more about bitwise operation, [this link](https://www.hackerearth.com/practice/basic-programming/bit-manipulation/basics-of-bit-manipulation/tutorial/) is a good resource in my opinion.

If you find this helpful or want me to improve my explanation(I think that’s more probable) or want to shout out of anger because of my crappy writing, you can post your comments :).

Stay safe at home! Happy Coding! :)


[Follow me](https://twitter.com/sadi_late_riser) on twitter.
TODAY ISLAMIC DATE IN PAKISTAN
Published: 2020-04-02 23:22:22

<a href="https://packagespoint.com/islamic-date-today-in-pakistan-html/">Islamic Date Today In Pakistan</a> – Islam is the second greatest religion on the planet with around 1.8 billion supporters. Muslim populace can't in the Muslim nations however they are additionally in critical numbers in different nations. Muslims follow Hijri schedule to observe Islamic occasions as indicated by the Islamic month date. In any case, the Islamic date today in Pakistan is according to the Islamic schedule. That is the reason the Muslim schedule for the most part gives only the outline of today Islamic date in Pakistan 2020 and other up and coming dates. On this page, you can without much of a stretch affirm the Islamic date today in Pakistan or Hijri date in Pakistan.

You can use this page to design your get-aways as indicated by the Islamic occasions 2020, for example, Eid al Fitr, Eid Al Adha, Hajj, and so forth. You can discover the Urdu date today alongside the separate Georgian date. You can see the Islamic date today in Pakistan and furthermore the dates of up and coming occasions.

This page is an ideal spot for individuals who are keen on the today Islamic date in Pakistan 2020. It is prescribed that you should bookmark this page to keep refreshed about the desi month date today in Pakistan 2020.
Virtual hackathon - now through April 26th
Tags: microservices, blockchain, distributedsystems
Published: 2020-04-02 23:17:53

Hey all! I hope you're staying well out there. 

We're throwing an all-levels online hackathon going on now through April 26th. We'll be giving away **$9,000 in prizes for impressive projects**, which can be tools, microservices and/or processes built on the MESG Framework. 

It's is open to devs of all levels, and criteria is pretty wide open as well, as long as it's creative, interesting and/or useful. 

We'd love to see you there. Go ahead and join at Devpost ⬇️

https://mesg-ecosystem.devpost.com/
Mobile first web sites
Published: 2020-04-02 23:17:19

Watched this video titled [CSS Grid Changes Everything](https://www.youtube.com/watch?v=txZq7Laz7_4).

He recommends building mobile first layout. That is, build your website focusing on the mobile experience and then scale it out for desktop.

He uses [mobile wikipedia](https://en.m.wikipedia.org/wiki/Main_Page) as a great example.

This allows you to focus on the core experience and not spend too much time focusing on layout and whitespace!
Full stack developer dream
Tags: javascript, java, angular, react
Published: 2020-04-02 23:13:46

As i am having only 2 years of experience worked on small projects which was made by me and the technology used were angular for front end and java(Spring boot) for backend.
It was dashboard.😁 

But now the thing is m not very confident on both Angular as well as java. Not worked much on it.

Just having ideas and searching on internet helped me a lot.

Now thinking how to proceed further and to concentrate on what for the future.

Just for the real time I want to let you know I am learning ReactJS❤️, and I think for that I need to learn Javascript first.

So any ideas guys what to do further and how to proceed.🥺
Does any body have an interest in watching live coding?
Tags: discuss, streaming, programming
Published: 2020-04-02 23:09:36

If I were to stream myself ( and possibly others) programming the projects I could possibly work on are:
  - An express clone built on deno
  - An executable generator for deno scripts based on Rust
  - A SQL ORM in Golang
  - A URL Shortener written in Golang
  - A Project management CLI written in Rust
  

Provide any thoughts/opinions you feel I should hear! I always welcome feedback :-)
How To deploy Your Web App To Heroku
Tags: git, github, webdev, tutorial
Published: 2020-04-02 22:55:15

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

As my time as a bootcamp student is coming to an end, I've built a couple of web apps that I'd like to share with the world. So I'm going to show you how you can do just that. 

[Heroku](https://heroku.com/) lets you host 5 apps for free so choose them wisely. If you're like me and you haven't make separate repos for your api and client, here's a [blog](https://medium.com/@nothingisfunny/deploying-rails-api-and-react-app-to-heroku-from-a-single-github-repo-7d8597abc55a) to help you out. 

Start by creating a new app on the Heroku website.

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

When you're done, you'll be redirected to the deploy tab. There, you'll be greeted with information about pipelines, and more importantly, deployment methods. You have the option to use Heroku Git, GitHub and the Container Registry. I'll be using Heroku Git.  

Download and install [Heroku CLI](https://devcenter.heroku.com/articles/heroku-command-line) and run `heroku login` in your terminal.

Next, clone your new repo in your app's root directory.
```bash
$ heroku git:clone -a <heroku-app-name>
$ cd <heroku-app-name>
```

Lastly, commit any changes you make to deploy.
```bash
$ git add .
$ git commit -am "make it better"
$ git push heroku master
```

If you're deploying a rails API you will need to migrate and seed if needed. You can do this by using Heroku's console. 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/n21w9zh1m3udxl9i4zlp.gif)
Vue.js demo app for trading emojis
Tags: vue, javascript, blockchain, hashgraph
Published: 2020-04-02 22:51:50

---
title: Vue.js demo app for trading emojis
published: true
description: Introducing a demo app for tokenizing and exchanging assets on the Hedera Consensus Service.
tags: vue, javascript, blockchain, hashgraph
---

In an effort to address our global community, and give [our users](https://hedera.com/users) a platform to show off all of the cool things that they're building - I've been hosting a monthly [Hedera Virtual Meetup](https://hedera.com/virtual-meetup). 

On the last livestream, I had the pleasure of being joined by the [LaunchBadge](https://launchbadge.com/) team, who specialize in building applications on blockchains and distributed ledgers like [Hedera](https://hedera.com/).

We had a lot of fun showcasing Trading Post, and demonstrating how you can easily send “[tokenized](https://www2.deloitte.com/content/dam/Deloitte/lu/Documents/financial-services/lu-tokenization-of-assets-disrupting-financial-industry.pdf)” emojis back and forth over the Hedera Consensus Service ([HCS](https://www.hedera.com/consensus-service)), without using a [smart contract](https://www.hedera.com/smart-contract).

Check it out when you get a chance 👇

{% youtube 9z-smBXFdqw %}

I'm excited that the LaunchBadge team has recently open-sourced all of the code for [Trading Post](https://github.com/launchbadge/trading-post) 🥳 I would encourage you to check it out, try running it locally, and use it as inspiration for one of the many exciting things that can be built on [HCS](https://hedera.com/consensus-service)!

{% github launchbadge/trading-post %}

If you have any questions, please feel free to file an issue within the [GitHub repository](https://github.com/launchbadge/trading-post), or reach out to the Hedera & LaunchBadge teams via the official [Hedera Developer Discord](https://hedera.com/discord).
Socket.io + Bull 📨
Tags: node, javascript, queue, socket
Published: 2020-04-02 15:22:23

## Introdução

Recentemente tive uma certa dificuldade na implementação de um socket em uma queue. 
Precisava que ao completar o processo da queue, o servidor se comunicasse com o client, e como sou um desenvolvedor que está começando a mexer com node.js, consegui solucionar o problema com as ferramentas que tenho ao meu alcançe.

## Modificando o Socket.io 🔧

O primeiro passo foi adaptar o socket. Segui a orientação de um amigo, onde ele mostra como faz o desacoplamento.

[How to uncouples emit events from connection event into socket.io](https://dev.to/wakeupmh/how-to-decouples-emit-events-from-connection-event-into-socket-io-8dk)

Mas como nem tudo cai do céu, precisei fazer algumas alterações...

```javascript
const socketio = require('socket.io');

let instance = null;

class SocketService {
    static Initialize(server) {
        instance = socketio(server);
        instance.on('connection', socket => {
            console.log('connected');
        });

        return instance;
    }

    static getInstance() {
        return instance;
    }
}

module.exports = SocketService;
```

## Alterando o app.js 🔁

No app.js inicializei o SocketService, e com isso consegui ter uma instância da biblioteca para usar em qualquer lugar do sistema.

```javascript
const express = require('express');
const http = require('http');
const SocketService = require('./services/SocketService');

const app = express();
const server = http.Server(app);

app.set('socketService', SocketService.Initialize(this.server));

app.use(express.json());

server.listen(3333);
```


## E como vou aplicar isso na fila? 🦏

É bem simples, basta pegar a instância que foi criada no app.js!

Caso queira saber mais sobre o bull, clique [aqui](https://github.com/OptimalBits/bull)

```javascript
const alertQueue = new Queue(AlertQueue.key, redisConfig);
const socket = Socket.getInstance();

alertQueue.on('completed', job => {
    socket.emit('message', 'Mensagem que será entregue ao client.');
});

```


## Conclusão 🙌🏽


Espero que possa ter ajudado de alguma maneira e fique a vontade para entrar em contato caso tenha alguma duvida!
Best extensions for VS Code in 2020
Tags: webdev, vscode, javascript
Published: 2020-04-02 22:39:02

A while back I shared my favourite VS Code extensions exclusively to the [CodePulse newsletter](https://codepulse.blog/mailing-list/) subscribers. I now decided to share them with all of you!

_If you are not yet subscribed to the newsletter, be sure to [do it now](https://codepulse.blog/mailing-list/)! Doesn’t cost you anything._

I’ve been using VS Code quite a while now and even though the plain editor is great, there is plenty of useful extensions that you can install to make it even better. Here are some of my favourites.

# GitLens
![GitLens extension](https://dev-to-uploads.s3.amazonaws.com/i/srg092tgdhpf04heymxz.png)

GitLens supercharges the Git capabilities built into Visual Studio Code. With it you can easily and fast see who/when/why given code was added which gives you better understanding of the code at hand. I absolutely love this extensions since I no longer have to browse through Git logs or commits to find when part of the code was added and who committed it.

You can find it from the Visual Studio Marketplace: [https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens)

# Highlight Matching Tag
![Highlight matching tag extension](https://dev-to-uploads.s3.amazonaws.com/i/emutt83k1f8c3bs1x6ru.gif)

This extension helps in matching opening and closing tags. I have found it very handy especially with larger components and elements that have many nested elements inside of them.

You can find it from the Visual Studio Marketplace: [https://marketplace.visualstudio.com/items?itemName=vincaslt.highlight-matching-tag](https://marketplace.visualstudio.com/items?itemName=vincaslt.highlight-matching-tag)

# Settings Sync
![Settings sync extension](https://dev-to-uploads.s3.amazonaws.com/i/kfj12w3tp14gam31uy7d.png)

Useful if you have multiple computers you work on. This extension synchronizes settings, snippets, tehems, file icons, launch, keybindings, workspace and extensions across multiple machines using GitHub Gist.

You can find it from the Visual Studio Marketplace: [https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync](https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync)

# Import Cost
![Import cost extension](https://dev-to-uploads.s3.amazonaws.com/i/k5h5bt9ojype13uob20b.png)

For me this is in some projects a lifesaver. When you need to make your bundle as small as possible this extension is very handy. It will display inline in the editor the size of the imported package. The extension utilizes webpack with babili-webpack-plugin in order to detect the imported size.

You can find it from the Visual Studio Marketplace: [https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost](https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost)

<br/>

Do you think I missed some? Comment below your favourite extensions!

-----------
_Originally published at [codepulse.blog](https://codepulse.blog/best-extensions-for-vs-code-in-2020/?utm_source=devto) on April 2, 2020._