teleren/devto huggingface dataset:
Visual Studio Code Customization - Postfix JS/TS Completion
Tags: typescript, webdev, dotnet, vscode
Published: 2021-03-27 04:48:09

---
title: Visual Studio Code Customization - Postfix JS/TS Completion
published: true
description: Visual Studio Code Tips in 2 minutes - How to highlight current line
tags:  typescript, webdev, dotnet, vscode
---

If you are coming from Visual Studio with Resharper background or Jetbrain's IDE. You must have heard term called "Postfix Template".

Postfix templates help you transform expressions that you have already typed without jumping backwards. So basically it will speedup your development by providing lot of templates and you can use that when you write code.

In this video, I have demonstrate you an extension which provides you same exact functionality.  It will covert you array into for loop with array.

Below is the link for the same extension
https://marketplace.visualstudio.com/items?itemName=ipatalas.vscode-postfix-ts


For more details please do watch my video.

{% youtube ZRXWELJS2yc%}



If you like this video and wanted to see a similar kind of video then, please subscribe to my you tube channel at - https://bit.ly/codewithjv.

Also, Please comment about what content you want to see in my YouTube channel.
Scrape data from any website without code right from slack!
Tags: machinelearning
Published: 2021-03-27 04:41:30

Hey guys, hope you are doing good, I built a slack app called scrapehoney to solve the following problems

1.I worked as an intern for a startup they were scraping data. I was using slack as an internal communication tool. they used to switch tabs between slack and the data scraper app, this takes lots of time and makes users uncomfortable.

2. when we were scraping data we used to get lots of useless data along with data that we exactly need.

Using my slack app, user can scrape data from any website without coding all within slack

I spent 3 days building this slack app and $0 into it. This app runs on AWS lambda services. This app uses scapy and flask as a backend to scrape data.

The experience I gained building this app was awesome 

honeyscrape:https://scrapehoney.harishsg.me/
TIL List Styles + Unity Quick Search
Tags: todayilearned, gamedev, webdev, unity3d
Published: 2021-03-27 04:00:40

2021-03-26

### Web Stuff
My static CMS [Publii](https://getpublii.com/download/) was being a little brat today - stripping out various tags whimsically from my custom footer. After some wrestling with lists and display styling, I ended up using a simple paragraph to get the job done. It was interesting to learn how to convert a list into a bar of icons though!

### Game Stuff
Unity has a Quick Search system, similar to Quick Launch or Quick Run in other IDEs. You can access it with `Ctrl+K` in Unity 2021. I'm mainly using 2019 where it's a little different. If you want to use it there, you can press `Alt+'`. If you don't have it, you may get this popup.
![Install Quick Search...to be more productive](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4b2e6gpoxhxormcwuofp.png)
If you don't see it or if you run into an error, you can use the Package Manager to find it and install it manually.
![Package Manager with Quick Search up](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ummb0l7beyzeulqolcmd.png)
Once installed you can change the default shortcut to something else. 
![Shortcuts](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ac11e0iax5xduxt2yeuj.png)
You can invoke the Shortcuts window with the Quick Search tool ;)
Empezado en el maquetado de Emails con HTML y ¿Tablas? PT 1
Tags: emailmarketing
Published: 2021-03-27 03:53:39

Estos días por el trabajo he empezado a introducirme en el email Marketing y a codificar todo para el. Empecé como todos con plantillas y documentando me pero había estado en un error gradual:

> Yo tenía un año sin trabajar con código y estaba oxidada y no entendía nada de lo que "estaba editando" Así que me propuse como meta volver a trabajar con ello y pues, aprovecho que estoy aquí para narrar mis experiencias en el retorno al código. 

Ahora empecemos en el maravilloso mundo del Email Coding.

Ahora la pregunta más importante de toda.
> ¿Cómo empiezo?

_Todo lo que he "leído" me dice que debo escribir css de manera "inline"._

**¿Cómo en los viejos tiempos?**
¡Así es!

**¿Que es el CSS inline?** _(Desde mis propias palabras)_
Prácticamente escribes el css en tu HTML 

`<p style="margin: 0;"> `

_Les puede explotar el cerebro a muchos cuando están casados con las clases y los ID._ 

Todo bien hasta aquí. No es como si no hubiera escrito **inline css** en mis días mozos en la universidad/preparatoria.

