teleren/devto huggingface dataset:
Still Haven't Beat the Tutorial
Tags: introduction
Published: 2021-01-21 23:38:18

Hey Everyone,
Kinguin here.

Its been a **rough** 2020 for a lot of folks. Including me. But to start anew I wanted to go ahead and introduce myself. I'm a new developer primarily focusing on UI/UX Design. I'm still having a lot of difficulty breaking into this world and any advice is appreciated.

In my personal life I love to watch and talk about anime as It's always been a hobby of mine since I was young. Everything from Gundams to Romance is fair game. I also enjoy skiing down snowy slopes and photography. If I wanted to sum up my interests in one word, it would have to be 'moments'.

There are moments in life that need to be captured, talked about, experienced and sometimes its almost impossible to replicate that. And that's why I've dedicated my professional life towards developing skills that will help me create moments of comfort in UX.

In terms of what I've worked on, it boils down primarily to passion projects and client projects.
Here is a short list of projects that I have worked on:
- Penn State AMA Style Web App. This app was intended for specific use in large lecture settings and now can be flexed towards virtual learning as well.
- Penn State Lost and Found Item Tracking App. This application was a consolidation of the original process of finding a lost item on campus.
- Urban Outfitters Item Stock Tracking Mobile App. An application that was designed for internal use to help sales employees keep track of what was in stock and what was not.
- Penn State Student Account Management Redesign. This application was a component of a large scale ID Account/Card management upgrade. 

I appreciate learning new tools to help speed up my workflow along with browsing what other design trends are on the rise. My favorite design trend has to have been minimalism.

Although I have experience with coding itself in languages like HTML/CSS and Javascript, I tend to lean away from coding and lean more towards rapid fire wireframing and prototyping in development tools like Adobe XD, Invision Studio, and Figma.

I have a lot to learn in this vast expanse of the web and to be quite honest, it's daunting. I hope to learn many of the modern tools and platforms that developers use everyday so that I can slowly but surely grow as a developer/designer. I've recently learnt all about agile methodology, version control, and how varyingly different each company runs its development process. Expenses and realities... (_yikes_)


As I improve on this journey I hope to land a spot as an entry level or associates level UX Designer. The goal of Working together with the front end team to create something amazing and to create some social impact on the lives of the people that end up using the published product.

Youtube: https://www.youtube.com/channel/UCDRkz-mU0NWAZTgN9kVc0Ag
Newest Video on Adobe XD Plugins: https://youtu.be/yLloEGkvxWg
CSS Columns Tutorial
Tags: css, webdev, tutorial
Published: 2021-01-21 23:12:40

Part 1 of the 20 CSS Tips for 2021 Series

