teleren/devto huggingface dataset:
How to display List of Followers or Following in your Image sharing app(Flutter)
Tags: flutter, firebase, dart, programming
Published: 2020-12-01 11:20:09

# Title
So in todays post, i will tell you about how to display the list of users who are following you and list of users you are following.

### Pre Requisite
Pre-requisite for this is that you already have a basic structure and code of the image sharing app like Instagram.

So now you are on your profile page and you want to view all your follower and following list. So to do that, provided you have a 'follower' and 'following' collection setup in firebase, you have to Fetch all the documents of the particular Profile which you are cliking and then use that id as a doc id for the 'user' collection. So first, fetch all the records of 'Follower' colection for that id using `QuerySnapshot` 


the code for it will be:
```
QuerySnapshot querySnapshot = await followersRef
        .doc(widget.profileId) // the id of profile you are cliking
        .collection('userFollowers')
        .get();

```
add all the records in a List of string, using a map and then converting it into a list, like this:

```
followers = querySnapshot.docs.map((doc) => doc.id).toList();
```

And now implement a `FutureBuilder` or `StreamBuilder` of type `<QuerySnapshot>` whatever is your choice and then in the `future` or `stream` , give the 'user' collection reference. 
Then using `snapshot`, loop through all the user records and add only those in a new List which contains id in the `followers` list(defined earlier).

so, 
```
if(followers.contains(user.id)){
// add that user to the List else return from the loop
}
else return;
```

Then using the new List, pass it to the `ListView` which you will return in the `FutureBuilder` or `StreamBuilder`.

Thats it to show the follower list, and same thing has to be done to show the following list. Just in place of 'follower' collection, get the records from 'following' collection.

Thats it! thats all you have to do to show all the users in your Follower or Following section. :D
Driving a Data culture in a world of Remote Everything [Create: Data]
Tags: azure, news, analytics
Published: 2020-12-01 11:17:30


You know data is important to create a data-driven decision that will create value for you and your colleagues.
But, what if no one from the team? or you, never collected any data? how do you drive that data culture especially now when many in the tech sector shifted to work remotely? 

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

Join Arun Ulag and Heather Newman to learn how to build an organizational data culture with a remote workforce, How to integrate BI into the fabric of the organization, and how individuals can quickly adapt to working digitally remotely and possess a data-driven culture that will lead to better, more suitable data-driven decisions.

 
# All this goodness, in the [free Create: Data](https://aka.ms/createdata) event.


See you there!
BVAmbient - Vanilla JS Background Particles
Tags: javascript
Published: 2020-12-01 11:17:18

Hey guys,

In the past few weeks i have been working on a new project and i want to share with you.

Its basically a lightweight and easy-to-use background particles plugin, built in pure javascript.

My mission in the last months is to not use Jquery as much as i can, so sometimes i need to make my own plugins that i want to use it.

Feel free to try and share new ideas.
BVAmbient: https://github.com/BMSVieira/BVAmbient

Thank you!
The Journey to Modern Warehousing [Create: Data]
Tags: database, analytics, azure, showdev
Published: 2020-12-01 11:06:55

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

This is so very true, and just right on time for you to learn about Modern Data Warehousing.

