teleren/devto huggingface dataset:
UI/UX Design Portfolio
Tags: design, webdev
Published: 2020-05-21 08:11:14

### Hi everyone! I graduated from an eight-week program that I just finished recently, where I learned HTML/CSS and launched my first website. It was an incredible learning experience and I'm so glad that I pulled through all of the beginner frustrations and designed something that I'm proud of. 

## UI/UX Design Portfolio Project


### https://cindyross.design/
 

### `{% https://github.com/cinnachubo/Design-Portfolio %}` 

#### How I built it: I learned HTML/CSS online through free resources such as freecodecamp, Yandex Education Web Dev, and Youtube. I designed the site first on Figma and then developed it using Atom. I'm hosting it on GitHub Pages and I linked it to a custom domain. My full process, including my motivations for creating the site, is located on my website. :)

#### The eight weeks I spent designing & developing the website have been incredible, but also incredibly exhausting! My brain still has been thinking about things to fix on the website all day, and I can't wait until my time frees up again to revisit my site's code and hit "commit."
How did I become a designer for several tech communities using GitHub Student Developer Pack
Tags: github, githubstudentdeveloperpack, gitremotegraduation
Published: 2020-05-21 08:10:45

GitHub is a great Platform for Developers. As we all know how it's helping the Developers over the years. Apart from all the services provided by
GitHub they also have a great student community. Through which they are shaping the younger Developers. Although there are several Massive Open Online Courses, But not everything is affordable for students. Here it comes GitHub's Student Developer Pack. GitHub Student Developer Pack Consist of several products including best online courses and tools worth 600K dollars. Luckily I got the pack last year it consists of several tools and courses. Fortunately, it consists of one-year premium membership of Canva.com. It is a platform where you can Design anything form Poster to Presentation. I Loved it. Recently I've developed an event poster for the NeurIPS Bangalore meetup group. They loved my poster. From there onwards I've Developed many posters and logos for different local communities like TensorFlow User Group Mysuru, WiDS Mysuru chapter, Google Developer Group Mysuru, and Bangalore. It was an experience throughout these years. All because of GitHub Student Developer Pack. So this is the year I am going to graduate from college and sadly I am no longer eligible to use GitHub Student Developer Pack from next Year onwards. But I am always grateful to GitHub for Helping to find my passion for designing. So here is the remainder if you are an aspiring developer who wants to learn more start applying for GitHub Student Developer Pack.



ps: this my first blog post sorry for the poor writing
What do I learn today to get a dev job?
Tags: job
Published: 2020-05-21 07:52:52

---
title: What do I learn today to get a dev job?
published: true
description: 
tags: job
cover_image: https://images.unsplash.com/photo-1568598035424-7070b67317d2?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1498&q=80
---

What do I learn today to get a dev job?

Believe it or not, JavaScript and React are still the first things I would learn if I was starting from scratch.

One could say - “JS and React have had a BOOM period for some time. They will come back to the ground soon.”

But that’s not true. Both JS and React ecosystems keep on innovating.

Recently, Microsoft launched React Native for MacOS.

This might change the field of MacOS development, and a good chunk of Swift or Electron apps will be written in React Native.

The React team recently launched Suspense and before that Hooks which are game-changers in UI development.

JS is not behind too. Both the ECMA and the Node team keep on releasing new versions and specifications regularly.

Recently Deno launched which is a new runtime for JS and TS.

