teleren/devto huggingface dataset:
Your "GitHub Resume" is ready! Just a click away to get it in your hands.
Published: 2022-09-30 17:12:45

Your **"GitHub Resume"** is ready! Just a click away to get it in your hands.
MOG link: https://meongh.com

With the **MOG** **(Me on GitHub,)** you can look over your GitHub profile, generate a resume and share it with anybody you want.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0w7jsgi6bawfi9p8j4ns.png)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/huum71jvl4m23vukx9ft.png)

It shows your public repositories and their information like stars, forks, topics, and the language you have used in that repository.
It detects your popular repositories based on the count of stars and forks and shows up in a section.

And, all of this you can export as a PDF file like a resume!

Stacks I have used on it: Next.js, Tailwind CSS, GitHub API

I planned to make it open source so that you guys can contribute and make it even better. As this is the very first ship, there are lots of things that need to fix. I will make it public and add the repo link to this post once I fix urgent issues.

Here, I would like to mention the repository which I took as inspiration.
https://github.com/resume/resume.github.com
#010 Jira unformatted / formatted paste - How to paste plain text in Jira tickets | Jira messages - CTRL+SHIFT+V
Tags: jira, copy, paste
Published: 2022-09-30 17:05:29

Hi guys, 

When we copy the selected text and paste (CTRL+V) the content into Jira task/bug/story or messages, we will get the formatted text by default.

This is a very common case that annoys many people, especially people who are at the beginning of their career.

## The solution is simple: 

> 
Copy the selected text and paste it using CTRL+SHIFT+V 

Use formatted paste with CTRL+V only if you need to paste images and formatted text from the your source (Web pages, pdf-s ...)
6 Youtube HTML and CSS courses for beginners - csaba_kissi
Tags: writing, beginners
Published: 2022-09-30 16:48:08

