teleren/devto huggingface dataset:
Post Graduation, week 2
Tags: jobsearch, career, productivity, codenewbie
Published: 2020-05-19 21:43:32

---
title: Post Graduation, week 2
published: true
description: My trials and triumps in searching for my first software engineering role.
tags: jobsearch, career, productivity, codenewbie
series: Software Engineer Job Searching in a Pandemic
cover_image: https://thumbs.dreamstime.com/z/job-search-concept-chart-keywords-icons-gray-background-job-search-concept-chart-keywords-icons-gray-102351681.jpg
---

_cover image credit [image url](https://thumbs.dreamstime.com/z/job-search-concept-chart-keywords-icons-gray-background-job-search-concept-chart-keywords-icons-gray-102351681.jpg)_

# TL;DR
I have been doing lots of company research to find a small handful of organizations I want to / would love to work for. This includes seeing if these specific companies have openings for a Junior Software Engineer. If they do, fantastic; if not then I am still doing the research.

I am also brainstorming ideas for my next project and I think I figured out what I want to build. I have spent a number of nights now on paper toying around with needed algorithms and logic to make my idea work. Have to say I am very fasinated by Sudoku and it is so much more complex to implement a game then I thought it would be; it's a challenge I want to take on.

# What has been happening this week
a Weather App with Monetization Feature
Tags: gftwhackathon
Published: 2020-05-20 00:17:57

[Instructions]: While I am still waiting for the free-trial account Coil, I am trying to build something basic but meaningful for experimenting with the Monetization API. 


## What I built
- a Simple Weather App with Monetization Feature
- Currently, if the Monetization API along Coil plugin at the client side is properly implemented, a "Thank you" message will be displayed
- If the client does not implement Monetization feature on his/her browser, the "Monetization Feature Available" message will be shown instead

### Submission Category:  Exciting Experiments

## Demo
![App](https://upload.cc/i1/2020/05/20/1NjWZQ.png)

## Link to Code
[Repo](https://github.com/peterhychan/mt-weatherapp-2020)

## How I built it 

I implement this application by React.js with Hooks. Realtime weather info is fetched on OpenWeather API. The Application is styled by CSS along with Bootstrap.

## Additional Resources/Info 
[Deployed Demo on now.sh](https://mt-weatherapp-2020.hoychanan.now.sh/)
Need help deploy Docker that needs storage on GCP 
Tags: docker, devops, googlecloudplatform, help
Published: 2020-05-23 06:51:07

For example,

- https://github.com/umputun/remark42
  - Internal BoltDB
  - Uses `docker-compose.yml`
- https://posativ.org/isso/
  - Internal SQLite
- I also like Discourse, but [it seems expensive](https://www.discourse.org/pricing).

I need a persistent storage, but I cannot use external MongoDB, MySQL or PostGRES.

Or, I can just use DigitalOcean, and SSH tunnel in to do everything, but not sure about security.
Convince Your Boss to Pay for Coding Courses
Tags: career, motivation, productivity
Published: 2020-05-23 10:55:05

While learning to code is important to get a job, keeping up with your learning after you get that position can lead to things like pay rises, higher positions, and even the chance to grow outside of your skillset/department.

If we are lucky enough to be in a position of employment, we should seek to ask our current employers/bosses to help us develop our skills further. The result of doing so leads to a number of benefits not just for us, but for them too. In this video, I wanted to share some ways you can encourage your current company to pay for coding courses for you. 

TLDR?
- Bring up the idea of learning more and improving with your boss
- Create an email to formalise this request
- Review different course that is in line with the company requirements
- Be realistic about the costs and budget for training, and forward a few examples
- Organise an in-person meeting with your boss to request learning
- Review your companies policies as larger companies often include professional development as something to boost employees skills
{% youtube mFZ_djyYBhk %}
<center>[Youtube: Convince Your Boss to Pay for Coding Courses](https://youtu.be/mFZ_djyYBhk)</center>

## Follow and support me: 
Special thanks if you subscribe to my channel :)
* [🎞️ Youtube](https://www.youtube.com/channel/UCvM5YYWwfLwpcQgbRr68JLQ?sub_confirmation=1)
* [🐦 Twitter](https://twitter.com/adrian_twarog)

## Want to see more:
I will try to post new great content every day. Here are the latest items:
* [Adobe XD to Fully Responsive WordPress Site](https://dev.to/adriantwarog/adobe-xd-to-fully-responsive-wordpress-site-16e0)
* [Adobe XD to HTML Full Process](https://dev.to/adriantwarog/adobe-xd-to-html-full-process-ao6)
* [Full Tutorial on how to use SASS to improve your CSS](https://dev.to/adriantwarog/full-tutorial-on-how-to-use-sass-to-improve-your-css-57on)
* [Creating a Mobile Design and Developing it](https://dev.to/adriantwarog/creating-a-mobile-design-and-developing-it-5c4o)
A Contacts App on Kubernetes
Tags: octograd2020, docker, kubernetes
Published: 2020-05-23 11:54:47

---
title: A Contacts App on Kubernetes
published: true
description: 
tags: octograd2020, docker, kubernetes
---
# How I found out about Kubernetes?

During my last internship, I was assigned a pilot project, that was a contacts app. I completed building my contacts app, then they wanted me to Dockerize the application.

That was the first time I heard about containerization and Docker. After facing some difficulties I was able to Dockerize the application.

## A new challenge awaits.

Just after I finished with Docker, a new task was waiting for me, even more challenging and exciting for me. I was said to learn about Kubernetes and deploy the dockerize app on Kubernetes deployment.

What the hell is that? Is that even possible for me? (These were my thoughts when I heard about the task.)

I started learning and doing things by hit and trial xD, that's how I got introduced to Kubernetes.

## About the project

The project comprised of mainly three stages (leaving out error handling and debugging). The first step was to build the contacts application, second step was to Dockerize the application and the last but the mightiest step was to deploy the application on a Kuberentes Cluster.

## Links

[Live Project Link](https://go.aws/2zCvAj0)
[Github Link](https://github.com/namitdoshi/phonebook)
[Docker Image Link](https://hub.docker.com/r/namitdoshi/web-php)

## The festivities that followed

During my internship, I was introduced to a lot of new technologies. This made me even more curious and I researched further into the topic. As a result of which I ran into CI/CD (Continuous Integration/ Continuous Deployment) and tools like Jenkins and CircleCI, furthermore I completed a Nanodegree of Cloud DevOps Engineer.
Aiding your Research Internship's exploration
Tags: angular, research, career, college
Published: 2020-05-23 17:54:23

During my four years of engineering, I have seen friends who were interested in doing research internships under a qualified professor. This made them to frenziedly search for the professor over an entire plethora of institutions and their faculty list. I saw this as a pain point that I could solve and hence built this application called 

# lighthouse.
![lighthouse image from unsplash](https://dev-to-uploads.s3.amazonaws.com/i/vnc21r8chhyjat0kj8t8.jpg)


The application is actually named **lighthouse** because it aims to guide students to the faculty of their choice across colleges and across departments. 

Here I would list the stack of the project -:

#### Frontend
1. Angular
2. HighCharts for dynamic Graphs

#### Backend
1. NodeJs
2. MongoDB
3. NLP processing using an third party API

## Usefulness of the Application:

As already stated, the app is trying to bridge the gap between students seeking research internships under professors who are qualified highly in their fields. It is an *click-click-click* resource to find your professor of interest and get into contact with him. Here are some of the pages of the application developed so far.

### The home page:

![The Home Page](https://dev-to-uploads.s3.amazonaws.com/i/pojyhl4wy2r5xx066if9.png)

### The page with the details of the professor:

![Table representation for quick reference](https://dev-to-uploads.s3.amazonaws.com/i/uejkzmt429rw6zv7i3wd.png)


![Graphs for the data obtained](https://dev-to-uploads.s3.amazonaws.com/i/aa3fcmxb5iqkq7n0o827.png)

### The summary of the research papers 

![The summary using a Third party api](https://dev-to-uploads.s3.amazonaws.com/i/rukw9hdxk0yd1cjivla1.png)

### The trends page:

![Trends of Learning](https://dev-to-uploads.s3.amazonaws.com/i/m6hfssujwg5rimr34ik1.png)

## Future Developments

There is so much that we can still develop into the application. Some of the points that I feel should be implemented are-:

1. Building a trusted data pool. Presently the data is being scraped from google scholar using a script. Google scholar tends to block your API for multiple requests. A workaround is needed to solve this.

2. Calculating a proper credibility score to rate the professor on the basis of their citations and work.

3. Making the User Interface better with useful additions.

If you like my idea and want to work along in developing the project you can always fork my repository [here](https://github.com/littlestar642/lighthouse) and join forces with me.

The four years of my engineering life had been full of surprises and learning. I kind of enjoyed this time as a vacation. I think it is important for an individual to learn contemporary resources and then build useful solutions using them. Such practices will help the society as well as his own personality. 

I did my best to enjoy these college years and learnt things from places where my heart took me.

You can connect with me on [linkedin](https://www.linkedin.com/in/littlestar642/). Always there for a quick chat! 

Signing off!
Littlestar642
My first React App: Nüte
Tags: devgrad2020, octograd2020, showdev, githubsdp
Published: 2020-05-24 10:14:49

Nüte is an appplication that makes me smile, because I didn't know nothing about React, but I had to do an entrepreneurial project.

As a developer I decided to make a notes web application in React, because I was interested in learn how to do a Progressive Web App.

To make matters worse, I was just learning NodeJS, and it was a good way to have frontend with React, and backend with NodeJS.

## Demo Link
[Nüte](https://nutenotes.web.app/) https://nutenotes.web.app/

# Link to Code
## Code of frontend : React
{% github HectorMtz22/nutefrontend no-readme %}

## Code of backend : NodeJS
{% github HectorMtz22/nutebackend no-readme %}

## Additional Thoughts / Feelings / Stories
I'm Mexican, this is the way why this app is in Spanish, but in the near future have all my stuff in both languages to ensure that everyone will understand
Using Retrospective to Improve Yourself
Tags: productivity
Published: 2020-05-24 11:49:44

Every Sunday I take half an hour to review my week. I learned this thing in college as CS people use Scrum often as a project management tool and it contains these retrospectives. One day I realized that if this works in teams, why I couldn’t use it alone.

There are three questions that I answer: How well you achieved the goal (from previous retrospective), what did you learn, what worked well, What needs improvement? / How to fix problems for the next sprint?

I also create simple bullet point timeline about the last week for later so I don’t need to pull that information some other place. And I set myself some goal for the next week and some subgoals that I also review.

I have done this now probably a month or little bit more and I feel like it have helped a lot. I have notice some things like not concentrating when doing things too long and I reduced the amount of freetime I spend daily.

Props from the cover image to [Jill Heyer](https://unsplash.com/@jillheyer)
TRICK: Easy requirements build
Tags: python, pip, help, productivity
Published: 2020-05-25 03:52:00

A few days ago I was doing a project in Python and wanted to let it practice for anyone who wanted to access it, and one of the steps for that was to build the requirements.txt, that commonly loads the necessary packages to run the projects in Python and the easiest alternative is:
 - view the packages in the project;
 - select the packages after executing: 
```bash
$ pip freeze
```
But that's not practical at all, so I looked for an alternative that would meet my need, and found a project that did just that. Its goal is generate requirements.txt based on imports in project.

-----
To install this package, just run:
```bash
$ pip install pipreqs --user
```
or, if you use Python3:
```bash
$ pip3 install pipreqs --user
```

To build automatically your requirements.txt, just run the following command in the project directory:
```bash
$ pipreqs
```
or
```bash
$ pipreqs /project/location
```
And the magic will happen!!

![Magic](https://dev-to-uploads.s3.amazonaws.com/i/ma3ana2a15bjb3ymz7a3.jpg)
I hope this post helped and feel free to get in touch! ;)
Thanks for reading!

-----

This post is inspired by the following repository:

{% github bndr/pipreqs %}
Placeholder title
Tags: gftwhackathon
Published: 2020-05-24 20:51:41

[Instructions]: # (To submit to the Grant For The Web x DEV Hackathon, please fill out all sections.)


## What I built


### Submission Category: 

[Note]: # (Foundational Technology, Creative Catalyst, or Exciting Experiments)


## Demo
 

## 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 %}`)


## How I built it 

[Note]: # (For example, what's the stack? did you run into issues or discover something new along the way? etc!)


## Additional Resources/Info 


[Reminder]: # (We hope you consider expanding your submission into a full-on application for the Grant for the Web CFP, due on June 12.)
I made a free theme 👨‍💻🍣
Tags: html, css, javascript, frontend
Published: 2020-05-25 06:31:48

---
title: I made a free theme 👨‍💻🍣
published: true
description: Lasagna free restaurant website
tags: html, css, javascript, frontend
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/emopniqykxue1gcdufr5.jpg
---

As you might know guys I am a junior frontend developer work in an agency. When I was started to learn code then I have dreamed to make some website templates from scratch on my own. And today I made this 😎 restaurant website template and you can download it from here [DOWNLOAD](https://imojo.in/2hnrreb). Guy's I request you to download this theme and give your suggestion in a comment so can make some better improvement in this theme. Thanks in Advance 💋💐

---

![Lasagna restaurant website](https://dev-to-uploads.s3.amazonaws.com/i/sgu6j59xiciufo0ituqm.jpg)

---

[![Download theme](https://dev-to-uploads.s3.amazonaws.com/i/2myivsjsjxh0nh0vl14o.png)](https://imojo.in/2hnrreb)

The lasagna restaurant theme is a one-page template for any type of restaurants, bistros, sushi bar, fast food, casual dining, fast-casual, buffet, pop-up restaurants, and much more.

Lasagna theme is a clean and modern HTML, CSS, and Javascript theme for cafe & restaurant and any food-related business website built with the core HTML, CSS, and javascript tech stacks. Lasagna theme supports responsive layout so it looks great on all devices. It has predefined styling for modern cuisine restaurants, Asian food restaurants, and elegant food restaurants which is now ready for a sushi bar restaurant 🍣🍥 but you can customize it according to your business and restaurant.

[Live Demo](https://atulprajapati.in/lasagna/) 💻

[Live Documentation](https://atulprajapati.in/lasagna/doc/) 📄

[![Download theme](https://dev-to-uploads.s3.amazonaws.com/i/2myivsjsjxh0nh0vl14o.png)](https://imojo.in/2hnrreb)

###***Features***
-Clean & commented modern codes
-100% responsive
-Free font, icons, and images
-Documentation included both online and offline
-Unique Design
-Parallax scrolling
-Single page
-Easy to customize
-Header side navigation
-Developer friendly
-[4 Second load time](https://atulprajapati.in/wp-content/uploads/2020/05/Lasagna-restaurant-theme-speed-report.pdf)
-Supporting for all Browsers
-Page loader
-24/7 support

[![Download theme](https://dev-to-uploads.s3.amazonaws.com/i/2myivsjsjxh0nh0vl14o.png)](https://imojo.in/2hnrreb)
แชร์ SSH Session ข้ามเครือข่าย
Tags: linux, ssh, tmate
Published: 2020-05-25 08:53:06

ประเดิม dev.to ด้วยเรื่องนี้ก่อนเลย

## ที่มา - ข้ามไปได้

มี Pain Point หนึ่งเมื่อต้อง Support ลูกค้าจำนวนมากๆ โดยต้อง SSH เข้าไปยัง Server ปลายทาง ที่ลูกค้าไม่อยากให้เราเข้าถึง IP ตรงๆ และรู้ Username/Password (ผมก็ไม่อยากรู้ให้เดือดร้อนในภายหลัง)

วิธีที่คิดออกไวๆ คือ Anydesk (หรือ Team Viewer) เข้าไปยังเครื่องของลูกค้า ที่ลูกค้า SSH ต่อไปยัง Server ปลายทางให้เรียบร้อย มันก็ดี แต่มีปัญหาเรื่อง Bandwidth ที่ใช้พอตัวอยู่ แถมขนาดหน้าจอก็เล็กอีกต่างหาก หาวิธีตั้งนานจนในที่สุดได้พบเจอกับ [Tmate](https://tmate.io)

ความดีงามคือ ลงง่าย ใช้ง่าย (ยิ่งใช้ Tmux มาอยู่แล้วยิ่งง่าย) ไม่กี่คำสั่ง และการ Copy URL ให้ปลายทาง ก็เป็นอันเรียบร้อย

## Tmate

[Tmate](https://tmate.io) เป็น Opensource ตัวหนึ่งพัฒนาต่อมาจาก Tmux เพื่อให้สามารถแชร์ Session ข้ามเครือข่ายได้ (HTTP, SSH) โดยอาศัย Server ตัวกลางอีกทอดหนึ่ง (ตอนนี้ยังฟรี) มีบนหลาย OS มากๆ ยกเว้น Windows วิธีการติดตั้งก็จะคล้ายกับการติดตั้ง Software ทั่วไป (มีบน repo official ของหลาย OS แล้ว) เช่น 

ใน Ubuntu
```
apt-get update && apt-get install -y tmate
```

หรือใน MacOS ก็ลงผ่าน Home Brew ได้เลย
```
brew install tmate
```

(ควรอัพเดจเป็น version 2.4 ขึ้นไปเพื่อ feature ที่มากขึ้น แต่อาจจะต้อง compile เอง)

## วิธีใช้

สั่งผ่านคำสั่ง `tmate` บน Terminal Session **ของ User ที่ต้องการ**

![CMD](https://dev-to-uploads.s3.amazonaws.com/i/mhjj04o6u8mh9ia3jo4v.png)

จะปรากฏ information สำหรับการเชื่อมต่อ มีทั้งการเชื่อมต่อแบบ Read-only และการเชื่อมต่อแบบที่ผู้เข้าร่วมสามารถพิมพ์ Command ได้ด้วย ก็ Copy information นี้ส่งให้คนที่อยากเข้าร่วมครับ เมื่อพร้อมก็กด `q` หรือ `Ctrl + c` เพื่อออกจากหน้านี้แล้วเริ่ม Session ครับ
![Connection](https://dev-to-uploads.s3.amazonaws.com/i/8w51edxgpcpyy2xdj39c.png)

Session ID จะถูก Random ใหม่ทุกครั้ง และมีการเข้าร่วม 2 รูปแบบคือแบบ SSH และแบบ HTTP 

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

หากดูข้อความไม่ทันสามารถใช้คำสั่ง `tmux show-message` เพื่อขอดู information การ connect อีกครั้งครับ

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

ข้อควรระวัง

1. การ Detach (Ctrl + b, d) แบบ tmux ทำให้ออกจาก tmate ได้แต่ Session จะไม่ตัด และจะไม่สามารถ Attach กลับมาได้ (พยายามลองแล้วไม่มี) หากไม่สามารถกลับเข้าไปได้แล้วอยากจะปิด session ก็ลอง kill จาก pid โดยใช้คำสั่ง `ps aux | grep tmate` 
2. จะหยุด Session ได้ก็ต่อเมื่อ `exit` จนหมด ทุกคนที่เชื่อมต่ออยู่ก็จะหลุดทุกคนอัตโนมัติ **แต่อย่าลืม**
Data Scientist With Python
Tags: datascience, computerscience, machinelearning, python
Published: 2020-05-26 06:43:38

##One of the best courses I have taken on my career-building Python skills to succeed as a data scientist. With no prior coding experience in Python, I learn how easily this language allows you to import, clean, manipulate, and visualize data—all integral skills for any aspiring data professional or researcher.

###<q>I would recommend all my linked connections with similar interests looking to boost their Python skills and wanting to begin their journey to becoming a confident data scientist should try out this awesome course by DataCamp.</q>

###You guys can follow me on my social media profiles for the projects I have done as a data scientist.

<b><i>Github:</i></b> [abhiwalia15](https://github.com/abhiwalia15) 

<b><i>LinkedIn:</i></b> [mrinalwalia](https://www.linkedin.com/in/mrinal-walia-b0981b158/)

<i>#python #datascience #machinelearning #deeplearning #datacamp #ai #bigdata #covid19 #computervision #artificialintelligence #Datacamp</i>

#https://www.datacamp.com/tracks/data-scientist-with-python?tap_a=5644-dce66f&tap_s=841152-474aa4
Sorted CSS Colors – Tool I created to see similar CSS colors together
Tags: codepen, css, javascript
Published: 2020-05-25 12:36:15

So, I've been working on a tool to arrange the named CSS colors in a way that I see the similar colors together. Result was more impressive than I expected!

I developed it using CodePen: [https://codepen.io/pavlovsk/pen/zYvbGKe](https://codepen.io/pavlovsk/pen/zYvbGKe)

And then, exported it to: [https://enes.in/sorted-colors](https://enes.in/sorted-colors)

It's fully keyboard accessible, too! I didn't test it myself yet but, should work in screen readers, as well.

![Screenshot](https://dev-to-uploads.s3.amazonaws.com/i/mf3oz8c479lxoijta6cx.png)
Machine Learning - Over-fitting & Under-fitting
Tags: machinelearning, datascience
Published: 2020-05-25 12:40:31

In my last post on "BIAS and VARIANCE" we heard about two words - Under-Fit and Over-Fit. In this post, I am going to tell you precise;y what is Over-fitted and Under-Fitted model.

UNDER-FITTING:

It occurs when the model is too simple, say when there is Low Variance and High Bias. When the accuracy of the model is too low than our expectation, the model we have built is said to be under-fit.

Below is the graphical representation of an under-fit model. 
(The red dots in the graph describes the data points, where major of those data points are present away from the line)

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

OVER-FITTING:

It occurs when the model is too complex, when there is Low Bias and High variance. (The machine learning model that we build, should not always be 100% accurate, which generally means Over-fitted model)

Below is the graphical representation of an Over-fit model. 
(The line is drawn as per the red dots i.e. the data points)


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

Bias and Variance both contribute to errors in a model (but ideally there should be a right fit point, where both the bias and variance deviate from their value) but it's the prediction error that you want to minimize, not the bias or variance specifically.

Below is the graphical representation of the right fit point, where the model will have a good accuracy, without being over-fit or under-fit.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/99f48botrxm0w814agb8.PNG)

Ideally we want low variance and low bias. In reality, though, there's usually a trade-off.

A suitable fit should acknowledge significant trends in the data and play down or even omit minor variations. 

This might mean re-randomizing our training, test data or using cross-validation, adding new data to better detect underlying patterns or even switching algorithms. Specifically, this might entail switching from linear regression to non-linear regression to reduce bias by increasing variance.
<header> vs. <head> vs. <h1> through <h6> Elements
Tags: html, css, javascript, beginners
Published: 2020-05-26 03:41:20

Hi i know u may find it boring but i added something interesting some things beginners like me get confused of.

It is easy to confuse the <header> element with the <head> element or the heading elements, <h1> through <h6>. They all have different semantic meanings and should be used according to their meanings. For reference…

The <header> element is a structural element that outlines the heading of a segment of a page. It falls within the <body> element.

The <head> element is not displayed on a page and is used to outline metadata, including the document title, and links to external files. It falls directly within the <html> element.

Heading elements, <h1> through <h6>, are used to designate multiple levels of text headings throughout a page.
Thanks for reading i hope you see errors so u can comment.
#webdev #dev.to #coder#javascript