teleren/devto huggingface dataset:
GWL: VIT Bhopal
Tags: python, opensource, github
Published: 2021-03-20 16:44:13



What to start with? This week has been nothing but an exciting adventure at the start of my career in computer science. From writing a simple 'Hello World' program at the start till programming Data-Structures towards the end. It has helped me to learn a lot.

Let's start with the best thing the organizing team has done for us:
It was giving tasks not only to be a computer geek, but also to become a socially active and cultural geeks too. The tasks were never always to write a code and bore yourself for the whole day, but also to take a break and enjoy yourselves with the music and memes too. The task were not only to learn the specials of computer science, but also to learn how to work as a team.

The outcomes of this week challenge has been great. I have learned how to code without stressing yourselves. I have learned how to enjoy whether by going live on the mini-event or by playing with the teammates. Furthermore, I have learned that taking a break from daily work and listening to music or doing what you love can never be a distraction, it is always a relaxation. I have learned that being a complete stranger does not mean you cannot be open and be yourself to your stranger teammates; after all, they too are your friends just that you haven't met them until now. And lastly, I have also learned, it is fun competing to get on top by putting extra efforts.

Honestly speaking, this week has been a challenge as well as a perfect learning opportunity I grabbed in my whole life. A disease outbreak can never be a hindrance to what we want to learn. We are united by the internet, and ladies and gentlemen that unity gave us the chance to a very cool learning opportunity.
Rawbits- A Guild of Nerds
Published: 2021-03-20 16:28:35

A great initiative by GFG Vit Bhopal Chapter. We were asked to be a part of the guild and then solve challenges.

The first thing of joining a guild was fun when we searched and interacted with people to join a team. It was really fun to do that and pitch others and persuade them to join the guild.

Then the tasks began and the first day was light. But then it was escalated. Day 2 brought some tougher and interesting challenges
Throughout everyday we learnt something new and improves upon ourselves.

I learnt a lot. Learnt to create Portfolio, Github , Bootsrap, firebase and what not.

So its a hell of a experience till now and expecting more such events by GFG.

{% tag geekforgeeks %}
My AR book is now on Amazon!
Tags: writing, augmentedreality, book, arkit
Published: 2021-03-20 16:22:35

As my wife would say, "it's no 50 Shades.." but i'm proud to say i've successfully managed to write my first book and get it published.

Coming from a technical background, you probably wont be surprised to hear it is a technical book and a rather niche one at that exploring Augmented Reality.

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

Full disclosure: This may have been photoshopped. I am yet to receive my invitation to appear on This Morning to talk about my book.

Writing doesn't come naturally to me, however having a passion for technology, creativity and innovation does, so when I saw an opportunity to write a book guiding other developers into the world of AR, it became a fun side project and welcome distraction from the pandemic.

