teleren/devto huggingface dataset:
Create Local Server and Share anywhere without deploying on any server (live) NGrok
Tags: javascript, ngrok, deployment, serverless
Published: 2022-09-13 12:01:46

this is the cool solution like ngrok Secure Tunnels allow you to instantly open access to remote systems, means if you are working in local and if you need to show changes to anyone without any deployment then you can easily do with this..

[https://ngrok.com/](https://ngrok.com/)

You just need to do local installation in system and configuration then you can easily manage ([https://ngrok.com/download](https://ngrok.com/download))
Quick Learning things specific for frontend (javascript & React)
Tags: javascript, react
Published: 2022-09-13 12:00:27

- Webpack Bundle Analyzer: [https://www.npmjs.com/package/webpack-bundle-analyzer](https://www.npmjs.com/package/webpack-bundle-analyzer)
Visualise the size of output files with tree-map format.

- Micro Front end Architecture: [https://micro-frontends.org/](https://micro-frontends.org/)
The current trend is to build a feature-rich and powerful browser application

- 30 Seconds of Code: [https://www.30secondsofcode.org/](https://www.30secondsofcode.org/)
Short JavaScript code snippets for all your development needs.
Checkout de MercadoPago en Nuxt3(Vue Js)
Tags: vue, programming, javascript
Published: 2022-09-13 11:36:26

## Introducción

En este post veremos como integrar el checkout de mercado pago en una aplicación web desarrollada con el framework de Nuxt3.

Mercado pago es la plataforma líder de compra y venta en Sudamerica, así que saber como integrarla a nuestras aplicaciones es un gran skill como desarrollador.

Nuxt 3 es un framework de desarrollo frontend. Vamos a usarlo para desarrollar una mini web de compra y venta de celulares y ahí integrar el Checkout Pro.
 
Espero que este post te sea de utilidad. Te recuerdo que siempre subo el código a mi github y podrás ver este código [aquí] (https://github.com/FernanRo2406/mp-ecommerce-nuxtjs).

## Paquetes utilizados en la aplicación frontend

Para mis aplicaciones web yo uso los siguientes paquetes nodejs:

```
TailwindCSS
HeroIcons
HeadlessUI
```
**TailwindCSS** es un gran framework CSS que nos ayuda a darle estilo a nuestro documentos HTML de una forma más simple y sencilla que el tradicional CSS.

**HeroIcons** es una librería de iconos que nos brinda un gran conjunto de iconos para usar gratuitamente en nuestra aplicación.

**HeadlessUI** es un librería de componentes básicos para el desarrollo frontend.

## Creación de la aplicación E-commerce en Nuxt

En este tutorial no voy a detenerme en la creación y la configuración de los paquetes en la aplicación, ya que el objetivo del blog es mostrar como usar el Checkout de MercadoPago.
JavaScript Tips and Tricks: difference between VAR and LET variables Concept.
Published: 2022-09-13 11:49:52

## **Difference between `VAR and LET`**

As we know in order to declare a variable in JavaScript we have two options either declare with var or declare with let. Now the question is when to use var and when to use let. What are the major difference between both.

The main difference between let and var is that scope of a variable defined with let is limited to the block in which it is declared while variable declared with var has the global scope. So we can say that var is rather a keyword which defines a variable globally regardless of block scope.

The scope of let not only limited to the block in which it is defined but variable with let also do not get added with global window object even if it get declared outside of any block. But we can access variable with var from window object if it is defined globally.

Due to limited scope let variables are usually used when there is limited use of those variables such as in for loops, while loops or inside the scope of if conditions etc while var variable is used when value of variable need to be less change and used to accessed globally.

**Follow this code to check the differentiate between VAR and LET**

```js
let a = 'hello'; // globally scoped
var b = 'world'; // globally scoped
console.log(window.a); // undefined
console.log(window.b); // 'world'
var a = 'hello';
var a = 'world'; // No problem, 'hello' is replaced.
let b = 'hello';
let b = 'world'; // SyntaxError: Identifier 'b' has already been declared

```
Everything you need to know about FastCGI Process Manager (FPM)
Published: 2022-09-13 11:41:11

---
title: Everything you need to know about FastCGI Process Manager (FPM)
published: true
description: We look into how to set up FastCGI Process Manager (FPM). What configuration options and considerations are important.
tags:
cover_image: https://i.ytimg.com/vi/hEXBgQ71rvE/maxresdefault.jpg
---

{% youtube hEXBgQ71rvE %}

We look into how to set up FastCGI Process Manager (FPM). What configuration options and considerations are important.
Indian Government API List
Tags: api, javascript, node, react
Published: 2022-09-13 11:31:11

# Indian Government API List

A Curated list of official APIs owned by government of India. You can used this API in 
your Projects.

<li><a href="https://data.gov.in/catalog/all-india-pincode-directory ">All India PINCODE Directory </a> </li>
<li><a href="https://data.gov.in/catalog/state-and-district-wise-scheduled-caste-and-schedule-tribe-population-each-caste-and-tribe  ">State and district wise SC & ST tribe population  </a> </li>
<li><a href="https://data.gov.in/catalog/import-export-classification-itc-hs-code-and-import-policy  "> Import Export Classification, ITC (HS) Code And Import Policy</a> </li>
<li><a href="https://data.gov.in/catalog/wholesale-price-index-0  ">Wholesale Price Index </a> </li>
<li><a href="https://data.gov.in/catalog/current-daily-price-various-commodities-various-markets-mandis   "> Current daily price of various commodities from various markets (Mandis)</a> </li>
<li><a href="https://data.gov.in/catalog/all-india-and-state-wise-area-and-production-various-horticulture-crops ">All India and State Wise Area and Production of various Horticulture Crops </a> </li>
<li><a href="https://data.gov.in/catalog/all-india-and-state-wise-area-and-production-vegetables   ">All India and State Wise Area and Production of Vegetables </a> </li>
<li><a href="https://data.gov.in/catalog/rural-health-statistics-india-2014  ">Rural Health Statistics in India - 2014 </a> </li>
<li><a href="https://data.gov.in/catalog/complete-villages-directory-indiastatedistrictsub-district-level-census-2011  "> Complete Villages Directory by India/State/District/Sub-District Level - Census 2011</a> </li>
<li><a href="https://data.gov.in/catalog/stateut-wise-number-valid-drivers-licences-issued "> State/UT wise Number of Valid Drivers Licences Issued</a> </li>
<li><a href="https://data.gov.in/catalog/indicators-annual-health-survey  ">Indicators from Annual Health Survey </a> </li>
<li><a href="https://data.gov.in/catalog/hospital-directory-national-health-portal   ">Hospital Directory (National Health Portal) </a> </li>
<li><a href="https://data.gov.in/catalog/annual-and-seasonal-minimum-temperature-india">Annual And Seasonal Minimum Temperature Of India </a> </li>
<li><a href="https://data.gov.in/catalog/rainfall-india"> Rainfall India </a> </li>
<li><a href="https://aadhaarapi.com/">Aadhaar API</a> </li>
<li><a href="http://api.erail.in/">eRail API</a> </li>
<li><a href="http://indianrailapi.com/IndianRail/API/">Indian Rail API</a> </li>
<li><a href="https://data.gov.in/ogpl_apis">Open Government Data (OGD) Platform India</a> </li>
<li><a href="https://data.gov.in/ogpl_apis">Open Government Data (OGD) Platform India</a> </li>
Explore Compose MotionLayout
Tags: compose, motionlayout, programming, jetpack
Published: 2022-09-13 11:26:16


Learn how to manage motion and view [animations](https://blog.canopas.com/jetpack-compose-custom-animations-550dcdcded83) using MotionLayout in Jetpack Compose.

MotionLayout is a layout type that helps you to manage motion and widget [animation](https://blog.canopas.com/android-spring-fling-animation-in-jetpack-compose-64b2a2e54c88) in your app. 

MotionLayout is a subclass of ConstraintLayout. It is used to resize, move and animate views with which users interact.

We’ll divide implementation into 4 simple steps to make each step easy to understand.

1. Basic Setup
2. Design UI and Apply constraint set to views
3. Add swipe transition
4. Add a custom property to change the background color

For implementation details, visit the [original post](https://blog.canopas.com/explore-compose-motionlayout-773a3462d787).
"Trying to be agile" > "Working agile"
Tags: agile, discuss
Published: 2022-09-13 10:59:14

In my short time as a software developer (< 2 years) I've seen an interesting pattern around me. People claiming to work agile or being agile are far less agile than those who say to try to be or work agile.

The worst "agile" experience definitely was in my ex company. They always claimed to be agile - because why not, everybody is agile and it sounds nice. But there war nearly nothing behind those words, because those people have no idea why they want (or don't want) to work agile.

Ok cause, we had a daily (status report). Yeah, that's great. Dailies are kind of nice, even my kindergarten had a daily. Guess it was an agile kindergarten.
But that daily was completely useless as it wasn't possible to coordinate as developers as it's main purpose was to entertain the manager and give him the feeling that he would do some work.

Another major fail was the "welcoming change" part. Welcoming change isn't easy for anyone, but I can't see any possibility  to work agile without being at least able to accept change. And I don't consider it a solution for that personal problem to simply stop "working agile" the moment change is coming up. At this point it was clear, that there never was any agile development at all.

This made me think about what **red flags of anti-agility** I might have missed before.

- Obsession with scrum-themed names for meetings, but avoiding to talk about the meaning of those -- because it's just for the show
- "We need to make the contract with the client as tight as possible so they don't have any chance to change something" -- clear fear of change
- "We can't ask the client, we have to decide it now and they have to accept." -- fear of losing control, even in things that are none of you business
- Inability to divide the important, large decisions from the small details, leading to an inability make things fix as late as possible
- Making rehearsals before the meetings with the client
- Unwilling to talk about each persons responsibilities, especially when they are a boss
- Constant interruptions throughout the day by management
- Replying with "We must do agile development or the startups will take everything from us" when asked why you want to work agile.

There were many more which I might have missed. Have you found anti-agile behaviours in your work environment?
Ng-News: Episode 22/36
Tags: javascript, angular, webdev, programming
Published: 2022-09-13 11:02:33

{% embed https://youtu.be/e51gcsKDz3E %}

## Q&A with the Angular team

ng-conf is a very famous Angular conference that took place two weeks ago. It also has a podcast under the name The Angular Plus Show. They published a recording of a panel discussion from that conference. Participants were members of the Angular team. 

Among the many questions they answered, the Angular team also said that in the past they might have overstepped the number of tools that the framework provides. So they started to reduce that a little bit. At the moment, we clearly see this in the E2E testing area, where the framework leaves the decision to the developers.

Another interesting piece of information was that Angular wants to continue integrating best practices, as they have already done with the NgOptimizedImage directive in v14.2.

{% embed https://www.spreaker.com/user/ng-conf/ap-show-s4e4-angular-team-live-show-sq-e %}

## nx 14.7 & Cypress component test runner

As mentioned last week, Cypress, a testing framework, updated their component tester so that it can also run in projects that don't follow the Angular CLI conventions.

Nx, which does exactly do that, has already integrated that update and starting from version 14.7, you can use the Cypress' component test runner out of the box.

{% embed https://nx.dev/cypress/cypress-component-testing %}

## ngGaming

We also had the ngGaming show. This is a monthly live stream on YouTube where Jeremy Elbourne and Mark Thompson from the Angular team answer questions.

This time it was a little bit different though.

Jeremy live-coded and created the card game Spades in a pretty entertaining way.

{% embed https://youtu.be/JNX6VrLNj1w %}
Work Hard yes. Party Hard yes - A Polygon Fellow's journey
Tags: devfolio, blockchain, polygon, nextjs
Published: 2022-09-13 11:00:25

10,000 applications for selecting 50. Obviously I thought I wasn't getting in.
Then came the mail.

> You're accepted to the builder's track of the Fellowship '22.

I was super stoked to be a part, the dream had become a reality. Finally got the chance to be a part of the country brightest, best and most fun blockchain devs.

The 1st month of the fellowship was remote, giving me time to iterate on my idea and to learn various technologies that'd help me solve the challenge.
With my mentor's [Aravindh Kumar, CMO Arcana] (https://arcana.network) help, I was able to figure out some technical and business challenges of the product and laid out the implementation strategy for the coming weeks.

For the 2nd month, all the fellows were invited to The Polygon Hacker House in Bengaluru. Meeting these brilliant folks, interacting with them and collaborating with them unlocked a different set of my abilities I didn't know existed.

Throughout the week, we had speaker events from the top business and technical minds from the field of blockchain technology, and also had impromptu networking sessions.(sometimes till 1AM. Well web3 doesn't sleep)

Like all amazing the things, the time at the hacker house had come to an end. In the end, we even had Top VC's visit us and give personal feedback on our project ideas and provided assistance on how to turn these projects into viable businesses.

The learnings during the weeklong trip at the hacker house enabled me to build on the project.

The result of the fellowship?
(https://bytekode.vercel.app) -> A multichain smart contract analysis platform that enables devs to decode smart contract functions with AI-assistance.
Ah, esses (irrestíveis) vídeo-tutoriais...
Published: 2022-09-13 10:56:50

A grande questão por trás de ver vídeos-tutoriais, não só de desenvolvimento de sistemas, é que são hipnotizantes. :dizzy_face:

É gratificante ver como as coisas vão sendo executadas e finalizadas. Tudo parece tão fácil não é mesmo?! 

O pesadelo começa quando o vídeo termina porque ficamos com a sensação de ter perdido algo naqueles poucos minutos de vídeo.

Esse sentimento desconfortável nos impulsiona a buscar mais tutoriais julgando que o anterior não foi muito bem explicado, ou se foi, não era bem o que estávamos procurando. 

---

Mas por que isso acontece?

Antes de responder precisamos entender como o ser humano absorve conhecimento.

Basicamente existem três grupos de pessoas:
- visuais:eyes:
- auditivas:ear:
- cinestésicas:hand:


Pessoas consideradas visuais tem boa memória fotográfica e, com facilidade, assimilam conhecimento assistindo vídeos ou visualizando imagens.

Já as auditivas se dão melhor com áudio-livros e podcasts por exemplo.

Enquanto que as cinestésicas precisam tocar e sentir para aprender.

De maneira geral podemos afirmar que o aprendizado se dá através da combinação dessas três capacidades o que, em parte, responde à pergunta "por que sentimos que não estamos aprendendo?".

Falta-nos exercitar o que foi aprendido até formarmos a chamada 'memória muscular'. Esta expressão é mais comum em círculos de atletas de alta performance, cujos intensos e estressantes treinamentos buscam a perfeição de forma que nem precisem 'pensar' para executar movimentos precisos.

Um agravante que dificulta o aprendizado é o grande volume de conteúdo disponível. Além disso, a velocidade com que a tecnologia se transforma nos torna ansiosos por novas ferramentas ou técnicas, vendidas como milagrosas.

Bom, infelizmente ainda não é possível fazer 'download' direto para o cérebro, o que poderia acelerar a assimilação de conhecimento. 

Mas enquanto isso não acontece, precisamos fazer uma pausa para refletir sobre o que foi ensinado e, sim meus amigos, exercitar.

Não tenha medo do teclado (às vezes parece que ele quer nos morder, eu sei...rs), nem daquela ferramenta nova ou de uma nova linguagem de programação.

Como disse Thomas Edison: "O sucesso é constituído por 10% de inspiração e 90% de transpiração."

---

###Conclusão

O objetivo deste artigo é chamar a atenção para o fato de que as mudanças estão ocorrendo em velocidades cada vez maiores.

Algumas vezes é preciso 'reduzir a velocidade', refletir, e parar de agir como se estivéssemos o tempo todos instalando programas no :computer:: 
:white_check_mark: Accept all
:arrow_right:Next...
:arrow_right:Next...
:arrow_right:Next...
:end:Finish

Até breve.
CSP - Oversimplified
Tags: go, webdev
Published: 2022-09-13 10:50:04


CSP stands for communicating sequential processes which is a formal language for describing patterns of interaction in concurrent systems. First mentioned in Charles Antony Richard Hoare’s paper “Communicating Sequential Processes” in the Association for Computing Machinery(ACM). CSP is a simple concept of solving concurrency through two primitives of programming 1. Input 2. Output 

The paper abbreviates the term processes to any individual logic that needs input to run and produce output. (You can visualise this as a Goroutine) 

For communication between the processes, Hoare created input and output commands: ! for sending input into a process, and ? for reading output from a process. Each command had to specify either an output variable or a destination. Sometimes these two would refer to the same thing, in which case the two processes would be said to _correspond_. In other words, output from one process would flow directly into the input of another process. _Go Channels_! Sounds familiar? 

Go is the first language to incorporate principles from CSP in its core, and bring this style of concurrent programming to the masses.
Write Typescript in the browser with SystemJs
Tags: typescript, browser, beginners
Published: 2022-09-13 10:49:34

_(This post is just a rough public note about a side effect of some of my work. May or may not be helpful :) )_

Do you love Typescript and wish you could use it to power a simple toy HTML sites that you want to play with? Well you can with SystemJs and a bit of on the fly browser compilation. 

You don't always need a fancy setup :P

## Demo Index.html + Typescript files

Check out this demo on [Plunker](https://plnkr.co/edit/qIXpl9gavsVd5aFF?open=main.ts) that shows you how you can write Typescript files and use their methods from your Index.html file.

Yes, this does require you to get your SystemJs config setup right but that is why I am sharing this starter that I used for our [AG Grid](https://ag-grid.com/) demos so that you can get started easily.

```js
System.config({
        // DEMO ONLY! REAL CODE SHOULD NOT TRANSPILE IN THE BROWSER
        transpiler: "ts",
        typescriptOptions: {
            // Copy of compiler options in standard tsconfig.json
            target: "es5",
            module: "system", //gets rid of console warning
            moduleResolution: "node",
            sourceMap: false,
            emitDecoratorMetadata: true,
            experimentalDecorators: true,
            lib: ["es2015", "dom"],
            noImplicitAny: true,
            suppressImplicitAnyIndexErrors: true
        },
        meta: {
            typescript: {
                exports: "ts"
            },
            '*.css': { loader: 'css' }
        },
```

Aside from the systemjs.config.js file the main part of the code are as follows:

```html
<script src="https://unpkg.com/systemjs@0.19.47/dist/system.js">		</script>
<script src="systemjs.config.js"></script>
<script>
  System.import('./main.ts')
        .catch(function(err) { console.error(err); });
</script>

```

Attaching methods to the window scope so can be called from HTML. (This is done for you when you just use a plain Javascript file)
```html
<button onclick="onBtExcludeMedalColumns()">Exclude Medal Columns</button>
```

```ts
// Attach external event handlers to window so they can be called from index.html
(<any>window).onBtExcludeMedalColumns = onBtExcludeMedalColumns;
```

That's kind of it! 

(This post is just a rough public note about a side effect of some of my work. May or may not be helpful :) )
scroll-snap weird behavior...
Published: 2022-09-13 10:47:30

Hello everyone,

I've been using scroll-snap on my personal site but lately it has started acting weird...

When the page loads, the scroll snaps below the top of the page, which is not what I want.

And as soon as I interact with the page in anyway, for example if I display the dev tools panel, the page snaps to the top. The same thing happens if I scroll the mouse down: it makes the page scroll up (!!!) to the top, and then if I keep scrolling down with the mouse, the page goes down normally.

The problem only happens upon loading the page, after which all is well. 

The best way to understand the issue is to check the page in question: https://1nc0.fr/journey

Would there be a scroll-snap magician around that could give me a hand with this???!
Workday Test Automation through Selenium
Tags: java, selenium, testing
Published: 2022-09-13 10:44:30

I want to use Selenium for Workday automation. These are the regression tests that we need to perform on different countries, mostly driven by data.
I would like to know following: 
1. How good is the Selenium as a tool for Workday automation?
2. What could be the best practices to be followed for Workday automation if any?
3. Any limitations of the Selenium tool that may block us?
4. Any other open source tool that I can consider?

Thanks in Advance
What are your Favorite Developer Communities?
Tags: discuss, programming, opensource, watercooler
Published: 2022-09-13 10:32:56

Part of what makes developers love open source solutions are the communities that revolve around that solution. Some are based on Discord, Slack, forums, or other means of communication.

What is your favorite community to be a part of? And what makes it your favorite?

P.S. 👀: Medusa has a [Discord server](https://discord.gg/medusajs) for the community that welcomes everybody! Join and chat with Medusa's core team and community members learn more about Medusa!
Hello Everyone 👋🏼
Tags: programming, beginners
Published: 2022-09-13 10:23:03

## I'm a self-thought programmer & currently an undergraduate at the University of Colombo in Sri Lanka.

I love problem-solving using programming languages. Plus, I like to create UI designs for applications & web pages. I dedicated most of my spare time learning to #Designing & #Programming besides my ongoing studies.

Also, I like community platforms where I can share ideas, get feedback, get help on what I've done & help others like me to achieve their goals from what I've learned. If you are into something like this, feel free catch-me-up to guide, help or share your thoughts with me. I really appreciate it.! 🙂🥂
kusto - filter by custom dimension keys
Tags: appinsights, kusto
Published: 2022-09-13 10:11:23

I sometimes want to filter app insights entries based on whether a custom dimension exists or not.

[`mv-expand`](https://docs.microsoft.com/en-us/azure/data-explorer/kusto/query/mvexpandoperator) to the rescue :smiley:

The query below returns requests containing a custom dimension starting with the string `toggle:`.

``` kusto
requests
| extend dimension = bag_keys(customDimensions)
| mv-expand dimension
| where dimension startswith "toggle:"
```