####   Original Tweet from [@csaba_kissi](https://twitter.com/csaba_kissi)
{% embed https://twitter.com/csaba_kissi/status/1575832812887973888 %}


### 1. HTML Tutorial for Beginners: HTML Crash Course

Learn HTML using this beginner's HTML tutorial to pursue a career in web development. 

You will learn all you require to get started in this HTML lesson.

⏰ Length: 1:09:33

https://t.co/efES4AyswI 

### 2. Learn HTML – Full Tutorial for Beginners (2022)

Over 4 hours of HTML!

This comprehensive introductory lesson will teach you the fundamentals of web programming. 

HTML5 is taught in this course.

⏰ Length: 4:07:29

https://t.co/gN3jayuOv9 

### 3. HTML Crash Course For Absolute Beginners

Brad [@traversymedia](https://twitter.com/traversymedia) is a well-known person here on tech Twitter.

This course is for total novices. 

You are in the proper place if you want to learn HTML but have no prior experience. 

⏰ Length: 1:00:41

https://t.co/bl5BQ9p69L 

@traversymedia 

### 4. HTML Tutorial: Full Course Beginners

HTML full course tutorial for beginners.

This course covers everything, including iframes and forms.

⏰ Length: 1:00:00

https://t.co/FEjiNTkQK2 

@traversymedia 

### 5. CSS Crash Course For Absolute Beginners

In this course from Brad, you will be looking at styles, selectors, declarations, etc. 

We will build a CSS cheat sheet (keep as a resource) and create a basic website layout.

⏰ Length: 1:25:10

https://t.co/3Vt4dC5L7o 

@traversymedia 

### 6. Learn CSS in 20 Minutes

Everything you need to know to start using CSS right away. 

As we walk through a complete example of CSS being used to design an HTML page, we'll go over CSS syntax, how to add CSS to your HTML, and more.

⏰ Length: 0:23:43

https://t.co/5OyPd0XJhC 

@traversymedia 

### 7. CSS Tutorial - Zero to Hero (Complete Course)

This comprehensive course for beginners teaches CSS. 

It covers CSS from the ground up. You will learn everything from basic skills
to advanced skills, like custom animations.

⏰ Length: 6:18:37

https://t.co/r4wjo9OS0q 

@traversymedia 8. CSS Position Tutorial | Learn CSS For Beginners

In this short course from [@deved](https://twitter.com/deved) Learn how to position elements in CSS.

Position static, relative, absolute, fixed, and sticky. 

⏰ Length: 0:10:12

https://t.co/skjT9izZlP 

@traversymedia @deved If you like this post, you can bookmark and tag it by replying with [@SaveToBookmarks](https://twitter.com/SaveToBookmarks)

You can view your bookmarks on [savetobookmarks.com](savetobookmarks.com)

@traversymedia @deved @SaveToBookmarks That's all, guys.

If you found this list useful, consider:

✅ Follow [@csaba_kissi](https://twitter.com/csaba_kissi) for more content like this
🔔 Enable notifications 👀
🔄 Retweeting the first tweet.

Thanks for your support, guys! 🙏🤝 

#### Click [Here](https://www.knowledge-twitter.com/?utm_source=dev.to)  For More Posts Like This [https://www.knowledge-twitter.com](https://www.knowledge-twitter.com/?utm_source=dev.to)
Samsung's contribution to innovation is much higher that any other brand, including Apple
Tags: innovation, apple, samsung, phones
Published: 2022-09-30 16:44:12

Yes - their devices sell slower than iPhones, but their tech contribution is much higher.

Just to mention a few:

- Amoled displays, screens that are best in class
- Wireless charging (standard since Galaxy S5)
- Curved displays
- The S Pen, yes, they were first
- Variable aperture camera
- Biometric Authentication - do you remember the fingerprint scanner on the back of the Samsung devices that could tell your heart rate?
- Oh, and the foldable screens

There are successful companies and there are impactful.

Samsung is impactful.


![Samsung Galaxy S9 Variable Aperture Mobile Camera](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vo9ru315czfuw690fx1p.jpg)
Next.js in 51 minutes — learn all the basics
Tags: javascript, nextjs, codenewbie, webdev
Published: 2022-09-30 16:15:45

{% embed https://www.youtube.com/watch?v=8BRnmdtwiEY %}

Hello guys,

Today, I propose you to learn the basics of Next.js.

Take a quick look at the video and tell me in the comments if you would like to have a full course on Next.js.

Best,

Guillaume
Build your own Incident Management Tool using Go and Slack
Published: 2022-09-30 16:03:13

In this video, Bil walks through how we can easily build and deploy our own fully fledged backend for creating & managing incidents like PagerDuty, Incident.io, Better Uptime, xMatters, Alertops, Opsgenie, or Splunk.

Within 1 hour, you will be able to have an app written in Go programming language with the Encore framework that will be able to: create users, assign schedules to them, accept incoming incidents, auto-assign incidents, and remind us on Slack every 10 minutes about unacknowledged incidents.

Don't forget to like and subscribe!

This video is also available as a tutorial and an example app:
- <https://encore.dev/docs/tutorials/incident-management-tool>
- <https://github.com/encoredev/example-app-oncall>

Check out Go, Encore and our Go cheatsheet too:
- <https://golang.org>
- <https://encore.dev>
- <https://encore.dev/guide/go.mod>
6 Trending Topics Every Embedded IoT Learner Must Know in 2022
Tags: opensource, microservices, embedded, luos
Published: 2022-09-30 15:49:01

Omar Hiari give 6 trending topics every embedded IoT learner must know in 2022, Luos is part of them 🎉

⏩ https://apollolabsblog.hashnode.dev/6-trending-topics-every-embedded-iot-learner-must-know-in-2022

Thank you @apollolabsbin 🙂
Wanna find and monitor all the render blocking resources in a page
Tags: webdev, javascript, react, html
Published: 2022-09-30 15:41:53

Chrome 107 (currently in beta) comes with a new `renderBlockingStatus` field on ResourceTiming entries. 👏

Wanna find and monitor all the render blocking resources in a page? Here you go!


![render blocking resources](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ut879nw6u3apapnv43k5.jpeg)
Six git commands that you probably haven’t used before - trywilco
Tags: git, webdev
Published: 2022-09-30 15:40:40

####   Original Tweet from [@trywilco](https://twitter.com/trywilco)
{% embed https://twitter.com/trywilco/status/1575855023908880384 %}

Developer Tip of the Week

Here are six git commands that you probably haven’t used before 😉 

Let us know in the comment section if you've used any of them before 

🧵 below 👇

`git switch`

This command allows you to switch your current HEAD branch. When you make commits to a branch you didn't want to, you can use git switch to move your current changes and commits to a new branch. 

Read more: https://t.co/9sNRjngeSd 

`git revert`

This command allows you to safely undo an existing commit and then append new commits with the opposite effect without deleting any data.

Read more: https://t.co/FqkhrCuApY 

`git reflog`

Reflog means reference logs, this is a special command that lets you go back to commits even though they are not referenced by any branch or tag.

Read more here: https://t.co/odrmQqHuAW 

`git bisect`

This command can be referred to as a debugger because it allows you to use binary search to search for commits that introduced a bug to your project history.

Read more here: https://t.co/Vrw4Ggy81J 

`git cherry-pick`

As the name suggests, this command allows you to pick out the new changes in a commit or several commits and then create new individual commits for those changes. 

Read more here: https://t.co/IcNNmloJ9a 

#### Click [Here](https://www.knowledge-twitter.com/)  For More Posts Like This [https://www.knowledge-twitter.com](https://www.knowledge-twitter.com/)
Make Facebook Irrelevant in One Click
Tags: productivity, product, startup, showdev
Published: 2022-09-30 15:32:22

## Getting Your Friends Out of Facebook

Our team is building [Clay](https://clay.earth/partners/dev), a beautiful new contacts app designed from the ground up to make you a better friend, colleague, coworker, etc. 

We want to be the single home of everyone you know, so we've built integrations with iMessage, Apple Contacts, LinkedIn, Gmail, Outlook, and Twitter. 

But as we continued product research, we realized that one source of relationships was missing: Facebook. 

We also discovered that many people would like to delete Facebook, but there's not a way to easily backup their Facebook friends or their birthdays. 

So, we set out to build an easy, one click import of Facebook friends and birthdays into Clay, allowing you to delete Facebook.  

We're proud to say we've done it! Not only do we import Facebook friends and birthdays, but we also enrich the profiles of those friends with data from across the web. 

We'd love for you to [try it](https://clay.earth/partners/dev)!
5+1 Basic GIT Commands you Need for Hacktoberfest 2022
Tags: hacktoberfest, git, beginners, tutorial
Published: 2022-09-30 15:14:50

**Hacktoberfest** is starting tomorrow!! Are you ready??

In case you're quite new to git, I will try to explain in a simple way how to use the basic commands you absolutely need to contribute to Open Source.

_Disclaimer: this tutorial is meant for beginners. I will oversimplify a little bit to make sure the concepts can be easily understood by someone who might have never used git or has little experience._

The commands are:

1. **clone** -> Copy a remote repository in your computer.
2. **checkout** -> Create a new branch.
3. **add** -> Put your local changes in the stage area.
  - **status** -> Not mandatory, just to see the current state is all as expected.
4. **commit** -> Take a snapshot of the stage area (the file you just added).
5. **push** -> Upload your commit(s) to the remote repository.

Technically, you could do all these steps even without commands in terminal but with a GUI (Graphical User Interface) such as GitHub Desktop or Sourcetree, however since git is such a widespread and useful tool you're gonna use everyday, you must know at least the basics.

---

If you want to see how these commands can be used in a real case, you can watch this video I just uploaded on my [YouTube Channel](https://www.youtube.com/channel/UC-KqnO3ez7vF-kyIQ_22rdA?sub_confirmation=1) where i talk about Open Source and Web Development!

[![Youtube Video](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lbt5nrhycb5wxu32wfkh.png)](https://youtu.be/hTeHtkpTvqI)

---

Thanks for reading this post, I hope you found it interesting!

Feel free to follow me to get notified when new articles are out ;)
{% embed https://dev.to/balastrong %}

Do you like my content? You might consider subscribing to my YouTube channel!
You can find it here:
[![YouTube](https://img.shields.io/badge/YouTube:%20Dev%20Leonardo-FF0000?style=for-the-badge&logo=youtube&logoColor=white)](https://www.youtube.com/channel/UC-KqnO3ez7vF-kyIQ_22rdA?sub_confirmation=1)
Yew can do it!
Tags: rust, yew, webassembly, webdev
Published: 2022-09-30 15:09:21

So I've only been exploring Rust seriously for the past couple of weeks, but I already see some pretty amazing things happening. I've started learning about how it works server-side with Actix Web and how it can run game scripts with Godot or even whole new Rust engines like Bevy (though those are still in beta for the most part).

What I've been the most excited about, however, is the possibility of using Rust for web development. Javascript has, to put it mildly, invoked a lot of ire in the web development community over the years. Its dynamic type system is notorious for creating runtime errors that the compiler doesn't have the necessary information to catch prior to a deployment. These errors are one of the major reasons that large-scale Javascript teams often have to spend almost as much time, energy, and manpower on testing as they do on the development itself.

Rust, on the other hand, has a beautiful set of features collectively known in The Rust Book as Ownership and Lifetimes. These concepts work together to form Rust's highly specific rules surrounding memory management of variables. These rules, without diving too deep into the ampersands and double colons, serve to ensure that if any variables are accessed at a time when they may not contain the expected value, the compiler will be aware of the fact and request a confirmation in the form of some identifier for the unsafe behavior or suggest an alternate approach to retrieving the value, all before the code ever actually runs incorrectly!

And now, we may finally be to the point where we can get these guarantees for web development! While Yew is still in beta and as such isn't stable enough for production builds yet, it appears to be an extremely smooth workflow. Build times are extremely reasonable. The directory sizes are entirely manageable. The only slight performance issue seems to be the time required to build the initial page content from the web assembly and Javascript, but once it is built, everything operates at excellent speeds as one would expect from memory-safe Rust code. 

Below are links to a hosted demo of a calculator I built with Yew and a Github repo for it. While it is unfortunately not production ready, my hope is to generate more interest in Yew's development and external support so that it has an easier time getting off the ground. It will be a great relief to leave web development in Javascript behind, but until then, thanks Web Assembly!

[Rust Calculator Built With Yew](https://rust.thecodekitchen.xyz/)
[Github Repo](https://github.com/andythedishwasher/yew_calculator)
Sticky Table Header with Horizontal Scroll
Tags: javascript, webdev, css, html
Published: 2022-09-30 07:19:05

The sticky behaviours bring a lot of UX improvements to the end user. It can stick and show you content that are supposed to go out of the current container to make better UX.

**Example:**
I have added some sticky properties to a content displaying a table's name and record count which is above the table. In this way the user can always see the table information when he is scrolling past the header in this multiple table view.

_Initial View_
![Initial view of the tables](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xcotjtc1cujrhbo2zmmk.png)

_After scrolling a bit further down_
![Scrolled view of the tables](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nq3qao6qsjfjtaq2rhj1.png)

Since the sticky properties does not work when overflow attributes are present, I have a small issue pending since I started this development.

**I need to stick the table header to the top along with the current table information as I have mentioned.**

**Also I need to add a horizontal scroll to the table body when the viewport width is not enough to cover the content.** 

This behaviour is present in Monday.com.

![Monday.com sticky headers](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/26eal7u20dhr4y03h4hw.png)

The issue is that the overflow styles that I need to add to the table breaks the sticky position of the header.

My concern is as follows.

1. Is this achievable using normal CSS styles?
2. If so how to implement without breaking the table's normal behaviours.

- Let me know of any examples, Codepens related to this. I have tried multiple examples so I'll let you know if it works.

Thanks in advance.
What was your win this week?
Tags: discuss, weeklyretro
Published: 2022-09-30 15:05:31

---
title: What was your win this week?
published: true
description: Got to all your meetings on time? Started a new project? Fixed a tricky bug?
tags: discuss, weeklyretro
cover_image: https://cl.ly/188e843c2985/download/Image%202019-02-15%20at%202.36.37%20PM.png
---

Hey y'all! 👋

Hope everybody is having a fantastic Friday and that you all have wonderful weekends!

Looking back on this past week, what was something you were proud of accomplishing?

All wins count — big or small 🎉

Examples of 'wins' include:

- Starting a new project
- Fixing a tricky bug
- Taking the dog on a long walk 🐶

---

Take it easy!

![Young Simba, Timon, and Pumbaa all leaning into each and singing "Hakuna Matata" — a clip from Disney's Lion King](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pzad2pjqoylv2hl2vx3b.gif)
Team Structure for MVP
Tags: startup, management, leadership, tutorial
Published: 2022-09-30 14:59:49

In structuring a team for MVP, we should consider the following: there is a massive number of uncertainties. We have to work with assumptions and bets.

![Strategyzer](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lgrwufmk18egtdz11qsj.png)

The goal for the business is to find a good enough solution for a reasonable budget: _ROI_. It's vital to have the fastest feedback loop to prevent dramatic waste.

## Here is how I see the team structure:

- [Project Manager / Owner](#pm)
- [Designer](#designer)
- [Developers: 2 Fullstack and 1 Frontend](#developers)

## Product Manager / Owner<a name="pm"></a>

They define the product's vision, so the rest of the team will follow. 

One of their functions is to communicate with all the product stakeholders (sponsors, developers, designers, customers).

They relay the vision and goals of the product to the team, so everyone follows the direction.

Helps with verifications and controlling the quality.

## UI/UX Designer<a name="designer"></a>

The designers are responsible for designing the interactions between users and the product.

They conduct experiments and do research. They interview users, potential users, and stakeholders.

They create user interfaces that work great and are also pleasing to look at.

## Developers<a name="developers"></a>

The developers write the code that delivers new behaviors.

They decompose big requests into small atomic chunks.

Make architectural decisions.

They aim to make the product error-free. Onboard _Continuous Delivery_ by using automations, tests and code review.

They monitor performance because speed is a feature of every application.

---

**Paul Keen** is an Open Source Contributor and a Chief Technology Officer at [JetThoughts](https://www.jetthoughts.com). Follow him on [LinkedIn](https://www.linkedin.com/in/paul-keen/) or [GitHub](https://github.com/pftg).

> If you enjoyed this story, we recommend reading our latest tech stories and trending [tech stories](https://jtway.co/trending).

---

<sup>Infographic from https://www.strategyzer.com/blog/posts/2015/4/23/5-lean-startup-essentials-to-reduce-risk-and-uncertainty</sup>
<sup>Cover Photo by <a href="https://unsplash.com/@austindistel?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Austin Distel</a> on <a href="https://unsplash.com/s/photos/manager-developers?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a></sup>
My pycharm setup
Tags: python, beginners, ide
Published: 2022-09-30 14:34:21

# Debugger
- Check Drop into debugger on failed tests
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3ng1we19xjpbq26l8nr5.jpg)

Then you can use debugger:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tkdlla4394e1kw76c6qn.jpg)

- Use left panel to go up and down the stack of your functions
- Click Console to type and debug as if you were inside your functions
# Console startup
- Settings -> Console, uncheck `Show console variables by default`
- Settings -> Console-> Python Console:
   - in Starting script, add your database connection:

```
import sys

print('Python %s on %s' % (sys.version, sys.platform))

sys.path.extend([WORKING_DIR_AND_PYTHON_PATHS])
from can_dj import *
import logging
logging.getLogger("datajoint").setLevel(logging.ERROR)
```

# Disable reader mode
in Editor-> Reader Mode, uncheck `Enable reader mode`
Add a button to show & hide the Kintone App's header
Tags: javascript, kintone
Published: 2022-09-30 14:30:01

Here is a script to add a `Hide Header` button in the space element below the header. The button is a toggle to show and hide the Kintone App's header.

### Demo

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rlnjlg2g9klcshs1rr22.gif)

### Code
```javascript
// Add a button to show & hide the Kintone header
// If this code breaks, verify if `gaia-argoui-app-index-toolbar` is still the correct class name for the header
(function () {
  'use strict';
  // Run a function when the record list page appears
  kintone.events.on('app.record.index.show', function (event) {
    // Prevent duplication of the button
    if (document.getElementById('toggle_button') != null) {
      return;
    }
    // Set a button
    const toggleButton = document.createElement('button');
    toggleButton.id = 'toggle_button';
    toggleButton.innerHTML = 'Hide Header';
    toggleButton.style.margin = '10px';
    toggleButton.style.padding = '10px 10px';
    toggleButton.style.ariaLabel = 'Header Display Toggle';
    toggleButton.style.height = '48px';
    toggleButton.style.border = '1px solid #e3e7e8';
    toggleButton.style.backgroundColor = '#f7f9fa';

    // Button onclick function
    toggleButton.onclick = function () {
      headerToggle();
    };

    // Retrieve the header menu space element and set the button there
    kintone.app.getHeaderSpaceElement().appendChild(toggleButton);
    // const record = event.record;
    function headerToggle() {
      let header = document.getElementsByClassName('gaia-argoui-app-index-toolbar')[0];
      if (header.style.display === "none") {
        header.style.display = "block";
        console.log('Showing the header');
        toggleButton.innerHTML = 'Hide Header';
      } else {
        header.style.display = "none";
        console.log('Hiding the header');
        toggleButton.innerHTML = 'Show Header';
      }
    }
  });

})();
```

### Debugging
If this code breaks, verify if `gaia-argoui-app-index-toolbar` is still the correct class name for the Kintone App's header.