Así que en ese punto estoy "familiarizada".

Ahora hablemos de la cosa que tengo que hablar en esta publicación y por la cual me digne a escribir esto en base a este super poderoso [Tutorial](https://webdesign.tutsplus.com/articles/build-an-html-email-template-from-scratch--webdesign-12770?ref=reallygoodemails) y el cual voy a estar _analizando_ porque no tengo amigos con quien hablar de esto y necesito hablarlo con alguien :

**Las tablas**

>Las tablas van a ser tus mejores amigas. 

La etiqueta tabla se compone de lo siguiente:
` <table> </table> `

La estructura en HTML dentro del body se vería así:
```
<body>
<table>
<tr>
<td>

AQUI VA TU CONTENIDO DE TU EMAIL

</td>
</tr>
</table>
</body>
```

**¿Cómo juego con table?**

Ya conociendo la estructura básica de las tablas nos pasamos directamente al código. 

Primero, esto va a ser escrito en HTML 4.0 transicional o en XHTML debido a que la 'renderizarse' de tantas maneras en diferentes clientes de correo.

Después del body (poderoso) empezamos con nuestra tabla principal. 

Esta tabla va a ser un contenedor de todas las tablas que usaremos en el resto de nuestra estructura.

Aquí llega el punto que más me hace explotar la cabeza.

Escribir la primera tabla que va a contener "Objetos"

```
<body>
<table>
<tr>
<td>

  <!-- PRIMERA TABLA -->
  <table>
  <tr>
  <td>
     <p> hola mundo </p>
  </td>
  </tr>
  </table>

</td>
</tr>
</table>
</body>
```

Prácticamente con el código anterior ya tenemos el esqueleto básico de nuestro HTML (Sin CSS). Pero seguiremos en la siguiente parte que yo tengo que procesar como _explicarme_ y _explicarles_ lo que yo entendí. 

Nos leemos luego en mas aventuras con el código.

- Liz
BUILD UI BOOKING HOTEL APP WITH REACT NATIVE
Tags: reactnative, react, javascript, redux
Published: 2021-03-27 03:02:05

Hello! today I am sharing a mobile hotel reservation application. the application was created with react-native using react-native-vector-icons and react-navigation.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ilhgianngua1glah8ask.jpg)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rjqn6t55vqhzojojuh1l.jpg)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4hvcbv1e1fbou2l5k0mn.jpg)

**Installation**