Please join us for [Create: Data](https://aka.ms/createdata) on a unique session about the journey of Big Data.

In this session, Saveen Reddy and Simon Whiteley will walk us through how Microsoft goes on a wild Big Data journey to get to the technology shift that is Azure Synapse Analytics. Join Simon and Saveen as they talk through the journey to modern analytics and how the barriers have been lowered for big data adoption.

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

# Remember! 
Register [here](https://aka.ms/createdata) for free.


---------------------------
How to add a video to your GitHub README
Tags: github, tutorial, programming, webdev
Published: 2020-12-01 11:05:48

As you might already know the version of Markdown that GitHub uses does not support adding videos. Although you might find work arounds if you search hard enough, the closest you'll get to is embedding a YouTube video in your markdown file. But what if you have a custom video? A video on your device?

Well, there's a workaround, it won't enable you to upload the video but you'll get the same results. The thing is GitHub READMEs work perfectly with GIFs. GIF is a bitmap graphical image format. So what you get isn't necessarily a video but the result is relatively similar.

Now all you have to do is obtain the desired video and use a tool such as [CloudConvert](https://cloudconvert.com/mp4-to-gif) to convert the video to a gif.

However, it's worth noting that the longer the video the bigger the size and you might experience some lagging depending on the type of video and the converting software used. Besides this you should generally get good results.

After converting the video to a GIF. All you have to do is create a GitHub repository with the same name as your GitHub username. For example my GitHub username is `codingknite` so the new repository would also be called `codingknite`.

Then simply add the GIF in your README.md file the same way you would add an image 

```
![caption](link to image / GIF)
```

And that's all. Push your files to your GitHub account and you should have an impressive README.

## Update

Recently, GitHub added support for different media formats. Therefore you do not need to use a third party converter to convert your video to GIF format.

With the latest update all you have to do is open your markdown editor in GitHub and just drag your media into the editor and it should be added to your README.

You can checkout [mine](https://github.com/codingknite) to see what I chose. Feel free to also connect with me on [Twitter](https://twitter.com/codingknite) or [LinkedIn](https://linkedin.com/in/joelmugalu).

Other articles you may like
- [TypeScript: Getting Started](https://dev.to/codingknite/typescript-getting-started-39dm)
- [How to use tutorials effectively to learn how to code ](https://dev.to/codingknite/how-to-use-tutorials-to-learn-code-effectively-377f)
- [Data Types and Operators in JavaScript: Everything You Need To Know](https://dev.to/codingknite/data-types-and-operators-in-javascript-everything-you-need-to-know-ah1)
Gravitee.io API Platform 3.4
Tags: api
Published: 2020-12-01 11:00:42

We are pleased to announce that Gravitee.io API Platform version 3.4 is now available.
What’s new in API Management?
Here are the new features we would like to highlight :
- New Policy Studio
- Dynamic notification templates
- Override settings via environment variables

What’s new in Access Management?
Here are the new features we would like to highlight :
- Passwordless enhancement
- Gateway sticky sessionless
- Google identity provider
And more …
You can find the full change log here and the list of deprecations here.
The full JDBC support is coming in 3.5 which will allow our users to use either a MongoDB or a JDBC Access Management distribution.
To discover all these new features, just follow the installation guide or start to play with Gravitee.io by using Docker.
Waiting for your feedback, we would be happy to talk and help you from our Gitter channel.

Read More: https://www.gravitee.io/article/gravitee-io-api-platform-3-4
Apache Spark and OSS Data Adventures [Create: Data]
Tags: opensource, showdev, news
Published: 2020-12-01 10:59:04

## "For each input source, Spark Streaming launches receivers, which are tasks running within the application’s executors that collect data from the input source and save it as RDDs. "

_― Holden Karau, Learning Spark: Lightning-Fast Big Data Analysis_


## Update!
Few, what an experience, alright.
Want to catch up with Holden and Cheryl session? You can watch it on demand -> [here](https://channel9.msdn.com/Events/MS-Create/Data/Apache-Spark-and-Open-Source-Insights?WT.mc_id=data-11733-adpolak).

For watching more sessions from Create: Data on-demand, click [here](https://channel9.msdn.com/Events/MS-Create/Data/?WT.mc_id=data-11733-adpolak).



--------

So, Create: Data [FREE](https://aka.ms/createdata) event is just around the corner. We are beyond excited to have Holden sharing her adventures with Apache Spark. How has the changes in Big Data and AI impacted technology, and how will we use it?

Holden and Cheryl share in this session what’s new with Spark and some of the best practices and how you can keep yourself up-to-date in this space.


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

## Join the party!

The event is free but subject to pre-registration [here](https://aka.ms/createdata). We are happy to take all your questions and comments.


See you there!
Unexpected Lists
Tags: elixir
Published: 2021-01-08 10:41:09

---
title: Unexpected Lists
published: true
date: 2020-12-01 10:58:16 UTC
tags: elixir
canonical_url: https://www.solarwinter.net/unexpected-list/
---

Well - unexpected to me, though part of the language.

I've been putting something together in [Phoenix](https://www.phoenixframework.org/), and one of the pages kept throwing an error that it couldn't find `item_path/3`. This was odd, as the generating code in the template had four arguments.

Same happened when I broke it into IEx to poke at it:

```
iex(1)> Routes.page_path(conn, :index, user_id: user.id, item_id: item.id)
** (UndefinedFunctionError) function AppWeb.Router.Helpers.item_path/3 is undefined or private. Did you mean one of:

  * item_path/4
  * item_path/5
```

People familiar with Elixir can already spot the problem I imagine...

In [Elixir](https://elixir-lang.org/), `key: value, key: value` forms what's known as a keyword list. What I hadn't expected was that the language would automatically convert those last two arguments into a keyword list. Apparently it did:

```
iex(2)> i one: 1, two: 2
Term
  [one: 1, two: 2]
Data type
  List

```

Remove the keywords and everything works fine.

```
iex(3)> Routes.item_path(conn, :index, user.id, item.id)
"/users/1/item/2"
```

Until the next bug at least. :-) Too much time recently writing JavaScript and reviewing Python I think!
Choosing the best Cloud Platform for your firm
Tags: cloud, cloudnative
Published: 2020-12-01 10:50:50

Your cloud platform is a function of the services and products you offer. A cloud platform is very essential for the world we live in. The cloud has so much to offer you and your firm and the most amazing part of it is that it works on a "Pay-As-You-go" basis.

The cloud is divided into three broad spectrums:
1. **Software as a Service(SaaS):** This is probably the most essential platform from any business or person. SaaS is essential for group meetings, collaboration, report construction and communication. 
Irrespective of the service you offer; there is a platform for you. This is probably the first and most important platform you will need for you firm. 
Create an account with [Google Mail](www.gmail.com).

To learn more about starting your firm and getting digital presence. Visit this [link](https://learndigital.withgoogle.com/digitalskills) for a wide range of courses on various digital skills.

If you are a designeer; [Figma](www.figma.com) is the best place to begin.

2. **Infrastructure as a Service(IaaS):** This platform is for firms with high needs of computing resources like storage, data and so on. This offers an elastic offering that allows you scale in and out of resources. Some cloud service providers that offer this include: Amazon Web Services, Google Cloud Platform, Mircosoft Azure, IBM Cloud and many more. Banks, Financial institutions, governmental bodies and so on require this platform. Some large firms choose to purchase their own servers and perform these services. 

3. **Platform as a Service(PaaS):** This service is designed for developers who build applications and web platform. This service offers them the opportunity to deploy their code on the web. Some companies that specialize in this area include: Digital Ocean, Google Cloud Platform, GitHub, Heroku, Netlify and many more.

As long as you are working in the cloud; you fall under one or more of these categories. There are numerous online courses that help in beginning in any of the cloud platforms. Visit [udemy](www.udemy.com), [Udacity](www.udacity.com) on taking courses. 

Feel free to like and subscribe for more this content!
Ruby on Rails: How to see if User is online: TLDR
Tags: ruby, rails
Published: 2020-12-01 10:36:46

---
title: Ruby on Rails: How to see if User is online: TLDR
published: true
description: 
tags: 
- ruby
- rails 
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/s3atez9e5szk4bg2df8n.png
canonical_url: https://blog.corsego.com/set-user-status-online
---
Here's the easiest way:
* Whenever the `current_user` does any action, his `updated_at` will be set as `Time.now`.

application_controller.rb

```
after_action :update_user_online, if: :user_signed_in?

private

def update_user_online
  current_user.try :touch
end
```

* And we will just say that the `user` is `online` if he was `updated_at` during the last `2.minutes` 

user.rb

```
def online?
  updated_at > 2.minutes.ago
end
```

* Now we can get `true` or `false` if we make a call like `@user.online?`

users/show.html.erb

```
<%= @user.online? %>
```

That's it!🤠

Liked this article? Please follow me! It will really motivate me to post more fun stuff!
CSS: The Outer layer of Web Dev.
Tags: css, html, javascript, webdev
Published: 2020-12-01 10:35:07

# What is CSS?
CSS basically translates to `Cascading Style Sheets.` It is used to make an ordinary HTML code look beautiful, more presentable and appealing to the eye.
Consider this example and compare a program to your body: then JavaScript is the *Brain*, HTML is the *Bones and muscles* whereas CSS is the *skin* which is the outermost layer of your body.
CSS was introduced in 1996 and it gained popularity in the early 2000's. The latest version (CSS3) was made available in 1998 and was last updated in 2008. Till now it remains the most popular stylesheet language and preferred by many programmers all over the world.
#Why CSS?
CSS is extremely important to make the webpage look good and artistic. Compare the two images below (taken from this editing page itself). One is with CSS and other is with CSS deactivated.

![With CSS](https://dev-to-uploads.s3.amazonaws.com/i/5znfb9mg0u9kypr6uhqo.PNG)

![Without CSS](https://dev-to-uploads.s3.amazonaws.com/i/9bugw8y6tci0wia536rz.PNG)

(How to deactivate CSS from any website: Add the following [extension](https://chrome.google.com/webstore/detail/disable-html/lfhjgihpknekohffabeddfkmoiklonhm/related) to chrome.)
The above images show the drastic changes a CSS code can make to a program.
#Getting started with CSS
If you are new to the world of web designing, the best way to learn about CSS is to inspect any website that you visit. Right click on any webpage element like a nav bar, or a button and select the inspect option(for chrome). Inspecting it can help you understand how CSS and HTML work in unison. Check how `classes` and `id's` are used with the HTML code. You don't need to memorize every CSS property and Value, instead try including those you see in your  own basic webpage design. This will surely help you to get a basic idea. Learn how to link your CSS stylesheet to your HTML code using the `<link>` property.
![Demo](https://dev-to-uploads.s3.amazonaws.com/i/5eamblsafc9a3o9sgw7c.PNG)

#Advantages of CSS
1. Easy to understand and write.
2. Improves webpage readability and presentability.
3. Making changes is easy and hence easier management.
4. Consistency in webpage design is achieved.
5. Stylesheet can be coded in a different file, reducing the HTML file size and hence helps in faster webpage loading.
6. Transitions and animations can be added with ease that make the webpage attractive.

#Disadvantages of CSS
1. Cross-browser issues can occur.
2. Can't interact with databases or perform logical operations. Here *Javascript* is essential.

#Summary
So we can conclude that CSS is important and needed if you don't want your webpage to look bland and dull. CSS adds life to your webpage. It is a very effective tool, which if mastered, can be extremely useful to show your artistic side in the field of web development.

Thanks for reading!
Interview questions app built with Next.js as a Progressive Web App (Demo + Code)
Tags: javascript, react, showdev, webdev
Published: 2020-12-01 10:30:58

Hi, everyone!

I discovered **Next.js** some months ago and I wanted to give it a try. This is why I created this app and I want to share it with you! The app simply consists of interview questions and answers organized by topics.

**Check out the [live demo](https://tiqa-app.github.io/)!**

**Code is available [here](https://github.com/tiqa-app/tiqa-next).**

Feel free to comment and/or make suggestions!

### Some features:

- Analytics (Google Analytics).
- Bundle Analyzer (Webpack Bundle Analyzer).
- CSS Preprocessor (Sass).
- Clean and minimal design.
- Error tracking (Sentry).
- Install app experience (if compatible).
- Offline experience (Workbox).
- Open Source.
- Progressive Web App.
- Static Site Generator (Next.js).
- ...

### Next steps:
- Add **more questions**.
- Create a clone built with ~~sapper~~ **svelte@next**.
- ...
On Page Optimization in SEO for Beginners
Published: 2020-12-01 10:30:20

On Page optimization is one of the essential tricks that one should know while doing the SEO and in this article we will give you the detailed idea about how to optimize the code of a page and will also know about the static elements of a web page.


SEO Myths :- Here we will discuss some of the common mistakes that most people do in on page optimization.

Meta keywords :- Meta Keywords in the metadata of the header which helps search engines to find what the site is all about. But it is important to know that meta keywords are dead and should not be used because these days search engines do that without using meta keywords like Google and bing uses meta keywords to check whether your site is spam. SO best practice is to avoid them. Meta keywords only matter in one area which is meta description. This is the information that appears in search results as a snippet description of the website. It is also important to know that Google only shows 155 characters and bing only shows 165 in the results.

2. Duplicate title tag :- If two pages have the same clue such as duplicate title tags or a duplicate meta description then they will be considered a bad form by the search engines. And can also penalize a page as it will count it as a spam. So while creating a unique title tag one should keep in mind that currently Google allows 62 characters for the title and bing allows 57 characters only. And just like the meta description if its too long it will be considered as a bad form. Also it has been found that shorter titles have higher clicked results in the search engines.
Read more at :- https://www.devopsschool.com/blog/on-page-optimization-in-seo-with-detailed-points/
The best event ever!
Tags: hacktoberfest
Published: 2020-10-25 17:57:52


### My first time

On August 12 I was a programmer who did not know about GIT, but I saw that I needed to learn GIT, so I started learning it on Youtube, then (maybe destiny) on my facebook this event appears as an angel! I was excited to get in! so I did, even knowing that I was a beginner in this world but I was not afraid.

### Background

So, using the "first steps" of hacktoberfest I understood how it works, so let's get to work! I found a lot of open source projects here [goodfirstissues] (https://goodfirstissues.com/) and started asking for tasks, a bit simple but they were tasks.

### Progress

I'm at finish state of my progress, but my open source contributions will nerver end! I fell in love about GIT and all the comunity in DEV and Github (how I was so blid to not seen?!), 
my way was calm and at my own pace and task by task I finish!

### Contributions

My contributions are: 
* Added a data structure linear search
* Searches within an xml file to find information
* Quick Sort in java!
* Added my name in a new group of contributors (thanks to my tasks I entered in [C0D1NG](https://github.com/C0D1NG/C0D1NG) )

I choose "simple" tasks because I enjoy to do algoritms and how is said in my country "Por algo se empieza" (Starts with something).

### Reflections

I love this event and I will do it again my new connections as C0D1NG community is very interisting and nicely! and now I'm looking for a open source project of an android application (because I develop native applications for android) I hope to find it. 

Thanks to the entire Hacktoberfest community, DEV and github, you are all part of the "cause" that I love to code for! I keep reading all the interesting posts, so see you around here!
How to design anything? Free Templates for everything!
Tags: uiweekly, ui, ux, design
Published: 2020-12-01 10:25:53

In this article, I will talk about a supper cool life saver free graphic design platform that will save your money spending on Freelancers or companies on something that you can do on your own!

This App will help you if you are a Graphic or UI designer as it will save your time and inspire you for your next designs or if you are a social media influencer or if you are a CEO or an HR or if you are a normal person as it will help you in anything you wish to do.

### [Canva](www.canva.com)
Canva has more than 60,000 Free Templates; you can browse through uncountable categories like:

* Logo
* Website
* Resume
* AD
* Video
* Business Card
* Newsletter
* Blog Banner
* Social media post
* Animated social media posts
* Announcement
* Poster
* Certificate
* YouTube thumbnail
* Book cover
* Presentation
* Video presentation
* A4 Documents
* Wallpapers
* Restaurant Menus
* Letters
* T-shirts
* Yearbooks
* Club Cards
* Tickets
* Comic Strips
* Class Schedule
* Coupon
* Report
* Proposal
* __Other Visual Content__

As I said they are uncountable and you can edit the design using canva tools and you can download the app as the App has more than 100 Million Downloads and 4.7 rating only on the play store, but if you need something very unique the app will not be better than a Graphic designer (freelancer) or a Company!

 [Here you can know about Melanie Perkins the CEO and co-founder of canva](https://en.m.wikipedia.org/wiki/Melanie_Perkins)

---

#### [Follow the blog for more useful articles](https://dev.to/amrelmohamady/)
Open for mentoring reactjs & javascript for free
Tags: beginners, codenewbie, react, javascript
Published: 2020-12-01 10:19:39

---
title: Open for mentoring reactjs & javascript for free
published: true
description: I am o
tags: beginners, codenewbie, react, javascript
//cover_image: https://direct_url_to_image.jpg
---

Hello, I've been doing React & Javascript for years. Now I am thinking to help people learning Javascript & React.

I am open for mentoring. If you're interested, leave comments below

UPDATE: It looks's like there are more than 1 person interested to learn javascript & react. So I just created this telegram group so we can follow up from there.