Also, the wide-adoption of TypeScript is helping JavaScript “haters”, programmers that despise loose-typing (Java, C#, Go programmers) to use JavaScript.

Overall, the future of React and JS looks bright for at least the next 3 years, if not more.

So you can confidently start or change your career on this stack.

-----

This article was first posted on [my blog](https://aviaryan.com/logs/learn-JS-for-job).
API Testing with postman.
Tags: howto, api, testing
Published: 2020-05-21 07:47:59

Postman is an excellent tool for api testing. A little known fact to me was that you can code in javascript tests to ensure that your apis are ready and return the appropriate values.

Each test is run once you fire up your API Call and a response had been returned. So lemme show an example that I needed to do IRL. In my job due to a mobile app bug combined with lack of time I needed to ensure that the APIs does not return null values.

Therefore as first step I setup the API Call using the appropriate environment, then I clicked on the `Tests` tab.

Then I wrote the following piece of code:

```
const jsonNotNull = (json) => {
    keys = Object.keys(json);
    
    keys.forEach((key)=>{
        const value=json[key];

        if(Array.isArray(value)){
            return value.forEach((array_item)=>{
                pm.expect(array_item).to.not.equal(null)
            })
        }

        if(typeof value === 'object'){
            return jsonNotNull(value);
        }

        return pm.expect(value).to.not.equal(null)
    })
}

pm.test("Check if body does not contain null", function(){
  const response = pm.response.json();
  pm.test(response.length > 0);
  jsonNotNull(response);
});
```

As you can see the `pm` object contains `response` item indicating the response of the performed http call. More info about them you can find in: https://learning.postman.com/docs/postman/scripts/test-scripts/

Furthermore pm also contains the assertions uses for example I assert that the response is not null via:

```
pm.expect(value).to.not.equal(null)
```

So with `pm.expect()` you can do assertions like chai does in https://www.chaijs.com/api/bdd/ .

And if you want to run them in a CI/CD pipeline then you can use the newman tool: https://www.npmjs.com/package/newman. Therefore you can export your environment and your api calls and use `newman` tool to test them.
What i was expecting GAME_DEV and what i found?
Tags: github, gamedev, unity3d, unreal
Published: 2020-05-21 07:38:24

I am budding game developer. My journey began on Unity. I was going through tutorials for learning "How to build a game?". Initially i found it more of coding and everything became troublesome. Since i was coding in a language"C#" which I didn't know how to code in. C, C++, Java and C# are some most popular Languages used for game development.

But the "real spirit never dies". I kept going on and learned everything that came in my way. Things became easy and interesting soon.

There are Blueprint available on game engine like Unity and Unreal. Blueprint is a high level, visual scripting system that provides an intuitive, node-based interface that can be used to create any type of script events in the editor's like Unreal and Unity.
What a wonderful and creative way which provides beginners a boost for learn coding for development in super easy way.  

I found out the Game_Dev is much more than coding and is more of fun and creativity. It has got many fields like artists, designers, game programmer, level designer, sound engineer and tester. 

#My_Game_Dev_Love

I kept working on games and i found my love for level designing. Level designing involves creativity and visualizing the new world that you want to create. 
#A_Whole_New_World
Put up things in perfect place, lightings, trees, mountains, rivers, AI bots, forts and what not. It is just like creating a #A_Whole_New_World.  

What is Level in game?
A level, map or zone in a video game is the total space available to the player during the course of completing a discrete objective. Each level presents new content and challenges to keep player's interest high.

Checkout my first game that i build on unity
(https://github.com/vaibhavpathak999/Games/tree/master/CubeBraini)
Tutorials: youtube(https://youtu.be/j48LtUkZRjU) Brackeys
Octograd 2020 - Resume Filtering System
Tags: octograd2020, devgrad2020, datascience, gratitude
Published: 2020-05-21 07:31:51

A smart resume filtering system which shows the best matching resumes according to a given job description.

## Link to Code
{% github prateekguptaiiitk/Resume_Filtering %}

## Project Introduction
This is, in its current form, achieved by assigning a score to each CV by intelligently comparing them against the corresponding Job Description. This reduces the window to a fraction of an original size of applicants. Resumes in the final window can be manually checked for further analysis.

## Overview
<ul>
<li>Mainly three datasets were required.</li>
<li>The Word2Vec Model using the StackOverflow data dump.</li>
<li>Extracted sections from the CVs like Education, Experience etc.</li>
<li>Finally, the CVs were awarded scores against each Job Descriptions available.</li>
</ul>

## Data Collection
Mainly three datasets were required:

### StackExchange Network Posts
This dataset was required to trains the word2vec model. Fortunately, StackExchange network dumps it's data in xml format under Creative Commons License. One can find a download link for the dataset(44 GB) on [Internet Archive](https://archive.org/details/stackexchange).

### Resume Dataset
This dataset was required to test the trained word2vec model. Among these resumes, best matching resumes should be filtered out. Downloaded resumes from [indeed.com](https://www.indeed.com/)

### Job Description Dataset
This dataset was required to test the trained word2vec model. These job descriptions would be the basis of resume filtering. A [Kaggle dataset](https://www.kaggle.com/c/job-salary-prediction/data) containing Job Descriptions for several job openings was used.

## Resources Used
spaCy Documentation: https://spacy.io/
spaCy GitHub Issue Page: https://github.com/explosion/spaCy/issues
Gensim Word2Vec Documentation: http://radimrehurek.com/gensim/models/word2vec.html
Gensim Word2Vec GitHub repository: link
Google Word2Vec: https://code.google.com/archive/p/word2vec/
GitHub Repository for Doc2Vec Illustration: https://github.com/linanqiu/word2vec-sentiments
## Additional Thoughts
It was a great learning experience through this project. My learning doesn't stop here, I will be creating and contributing more in the future. However, there is definitely room for improvements, the result is satisfactory enough for the first iteration of the project.
 
Thank you octograd2020! Cheers🍻
JavaScript Numeric Separators
Tags: javascript, webdev, react, frontend
Published: 2020-05-21 07:26:09

Have you ever feel the pain of your eye when you try to read large numeric literals, If not try to read the following values.

```js
const num = 1000000000000;
```

There is a feature in javascript that enables underscore as a separator in numeric literals to improve readability.

*Example:*

```js
const num = 1_000_000_000_000;
```

You can also use this for binary, octal, and hex numbers.

```js
const n1 = 0b1010_0101_1001; // binary
const n2 = 0o2_3_5_7; // octal
const n3 = 0xA_B_C_D_E; // hex
``` 

There is good support for this feature in recent versions of browsers. To check for the support visit https://caniuse.com/#feat=mdn-javascript_grammar_numeric_separators.

I hope this adds something to your knowledge and useful ✌.

**Note: I am always open to suggestions and accept mistakes. So please leave a comment**

{% user mohananagavenkat %}
CredSoc
Tags: octograd2020
Published: 2020-05-21 07:23:53

[Comment]: # (All of this is placeholder text. Use this format or any other format of your choosing to best describe your project and experience.)

[Note]: # (If you used the GitHub Student Developer Pack on your project, add the "#githubsdp" tag above. We’d also love to know which services you used and how you used it!)

## My Final Project
The college has a credit society that allows its employees to get loans at a lower or minimal rate of interest and also save their money in kind of a providend fund type of an account and allows employees to withdraw it whenever needed.This fund is accumulated over a period of time and is a certain amount cut from the employee's salaries.This web app maintains a track of how much amount is cut from each employees account and adds this to their respective accounts which the app allows the employees to view.
## Demo Link
 
preview: http://credsoc.herokuapp.com/
login cred: 
admin panel: 
username:admin
password:qwertyui
user:
username:chiraggada
password:EliteBook

## Link to Code
{% github https://github.com/chiraggada2911/Credit-Society-Django %}
[Note]: # (Our markdown editor supports pretty embeds. If you're sharing a GitHub repo, try this syntax: `{% github link_to_your_repo %}`)

## How I built it (what's the stack? did I run into issues or discover something new along the way?)
I just had finished learning python and wanted to use my learning to develope a real time project that can be used by people. Than I came into contact with one of our teachers who told us about our college's credit society which is handled on register bases. So I decided to make a online platform to manage the bank. I used Django frame work for that and it was fun building that. I learned various tricks and techniques while developing the platform.


[Final Note]: # (CONGRATULATIONS!!! You are amazing!)
My Open edX customization experience!
Tags: django, opensource, python
Published: 2020-05-21 07:17:17

Hello fellow devs,

So this is my first post on <b>DEV</b> :smiley:
I want to share my internship experience where I had to customize and install an open edX instance for a startup. You must be thinking, what's open edX! I haven't introduced it yet. 

Quite simply, <em>Open edX is an opensource platform on which <a href="https://www.edx.org/">edX.org</a> runs</em>. It was open-sourced by edX. It is supported by thousands of developers and many companies use it for their LMS (Learning Management System). I decided to use this platform for our LMS because of my :heart: with Django.

At first, I decided to only add a custom theme but then I quickly realized that I had to dive deep into the code base for my requirements. This is where my previous experience with Django helped me. I had to write many extra lines of code to support multi currency payments as simply converting was not an option! Then I had to add a number of new features like persistent & user specific notifications, sample videos on course about page, add option to run videos directly from video streaming services(other than Youtube) and to show course prices according to user's country. I even worked on Android app and added custom encryption for the downloaded videos. Overall the experience was fantastic and I learned many new things (Using Git correctly was the most important thing :stuck_out_tongue:)! If you are planning to use your own LMS and need a lot of customization with high performance, I would definitely suggest considering Open edX!

And here are the resources/blogs that helped me in my journey with open edX :
<a href="https://open.edx.org/">Open edX Homepage</a>
<a href="https://blog.lawrencemcdaniel.com/category/open-edx/">Open edX Archives-Lawrence McDaniel</a>
<a href="https://openedx.atlassian.net/wiki/spaces/OpenOPS/overview?homepageId=22316094">Open edX Operations Wiki</a>

Thanks for reading the article. Until next time :wave: :wave:
COVID19 India tracker:  Cases Nearby
Tags: python, html, javascript, css
Published: 2020-05-21 07:10:53

Coronavirus(covid19) has surely brought different types of changes in everyone's life. It's been a fearful and sad environment for the past couple of months in India. Also, during this pandemic, people are so worried to step out of their houses even for work/jobs, etc. 
My college has been shut temporarily for the past 1.5 months now. I created this lite covid19: India case tracker to help the people with the information they might need to stay safe (like #active cases around them, zone restrictions in their districts, or nearest covid19 testing lab). The preview of the tool: 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/7m1i31lchkujbdar2fr2.png)
The cases are plotted on the district basis, which is more classified into different zones based on the coronavirus situation in the districts (Red/Orange/Green). To plot this data I have used Mapbox GLJS and the data sources (confirmed new cases, zones update are fetched from a crowdsourced database managed by covid19india.org), the testing lab data is updated from the twitter updates from the government.

To make this process realtime, I deployed a flask app on Heroku which scrapes all the data from the web and makes it available with simple API get calls.


I would like to thank Alex and Marena at the Mapbox team who made this awesome tool free for the next 6 months for my project to serve a greater cause.

Link to my project: http://projects.grv.codes/coronavirus
Link to covid19india: https://www.covid19india.org/
Link to Mapbox GLJS: https://docs.mapbox.com/mapbox-gl-js/api/
Link to my GitHub repo for the flask app: https://github.com/kgrv/covid19indiaupdates
Python Intro
Tags: python, newbie
Published: 2020-05-21 07:07:10

---
title: Python Intro
published: true
description: what and why python
tags: Python,  Newbie
---

#### What is Python?
Interpreted ,High Level ,Open-Sourced & Dynamically Typed language
Easy to read & Understand ,Easy to Code 
Replace {} with whitespaces & :
<br>
<br>
##### Why should i use it?
Do anything :-
from scripting to web development 
from Machine learning to Automation 


##### Why not to use it ?
Until & Unless you don't care about the speed and especially it's integration with Hardware 



#### Application:
- Automation: Automate stuffs & live happily 😄
- Data analytics: Analyse data and 
- Databases: 
- Documentation
- Graphical user interfaces
- Image processing
- Machine learning
- Mobile App
- Multimedia
- Networking
- Scientific computing
- System administration
- Test frameworks
- Text processing
- Web frameworks
- Web scraping      
<br> <br> 
  
  


#### At the End
Every language's first code(Hello world) in python :-
> print("Hello world")

done :p
OU NOTES WEBSITE
Tags: octograd2020
Published: 2020-05-21 07:07:09

[Comment]: # (All of this is placeholder text. Use this format or any other format of your choosing to best describe your project and experience.)

[Note]: # (If you used the GitHub Student Developer Pack on your project, add the "#githubsdp" tag above. We’d also love to know which services you used and how you used it!)

## OU NOTES


## https://ounotes.netlify.app/
 

## https://github.com/ifrahur/OU-NOTES

[Note]: # (Our markdown editor supports pretty embeds. If you're sharing a GitHub repo, try this syntax: `{% github link_to_your_repo %}`)

## I used HTML and CSS for building the website.. Initially I faced the problem to make it properly functional on mobile, so I used Bootstrap for making it Responsive web design..


## As an engineering student we have problem to get notes of subjects. so I made this website t help students to get access to all the notes at a single place without wasting their time on searching where to get it from..


[Final Note]: # (CONGRATULATIONS!!! You are amazing!)
"Pull Up & Code" - Programming on Livestream!
Tags: livestreaming, webdev, programming, mde
Published: 2020-06-19 10:29:36

---
title: "Pull Up & Code" - Programming on Livestream!
published: true
date: 2020-05-21 07:00:00 UTC
tags: Livestreaming, WebDevelopment, Programming, MDE
canonical_url: https://www.jaysonjphillips.com/blog/2020/05/announcing-pull-up-and-code/
---

After a few years of teaching web development bootcamps, both online and in-person, I've started to branch out and do live code projects and walkthroughs on [Twitch](https://twitch.tv/jaysonjphillips)!

After about 5-6 weeks of streaming somewhat consistently, I've gotten a big boost out of the energy of rocking with other folks who come by the stream. It's also made me much more of a lurker and spectator, being a part of other streams and really getting to see the diversity in code streaming content out there.

Livestreaming is also challenging, as fun as it is for me. Now, my stream has a deliberate slant on code and my engineering life. No daily vlogs from me - that's not my lane and I'm honoring that. However, it's fun figuring out the authentic connection to those who stop by the stream and really to keep that dose of humility that comes publicly showing your code imperfections (aka: I've had mad bugs and problem stumping moments on stream =)).

Hopefully, the content and community we build on stream cane help those who are earlier in their careers, especially as "non-traditional" path takers and career switchers, learn about (and share!) different topics and ways of growing.

Swing through and tell me what you think of the stream!
[Placeholder Title]
Tags: octograd2020
Published: 2020-05-21 06:59:00

[Comment]: # (All of this is placeholder text. Use this format or any other format of your choosing to best describe your project and experience.)

[Note]: # (If you used the GitHub Student Developer Pack on your project, add the "#githubsdp" tag above. We’d also love to know which services you used and how you used it!)

## My Final Project
Black Box Loging system for drones.

## Demo Link
 https://drive.google.com/open?id=1o6DwLtnNvM0vSFHp8C3awASxZN503e_u

## Link to Code

[Note]: # (Our markdown editor supports pretty embeds. If you're sharing a GitHub repo, try this syntax: `{% github link_to_your_repo %}`)
`{% https://github.com/josaphinejoe/Black_Box- %}`

## How I built it (what's the stack? did I run into issues or discover something new along the way?)
Black Box Logging System For Drones We use an Arduino Uno and bypassed the signals from the receiver and the ESCs. We included a GPS module, an IMU module, LoRa module, GSM SIM900A module, WiFi modules,etc The data collected was sent to a web app that we developed, from which, the authenticated user can see in real time what all is happening to the drone. This data is also stored to an on-board MicroSD card so that even if the connection to the server is lost, we still have reliable data stored in the memory card, which can be retrieved later to analyze the data. A smart python code analyzes the data and predicts what caused the crash of the drone. It also shows the battery level and impending danger to the drone by the using the received data. We intend to use AI in the future to make this program more better and accurate. The web app shows the authenticated user all these data graphically in a user friendly manner. As mentioned before, even if the connection to the server is lost, the memory card stores all these data. To ensure the data is secure, we used a 256-bit AES technology to encrypt the data. Only the authenticated user has the key to this data, so it is secure. This is made so that if the drone is used for military reconnaissance missions, it would be advisable to have the data encrypted from the enemies. The main objective is to create a cheap solution for a black box for drones, which can be easily implemented on any existing drone, and could be reliable even after a crash,much like the black boxes in modern day airliners.


It is a group project, our team consist of 4 members.

[Final Note]: # (CONGRATULATIONS!!! You are amazing!)