You will only need to have [NodeJS] (https://nodejs.org) installed on your machine, and after that, clone this repository:

**$ git clone https://github.com/medabdallahh8/GofundRoom.git**

After that, access the class folder you want and install the dependencies by executing the following command:

**$ cd GofundRoom**
**$ yarn install # or npm install**

Don't forget to use the react-native link with the command:

**$ react-native link**

*To run on Android:*

You will now need to either connect an Android device to your computer or run an emulated Android device using AVD Manager which comes shipped with Android Studio. Once you connected an Android device or launched an emulator, run this:

**$ npx react-native run-android**

*To run on Android:*

**$ cd ios**
**$ pod install**
**$ cd ..**
**$ npm start ios**

**If you like the project, don't hesitate to add a star to the repo.**

If you want to support me or encourage me on the job you can always buy me a little coffee here: **[Buy me a coffe](buymeacoffee.com/medabdallahh)**

I hope you liked the project and we'll see you soon for another project
What are React functional components?
Tags: webdev, react, programming, codenewbie
Published: 2021-03-27 03:02:03

In my post <a href="https://rahulism.tech/article/4-ways-of-creating-react-components" target="_blank">"4 Ways of creating React components"</a> I mentioned about the Functional components. In this post we will know more about the functional components. 

--- 

### What is a component? 

A component is one of the core building blocks of React. Multiple individual components form a parent component. 

Two types of components: 
- Functional Components
- Class components (Next post)


--- 

## Functional Components

Think of functional components as JavaScript functions. 

```javascript
function Welcome(props) {
    return <h1> Hey, {props.name} </h1>; 
}

// {props.name} => Return value
// (props) => argument
// Welcome => Function name
```

```javascript
const elment = <Welcome name="Rahul" />; 

//Welcome => call a function
// name="Rahul" => pass arguments
```


You should never modify props. You should use functional components when Your component simply receives props and render something nad does not have its State.(React < 16.8) 

In React 16.8, Functional components can hold stat using React hooks. It's a good practice to use functional components over class components. 


### Why functional components are better? 

Transpiled code by babel as some major differences (Class components resolve to more complex code). 
Major performance boost for functional components. Cleaner and less code. 

--- 

#### Related Posts

- <a href="https://rahulism.tech/article/what-are-props-in-react">What are props in React</a>
- <a href="https://rahulism.tech/article/states-in-react">What are states in Rect</a>

---

😀Thanks For Reading | Happy Coding🤗
SoftwareSets
Tags: freebsd, desktop, laptop, scripting
Published: 2021-03-27 02:23:30

[FreeBSD](https://www.freebsd.org) is my daily operating system: to browse the web, to play 3D games, to write this post, and so on. Some time ago, I tried to produce a solution to set up quickly a desktop environment on my laptop.

The solution was *SoftwareSets*, a script for [sh(1)](https://man.freebsd.org/sh/1) with an User Interface to install software collections (obviously focused on a GUI environment):

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2bfcq136xn7zeryfdujr.png)

This was my first project based on a shell script, unfortunately not completed and now obsolete. However this post is the first of the series "*My FreeBSD Desktop Setting*" to implement a new solution.
Stay tuned!
Wes Grimes joins Briebug as Director of Architecture, Chief Architect
Tags: career, javascript, angular
Published: 2021-03-27 01:43:42

---
title: Wes Grimes joins Briebug as Director of Architecture, Chief Architect
published: true
description: An update on Wes and his new role at Briebug
tags: career, javascript, angular
//cover_image: https://direct_url_to_image.jpg
---

# New Role
I am excited to announce that I have accepted the role of Director of Architecture & Chief Architect at Briebug. This is a big shift in my career and I’m ready for the challenge. 

# Best Practices 
I’ve always been the “best practices” guy, focused on real-world, pragmatic solutions. In this new leadership role, I’m excited to be able to work with the super smart folks at Briebug to refine and formalize those best practices for all of our client projects.

Coming to Briebug, I will be heading up an entirely new department with some of the leading architects in the software industry. While lately my focus has been on the frontend with Angular and NgRx, I have a broad path of experience in backend stacks and as such will be beefing up Briebug’s leadership and reputation as a full stack consulting group.

# Farewell to Nrwl
Alongside this announcement, I would be remiss if I didn’t acknowledge the significant impact that Nrwl has had on my career. More specifically, Jeff Cross. He is an amazing leader, and has imparted a wealth of knowledge to me that I will never forget. You would be hard pressed to find a more caring and compassionate leader than he is. 

I will also certainly miss my co-workers at Nrwl. Nrwl is full of amazingly talented individuals and I can’t imagine building an application or platform without using Nx and Nx Cloud. It is in my mind, the industry standard.

# Gifts
As I reflect back on my career up to this point, each step of the way the Lord has directed my footsteps. I truly believe that the talents each of us have are gifts from God. Without God, I am confident that I would not have accomplished even 10% of what I have to this point. All the praise, glory and honor goes to Him!

I also believe that we are called to use those gifts to make the world a better place, to help those less fortunate than you. And so I will do whatever I can to elevate those around me so that, with God’s grace, they can become way more successful than I have been. 

# Work With Me
With all that said, if you are interested in joining me on this adventure at Briebug, please reach out and introduce yourself. I would love to meet you and if all goes well you could join my team and we could work together!

More info here: https://briebug.com/careers
My Job Histroy as Perl Developper
Tags: perl, webdev, beginners
Published: 2021-03-27 01:41:40

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5qxifdmsd0u1q8sf6nnp.png)

<a href="https://www.youtube.com/watch?v=Ooq09fxUDlU">My Job Histroy as Perl Developper - Perl Fine Channel - Youtube</a>

My Job Histroy as Perl Developper

Start is C language. Phone price calcuration.

Next, Performance analytics
Apache Access Log
Java App Server Log
Database slow SQL Log
Parse the logs to CSV, and create charts using Excel VBA

Next, Estate System
Schedule management system of shooting the picture of house.
Estate Searching web system
I haven't written a blog post in 10 years.
Published: 2021-03-27 00:53:13

(maybe more than 10 years, time is a blurry)

As any kid that was born putting CD-ROMS in computer towers, the computer has been there.

I had a blog. a bunch of blogs.
I did blogs as a kid for n reasons
- I did blogs to express myself and the things that I loved
- I did blogs to put out my things
- I did blogs to social experimentation
- I did blogs to write with my friends
- I did blogs to anything I really wanted to talk about but didn't know how

I was 11. **Blogspot was a thing**.
I did blogs for anything. I did whole layouts for them. I did banners for them. I did gifs for them.

**And the hardest: I did posts for them.** Many posts.

Then I did Tumblrs for a while.
Anything really that gave me a basic html canvas was my language.

Then I really did'nt write any type of posts or comments for 10 years.
I'm afraid of *saying* online.
(even more than I'm afraid of saying in person).

Then I don't know. I did'nt do any blogs.
Then I went and studied literature and linguistics in a traditional public university.
(I'm sided with free quality public education and this is my first blog post in 10 years so I will try my best not to feel afraid to express that ✊)

But I guess that's how blog posts work. I shake while writing 'cause I'm saying and I haven't said in 10 years.
English is not my mother language. **But I'm saying**.

Then I went to this crazy coding school in silicon valley and oh yeah I coded. And It wasn't a tradicional school. no no. For those who have interest in pedagogy and Educational Psychology, the pedagogy line is Piaget and Vygotsky.
(Also a big defender of multiplicity in educational methods, different people learn in different ways ✊)

Then work work work.

I haven't written a blog post in 10 years 'cause expressing myself took so many other routes.
But I want to talk about so much and I wanna find people who wanna talk about so much.

My unfinished final work for university is about the subversion of the code as a way of creating poetics.
I wanna talk about that.
I wanna talk about digital art.
**nft art**. coding code art.

I wanna talk about literary teory and digital poetry.
I wanna talk about crazy NLP experiments.
I wanna talk about so much.

I hope this post gets somewhere. I hope I have the energy again to write another post. I hope I can take less than 10 years to write my next blog post.

I'm not even sure If this post counts as blog post.
I'm not even sure if dev.to fits the blog concept from web1.0 days (another thing I would like to talk about).
But oh yeah, I guess I just wrote my first blog post in 10 years. Feels just like trowing in the sea a message in a bottle.

͝͝͝ϻaᴚ༄
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hqoyas6jxl85xwgwlt1h.png)
Polybar
Tags: archlinux, polybar, linux, i3wm
Published: 2021-03-27 00:42:57

I don't know why it took me so long to decide to use this. I always been using the i3status because it was just easy to configure.

I decided to switch over because I want to make it easier to control my music (mpd/ncmpcpp) and I would like to have it showing my taskbar what is playing. 

i3status just didn't want to cooperate.

I will have to say that I cheated to get the config from somewhere else and then I had to still figure out the coding and change it to my liking.

![PolyBar](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w0h5vgkmuhev4wqzifwp.png)
Choosing agility
Tags: productivity, agile
Published: 2021-03-29 08:18:59

---
title: Choosing agility
published: true
date: 2021-03-27 00:00:00 UTC
tags: productivity, agile
canonical_url: https://jhall.io/archive/2021/03/27/choosing-agility/
---

A couple of years ago I was working with a team responsible for an eCommerce platform undergoing a platform migration. When I joined the project, it was already behind schedule and over budget.

For several months, the migration project was continually “80% done”. The new platform was getting closer and closer to “ready,” meanwhile the legacy platform was becoming harder and harder to maintain. What’s worse, every functionality change on the legacy platform had to be re-implemented on the new platform, too, so that the eventual switch wouldn’t represent a regression.

The project was using Scrum, but I had many times raised concerns about the de facto [Water-Scrum-Fall](https://www.verheulconsultants.nl/water-scrum-fall_Forrester.pdf) we had in place.

One day the department director asked me out of frustration, “Jonathan, when can we finally start using the new platform in production?”

I was able to answer immediately, because I had already said the same a few times: **“We just need to make the decision. No more feature work on the old platform. And all new features on the new platform need to be delivered to our customers immediately upon completion."**

Somehow he heard me this time. Within a day, our operations engineer had configured the load balancer to direct a small list of pages to the new platform, while continuing to serve every thing else on the old platform.

From then on, week by week we were putting new pages into production on the new platform. My recollection is that the entire mood of the organization changed from that point. We were able to celebrate small victories every sprint, rather than continuing the death march toward an eventual big-bang release.

Despite the common perception that software agility is mostly about technical practices, in my experience the biggest obstacle is almost always in the human part of the equation. A simple choice can be enough to make the difference.
The Simpsons in CSS
Tags: showdev, css, html, art
Published: 2021-03-26 22:20:29

---
title: The Simpsons in CSS
published: true
description: A collection of CSS drawings of The Simpsons characters.
tags: showdev,css,html,art
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/odkuz9xwanb7vntth0t6.png
canonical_url: https://alvaromontoro.com/blog/67971/the-simpsons-in-css
---

This post is going to be a little bit of showing off (sorry 😅). It is a personal project that I did over 2 years ago –before joining DEV–, and that [CSS {IRL}](https://twitter.com/CSSInRealLife/status/1375403564093337601?s=20) reminded me about today.

It is a collection of drawings of The Simpsons characters done in CSS. I learned a lot coding them, and I've learned even more since... so I'm scared of looking at my own code now.

Here are some of the drawings (there are 10 in total):

## [Bart Simpson](https://codepen.io/alvaromontoro/full/ZVZwPR)

This was the first one I did for a CodePen challenge with the colors red, blue, and yellow, which reminded me of Bart.

{% codepen https://codepen.io/alvaromontoro/pen/ZVZwPR %}

## [Homer Simpson](https://codepen.io/alvaromontoro/full/rPazmv)

{% codepen https://codepen.io/alvaromontoro/pen/rPazmv %}

## [Lisa Simpson](https://codepen.io/alvaromontoro/full/bzVjeK)

{% codepen https://codepen.io/alvaromontoro/pen/bzVjeK %}

## [Marge Simpson](https://codepen.io/alvaromontoro/full/ZwKpdR)

{% codepen https://codepen.io/alvaromontoro/pen/ZwKpdR %}

## [Kang](https://codepen.io/alvaromontoro/full/omWOKR)

Probably my favorite.

{% codepen https://codepen.io/alvaromontoro/pen/omWOKR %}

## [Sideshow Bob](https://codepen.io/alvaromontoro/full/bzMZRy)

From this one, I really like that the whole hair is a single element... with a ton of `box-shadow`.

{% codepen https://codepen.io/alvaromontoro/pen/bzMZRy %}

## [Homer Simpson with circles](https://codepen.io/alvaromontoro/full/BMdzxV)

This one was also for a CodePen challenge, and I even wrote an [article on DEV](https://dev.to/alvaromontoro/drawing-homer-simpson-using-circles-in-css-4gc1) explaining how it was done. But it is cooler to see it on [this animation](https://codepen.io/alvaromontoro/full/JxMPqa).

{% codepen https://codepen.io/alvaromontoro/pen/BMdzxV %}


I also have a drawing of [Troy McClure](https://codepen.io/alvaromontoro/full/LqgMpx) (you may remember him from that CSS drawing 🙃) and [Itchy & Scratchy](https://codepen.io/alvaromontoro/pen/ZwbYPv).

---

If you liked these CSS drawings, don't miss the CSS illustrations I did last year as part of a [100-day challenge](https://dev.to/alvaromontoro/100-days-of-css-illustrations-4hi5)!
Explain being a tech lead to me like I'm 5??
Tags: career, lead
Published: 2021-03-26 23:00:40

---
title: Explain being a tech lead to me like I'm 5??
published: true
description: 
tags: career, lead
//cover_image: https://direct_url_to_image.jpg
---

I have been working for a very small web development company for five years, first as a "web developer" and now (as of today) as a "backend developer".

In recent weeks, my boss and I have been talking a lot about the future of my career.  I asked for a title change, to that of backend developer, and the pay raise that should come with it.  He agreed, and we are now heading in that direction.

We have also been talking about if I should be given the title of "lead".  We agreed that I am not ready for that but that I can get there.  He recommended that I spend some time reading books and studying the leadership aspects of being a lead.

I have a lot of general leadership experience, from 10 years of directing summer camps, but I have minimal industry leadership experience.

So, I am looking for any resources, advice, books, blogs, etc that can help me grow in my ability to be a tech lead, and that can help me begin showing my boss that I am heading in the right direction.