It is now available to buy (or be nosey) on Amazon [https://amzn.to/38Z9vKd](https://amzn.to/38Z9vKd).

It being my first book, I don't look forward to the unavoidable negative reviews. Everyone is a critic i'm told.  It's a good job I have thick skin.

What kind of things do I discuss in the book? Well, it's showing developers how to create Augmented Reality experiences like this.

{% youtube T8JGhrqe1ek %}

and

{% youtube 2q2kadwvfHA %}

Which will become more prevalent in the near future.

I don't think it is going to shoot to the top of any category best seller list on Amazon, or become rich from the royalties but i'm sure it will help anyone wanting to get started in this area.

What's next? Well, considering the project took 9 months and all the writing happened in the evening after I put the kids to bed.. I think i'll take a break from writing for a while.

My next big project (I always need a project) might be a Masters or MBA in 2022.

A quick word of advise to anyone thinking that something like writing a book is an insurmountable challenge..

- You are capable of more than you think
- Been putting something off because the time isn't right? Just start
- Follow your passions and what gets you excited
- Always have goals

-- Lee
GEEK WEEK LOCAL EVENT AT VIT BHOPAL
Published: 2021-03-20 16:06:23

This MARCH, 2021 GEEKSFORGEEKS VIT Bhopal community arranged a magnificent event for the VIT students where we are to do daily and weeklong challenges. All the VIT Bhopal students were eligible to join the event and nearly 1000 students participated. Guilds were made to compete with the size limit of 110 students per guild. Each guild would compete for the 1st position in the ranking board. The day 1 started with DSA problems ranging from Python to Java and what not. The non-technical tasks like sharing a cup of coffee/tea was also given as a task. As the competition progressed, the game became more tougher. Starting from day 1, We learned Github, making different apps, websites, learning new languages and discovering new concepts. The week was busy and we had much fun.
CSS variable chapter six "Responsiveness and CSS variables" 🐌
Tags: css, todayilearned, tutorial, codenewbie
Published: 2021-03-20 16:01:46

Hello dear folks 👋

Hope you guys are learning🧞 something new and creative today.

In the last DEV post, we have learned about "how to control CSS variables with JavaScript"

{% link https://dev.to/atulcodex/how-to-change-css-variable-value-with-javascript-2e7i %}

In this post, we are going to learn about how we can use CSS variables smartly in responsiveness🍭

🌲So are you excited to learn how we can make changes in the responsive behavior of web page?

![Are you ready](https://media.giphy.com/media/fKu0YeqmVTqLbUzNdL/source.gif)

So let's do it🍦

Imagine that you have a grid of four products, two product columns in each row for desktop screen size. And we want to show only one product column in a single row in mobile screen size 💻

> NOTE : Here I'm assuming that you have some basic knowledge about CSS grid.

If you don't know anything about CSS grid, I recommend this free [CSS grid course](https://scrimba.com/learn/cssgrid) by [Per](https://dev.to/perborgen).

So this is our default screen for our grid of four products. 🎋

{% codepen https://codepen.io/atulcodex/pen/GRNbjPd %}

Now to make our product grid responsive according to the device screen. I mean to show only one product in one column.

So first of all I'm going to declare a global variable for the grid column-like.

```
.grid
{
     --product-column: 200px 200px;
}
```

And then we have to use this media query for our smartphone screen size.

```
@media all and (max-width: 450px)
{
    .grid
    {
        --product-column: 200px;
    }
}
```

🏆 Tadda, our responsive webpage according to all media screen.

{% codepen https://codepen.io/atulcodex/pen/wvoLLLe %}

So that's it for this Dev post 😉, in the next chapter we will learn about inheritance example of CSS variable. So stay tuned 🔔️
GEEK WEEK LOCAL BY VIT BHOPAL
Published: 2021-03-20 15:59:59

This MARCH, 2021 GEEKSFORGEEKS VIT Bhopal community arranged a magnificent event for the VIT students where we are to do daily and weeklong challenges. All the VIT Bhopal students were eligible to join the event and nearly 1000 students participated. Guilds were made to compete with the size limit of 110 students per guild. Each guild would compete for the 1st position in the ranking board. The day 1 started with DSA problems ranging from Python to Java and what not. The non-technical tasks like sharing a cup of coffee/tea was also given as a task. As the competition progressed, the game became more tougher. Starting from day 1, We learned Github, making different apps, websites, learning new languages and discovering new concepts. The week was busy and we had much fun.
RawBits: Guild of NERDS
Published: 2021-03-20 15:59:47

Geek Week Local

A great initiative by GFG VIT Bhopal Chapter. We were asked to be a part of the guild and then solve challenges.

The first thing of joining a guild was fun when we searched and interacted with people to join a team. It was really fun to do that and pitch others and persuade them to join the guild.

Then the tasks began and the first day was light. But then it was escalated. Day 2 brought some tougher and interesting challenges
Throughout everyday we learnt something new and improves upon ourselves.

I learnt a lot. Learnt to create Portfolio, GitHub , Bootstrap, firebase and what not.

So its a hell of a experience till now and expecting more such events by GFG.

#GEEKWEEKLOCAL #RawBits
RClone in a Docker to backup OneDrive locally
Tags: unraid, rclone, onedrive, docker
Published: 2021-03-20 15:54:27

Today I'm trying to setup my Unraid server to take a daily backup of the contents of my OneDrive folder. That's in case of catastrophic failure on Microsoft's side, or more likely, I mess up and nuke my OneDrive folder for whatever reason. It's also just nice to have the data available locally.

To accomplish this task I'm using [**RClone**](https://rclone.org/) and I'm using it from a Docker container, primarily to continue on my learning journey with Docker. It's also nice that I could test things out on my Windows PC and easily move the setup to my Unraid server.

The RClone image I used is `rclone/rclone:latest`. That said, in order to actually get started with RClone you need to configure it first, that is give it access to whatever cloud service you want to access.

To do this I downloaded the Windows binary instead, because RClone has a simple interactive flow you can use to create a configuration file. See instructions [here](https://rclone.org/install/).

After running the configuration I had an rclone.conf file ready to go. I deployed this to the Unraid server and set about defining the command-line to use to backup my Unraid settings.

I went with a **sync** command parameterized with `--backup-dir`. Then I set the command to run using the *"Community Applications User Scripts"* plugin on Unraid (which is basically just an easy way to setup cron jobs from the Unraid WebUI)

The final bash script looks something like this:

```
#!/bin/bash
NOW=$(date +"%Y-%m-%d")
docker run --rm \
  --volume /mnt/user/appdata/rclone:/config/rclone \
  --volume /mnt/user/onedrive:/data \
  rclone/rclone sync onedrive: /data/root \
  --backup-dir /data/backup/$NOW
```

First we create a date string for the backup folder. The backup folder is used whenever a file is deleted by the sync operation. *Note: It's likely I'll want to run a deduplication script after syncing so the backup folder doesn't end up full of files that I already backed up.*

Then we mount in the config folder for rclone as well as the target folder to copy the files to.

Finally, we run the RClone command with the root OneDrive folder as source `onedrive:` and the mounted folder as the target `/data/root`.

The `onedrive:` label is the one I created for my connection to OneDrive during configuration of RClone.

The one remaining niggle with the result is that the files created are all read/write only by root and read-only by everyone else. For my purpose, that's fine.
State vs Props in ReactJs
Tags: react, state, props
Published: 2021-03-20 15:41:33

In short:
State are the variables by the component for the component.
Props are the variables. inherited by a component from its parent components.

State and props both do the same things. there are very few differences between them such as,
Props are immutable that is it returns same output every time for a particular input.
whereas state are mutable.
state can be also defined with the help of props.
this is what i have understand till now, any type of correction will be appreciated.
How To Build Blog With Laravel Wink Package in 15 minutes
Tags: laravel, programming, webdev
Published: 2021-03-20 15:37:01

Hey guys,

Have you ever try to create Blog website using Laravel?

This one is trick to create your own one within small period.

Wink makes us easy to build a blog website which has nice admin panel automatically. After done with wink, you can continue and focus only on your frontend side.
It is so quick to build a blog website.

I recorded it for you guys, 
If you got something from this video, don't forget to support me as well.

Here's tutorial video:
https://www.youtube.com/watch?v=6VWgd3a1uXU
AWS Cognito components overview
Tags: aws, cognito
Published: 2021-03-20 15:18:25

My note about AWS Cognito.

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

# User Pool
It is an authentication component that stores user attributes; name, email address, etc.
A client can retrieve some tokens as JWT; ID token, Access token, and Refresh token.

## ID token
ID token includes user attributes; name, email address, etc.
API Gateway and Cognito Identity Pool uses this token to authenticate.

## Access token
A client requests to User Pool to edit user attributes with the access token.


## Refresh token
A client requests User Pool to retrieve the new access token with the refresh token if the access token is expired.

# Identity Pool
It is an authorization component that serves token to access AWS resources.
A client can retrieve STS tokens as JWT with the ID token.
GEEK WEEK LOCAL
Published: 2021-03-20 15:04:11

he GeeksforGeeks VIT Bhopal Community had arranged a marvelous week- long competition where the Community would set some daily tasks and challenges and everyone had to complete them within a time limit of 24 hours. All the students of VIT Bhopal were eligible to take part in this event. Throughout the span of a week -starting from 16th March till 21st March- a healthy competition had ensued between the guilds. I belonged to the BugBusters guild and we, as its members, had a tremendous amount of enjoyment, amusement and excitement throughout the week solving all the tasks. Starting from Day 1, we learnt how to use GitHub and exercised on competitive programming. Day 2 saw us delving deeper into the technical stuffs and examining them properly. Day 3 had us making an android app, generating a tic tac toe game and using a weather API. Day 4 was all about data visualization and exploring web development and redesigning and creating websites. Day 5 brought in tasks like automation, password encryption, building an AI project, generate a chess game and using a social media API to name a few. As the week progressed the tasks grew all the more interesting and tougher. We had week-long and weekend challenges too where we had to research more into web automation, music API, working with GUI, voice assistant and probe deeper into GitHub.
Geek Week Local
Published: 2021-03-20 15:02:03

Geek Week Local - A week long event organized by GeeksforGeeks Student Chapter, VIT Bhopal was an amazing experience for us. We got to acquire many skills such as Solving DSA problems on websites like HackerRank, TopCoder, and GUI using Tkinter, Web Automation, Web Development, Using GitHub and many more things. We are very fortunate enough that we got to participate in such events in our first year itself.
#geekweeklocal
#geeksforgeeksvitbhopal
#geeksforgeeks
Access api - CORS - failed
Published: 2021-03-20 14:59:30

Hi :),
I hope, this is the right place for my question:
In my current project, I’m trying to get data from an api. It is my first angular project, so please excuse my inexperience.
The data is on a server on my pc: http://localhost:8080/api/v1/xy/list

When I try to access the data with my browers, there is no problem.
But when I implement the connection in my  app.component.ts
this.rowData = this.http.get('http://localhost:8080/api/v1/xy/list' 
it fails. 

Checking the result, following notification  occurred:
Access to XMLHttpRequest at 'http://localhost:8080/api/v1/xy/list' from origin 'http://localhost:4200' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
zone-evergreen.js:2863 GET http://localhost:8080/api/v1/xy/list net::ERR_FAILED

I tried to fix it with following adjustment in the C:\Users\Micro\my-app\proxy.conf.json
{
  "/api": {
    "target": "http://localhost:8080/api/v1/xy/list",
    "secure": false,
    "changeOrigin": true,
    "pathRewrite": {
      "^/api": ""
    }
  }
}
According to this page: https://levelup.gitconnected.com/fixing-cors-errors-with-angular-cli-proxy-e5e0ef143f85
Starting ng again as follows: ng serve --proxy-config .\proxy.conf.json succeed, but the error stays the same. Still no access to the api.

Have you any idea what I’m doing wrong?
My javascript / tech / web development newsletter for 2021-03-20 is out!
Tags: javascript, tech, webdev, discuss
Published: 2021-03-20 14:57:29

---
title: My javascript / tech / web development newsletter for 2021-03-20 is out!
published: true
description: NFTs, Substack, Eth51%Attack, NetlifyDevEnvs, Prediction Markets, EDMGirls, NBAMoney, PortableOffice, IoT, TikTok, Wikipedia, IntelChips, DApps, Slack Websockets, Ghost, pods, artists & musicians...
tags: javascript, tech, webdev, discuss
---
In this week’s edition:

NFTs, Substack, Eth51%Attack, NetlifyDevEnvs, Prediction Markets, EDMGirls, NBAMoney, PortableOffice, IoT, TikTok, Wikipedia, IntelChips, DApps, Slack Websockets, Ghost, pods, artists & musicians...

https://markjgsmith.substack.com/p/mark-smiths-newsletter-20-03-2021

Would love to hear any comments and feedback you have.

[@markjgsmith](https://twitter.com/markjgsmith)
Geek Week local-My experience
Published: 2021-03-20 14:37:27

It was a very great experience. All thanks to Geek For Geek Vit Bhopal and my GUILDmates. I'm so pleased to join such a wonderful GUILD as co-lead also GFG team was too wonderful.
Good luck to all guilds do your best to push your guild up.
Overall it was totally a different experience all teammates did their best let's hope for the best.
By teaching juniors about web development I brushed up my skills.

#geekweeklocal
Geek week local
Published: 2021-03-20 14:34:28

The GeeksforGeeks VIT Bhopal Community had arranged a marvelous week- long competition where the Community would set some daily tasks and challenges and everyone had to complete them within a time limit of 24 hours. All the students of VIT Bhopal were eligible to take part in this event. Throughout the span of a week -starting from 16th March till 21st March- a healthy competition had ensued between the guilds. I belonged to the BugBusters guild and we, as its members, had a tremendous amount of enjoyment, amusement and excitement throughout the week solving all the tasks. Starting from Day 1, we learnt how to use GitHub and exercised on competitive programming. Day 2 saw us delving deeper into the technical stuffs and examining them properly. Day 3 had us making an android app, generating a tic tac toe game and using a weather API. Day 4 was all about data visualization and exploring web development and redesigning and creating websites. Day 5 brought in tasks like automation, password encryption, building an AI project, generate a chess game and using a social media API to name a few. As the week progressed the tasks grew all the more interesting and tougher. We had week-long and weekend challenges too where we had to research more into web automation, music API, working with GUI, voice assistant and probe deeper into GitHub.
Backbone.js Model defaults and parse
Tags: backbonejs
Published: 2021-03-20 14:34:18

I’ve got this Backbone.Model representing a Google Books API volume:
```
var Book = Backbone.Model.extend({

    defaults: {
        volumeInfo : {
            title: 'n.a.',
            authors: 'n.a.',
            publisher: 'n.a.',
            publishedDate: 'n.a.',
            imageLinks : {
                smallThumbnail: '/unavailable.jpg'
            }
        }
    },

    parse: function(resp) {
        if (resp.volumeInfo.authors) {
            resp.volumeInfo.authors = resp.volumeInfo.authors.join(',');
        }
        return resp;
    }
});
```
Which is fed to this template:
```
<script type="text/template" id="bookCollectionRow">
    <tr>
        <td><img class="thumbnail" src="<%= volumeInfo.imageLinks.smallThumbnail %>" /></td>
        <td><a target="_blank" href="<%= volumeInfo.canonicalVolumeLink %>"><%= volumeInfo.title %></a></td>
        <td><%= volumeInfo.authors %></td>
        <td><%= volumeInfo.publisher %></td>
        <td><%= volumeInfo.publishedDate %></td>
    </tr>
</script>
```
Upon parsing the template, when a volume JSON does not contain an imageLinks I receive this error:
```
Uncaught TypeError: Cannot read property 'smallThumbnail' of undefined.
```
I know I could fix it by checking with an if in the Model or in the template but what’s the purpose of defaults model property then? Does that work only if not overriding parse?

## Solution
A few things. First, you shouldn’t have nested objects as backbone model attributes in general – it can be OK if you can always treat the attribute atomically, but this is a perfect example of when you can’t. From a data-model perspective, imageLinks should be its own backbone model class, as should volumeInfo.

Second, if defaults is an object literal ({}) instead of a function, the same object is used as the default attrs for each model instance. I think you want this:
```
defaults: function(){
    return {
        volumeInfo : {} // should be new VolumeInfo({}) imo
    };
},
```
But the data model is the bigger issue – .defaults doesn’t do the kind of nested-object-template thing you seem to be going for, and for good reason: it doesn’t work well, this will just be the first of many gotchas you’ll run into if you don’t keep your instance data pretty flat.
Geek Week: Local
Published: 2021-03-20 14:34:09

The GeeksforGeeks VIT Bhopal Community had arranged a marvelous week- long competition where the Community would set some daily tasks and challenges and everyone had to complete them within a time limit of 24 hours. All the students of VIT Bhopal were eligible to take part in this event. Throughout the span of a week -starting from 16th March till 21st March- a healthy competition had ensued between the guilds. I belonged to the BugBusters guild and we, as its members, had a tremendous amount of enjoyment, amusement and excitement throughout the week solving all the tasks. Starting from Day 1, we learnt how to use GitHub and exercised on competitive programming. Day 2 saw us delving deeper into the technical stuffs and examining them properly. Day 3 had us making an android app, generating a tic tac toe game and using a weather API. Day 4 was all about data visualization and exploring web development and redesigning and creating websites. Day 5 brought in tasks like automation, password encryption, building an AI project, generate a chess game and using a social media API to name a few. As the week progressed the tasks grew all the more interesting and tougher. We had week-long and weekend challenges too where we had to research more into web automation, music API, working with GUI, voice assistant and probe deeper into GitHub.
Geekweeklocal - One of my best experience
Tags: geekweeklocal
Published: 2021-03-20 14:33:21

Geek Week Local

A great initiative by GFG Vit Bhopal Chapter. We were asked to be a part of the guild and then solve challenges.

The first thing of joining a guild was fun when we searched and interacted with people to join a team. It was really fun to do that and pitch others and persuade them to join the guild.

Then the tasks began and the first day was light. But then it was escalated. Day 2 brought some tougher and interesting challenges
Throughout everyday we learnt something new and improves upon ourselves.

I learnt a lot. Learnt to create Portfolio, Github , Bootsrap, firebase and what not.

So its a lots of a experience till now and expecting more such events by GFG.