[Subscribe To The Channel!](http://www.youtube.com/FollowAndrew?sub_confirmation=1)

{% youtube uwoX1JQcE-w %}
Watch the Video Tutorial on YouTube for a visual explanation!
Day 292 : Dusk to Dusk
Tags: hiphop, code, coding, lifelongdev
Published: 2021-01-21 23:07:18

_liner notes_:
- Professional : Had a team meeting. It was good to see everyone. Some folks gave a really interesting presentation. Other than that, basically worked on my slides for my presentation next week. Got most of it done. Just a few more slides, but it's the most important portion.

- Personal : After work, went to Publix because it was $5 sushi day and picked up a few! Then went to my space and worked on my slides. They are taking longer than expected. I'm going to be using https://myslides.page so people can interact with my slides and it takes a little longer.

![A view from the top of a mountain looking at river and another green mountain range on the other side.](https://dev-to-uploads.s3.amazonaws.com/i/efbhdagayb4a8cyzyea6.jpg)

The remaining slides are going to come from blog posts I have written so I'm hoping it won't take too long. I want to get it done and show some folks to get feedback. Once I finish that, I'll probably go through tracks for the radio show and go to sleep. It's funny, the days seem show short. It's like I'm trying to get everything done from dusk to dusk. I can't even tell what time it is anymore. haha

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube 0mJ01jMDtGY %}
Problem Solving Techniques For Software Engineer & Technical Interview Tips
Tags: career, programming, productivity, devpool
Published: 2021-01-21 22:56:12

[![Problem Solving Technique](https://dev-to-uploads.s3.amazonaws.com/i/tg3dart0w6erh6o5ta9d.png)](https://youtu.be/bNT-mxVsE7k "Problem Solving Technique")


In this video, I am using my problem-solving techniques to solve a technical question. This could also be applied during the interview process or application development. Hope this helps or gives you an idea to develop your own problem-solving techniques.

[YouTube - DevPool](youtube.com/channel/UC03vw5F2isFkbJhyEZU5bvg?sub_confirmation=1 "DevPool")
Wikimedia internship: Modifying Expectations
Tags: outreachy, internship, wikimedia
Published: 2021-01-21 22:44:16


Planning for me usually leads to the one of the two results: it either becomes a good plan for me to follow, with optimized schedule and everything, or this leads to the ultimate disaster, when *nothing* goes as planned. Of course, you should strike to the something between these two points, but it almost never happens, at least for me.

And, sure, for such a big project, as my Outreachy task, sticking to the plan in each and every aspect is not an option - it's too big, takes a lot of time and, basically, too many things can go wrong. The first thing, that could be considered as the "wrong" one (but not really) is that I'm not the only one intern chosen for this project, there's two of us - and working in a group is always different comparing to working alone.

So at the start of my internship, I decided for myself, that, yes, I have some kind of plan, *but really I do not.* I decided, that rather when having a plan, I have *a trajectory*, and I'll stick to it. There's these main milestones, that I should head to - but less strict planning is more handful to accommodate different issues. And this approach showed itself as quite a helpful one - but it doesn't mean that my expectations weren't bended by reality.

The biggest change for me was a realization, that current project and dealing with source code analysis has some of it's features that are quite different from natural texts, for example, amount of words, used in texts, and increased importance of the word order. These facts may look obvious, but understanding that is really important, as it affects your decision on which algorithms and approaches should be used. 

Another important thing I didn't realize when I started my internship is that the amount of data I have to work with is really huge. My project is connected to the functions, which are used inside different wikis, and this information is not really on the surface level; regular Wikipedia reader would probably never think of something like that. But, well, there are really *a lot* of functions, doing different stuff: from displaying correct pronunciation to showing different message boxes.

This fact lead to another unexpected result - computational speed is way more important than precision. The end user will be the one, checking whether the algorithm prediction is correct or not, and the amount of data is about *two hundred thousands* of code examples - so computational time is our worst enemy. And this is quite unusual, at least for me, as most of the papers prefer accuracy of prediction as a desired metric.

So, my vision of the project changed a lot through these weeks of research and hard work. And I'm quite sure my insight would be different by the end of the internship. But the most important is the fact, that in the end the community will get a tool, that will make everyone's life a bit easier.
To-do list App using HTML,CSS,JS
Tags: 100daysofcode, javascript, css, html
Published: 2021-01-21 21:43:59

Second day of my 100 days of code.
I created a To-do list app using HTML,CSS,JS.

The user can add a task, mark the task as checked and delete the task.
Before creating the to-do list app, create the logic and write it down.
* Step 1: Create a input text box and add the button with onclick function. 
 ```
  <h1>todo's</h1>
    <div class="to-do" id="to-do">
      <input type="text" id="content" />
      <button onclick="newElement()" class="addBtn">Add</button>
    </div>
```
* Step 2: To check the onclick function is working on button, get the input value from user using document.getElementById() and check it using console.log().
```
const inputVal = document.getElementById("content").value;
console.log(inputVal);
```
* Step 3: Once we got input from the user, we have to display it in the UI. For displaying the input value in UI, create a div with id/class and append the list to the div.
```
<div id="myList"></div>
```
In index.js ,
```
 // Creating a list
  const list = document.createElement("li");
  const text = document.createTextNode(inputVal);
  list.appendChild(text);
  const myList = document.getElementById("myList");
```
document.createTextNode creates a new TEXT node. We are creating the node for appending the child node.

So far, we can create a to-do list, to mark the task as checked and delete the task please refer to the [Github resource](https://github.com/umapreethi-dev/100-days-of-code)
What is webkit-line-clamp?
Tags: css
Published: 2021-01-21 21:13:01

The interesting thing of reviewing someone else's code is that you discover things you didn't know. That way I learned today about `webkit-line-clamp`. My first thought was to decline the vendor prefixed property, but I was really surprised to find out that it got [_standardized_ for legacy support](https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp)!

So what does it do? `webkit-line-clamp` is basically a **multi-line ellipsis**. You can specify a certain number of lines and the last one will end in an ellipsis.

```css
p {
  width: 300px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
```
Alterando o tema do NetBeans
Tags: java, tutorial, braziliandevs
Published: 2021-01-21 21:10:36

Olá pessoal, hoje vou passar uma dica rápida para quem pretender trocar o tema da IDE **NetBeans**, então vamos lá.

Com seu navegador aberto, acesse o *site* [http://netbeansthemes.com](http://netbeansthemes.com), e será exibido uma página com várias opções de temas.

![Site de tema para NetBeans](https://franciscochaves.com.br/assets/img/blog/2017/fev/pagina-tema-netbeans.png)

Vamos selecionar um tema para _donwload_, neste post irei escolher o tema **Monster v2**.

![Temas Netbeans](https://franciscochaves.com.br/assets/img/blog/2017/fev/temas-netbeans.png)

Agora clique em _Download_.

![Tema Moster v2](https://franciscochaves.com.br/assets/img/blog/2017/fev/moster-v2-tema1.png)

Após ter baixado o nosso tema, vamos instalá-lo, abra o **NetBeans** e selecione a _guia Ferramentas > Opções_.

![Guia ferramentas](https://franciscochaves.com.br/assets/img/blog/2017/fev/guiaferramentas.png)

Clique em _Importar > Procurar_.

![Importa tema](https://franciscochaves.com.br/assets/img/blog/2017/fev/importa.png)

Encontre a sua pasta onde o tema  foi baixado, selecione e *OK*.

![Importação OK](https://franciscochaves.com.br/assets/img/blog/2017/fev/importa-ok.png)

Logo após será preciso reiniciar a **IDE,** e uma nova aparência no editor da IDE estará instalada.

![IDE personalizada](https://franciscochaves.com.br/assets/img/blog/2017/fev/ide-presonalizada.png)
JavaScript alert, prompt, and confirm
Tags: tutorial, javascript, codenewbie, html
Published: 2021-01-21 21:03:22

{% youtube AVL9GibhLvs %}
---
### *alert*
The alert function accepts a single argument. It displays the result on a **modal dialog window**. 

> The word "modal" means a user can't interact with the rest of the page.

The *modal dialog window* is a small box displayed on a web page.

Syntax:
```
alert(arg);
```

```js
alert('Hello World!');
```

---
### *prompt*
The *prompt* function accepts two arguments.

Syntax:

```
prompt(arg1[, arg2]);
```

- arg1 is required.
- arg2 is optional.

On Internet Explorer, `arg2` is required.

```js
// For other browsers
const birthYear = prompt("What year were you born?");
alert(birthYear);

// For Internet Explorer
const yourName = prompt("What is your name?", "Michelle");
alert(yourName); 
```

---
### *confirm*
The *confirm* function only accepts an argument.

Syntax:
```
confirm(arg);
```

If `OK` is clicked, the result is `true` and `false` otherwise.
```js
const isDoctor = confirm("Are you a Doctor?");
alert(isDoctor); // true if OK button is clicked
```

The above example is the same as below:

```js
const isDoctor = prompt("Are you a Doctor?");
// const isDoctor = prompt("Are you a Doctor?", 'y/n'); IE

if (isDoctor === 'y') {
  alert("true");
} else if (isDoctor === 'n') {
  alert("false");
} else {
  alert("enter either y/n")
}  
```

{% codesandbox purple-rgb-vqpv2 view=editor %}

---
[![Buy me a Coffee](https://res.cloudinary.com/bizstak/image/upload/v1610317510/ko-fi-trans_fr3su4.png)](https://www.buymeacoffee.com/techstackmedia)

---
### TechStack Media | Bluehost
- Get a website with a free domain name for 1st year and a free **SSL** certificate.
- 1-click WordPress install and 24/7 support.
- Starting at $3.95/month.
-  30-Day Money-Back Guarantee.

<a href="https://www.bluehost.com/track/belloosagienoah/" target="_blank"> <img border="0" src="https://bluehost-cdn.com/media/partner/images/belloosagienoah/430x288/430x288PW.png"> </a>
Day 21 - Find the Most Competitive Subsequence
Tags: leetcode, python, challenge
Published: 2021-01-21 21:01:36

## The Problem

>Given an integer array `nums` and a positive integer `k`, return the most __competitive__ subsequence of `nums` of size `k`.

>An array's subsequence is a resulting sequence obtained by erasing some (possibly zero) elements from the array.

>We define that a subsequence `a` is more __competitive__ than a subsequence `b` (of the same length) if in the first position where `a` and `b` differ, subsequence `a` has a number __less__ than the corresponding number in `b`. For example, `[1,3,4]` is more competitive than `[1,3,5]` because the first position they differ is at the final number, and 4 is less than `5`.

 

__Example 1:__

```
Input: nums = [3,5,2,6], k = 2
Output: [2,6]
Explanation: Among the set of every possible subsequence: {[3,5], [3,2], [3,6], [5,2], [5,6], [2,6]}, [2,6] is the most competitive.
```

__Example 2:__

```
Input: nums = [2,4,3,3,5,4,9,6], k = 4
Output: [2,3,3,4]
```

__Constraints:__

* `1 <= nums.length <= 105`
* `0 <= nums[i] <= 109`
* `1 <= k <= nums.length`

## Tests

```python
import pytest
from .Day21_FindtheMostCompetitiveSubsequence import Solution

s = Solution()


@pytest.mark.parametrize(
    "nums,k,expected",
    [
        ([3, 5, 2, 6], 2, [2, 6]),
        ([2, 4, 3, 3, 5, 4, 9, 6], 4, [2, 3, 3, 4]),
    ],
)
def test_most_competitive(nums, k, expected):
    assert s.mostCompetitive(nums, k) == expected
```

## Solution

```python
class Solution:
    def mostCompetitive(self, nums: List[int], k: int) -> List[int]:
        stack = []
        n = len(nums)
        rem = k - n

        for i in range(n):
            while len(stack) > max(0, rem + i) and nums[i] < stack[-1]:
                stack.pop()
            stack.append(nums[i])

        return stack[:k]
```

## Analysis

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

## Commentary

My solution performs terribly! I am too tired today to improve it. 

I thought is was similar [to yesterday's problem](https://dev.to/ruarfff/day-20-valid-parentheses-4j0e) where all we really want is a stack to keep track of things. Here we add each number to the stack as we go. If there is a number on the stack and if the current number is less than the last number on the stack, pop the last number off the stack. That way, you always have the most competitive sequence on the stack. Then we take the last `k` numbers from the stack.

I am not sure why it performs so badly relatively to other submissions. I guess if I use a different data structure like a queue I might get better performance.
Backlogs Aren't Free
Tags: productivity
Published: 2021-01-21 18:25:34

I don't know what I would do without some sort of work list. If I couldn't jot down the occasional "I need to do X" thought for later, I'm pretty sure I wouldn't get any work done! So whether you call it a todo-list, backlog, roadmap, queue, inbox, or rug (for sweeping things under), I need one.

Backlogs address a real need but also create a new issue: They grow. This might not seem a particularly big problem. Sure, it doesn't _feel_ great to have this list of a hundred things we want to do that doubles in size every year, but does it really _hurt_ anyone? Yes it does, says Donald G. Reinertsen in his amazing book [Principles of Product Development Flow][principles-book]. He introduces yet another term for backlog, product development inventory, and claims its cost is massively underestimated.

Reinertsen identifies the following costs of product development inventory:

- Longer cycle time. Cycle time is the time between a task's conception and completion. That includes the time we spend working on a task but also the time it sits in a backlog waiting. The longer the backlog, the longer the wait.

- Increased risk. This follows from the previous point. Consider as an example the task to fix a bug in a piece of software. Waiting with a fix increases the damage the bug can do, gives the buggy code time to integrate with other code making it harder to change and fix, and gives time for context about the buggy code to seep away, increasing the cost of a fix.

- More variability. When temporarily blocked from moving forward with one task a large backlog will always provide another one to work on instead. This creates a bias to having lots of things going on at the same time, which makes it hard to bring focus to those few tasks which are a bit harder than the rest. Such tasks can drag on and result in sudden unexpected delays.

- More overhead. Backlogs require prioritizing. Prioritizing tasks requires (re)gaining context on what these tasks are about. If someone else requested work they'll appreciate the occasional status update about how that work is going. The larger the backlog, the more of this type of work we have to do.

- Lower quality. If a single step to improve a product takes more time (longer cycle time), then our feedback cycle will be longer too. Reducing the quality of feedback will hurt quality itself.

- Less motivation. This one is most intuitive to me. Seeing my todo-list shrink makes me feel good about myself. Seeing it grow not so much.

The upshot of all this: prefer shorter backlogs. Anyone in the market for a 'short backlog methodology' has their pick of gurus. Reinertsen presents a number techniques in [The Principles of Product Development Flow][principles-book]. But if you haven't chosen an approach yet, or if the approach you did pick isn't working for you, here's a backup option I quite like: throwing stuff away. Deleting tickets can be scary, but I find a long backlog scarier.

[principles-book]: http://lpd2.com/
Awesome CSS Animated Responsive Bottom Navigation - Production ready!
Tags: css, webdev, tutorial, beginners
Published: 2021-01-21 20:48:59

I found this really awesome example of a CSS button navigation at codepen!

Here is a video about it with some improvements!

{% youtube NVkCbYYDXvc %}

- Code: https://github.com/lampewebdev/bottom-bubble-navigation-responsive  
- Original CodePen: https://codepen.io/abxlfazl/pen/VwKzaEm

**👋Say Hello!** [Instagram](https://www.instagram.com/lampewebdev/) | [Twitter](https://twitter.com/lampewebdev) | [LinkedIn](https://www.linkedin.com/in/michael-lazarski-25725a87) | [Medium](https://medium.com/@lampewebdevelopment) | [Twitch](https://dev.to/twitch_live_streams/lampewebdev) | [YouTube](https://www.youtube.com/channel/UCYCe4Cnracnq91J0CgoyKAQ)
Set up browser tests in 10 seconds
Tags: javascript, testing, tutorial, node
Published: 2021-01-21 20:24:24

**Followup to [this post](https://dev.to/jperl/set-up-end-to-end-tests-in-one-minute-18ho)** 

{% youtube q4_kSEh2O7o %}

Get started [here](https://www.qawolf.com/sign-up)

{% github qawolf/qawolf %}
AzureFunBytes Episode 27 - Linux, Go, and scaling on @Azure with @as_w
Tags: azure, linux, beginners, devops
Published: 2021-01-21 20:16:48

This week on AzureFunBytes dived into [Linux](https://azure.microsoft.com/overview/linux-on-azure/?WT.mc_id=devops-13128-jagord), [Go](https://azure.microsoft.com/develop/go/?WT.mc_id=devops-13128-jagord), and [scaling them for your application](https://docs.microsoft.com//learn/modules/app-service-scale-up-scale-out/?WT.mc_id=devops-13128-jagord) with [Open Source Senior Cloud Advocate, Aaron Wislang.](https://twitter.com/as_w) Aaron reached from his deep experience in working with developer environments to help you pick the right setup for your next big project.

Aaron helps me get started with Go in the [Azure Cloud shell](https://docs.microsoft.com/azure/cloud-shell/overview?WT.mc_id=devops-13128-jagord), then takes over to give me some greater insight in how to leverage [Azure Functions](https://azure.microsoft.com/services/functions/?WT.mc_id=devops-13128-jagord) to deploy!

{% youtube 4Zp4gTKrVmc %}

AzureFunBytes! - Byte-sized content with a live Twitch show!

Learn about Azure fundamentals with me!

Live stream is available on Twitch at 2 pm EDT Thursday. You can also find the recordings there as well.

https://twitch.tv/azurefunbytes
https://twitter.com/azurefunbytes
https://aka.ms/jaygordononyoutube

Join me, ask questions, and learn about Azure!

Useful Docs:

[Microsoft Learn: Azure Fundamentals](https://cda.ms/1jV) 
[Microsoft Azure: $200 Free Credit](https://cda.ms/1tj) 
Microsoft Learn: [Scale an App Service web app to efficiently meet demand with App Service scale up and scale out](https://docs.microsoft.com/learn/modules/app-service-scale-up-scale-out/?WT.mc_id=devops-13128-jagord) 
[Azure SDK for Go documentation](https://docs.microsoft.com/azure/developer/go/?WT.mc_id=devops-13128-jagord) 
[Quickstart: Upload, download, and list blobs using Go ](https://docs.microsoft.com/azure/storage/blobs/storage-quickstart-blobs-go?tabs=linux&WT.mc_id=devops-13128-jagord) 
[Go in Visual Studio Code](https://code.visualstudio.com/docs/languages/go?WT.mc_id=devops-13128-jagord)
[Go resources](https://aaronmsft.com/posts/go/) 
[Aaron Wislang on GitHub](https://github.com/asw101) 
[MS Linux on Azure Infographic](https://azure.microsoft.com/mediahandler/files/resourcefiles/linux-on-azure-infographic/MS_Linux%20on%20Azure%20Infographic_Desktop_v8B%20PDF.pdf?WT.mc_id=devops-13128-jagord)