teleren/devto huggingface dataset:
It's Official: I'm a Software Engineer!
Tags: devjournal, codenewbie, career, webdev
Published: 2020-12-21 14:20:21

_This post was originally published on December 15, 2020 on [my blog] (https://alexlsalt.github.io/blog)._

I'm over-the-moon excited to announce that I've officially landed my first role as a Software Engineer!

I'm proud to say this has happened almost exactly one year from the day I left my last job in customer support with Scott's Cheap Flights!

When I left, I had the lofty goal of teaching myself to code and learning enough to be able to make a career switch to software engineering, and *I actually did it!!!!*

I'm so incredibly grateful to everyone who has been a part of my journey - from friends and family who've stayed updated on my progress, to peers and mentors I've met and leaned on for support over the past year.

Ahhh! It doesn't feel real! I'm so, so ready to hit the ground running and to get started on this wild, crazy, wonderful ride chapter of my new career!

To new beginnings and to dreams that ultimately become reality!

-------

P.S. I'm launching a new course - *Crafting Your Come-Up* - for early-career developers to set themselves apart along their coding journey! 

[Sign up here for updates!](https://www.ladiescodecollective.com/cohorts)

![Craft Your Come-Up course announcement](https://dev-to-uploads.s3.amazonaws.com/i/dcfucbhptmsgymqtg6nx.png)
100 Days Of Study in Timelapse 📚| Motivational | 🎼Music to study [2020]
Tags: motivation, inspiration, 100daysofcode, youtube
Published: 2020-12-21 14:19:14

⬇️OPEN ME:
This video includes 100Days Of Study in a timelapse!
Every day I was recording a little bit of myself, no matter the place, the people around me or the things I wanted to do.
My focus was on developing myself and my skills.

- I want this video to be a guide for people that get easily distracted by social media, their laptops, external noises, etc. 
- I want you to listen to the music and just start reading/coding or doing the job you have to do.
- I want you every time you're getting distracted to watch the video, notice that if I can do it, if I can study, then you can also do it!

😉Concentrate! Study/Code/Work!
Listen to the music and take small breaks :) 

🧸️Some of my favorite days :)
DAY: 43 airplane,  45 Cape Town, 52 Poland, 53 coffee shop in Poland, 87 San Francisco

🧸️Some of my favorite music
DAY:  34-35, 54, 99

**************************************

👋Hello, I'm Eleftheria, an app developer, master student, freelancer, public speaker, and chocolate lover.

🥰If you liked this video please share

🍩Would you care about buying me a coffee? You can do it here: [paypal.me/eleftheriabatsou](paypal.me/eleftheriabatsou) but If you can't that's ok too!


**************************************

🙏It would be nice to subscribe to my [Youtube](https://www.youtube.com/c/EleftheriaBatsou) channel. It’s free and it helps to create more content.

🌈[Youtube](https://www.youtube.com/c/EleftheriaBatsou) | [Codepen](https://codepen.io/EleftheriaBatsou) | [GitHub](https://github.com/EleftheriaBatsou) | [Twitter](https://twitter.com/BatsouElef) | [Site](http://eleftheriabatsou.com/) | [Instagram](https://www.instagram.com/elef_in_tech)
Aplicativos Mod X Segurança dos Dados
Tags: apps, modapps, applications, aplicativos
Published: 2020-12-21 14:16:29

É inegável que os aplicativos de chat, ferramentas, jogos, aplicativos de música, streaming e tantos outros são de suma importância nos dias atuais. Sua utilização é massiva pelas pessoas, contudo, será que essas pessoas estão cientes sobre a segurança de alguns desses aplicativos?

Alguns tipos de apps requisitam informações de uso do usuário e nem sempre revelam tudo que captam dessa utilização.

Aplicativos de chat famosos como GBWhatsApp e WhatsApp Plus são dois dos exemplos de aplicativos mais procurados atualmente.

Há times de desenvolvedores focados em determinadas modificações e constantes atualizações das versões, visto que as empresas detentoras dos aplicativos oficiais não apoiam tal ação, contudo nunca houve vazamento de informações através desses dois exemplos de aplicativos de chat, mas fica a questão, deve-se confiar em todas as versões mod disponíveis?

No que tange a segurança da informação: não.

Se você já decidiu fazer uso de aplicativos mod, pelo menos utilize a versão de algum time mais engajado na causa, como o caso da HeyMods e AlexMods, dois dos times confiáveis e que suas versões disponibilizadas do aplicativo whatsapp nunca apresentaram problemas.

Você encontra essas versões em sites oficiais dos desenvolvedores entre outros de Apps e Tecnologia.

Fonte: https://clubedowifi.com.br/

Exemplo de Aplicativo Citado: https://19216801.club/baixar-whatsapp-gb/
4 Ways to run amplify project from existing Git repo.
Tags: aws, github, javascript
Published: 2020-12-21 14:15:49

Aws-amplify is great to develop and air an application in minutes. However, we end up messing with our application's configuration in a way it doesn't let us push in the cloud. Either we can try fixing the existing app or we could clone it fresh and run it again.

#Option1 : amplify remove "service"#
where service could be anything like auth, storage, etc. It will reinstate the backend without that service.

#Option 2: amplify pull#
This command will pull the last updated "not messed up" stack of resources in your local :D. But beware! local code might not find the resources which got purged during the amplify pull.

#Option 3 : Clone Git your repo#
If there is no way out, you might need to clone the repo, when you'll try to run it there might be an error thrown ```"aws-export error"``` Now, Make a file name aws-exports.js in src dir and copy the existing aws-exports.js from your old running project. Also, remove "// WARNING: DO NOT EDIT. This file is automatically generated by AWS Amplify."
it must be running !!! :D
![Alt Text](https://media2.giphy.com/media/l3V0dy1zzyjbYTQQM/giphy.gif?cid=ecf05e47qsqavxdqsxbxfx9ztbufsnvad256mzgj5p97a3b7&rid=giphy.gif)

#Option 4 : Clone Git someone else's repo#
Here you might not be having the aws-exports.js to copy from, Use following command, it will direct you to the sequential steps to create an IAM user and more.
```amplify init --app https://github.com/..repo..```

There are a few points we may use as best practices while developing with aws-amplify like the following

_* Always use amplify push when a new resource is created._
_* Set up the  GitHub CI/CD as soon as the project Skelton is_ _set up as if it breaks, it is easier to trace the last messed up commit and rollback._
_* Check Package.json often that also messes the build of amplify._
Customizing menu shortcuts in Compose for Desktop
Tags: kotlin
Published: 2020-12-21 14:15:15

It is very easy to setup a `MenuBar` in Compose for Desktop. But as you will see shortly, some `MenuItem`s may need help from old classes. Take a look at the following code snippet. This function configures a menubar with one (if running on macOS) or two `Menu`s.

```kotlin
private fun configureMenuBar() {
  val menuBar = MenuBar()
  if (!System.getProperty("os.name", "").contains("mac os x", true)) {
    menuBar.add(Menu("File", MenuItem(
        name = "Quit",
        onClick = {
          AppManager.exit()
        },
        shortcut = KeyStroke(Key.F4)
    )))
  }
  menuBar.add(Menu("Appearance", MenuItem(
      name = "Toggle Colors",
      onClick = {
        isInDarkMode = !isInDarkMode
      },
      shortcut = KeyStroke(Key.T)
  )))
  AppManager.setMenu(menuBar)
}
```

On macOS the app gets a *Quit* menu item for free. On other platforms, we need to provide it on our own. 

![A menu](https://dev-to-uploads.s3.amazonaws.com/i/hujh82fynj8i1l5il18l.png)

Have you noticed the shortcut? It's *Ctrl+F4*, which is not quite correct as on Windows applications are closed using *Alt+F4*. That happens because I wrote `shortcut = KeyStroke(Key.F4)`. The source code for `KeyStroke()` (the file *MenuItem.kt* belongs to package `androidx.compose.ui.window`) currently looks like this:

```kotlin
fun KeyStroke(key: Key): KeyStroke {
    return KeyStroke.getKeyStroke(
        key.keyCode,
        Toolkit.getDefaultToolkit().getMenuShortcutKeyMaskEx()
    )
}
```

The implementation of `getMenuShortcutKeyMaskEx()` in *Toolkit.java* is as follows:

```java
public int getMenuShortcutKeyMaskEx() throws HeadlessException {
  GraphicsEnvironment.checkHeadless();
  return InputEvent.CTRL_DOWN_MASK;
}
```

So, how to get *Alt* instead? We just need to invoke `KeyStroke.getKeyStroke()` on our own:

```kotlin
shortcut = KeyStroke.getKeyStroke(
               KeyEvent.VK_F4, ActionEvent.ALT_MASK)
```

![Menu item with Alt+F4](https://dev-to-uploads.s3.amazonaws.com/i/gbmorqhcgg7ver7nzhtq.png)

As most menu item shortcuts should correspond to *Ctrl* using `KeyStroke()` is fine most of the time. But if you need another modifier key, you now know how to get it.
Ready-made templates with the connected data?🔥 Leave your vote | UI Bakery
Tags: webdev, discuss, ux, technology
Published: 2020-12-21 14:05:18

Hello there!🦄
As you know, the UI Bakery low-code tool offers you a lot of free ready-made templates and provides you with the ability to connect your data & APIs to a web app.
We'd like to decrease the time you spend on data connection when building a web app.

So here's the question: what if we connect the data to our templates on our own, will you use such templates? 🧐

[Leave you vote here](https://twitter.com/UiBakery/status/1341002613718970369)
Frontend Development Guide 2021 
Tags: webdev, typescript, react, ux
Published: 2020-12-21 14:02:46

Video Link : https://youtu.be/a1AoETuXtys

In this video, we will talk about technologies you can master to be a good frontend developer.
We will talk about : 
HTML
CSS
JS
TS
Bootstrap
React
Angular
Vue
NextJs
Gatsby 
GIT
Figma 
AdobeXD
Project 1, Week 4, Day 1
Published: 2020-12-21 13:59:00

I'll be honest, today was one of those days where you don't want to talk to anyone or do anything. 

Had a look into piping server, don't know how I can make it work, or if I should even look into it. Don't want to make that decision today. 

Since it's open source maybe I should just try and understand how it works and recreate it. It's gonna drag the project along a longer way but I'm in no hurry. :)
Generate Lambda Layer Artifacts w/Docker
Tags: docker, serverless, python
Published: 2020-12-21 13:55:01

This post (and accompanying code) was inspired by [this](https://towardsdatascience.com/how-to-install-python-packages-for-aws-lambda-layer-74e193c76a91) tutorial and a need to easily generate lambda layer artifacts for a grad course I teach at Baruch University.

**[Github](https://github.com/mottaquikarim/pkglambdalayer)**

**TL;DR**: Generate a lambda layer artifact for python using this:

```bash
➜  cat >> requirements.txt
requests==2.24.0
➜  docker run -v $PWD:/data mottaquikarim/pkglambdalayer:latest
```

On completion, expect the following:
```bash
➜  ls -ahl
total 1792
drwxr-xr-x   5 tkarim  staff   160B Dec 21 08:36 .
drwxr-xr-x  23 tkarim  staff   736B Dec 21 08:31 ..
drwxr-xr-x  13 tkarim  staff   416B Dec 21 08:36 pkg
-rw-r--r--   1 tkarim  staff   879K Dec 21 08:36 pkg.zip
-rw-r--r--   1 tkarim  staff    17B Dec 21 08:36 requirements.txt
```

**pkg.zip** can be uploaded into your own Lambda Layer using the AWS Console 👍👍

## **The Backstory**

I teach a course at Baruch University where I introduce folks to various AWS technologies in the context of "Big Data" processing.

So of course, Lambdas are a topic I cover. In order to keep the course load from being _too_ technical, I try to lean hard on AWS console whenever possible vs going too deeply into the infra-as-code  approach.

As such, most of our explorations in Lambda-land are done through the AWS Lambda UI.

## **The Problem**

> You can't _actually_ load in dependencies into the AWS Lambda UI!

While I totally understand perhaps _why_ this is so, it definitely throws a bit of a curveball in my class as I want folks to write useful lambda funcs but without having to delve too deeply into the packaging process.

## **Lambda Layers and Docker**

I found Lambda Layers to be an acceptable compromise - last semester I just generated a single artifact similar to above which I shared via Google Drive and had folks go through the motions of uploading and leveraging the dependencies. 

This process seemed to be a good candidate for automation so as a first step, I packaged it into a docker image. Folks in my class have basic working knowledge of pulling / running docker images so next semester I hope to leverage this without having to pre-gen a single build artifact on my own.

Plus, this will empower folks in class to perhaps do more with lambda if it is easier to create various combinations of dependencies in thier layers.

I figured maybe this would be interesting/useful to others so I wrapped into a [Github repo](https://github.com/mottaquikarim/pkglambdalayer) and am publishing/sharing.
Getting The Build ID using Azure Devops and React
Tags: azure, react
Published: 2020-12-21 13:52:34

So in todays Article, I will show you guys how to get the Build ID from Azure Devops using React. 

Some pre-requisites: 
 - [Replace Tokens](https://marketplace.visualstudio.com/items?itemName=qetza.replacetokens) 


Firstly, I will assume you already have an azure pipeline to build a React project. After adding in the Replace Token into your pipeline, you can create a .ts file. I named mine environment.prod.ts in my React Project. In the .ts file I wrote the following: 
```
export const environment = {
    production: true,
    VERSION: "#{Build.BuildId}#"
    };
```

I then Created a version.js file: 
```
import React from 'react';
import { environment } from './environment.prod';




export const Version = () => {
    return (
        <a>{environment.VERSION}</a>
    );
}

```

Its simple as that. You are done with the React side of things. Next what you can do is configure the replace Token in your pipeline. The YAML below is how i configured mine: 
```
steps:
- task: qetza.replacetokens.replacetokens-task.replacetokens@3
  displayName: 'Replace tokens in **/environment.prod.ts'
  inputs:
    targetFiles: '**/environment.prod.ts'
```
And you are done. You can now use your version.js component where you need it!
Ag: Iterations amplify Intentions
Tags: leadership, process, agile, manifesto
Published: 2020-12-21 13:45:44

# Iteration

The habit of adjusting plans in discrete increments to adapt to new knowledge gained from previously attempting to execute a plan.

# Intention

The detailed plan(s) to accomplish a goal or milestone.

# Iterations amplify Intentions

Improved plans results in additive gains.

Continually iterating results in multiplicative gains.

# Examples

## BigCorp

Everything must be planned. If it is not in the plan it must not be done. The Plan stands as the oracle of what must be done.

One must never disrespect The Plan by attempting to change it.

Of course, this means if the plan turned out to not meet customer needs at the end they're stuck with it. The project was just not planned well enough and better (and longer) planning processes must be put in place for future projects.

## SmallCorp

SmallCorp is Agile™! Never would they waste time planning anything.

Of course, this does mean that sometimes they thrash back and forth constantly changing their minds on how to accomplish something.

And on occasion problems arise late in development that cost a lot to rework in large areas to fix.

But at least they are not stuck in stupid planning meetings!

## SilverCorp

SilverCorp heard Benjamin Franklin when he said "If you fail to plan, you are planning to fail"; but they also understand the paraphrased Helmuth von Moltke saying "No plan survives contact with the enemy".

SilverCorp spends a moderate amount of time planning, especially when setting major goals and objectives. Their goal is to plan enough to foresee problems before they become expensive to resolve, without wasting time outlining specifics they know will only change as work commences.

When they do not have enough knowledge to adequately plan, they prefer to invest a small amount into experiments that will be both easy to discard if failed and easy to upgrade into professional work when showing promise.

At the end of a cycle, SilverCorp stops and examines how their current work contributes to their overall success and how it could be improved, planning again for another cycle of execution; repeating this process ad nauseam to gain ground quickly and efficiently.

# Take-aways

Aim for a "goldilocks" zone where planning takes enough detail to catch issues as early as possible without too many details that will be quickly thrown away after reality sets in.

Planning, by its nature, takes place at the beginning of the project when the least amount of knowledge is known. Even the best plan for a large project will be beaten by breaking at the halfway point to re-plan in a cycle of plan, execute, plan, execute; because the latter will benefit from the knowledge of half of the execution for half of its planning.

So:
1. Plan, but with increasingly less detail for the later items
2. Regularly stop executing and plan again with the knowledge gained
7 Takeaways from the 2020 UX Tools Survey
Tags: ux, uiweekly, design
Published: 2020-12-21 13:19:24

Over 4,000 designers responded to [Taylor Palmer](https://taylorpalmer.co/)’s annual [UX Tools](https://uxtools.co/) survey.

Here are some key takeaways from the results.

## 1) Miro had massive growth

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

In the brainstorming category, [Miro](https://miro.com) grew from 5% usage in 2019 to 33% in 2020. This has become one of my personal favorite tools.

## 2) People love Whimsical

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

Most tools averaged a rating of 3.5 out of 5, but [Whimsical](https://whimsical.com/) achieved a great score of 4.5. Miro also had high scores, but Whimsical looks to be a great contender.

## 3) Windows adoption is climbing

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

More designers are using [Windows](https://www.microsoft.com/en-us/windows). 25% of respondents used Windows as one of their platforms for design this year, up from 18% last year.

## 4) Figma usage skyrocketed

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

Taylor said the [Figma](https://www.figma.com/) numbers were so high, Taylor had to double-check them. They were the clear winner in multiple categories, including the “Which tools are you most excited to try in 2021?” section.

## 5) Testers like Zoom & Maze

![Zoom and Maze](https://dev-to-uploads.s3.amazonaws.com/i/osq5if7t18pmds35j3tp.png)

[Zoom](https://zoom.us/) is the clear winner here, especially as it becomes a household name. [Maze](https://maze.design/) also had a strong showing and high user rating. 25% don’t use software at all.

## 6) Notion is a budding favorite

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

There were several surprise appearances from [Notion](https://www.notion.so/) in multiple categories. It's clearly becoming a popular solution for many designers.

## 7) Adobe XD is slowly emerging

![Adobe XD](https://dev-to-uploads.s3.amazonaws.com/i/6x72nfmgmjvg13ohl11j.png)

[Adobe XD](https://www.adobe.com/products/xd.html) grew 10x from being used by 1% of respondents in 2019 to 11% for managing a design system. However, it’s still behind Figma and Sketch.

## Wrapping up

Big thanks to [Taylor](https://twitter.com/_taylorpalmer) for putting this together every year! Be sure to visit [uxtools.co/survey-2020](https://uxtools.co/survey-2020/) to see all the results.

Have you changed tools in 2020? Let me know on the [Twitter thread](https://twitter.com/uxtoolsco/status/1340991771795484677). If you're feeling generous, perhaps like or retweet the thread, too:

{% twitter 1340991771795484677 %}
DO Hackathon: Web Application
Tags: react, typescript, dohackathon
Published: 2020-12-21 13:13:37

![Welcome bac](https://media.tenor.com/images/8c0cb7c763bdbf527702321e6522a4f1/tenor.gif)

This is my favourite part hands down. I love application development.

After I made my data sit in the firebase. It is time to wire up the front end.

The killer, amazing, question to every developer who starts working on a project.

Which framework to use?

What to use JavaScript vs TypeScript?

What state management solution to use?

What middlewares to use?

and many more.
![mind == blown](https://media.tenor.com/images/3d6edd838ec049ff22778002eaf11981/tenor.gif)

It happened to me too. Coming to framework  **React** was my choice because I like it.

Right from the moment, I started using dart, my love for typed languages increased. You can also see that in my previous post, I have used types even in python 😋.

The best part about a hackathon is experimenting. I heard a lot of amazing things about Typescript, never got a chance to code in this combo React + TypeScript. So I have decided to give it a try.

Now the first two questions have been answered. Moving on to the next one, state management. I decided to use redux. Came across this amazing [toolkit](https://github.com/reduxjs/redux-toolkit) and this beautiful and friendly template [template](https://github.com/reduxjs/cra-template-redux-typescript) from the official reduxjs repository.

Coming to the middleware part, pretty much standard setup. 

- redux-logger
- redux-persist
- redux-batch

Redux toolkit uses thunks for asynchronous actions. I was inclined to use rxjs observables but since this works out of the box, so preferred it.

The search in the application leverages the amazing concept called Fuzzy Logic.

## MVP design as shown in the introduction post.
![MVP](https://dev-to-uploads.s3.amazonaws.com/i/e2lpg7bf88tu7opgbawe.jpeg)

## Companies part
![Companies ss](https://dev-to-uploads.s3.amazonaws.com/i/vzqlfauc3ucp65ucc7y1.png)

## Products of that company
![Products ss](https://dev-to-uploads.s3.amazonaws.com/i/gvdbp0kupqcoljl2irqc.png)

![See ya](https://media1.tenor.com/images/02e9d9c55be80a0ae7ce733e08c93079/tenor.gif?itemid=11210334)

Edit: Thanks for the amazing response. I missed to include the github repository.

_Had to create an exclusive repository for the web application because DO doesn't detect in folder web application._

{% github Rohithgilla12/product-list no-readme %}

Overall Repository
{% github Rohithgilla12/BPDProductList no-readme %}

Peace ✌🏻
Rohith Gilla