teleren/devto huggingface dataset:
5 Career advice: Frontend
Tags: webdev, javascript, beginners, devjournal
Published: 2022-02-26 20:59:28

I'm almost 8 years old as a developer, start as QA, then went to frontend, backend, and then switch again to frontend, where I did my time focus in UX/UI. Currently, I found myself working as a frontend engineer.

**Learn to listen** 
During my career as a dev, the one thing it was hard to take at the beginning was the feedback. Over the time I work after-hours to try to improve my skills, some of the meetings end up in '... I like this, this and this, but could we improve on this or that ...', so don't take personally the things and work over that.

**Do one time at the time** 
In my case multi-tasking never work, I became obsessed with the use of the board of Jira, I need to get everything in order there, what task was in progress, what needs to be done next, and what was the priority of the tasks so at the end of the day I wasn't too disperse in my head worrying about other tasks.

**Learn the basics** 
At the time I was trying to keep up with the trends, over time this become difficult, probably every day a new JS library pops out. At the same time that a new library comes I notice that it was really familiar to other libraries and if I get the principal concepts of the library/fw I will be able to make the code work. Go to the basics, learn JS, understand the differences between them, the holy bible is [You don't know JS](https://github.com/getify/You-Dont-Know-JS).

**Don't overestimate soft skills** 
Most of the devs/Engineers are really good in what they do, but they lack soft skills, be always conscious about that, remember that your career also includes building a reputation, if you had the reputation to be a hard people to work is going to be hard for you move in your company. 

**Look for something else** 
Once you learn the basics I'll hardly recommend learning about performance and lastly about design, as devs we are always in the mindset of a developer, like, There should be a link here, and when the user clicks the routing should render the page; but we almost never put in the user seat, try to use your system/app with the mind in blank, like you don't know what happens if you click there, remember this "If the user doesn't understand your system is going to be afraid to use it".

This is everything, for now, let me know what you think and if there is other advice that you should consider for the new ones.

>
Technical Translation Growth, Is It?
Tags: career, discuss
Published: 2022-02-26 20:14:18

Translation is an important aspect of any technology, manufacturing, or producing company. A technical writer plays a pivotal role in ensuring user manuals, documentation, and tutorials align with languages understood by targeted users. 

**How Targeted Is It?**

To some extent, companies overlook a particular market and contact traditional translators to conduct regular translations. For instance, Chinese products have access to many markets across different continents, but the user manuals or documentation are written in Chinese and English or entirely in Chinese.

It may be a good strategy to focus on 'home' customers, but reaching a broader scope of customers will increase the revenue collection by incorporating regional block languages. Although illustrations help the user understand product functionalities, the manuals are not entirely 'user' friendly.

**My Point**

Companies should conduct more research on languages spoken by nations in a regional block apart from English. As a user, I enjoy reading text written in my local language. It may be a strategic way of retaining a customer.

I know it may not be logical to incorporate different languages in documentation, tutorials, and user manuals. Still, Netflix has included at least five significant subtitles for its movies. The Swahili language is now among Netflix subtitles collections.

**What if...** 

Manufacturers or producers could research a common spoken regional language and incorporate it into their user guides. For instance, the Swahili language is spoken by east and central African nations. Perhaps adding Swahili to user guides will attract more customers indirectly or directly.

**Conclusion**

Language is essential in communicating an intended message and can act as an attraction. Businesses should acknowledge these dynamics and changes to have a competitive edge. 

Am I making sense? Leave a comment.
ILUS a css framework for madlads
Tags: webdev, css, bootstrap, framework
Published: 2022-02-26 20:05:50

most of us would love a simple framework with some features but some madlads love things when they have every feature imaginable

ilus css is one of those css framework which tries to do multiple things at once
ofcource its not the best at everything it does but it does a solid job of making your website look **funky**


![login page img](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/89civ65pte6z63nnl8px.jpg)
_here is a login page made with ilus_


![ilus website](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s8vtpa7z8d748jiikg7h.jpg)_another site made with ilus_


ilus has a lot of things

![sliders in ilus](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ttfoox7cf4sdiy6m99kd.jpg)
_some of the inputs in ilus_

- complex components(no js)
- colors 
- built in animations
- responsive grid system 
- utility classes

one of my favourites is the navigation menu which is very easy to build and also fully responsive
![responsive navbar](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/me1aj1guevkthsf2fkes.jpg)



---


## advantages

- **unique** it gives websites a unique look go for it if you like the looks 

- **animations** has basic animations built in and can easily be used

- **utility classes** you can do most of the css using utility classes

- **lightweight** ilus is extremely lightweight and quick to import only 22 kb 

- **responsive grid and media queries** everyone wants responsive sites and ilus has responsive sites


## disadvantages

- **terrible naming convention** sometimes the class names makes you think this framework was made by a depressed 14year old

- **not for everyone** :ilus's looks are highly stylized and may not be for everyone

- **terrible documentation** there are no tutorials or proper documentation for ilus it doesnt even have a proper domain

![Idk](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/moxeiyat88l615wrvuuv.jpg)


---

## some hard truths 

so here's the part where i drop my persona and accept the truth 

> i made ilus 

yes this whole thing was made by me a year ago while i was 15 or maybe 14 
i wandered through source codes of many other css frameworks learning how they function and finally i made ilus (no palagrism)

its got no real life users tho except maybe me and i dont even code nowdays cause i gotta learn for exams 

btw check it out on github if you want and use it if you liked it👍

[learn more about ilus](https://arnav-kr.github.io/slcodepreview/?q=W4RoFB6DDbzj&nav=0)

[view on github](https://github.com/atoms19/ILUS.CSS)

the biggest fault of this framework is that its built by a guy who is an amateur who has stopped coding now 

pls dont send pull requests idk how to push them using github😂🥺
What happened to Faker.js & it's creator?
Tags: fakerjs, javascript, opensource
Published: 2022-02-26 20:02:34

> faker.js - generate massive amounts of fake data in the browser and node.js

## Dreaming of been free
Imagine you woke up in the morning and decided to create something to ease your repetitive task of generating data anytime you create project

That’s how it started for Marak 8 years ago with the all-time favorite random JS data generation library Faker. It was a sincere and honest endeavour to freely push out such a handy tool both for huge corporations and small teams that took advantage of a faster & smoother seeding generator for test data.

In October 2020 Marak added a commit to the Faker repository confirming the most dreaded situation in open source (Lack of funding) When you create a piece of software and people use it you expect to make money of it, but that’s not valid with open source libraries that are entirely based on donations. 

The countless added features to the Faker codebase over the years increased the maintenance cost and time invested into the project.

It’s a known fact in the industry that no matter how great your open source library may be, if a big tech firm doesn’t sponsor it, you are pretty much broke. Marak knew this and made this point very clearly in his post that he will stop maintaining until he will receive a full salary offer since he had no income. Now, this is where it gets interesting, this final commit added to the reader file the cryptic line that still haunts me as I’m writing this article [https://www.reddit.com/r/opensource/comments/rwcccz/what_happened_to_fakerjs/](https://www.reddit.com/r/opensource/comments/rwcccz/what_happened_to_fakerjs/).

A few days after the erasure of Faker & FakerCloud off the face of the internet, Marak pushed a controversial update to another of his maintained libraries colors.js.

## A glimpse of hope
You can still install an older version of [faker.js ](https://github.com/faker-js/faker) and view the docs at [faker.dev](https://fakerjs.dev/)

```sh
$ npm i faker@5.5.3
```

or alternatively, Faker is now a community project. Visit faker-js/faker, docs at [fakerjs.dev](https://github.com/faker-js/faker) and use npm install [@faker-js/faker](https://www.npmjs.com/package/@faker-js/faker).

Hope you liked this content, see you later.
‘expo’ is not recognized as an internal or external command
Tags: npm, node, reactnative, expo
Published: 2022-02-26 19:49:09

So you just installed expo globally on your windows 10, using

`npm install -global expo-cli`

After which you tried to be sure expo is installed and you tried
``expo --version``

but you get this error below
_'expo' is not recognized as an internal or external command_

Don't panic, to solve this, simply run the command below on cmd (as an administrator)

```setx path "%path%;C:\Users\<USERNAME>\AppData\Roaming\npm```

Thereafter, You should see the following

`WARNING: The data being saved is truncated to 1024 characters.
SUCCESS: Specified value was saved.`

that let's you know you were successful.

Now run
``expo --version``

you should now see the version of expo installed, and that you can now use the expo command.

But if that doesn't work,
That means you will need to manually add the path to your machine's Environment Variables.
At the time of this article,

I'm using 
```npm version 8.5.2```
```node version 16.14.0```

which are the latest versions and have corepack enabled in node, this helps me to easily update yarn. To enable corepack, simply run

```corepack enable```

Now, after the update to the latest stable/LTS versions of npm and node, 
go to windows search, search for `edit the system variables` , enter the option
select `Environment Variables` (located at the bottom of the box)
under `system variables`
scroll and select `Path` and click on `Edit`

**NOTE: PLEASE DO NOT CLICK THE "NEW" BUTTON UNLESS YOU KNOW WHAT YOU ARE DOING, BECAUSE ANY CHANGE, WILL WIPE OUT EXISTING PATHS.**

after clicking on `Edit`, select `New` and then add the npm path to the list.
usually, the npm package is saved in 
`C:\Users\<your computer username>\AppData\Roaming\npm`

after adding that path,
click "ok" on all boxes, close your terminal, reopen your terminal,
run expo installation again.
``npm install -global expo-cli``

after that, your can check if it successfully installed using
``expo --version``
``expo-cli --version``

At the time of this article, `expo` and `expo-cli` is at version `5.2.0`

I hope this was helpful. Feel free to reach out if your installation challenge persists.

Happy Hacking…
Fluent Class - Laravel Tip
Tags: php, laravel, webdev, programming
Published: 2022-02-26 19:43:48

Why don't we use Fluent Class with our private data, despite its power? I found this source https://www.youtube.com/watch?v=8PqgRoCe0N0 that explains some of its features, including in my opinion, it does not show an error message when there is no specific element and null appears instead
```php
use Illuminate\Support\Fluent;

$data = [
     'a' => 1,
     'b' => 2,
];

dd($data['c']); // Undefined array key "c"

$fluent = new Fluent($data);

dd($fluent['c']); // null
dd($fluent['a']); // 1
dd($fluent->b); // 2
```
Use it with object
```php
use Illuminate\Support\Fluent;

$data = (object) [
      'a' => 1,
      'b' => 2,
];

dd($data['a']); // Cannot use object of type stdClass as array

$fluent = new Fluent($data);

dd($fluent['a']); // 1
$fluent->c = 3;
dd($fluent->toArray()); // array:3 [▼ "a" => 1 "b" => 2 "c" => 3]
unset($fluent['c']);
dd($fluent->toArray()); // array:2 [▼ "a" => 1 "b" => 2 ]
```
use more
```php
 $data = (object) [
     'a' => 1,
     'b' => 2,
 ];

 $fluent = new Fluent($data);

 $fluent->name('Morcos')->email('marcosgaad@gmail.com')->age(29)->isAdmin();
 dd($fluent->toArray()); // array:6 [▼ "a" => 1 "b" => 2 "name" => "Morcos" "email" => "marcosgaad@gmail.com" "age" => 29 "isAdmin" => true ]

```
I hope you enjoyed the code added to you after new and useful information.
Textual Popup Hack
Tags: python, cli, tmux
Published: 2022-02-26 19:42:22

---
canonical_url: https://waylonwalker.com/til/textual-popup-hack/
published: true
tags:
- python
- cli
- tmux
series: til
title: Textual Popup Hack
---

As I am toying around with textual, I am wanting some popup user input to take over.  Textual is still pretty new and likely to change quite significantly, so I don't want to overdo the work I put into it, So for now on my personal tuis I am going to shell out to tmux.

## The Problem

The main issue is that when you are in a textual app, it kinda owns the input.  So if you try to run another python function that calls for
`input` it just cant get there.  There is a
[textual-inputs](https://github.com/sirfuzzalot/textual-inputs) library that covers this, and it might work really well for some use cases, but many of my use cases have been for things that are pre-built like copier, and I am trying to throw something together quick.

> textual is still very beta

Part of this comes down to the fact that textual is still very beta and likely to change a lot, so all of the work I have done with it is for quick and dirty, or fun side projects.

## The Solution

So the solution that was easiest for me... shell out to a tmux popup. The application I am working on wants to create new documents using copier templates.  copier has a fantastic cli that walks throught he template variables and asks the user to fill them in, so I just shell out to that with `Popen`.  Make sure that you wait for this process to finish otherwise there will be bit of jank in your textual app.

``` python
async def action_new_post(self) -> None:
    proc = subprocess.Popen(
        'tmux popup "copier copy plugins/todo-template tasks"', shell=True
    )
    proc.wait()
```

## example

Here is what the running todo application looks like with the copier popup over it.

![example of the popup running over textual](https://images.waylonwalker.com/textual-popup-hack.png)


  <div class="onelinelink-wrapper">
      <a class="onelinelink" href="https://waylonwalker.com/tmux-popups/">
          <img style="float: right;" align='right' src="https://images.waylonwalker.com/tmux-popups-og_250x140.png" alt="article cover for 
 tmux popups
"/>
          <p><strong>
 tmux popups
</strong></p>
      </a>
  </div>


> a bit more on tmux-popus [here] https://waylonwalker.com/tmux-popups/)

## Links

* [textual repo](https://github.com/Textualize/textual/)
* [textual-inputs repo](https://github.com/sirfuzzalot/textual-inputs)
* [my article on tmux popups](https://waylonwalker.com/tmux-popups/)
The art and difficulty of naming in programming
Tags: programming, beginners, codenewbie, codereview
Published: 2022-02-26 19:39:22

**Important note**: *Do not read any of the comments in the thread without solving the challenge*.


This article is a follow of my very first article 
**[Every programmer should know these conventions and practices](https://dev.to/fayomihorace/every-programmer-should-know-these-conventions-and-practices-8j6)**.

So in this article, I'll develop a little more in-depth the point: **Give meaningful names**.

Giving a meaningful name to our variables, functions, arguments, classes, attributes, and packages is both *difficult* and an *art*. Sometimes, and even often, every developer who cares about code quality stumbles upon naming issues. Personally, I can spend a lot of time just thinking about what will the best name for this, and I can choose one, change it later, multiple times until I find one or a colleague helps me to find the one that satisfied me the most, the one that makes me say or think, *yeah, that is the perfect name*.
 Because, the name could drastically change how easily other developers and you (later, in a few years maybe ^_^) will quickly understand your code without necessary reading the details.

In this article, I'll just try to show you the impact of bad names and give more insights and concrete examples in a part2.

I want you to quickly determine without testing what the function does, and after that, find better names to replace the badly named variables in that function in order to make the function more readable and understandable. It's the function in the picture below, it's written in python.
You can start now, and read the rest of the article after you’re done. Are you ready to take the challenge?

So let's go:

![Simple function poorly named in python](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/umlkcv371who27ehv9yo.png)
The 20 seconds starts right now !!!

Congrats. No matter how much time you took to find it, 10seconds, or 1min, you agree with me that, after you've changed the variable's names with good ones, the function is more obvious to comprehend.
But you know, in reality, even the poorest developer can't write a code that is that much awful, at least, I hope so. In a part 2 of this article, I'll show some real example cases of code naming improvement and best practices.

We are at the end of this short article. Feel free to add in the comments some real cases of naming issues you faced and which name you finally chose.

---
I share what I know because:
> *The more I learn, the more I realize how much I don't know*. (Einstein)
System32 Discovery #2 - Phone dialler
Tags: system32, windows
Published: 2022-02-26 19:05:54

|||
|-|-|
|<b>Application title</b>|Phone Dialler|
|<b>File name</b>|dialer.exe|
|<b>File name stands for</b>|<b>Dialer</b>|
|<b>Syntax</b>|`dialer.exe`|
|<b>Type</b>|Application|
|<b>File description</b>|Microsoft Windows Phone Dialler|
|<b>Real path</b>|`%windir%\WinSxS\amd64_microsoft-windows-tapicore_31bf3856ad364e35_10.0.22526.1000_none_c511b7f7427de12a\dialer.exe`|

## ⚠️ Warning!
Messing around with system32 files without knowing what you’re doing can demage your system! The author doens’t take any responsibility for demaged systems and installations.

[Watch video!](https://www.youtube.com/video/4CS7MMSJAVw)

## Overview

![image](https://user-images.githubusercontent.com/58633848/147759798-07f981e8-c546-4376-ad25-e4322a420c92.png)

The Windows Phone Dialler allows the user to create a connection over a dial-up connector to other phone numbers.

It doesn't allow you to send or receive data, it just creates the connection.

## Speed dial

You can save up to 8 Speed dial numbers.

![image](https://user-images.githubusercontent.com/58633848/147759990-ce943d3d-c634-4512-9438-9360b9e92b15.png)

## How to emulate a modem.

I used the free trial version of [Virtual modem](https://www.virtual-modem.com/) to simulate a modem.

![image](https://user-images.githubusercontent.com/58633848/147765268-50c5933a-7388-4192-a07f-e9362199bf35.png)

![image](https://user-images.githubusercontent.com/58633848/147765297-de0d39f4-c9a9-4135-96e2-dd3326492a20.png)
System32 Discovery #1 - Bluetooth file transfer dialog
Tags: system32, windows
Published: 2022-02-26 19:01:14

|||
|-|-|
|<b>Application title</b>|Bluetooth file transfer|
|<b>File name</b>|fsquirt.exe|
|<b>File name stands for</b>|<b>F</b>ile <b>Squirt</b>|
|<b>Syntax</b>|`fsquirt.exe [-send\|-receive]`|
|<b>Type</b>|Application|
|<b>File description</b>||

## ⚠️ Warning!
Messing around with system32 files without knowing what you’re doing can demage your system! The author doens’t take any responsibility for demaged systems and installations.

[Watch video!](https://www.youtube.com/video/eO-mupe9oxE)

## Overview

The Bluetooth file transfer dialog allows you to transfer files over Bluetooth.

The main entry point is a page wher you can select if you want to send or receive files:

![Main entrypoint](https://user-images.githubusercontent.com/58633848/147582763-cc2a65bc-5a14-46f2-9739-da6cf8d76b38.png)

Send files dialog:

![Select device dialog](https://user-images.githubusercontent.com/58633848/147582934-8f1b31a9-1b41-4e40-af05-989214aad4be.png)

![Select file name dialog](https://user-images.githubusercontent.com/58633848/147582958-c0c90deb-54fe-491e-ae53-b9bf9169ea60.png)

Receive files dialog:

![Waiting for a connection](https://user-images.githubusercontent.com/58633848/147583034-5f4b4509-eb18-466a-83de-7801f7e47391.png)

![File gets received](https://user-images.githubusercontent.com/58633848/147583097-447c5390-7af3-4a0f-b1d6-90aa8c61226d.png)

## Arguments

### `-send`

Opens directly the send files screen.

### `-receive`

Opens directly the receive files screen.

## More information

You can find more information in the [Microsoft Docs](https://docs.microsoft.com/en-us/windows-hardware/drivers/bluetooth/bluetooth-user-interface).
System32 Discovery #0 - Introduction
Tags: windows, system32
Published: 2022-02-26 18:59:21

## ⚠️ Warning!
Messing around with system32 files without knowing what you’re doing can demage your system! The author doens’t take any responsibility for demaged systems and installations.

[Watch video!](https://www.youtube.com/video/jR00xNtZHXQ)

## Introduction to the System32 Discovery series

Welcome to this new blog/video series, where we will cover all the applications/dll's and other stuff inside the system32 folder of Windows.

There will be no special order of the items we will cove. I hope I can with this series help people to discover sides of Windows they never knew existed.

For every blog entry there will be a short video on [my channel](https://www.youtube.com/channel/UC4PrjxDrZ_PCqhnzBfjQxdQ). Please subscribe if you don't want to miss a part of this series.

Feedback is more then welcome. If you have feedback let me know about it in the comments.

## What's the System32 folder

The system 32 folder is located at `C:/Windows/System32`. It contains many hard links to Windows System files like Notepad, Remote Desktop, Control Panel and much more.

## How to launch a System32 app

You can use type the name in the conmmand line or the run dialog (win+r).

For example you can launch Windows Explorer with the run dialog:

![Run dialog with Explorer.exe](https://user-images.githubusercontent.com/58633848/147580468-63f92103-9a75-4592-874e-69ab32d7dc5b.png)