teleren/devto huggingface dataset:
JavaScript Struggles - Part 1 | Defending Variables
Tags: javascript, webdev, beginners, tutorial
Published: 2021-10-27 11:25:29

## Defending variables in <abbr title="JavaScript">**JS**</abbr> have its own way.

We have three ways to defend a variable [`let`](#let), [`var`](#var), [`const`](#const).

|               |      Var      |      Let      |     Const     |
|:-------------:|:-------------:|:-------------:|:-------------:|
|  Changeable   |       ✔       |       ✔       |               |
| Block Scope   |               |       ✔       |        ✔      |
| Global Scope  |       ✔       |               |               |
| Make Arrays   |       ✔       |       ✔       |        ✔      |

> We mostly use `let` because of the block scope which I'll explain in the below. 👇🏻

---

## Let <a name="let"></a>

The keyword `let` makes a variable only useable within the scope it made in, **you can't use it outside that scope**.

E.g.
{% embed https://gist.github.com/AbdelrahmanDwedar/9d83f9168b18d853c2bfdb7a643b8245 file=let-keyword.js %}

---

## Var <a name="var"></a>

The keyword `var` makes a global variable, **you can use it everywhere in the code**.

E.g.
{% embed https://gist.github.com/AbdelrahmanDwedar/9d83f9168b18d853c2bfdb7a643b8245 file=var-keyword.js %}

---

## Const <a name="const"></a>

The keyword `const` makes an unchangeable variable, **you can't change its value**.

E.g.
{% embed https://gist.github.com/AbdelrahmanDwedar/9d83f9168b18d853c2bfdb7a643b8245 file=const-keyword.js %}
Problem related to google authentication
Tags: react
Published: 2021-10-27 10:45:41

I am facing this issue from last 3 to 4 days kindly help me out
Authorization Error
Error 400: redirect_uri_mismatch

You can't sign in to this app because it doesn't comply with Google's OAuth 2.0 policy.

If you're the app developer, register the redirect URI in the Google Cloud Console.
Kyoto: Golang SSR-first Frontend Library
Published: 2021-10-27 10:45:00

---
title: Kyoto: Golang SSR-first Frontend Library
published: true
description: An HTML render engine concept that brings frontend-like components experience to the server side.
tags: 
cover_image: https://imgur.com/Gt4lh3Y.png
---
https://github.com/yuriizinets/kyoto


This library implements an HTML render engine concept that brings frontend-like components experience to the server side with native html/template on steroids. Supports any serving basis (net/http/gin/etc), that provides io.Writer in response.

Main motivation is to reduce usage of popular SPA/PWA frameworks where it's not needed because it adds a lot of complexity and overhead. There is no reason to bring significant runtime, VirtualDOM, and Webpack into the project with minimal dynamic frontend behavior. This project proves the possibility of keeping most of the logic on the server's side.

References:
- Library: https://github.com/yuriizinets/kyoto
- Documentation: https://kyoto.codes/docs/
- UIKit (in active development): https://github.com/yuriizinets/kyoto-uikit
- Starter project: https://github.com/yuriizinets/kyoto-starter
Wednesday Links - Edition 2021-10-27
Tags: java, jvm, reactive, graalvm
Published: 2021-10-27 10:42:54

Contract-Based Dependency Management (3 min read)🤝
https://labs.tomasino.org/contract-based-dependency-management

JEP draft: Templated Strings and Template Policies (Preview)📃
https://openjdk.java.net/jeps/8273943

Comparing MongoDB composite indexes (16 min read)📇
https://blog.allegro.tech/2021/10/comparing-mongodb-composite-indexes.html

Choosing a cache (7 min read)🪶
https://blog.frankel.ch/choose-cache/1/

New HTTP standards for caching on the modern web (12 min read)🪶
https://httptoolkit.tech/blog/status-targeted-caching-headers/

Important: ua-parser-js exploit and Kotlin/JS (3 min read)👺
https://blog.jetbrains.com/kotlin/2021/10/important-ua-parser-js-exploit-and-kotlin-js/

Postmortem: Removing all users from github.com/trivago (7 min read)🙎
https://tech.trivago.com/2021/10/05/postmortem-removing-all-users-from-github.com/trivago/

5 Best Features for Profiling Java Code In IntelliJ IDEA (4 min read)🐈‍⬛
https://blog.jetbrains.com/idea/2021/10/5-best-features-for-profiling-java-code/

Analysing the performance and costs of reactive programming libraries in Java (14 min)🎽
https://dl.acm.org/doi/10.1145/3486605.3486788

Overhead of Returning Optional Values in Java and Rust (14 min read)🍰
https://pkolaczk.github.io/overhead-of-optional/

GraalVM 21.3 is here: Java 17, Native Image performance updates and more (13 min read)🚀
https://medium.com/graalvm/graalvm-21-3-is-here-java-17-native-image-performance-updates-and-more-ac4cbafcfc05
7 Reasons to Use Microsoft .NET Framework for App Development
Tags: net, technology
Published: 2021-11-25 12:11:14

---
title: 7 Reasons to Use Microsoft .NET Framework for App Development
published: true
date: 2021-10-27 10:40:55 UTC
tags: Net,Technology
canonical_url: https://www.botreetechnologies.com/blog/7-reasons-to-use-microsoft-net-framework-for-app-development/
---

.NET framework is the #1 framework used by developers globally in 2021, with a market share of 34.2%. 

Almost 90% of professional developers in the world target the Windows operating system for software development. 

.NET Core is the most loved framework with a score of 77.2, followed by Torch/PyTorch and Flutter.

Data suggests that the Microsoft .NET framework is the first choice for software and enterprise applications. It is a productive and efficient framework for building dynamic and high-quality applications. Most of all – .NET supports scalable applications, which is why a lot of Fortune500 companies use it in their technology stack.

.NET application environment supports 60 programming languages. 11 of these languages are developed by Microsoft, including C#, C++, Visual Basic, TypeScript, among others. Today, .NET is one of the best application development platforms because of its robust nature and future deployment perspectives.

The Common Language Runtime (CLR) and Framework Class Library (FCL) enable better security, memory management, and exception handling. Developers combine the code with the .NET framework to develop web and mobile applications. 

However, [ASP.NET development services](https://www.botreetechnologies.com/dot-net-development-company) are different from .NET as ASP.NET is an application built on the .NET framework. It is an open-source platform for building web apps, APIs, and microservices.

The post [7 Reasons to Use Microsoft .NET Framework for App Development](https://www.botreetechnologies.com/blog/7-reasons-to-use-microsoft-net-framework-for-app-development/) appeared first on [BoTree Technologies](https://www.botreetechnologies.com/blog).
A Sinatra MVC Application for Storing Quotes
Published: 2021-10-27 10:29:56

My objective was to build a Sinatra application which met the following requirements:

* had a MVC (Model-View-Controller) architecture

* used ActiveRecord

* utilized multiple models

* used at least one `has_many` relationship on a User model and one `belongs_to` relationship on another model.

* had user accounts, where users were able to sign up, sign in, and sign out.

* validate the uniqueness of user login attributes, such as username or email

* once logged in, a user had the ability to create, read, update and destroy the resource that `belongs_to` that user.

* ensured that users could edit and delete only their own resources but not those created by other users.

* validated user input so bad data was not able to be persisted to the database

I was able to create a working Sinatra MVC application which met all of these requirements. I decided to make my application function as a quote management service, where users could enter memorable quotes that they had come across and save them in their pages, while also being able to view quotes that other users had saved. 

I learned a great deal about a number of features of Sinatra and about programming in general.

Some specific things I gained more experience and knowledge of were the following:

* how to design views (the V in MVC) to make my application's pages convey relevant information to users based upon what links or buttons they clicked and whether they were logged in or not.

* how to make good use of helper methods. 

* the usefulness of _yield_ and _layout_ in reducing repetition of code

* the usefulness of embedded ruby tags

* the power of controllers (the C in MVC)

* the usefulness of validations on models 

* sessions and how to use the [bcrypt gem](https://github.com/bcrypt-ruby/bcrypt-ruby) for user authentication

* forms and how they relate to controller actions

I learned a great deal about Sinatra and working on this project was a rewarding experience overall.

[A link to the repository for my project.](https://github.com/GuosaE/Quotably)
Undefined or not defined?
Tags: javascript, tutorial, beginners, webdev
Published: 2021-10-27 10:28:05

## Table of Content

- What is `Undefined` in JavaScript?
- What is 'defined` in JavaScript ?
- Difference between the both. 

## Undefined

Undefined is simply a Placeholder that is initialise to every variable at the time of memory execution in Global Execution Context.

Example: 

```
console.log(a);  // undefined
var a = 7;       // Assign value 7 to a
console.log(a);  // Log --> 7 on Screen
```

## Not Defined

This is like an error, occurs when the code is trying to access the variable that is never been there in memory.

```is
var b = 7; // Assign value 7 to b
console.log(a); // not defined
```

## Difference Between Undefined and Not Defined

In JavaScript, they both are related to memory space and there is a very simple difference between them. If the variable name which is being accessed doesn’t exist in memory space then it would be not defined, and if exists in memory space but hasn’t been assigned any value till now, then it would be undefined.

So, Hope you got to know the simple difference between the two Jargons.

Don't stop learning, Keep exploring and learning.
Getting hired after finishing a coding bootcamp
Tags: beginners, career, hiring, motivation
Published: 2021-10-27 09:51:59

*This article was written by Sandra Gläsner (Director Product Engineering).*

If you've decided to reshape your career and successfully completed a coding bootcamp, you're probably now facing the challenge of finding your first job in a completely new field. 

I'd like to briefly share my experience as a team lead who has had an increased number of applications from bootcamp graduates on her screen over the past few months. Maybe you can take something from this for your future applications and interviews. 

## 1. Tell your career story

In his resume, an applicant (now colleague) once added a short statement to each of his previous job stations about what his motivation was. This created a coherent picture of what drives him and made it easy for me to understand why he developed his career the way he did. 

Your decision to take a new career path in (web) development will definitely not have been made on a whim. Find the common thread that underlies your decision and tell your very personal story. 

## 2. Reflect your personal strengths and interests

Most of you have learned the same content in the same short amount of time. I have seen many practical final projects that were very similar in terms of implementation. This is because of the nature of bootcamps, which usually teach a specific, narrow curriculum. 

But that makes it very difficult for me to distinguish between the different applicants and their strengths. And this is where your personal experiences come into play: tell me why you chose this masterpiece, what you had difficulties with, or what you found particularly easy and had fun with. Maybe you liked the setup of build and deployment pipelines more than everything else? Cool! Or did you fall in love with the styling part? Wonderful! Or did you spend much time on finding out what best practices are used in terms of web accessibility? Nice, tell me more! 

Reflect your learning path and where your strengths and interests lie. 
And finally… 

## 3. Decide what you want (to learn next)

A bootcamp can always be just a start. Think about what you have been missing in the bootcamp or what you would like to learn more about. Please don't be afraid of the vast amounts of knowledge you think you still lack. Be patient with yourself and take one step at a time.
Some of the best VPS Hosting Providers on the Market!
Published: 2021-10-27 09:50:08

With the wide assortment of incredible choices given by <a href="https://www.routerhosting.com/">Routerhosting</a>, this cycle can be so basic. We gave you a rundown of expert and reasonable VPS facilitating plans including total data that assist you with choosing the best VPS facilitating administration which meets the majority of your requirements.

<h2><strong>10 of the Best VPS Hosting Providers of 2021</strong></h2>

VPS facilitating is one of the best ways of facilitating a site. Tracking down the best VPS facilitating administrations is one of the most fundamental things for your site or even your business. Contrasted with shared facilitating, a virtual private server (VPS) remains in a higher advance. VPS is a facilitating that basically impersonates devoted server conditions inside a common server. Giving better unwavering quality, security, execution and being lower in cost than committed facilitating, VPS has turned into a well known decision. 

Besides, clients get root admittance to the server and have the opportunity to introduce applications and roll out ecological improvements. Truth be told, a VPS is a Virtual working framework that lives inside a parent server. It utilizes virtualization innovation to give private assets to other virtual servers. The climate of VPS is made on a host, server, or bunches of servers. Thus, choosing the best VPS facilitating supplier is vital. In this article, we will present 10 of the best VPS facilitating suppliers of 2021. Be that as it may, prior to beginning it, we should talk about a VPS web facilitating in more detail.
setinterval runs on differently
Published: 2021-10-27 09:48:32

Set Interval for 1 sec is not running on every sec in my app angular 12. any idea what I missed?
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l7h2uzdiugtkyqui0a2b.png)![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k2v5seefgr6a34qlq60d.png)
Branding services 
Published: 2021-10-27 09:43:19

Branding affects your clients' perception of your company, and if done correctly, can produce an emotional reaction. With a strong brand, businesses retain customers longer and have an easier time appealing to new audiences as they already know what the company represents.
As a result, your  <a href="https://thedesigntrip.com/services/branding/"> Branding Services  </a> will be hindered if you do not effectively brand your business online and elsewhere.
We can help companies in any aspect of their business, from developing a brand identity from scratch to improving how they convey their core messages and corporate values.
Why I'm doing another round of 100 days of code
Tags: beginners, 100daysofcode
Published: 2021-10-27 09:41:03

A couple months ago I finished my online 'bootcamp' ( for lack of a better word ) at OpenClassrooms and, as soon as I could, focused on finding a job as a developper. Par for the course really, after all I didn't spend all this time learning to code and building projects to continue moving packages for Amazon...

The problem is, I practically stopped working on projects to just focus on finding job offer and apply while continue working at my old job.
Big mistake: in the 2 months and countless applications I got 2 things:
- 1 interview
- another back injury
Clearly 
So I quit my job at Amazon ( no worries, I qualify for 2 years of benefits in my country ) 

And this is why I'm doing another 100 days of code: to re-focus on the important thing.

I will document it on here every few days or so, and when Twitter is too limited.

ps: please excuse my english, it is not my first language and I'm sure it shows... 
Do not hesitate to correct me either, help is always appreciated.
JavaScript 4 Ways To Create Function
Tags: javascript, webdev, tutorial, programming
Published: 2021-10-27 09:37:40

First we have the ***`Function Declaration`***. This is mostly common way to create a function as shown in the bellow example. What good about this is you can use the function even if the function is declared on the very bottom of your codes.
```js
function addTwoNumbers(num1, num2) {
    return num1 + num2;
}
console.log(addTwoNumbers(1,10));
// outputs: 11
```

***`Function Expression`*** is a function were you asign a function in a variable. Function assigned to a variable needs to be declared on top before using the function.
```js
console.log(addTwoNumbers(1,10)); // Error, becayse cant find addTwo Numbers
const addTwoNumbers = function (num1, num2) {
    return num1 + num2;
}
console.log(addTwoNumbers(1,10));
// outputs: 11
```

***`Arrow Function Expression`***, this function is like a functional expression but instead of writing `function` we use arrows `=>` instead.
```js
const addTwoNumbers = (num1, num2) => {
    return num1 + num2;
}
console.log(addTwoNumbers(1,10));
// outputs: 11
```

***`Concised Arrow Function Expression`***, is a function were you can directly return without writing a return statement. `note: only works if It will directly return a value`.
```js
const addTwoNumbers = (num1, num2) => num1 + num2;
console.log(addTwoNumbers(1,10));
// outputs: 11
```

-----
Thanks for Reading my short read, If you like to Buy me coffee, click the image.
<a href="https://www.buymeacoffee.com/BroJenuel" >
<img src="https://raw.githubusercontent.com/BroJenuel/BroJenuel/master/images/buymecoffee.svg" alt="drawing" width="150" title="buy me coffee"/>
</a>
How slots are used with JavaScript
Published: 2021-10-27 05:31:49

The `<slot>` element from HTML is an essential part of developing web components. According to [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/slot), it acts as "a placeholder inside a web component that you can fill with your own markup." Essentially it allows you to pass in HTML content into the shadowroot.

## How is it used?
One way to use slots is through a web component as a card, which will contain a header and body. It is in the body section where support for any and/or all HTML content will have to account for when designing.

## Usage
The way a slot can be implemented is by using a generic `<span>` container in your HTML file. This can be blank to be content agnostic, or if named the slot attribute will have to be passed in, such as `<span slot="slime-slot">`.

An example of how slots can be rendered from a JavaScript file is a follows:
```
render() {
  return html`
  <h1>h1</h1>
  <div class="slot-container">
    <slot name="content"></slot>
    <slot></slot>
  </div>
  `;
}
```
AMAZON COGNITO
Tags: aws, security
Published: 2021-10-27 09:19:21

It provides authentication, authorization, and user management for your web and mobile applications.
Users can sign in directly with a username and password, or through a third party such as Facebook, Amazon, Google or Apple.
Two ways to federate with Amazon Cognito are discussed below:

1. Cognito User Pools
A user pool is a user directory in Amazon Cognito. With a user pool, your users can sign-in to your web or mobile app through Amazon Cognito.
Users can also sign in through social identity providers like Google, Facebook, Amazon, or Apple, and through SAML (Security Assertion Markup Language) identity providers.
It uses lambda triggers to customize workflows access through SDK (Software Development Kit).

2. Cognito Identity Pools
Amazon Cognito identity pools provide temporary AWS credentials for users who are guests (unauthenticated) and for users who have been authenticated and received a token.
Identities can come from cognito user pool and social Identity Providers.
Identity pools use AWS STS(Security Token Service) to obtain the credentials.
IAM role is assumed providing access to the AWS services.
RudderStack Product News Vol. #014 - Incremental Uploads for Warehouse Actions and New Integrations
Tags: datawarehouse, privacy, rudderstack
Published: 2021-10-27 09:14:42

Incremental Uploads for Warehouse Actions
-----------------------------------------

RudderStack now supports incremental uploads for all new warehouse actions. By only sending incremental changes from your source data tables, we significantly reduce the amount of data being sent to downstream integrations. This makes our sync process faster and reduces the number of API calls made to these systems.

Incremental processing will be turned on by default for all warehouse actions sources and destinations. Please note that we have updated documentation around account permissions.

[Log in and try Incrementals](https://app.rudderstack.com/login)

Integrations - Quantum Metric and Sentry
----------------------------------------

### Quantum Metric

Quantum Metric is a continuous product design platform that lets you leverage real-time data insights to prioritize your most important product features.

Learn more [in the docs](https://docs.rudderstack.com/destinations/analytics/quantummetric).

### Sentry

We have released Sentry as a web device mode destination. This open source tool helps developers monitor and track real-time errors and crashes in their apps.

Learn more [in the docs](https://docs.rudderstack.com/destinations/error-reporting/sentry).

Other happenings at RudderStack
-------------------------------

TechCrunch sessions: Data warehouse - the foundation of the modern data stack. Join our breakout session on October 27 to hear from a panel of industry leaders on why architectures are increasingly built around the data warehouse. [Buy tickets](https://techcrunch.com/events/tc-sessions-saas-2021/)

IRX Workshop: The real-time eCommerce stack of the future. To all of you in the UK, join iVendi's VP of Software, Steve Flitcroft, and RudderStack's Director of Growth, Eric Dodds at the Internet Retailing EXPO in Birmingham on the 13th of October for a session on building a data stack that enables real-time eCommerce analytics. [Register for free](https://internetretailingexpo.com/why-visit/workshops)

Live tech session: The modern data stack is warehouse-first. On November 11th, we're hosting a live session with leaders from Snowflake, Mixpanel, and Mammoth Growth. They'll share how you can unlock your data's full potential by building your stack around the data warehouse. [Register for free](https://rudderstack.com/video-library/the-modern-data-stack-is-warehouse-first)

Partnership announcement: RudderStack & Mixpanel. We're excited to announce our partnership with Mixpanel to advance product analytics for the modern data stack. [Read more](https://rudderstack.com/blog/rudderstack-and-mixpanel-announce-partnership-advancing-product-analytics-for-the-modern-data/)