teleren/devto huggingface dataset:
Variables and Datatypes In JavaScript-series-1b
Published: 2020-08-08 15:02:14

JavaScript is loose typed which means you don't need to specify the type of variable while declaring it, which differentiates other languages like Java, C++ wherein you need to specify its type while declaring a variable.
Ex: In JavaScript  var age = 10;
    In Java     
 int age = 10; specify the type of variable.


The Primitive Type datatype includes :

1)String ex: var color = "orange";
2)Number ex: var salary = 100;
3)Boolean(to check true or false) ex: isCatSleeping = true;
4)Null    ex:refer to series 1a where in the table you see the "Registration Cost " for Andy Young has no value. 
5)Undefined  ex: var myCar; the variable  myCar declared but has not set any value.
6)BigInt(recently added). These are for micro-precision timestamps.Please refer to MDN JavaScript for further reading.

Note:To check the variable dataype use this function called typeof();
Ex: `var color = "orange";
typeof(color)` output is "string".

The other called complex/composite datatypes because these include Objects as well as the Primitive types.
Objects includes Array
Array
Function etc.
We will learn about object-oriented programming later.

Modern browsers use ECMASCRIPT to overcome the scope of the variables. We will learn about it in series 1c. where we learn about hoisting, let, const etc.
Kommentar-Antworten funktionieren nicht wegen Cloudflare Rocket Loader
Tags: wordpress, cloudflare, howto
Published: 2020-08-19 13:45:52

---
title: Kommentar-Antworten funktionieren nicht wegen Cloudflare Rocket Loader
published: true
date: 2020-08-08 14:45:57 UTC
tags: Wordpress,cloudflare,howto,wordpress
canonical_url: https://j0e.org/kommentar-antworten/
---

![WordPress Kommentar Antworten funktionieren nicht](https://j0e.org/wp-content/uploads/2020/08/antworten-problem.png)

Der Antworten-Link in den WordPress-Kommentaren funktioniert nicht richtig? Der Grund dafür ist ein JavaScript Problem, …

[Kommentar-Antworten funktionieren nicht wegen Cloudflare Rocket Loader Weiter Lesen »](https://j0e.org/kommentar-antworten/)

Der Beitrag [Kommentar-Antworten funktionieren nicht wegen Cloudflare Rocket Loader](https://j0e.org/kommentar-antworten/) erschien zuerst auf [WordPress und Marketing](https://j0e.org).
B is for BehaviorSubject
Tags: rxjs, javascript, webdev
Published: 2020-08-08 14:43:45

---
description: In this series I will have a look on some of the many RxJS classes and operators sorted alphabetically because why not?
---

Well i think most of you have already heard about the [BehaviorSubject](https://rxjs-dev.firebaseapp.com/api/index/class/BehaviorSubject). In case you didn't or want a quick refresh keep reading.
 The BehaviorSubject, just like the normal Subject, emits values to its Observers, but there are two main differences:
 1. It has an initial value
 2. It emits its current value to new subscribers

_What is it good for?_

State management for example. 

Here you mostly want an initial state, notifications for observers on changes and you also want to receive the current state on any later subscription.

_Ok... That's all? This is your example?_

Fine let's be more practical:
1. A data table. You want the data array that its based on to always be defined. Just use the BehaviorSubject with an initial value of [] and fetch or add some data whenever you feel like doing it. Even if the table subscribes after adding/fetching data the table will immediately receive the current state/data. 
2. A toggle switch. It has an initial value of false so its deactivated. You want to notify several other components about changes. Even components created after the toggle (and therefore subscribing after the toggle state may have changed) will get the current value of the BehaviorSubject.
Aligning Technology to Cater Business Needs
Tags: computerscience, tutorial, javascript, react
Published: 2020-08-08 14:31:59

Learning technology like React is itself a big job. After you have worked with some of the basics of HTML, CSS, and JavaScript, you take up this framework and start creating a project. With some interview experience, you also get into a good company. Then, the real problem begins.

Working on a self-made project to deliver a small solution helps us grab the required skills, but when we get into a company, generally the product is developed and we are expected to make minor changes to the product, add new features, solve defects raised by the customer. 😃😃

In the above scenario, where a mountain of code is pushed onto you and you are expected to provide output, chances are you can become a bit scared. This article helps you to provide practical solutions to deal with such situations easily. 😎

Whenever a task is assigned to you in a technical company there is always a deadline associated with it. by focusing on the deadline, try to reverse engineer how you can arrive at the solution and try to find the shortest way to do so. Generally, when assigned to a new project the first task is given such that you are always coding with someone. This is done to promote pair programming that helps in easy grasp of concept by the new joiner. 👫💻

Even if you are expected to work alone, there is going to be a KT, Knowledge Transfer sessions. In the KT sessions, they will give you a brief introduction to how the system or the application works. Anyone needs to be attentive in such sessions, as these are going to put the foundation for the work that you are going to deliver. I also suggest recording these sessions for future reference. ⏺

Once you are equipped with the knowledge about the product and the feature that you will be working on, stick to the feature that you need to implement. Then understand the code for the particular part where the change needs to be done. Start debugging the part for better understanding, use console.log(), and use the debugger to understand the flow. 👨‍💻

When you understand the customer's requirements and the code's functionality. You can now use your coding skills to convert business logic into code and implement it in the right place. 🌞🌻

Thanks for reading the post. In case you want to add something, give feedback, praise you are always welcome in the comment section. 😊
Is replit tag broken?
Tags: question, replit
Published: 2020-08-08 14:29:07

I just added [Gwion](https://github.com/fennecdjay/Gwion) to [replit](repl.it). Well, I had already done so, but now I leverage github releases, so it loads way faster.
I wanted to shared it on [dev](dev.to), as I have some remaining question, but it looks that the liquid tag for embedding replit is broken: on my machine, I can't see what I type ...
Is it just me or did I uncover some issue?


{% replit @GwionLang/Gwion-latest %}


For sure one can check it [here](https://repl.it/@GwionLang/Gwion-latest).

There's the mandatory *hello world*, that you can run
``` sh
./gwion hello_world.gw
```

-----

Maybe it is only broken in the preview, in which case I'll delete this post.
A is for AsyncSubject
Tags: rxjs, javascript, webdev
Published: 2020-08-08 14:06:04

---
description: In this series I will have a look on some of the many RxJS classes and operators sorted alphabetically because why not?
---
The [AsyncSubject](https://rxjs-dev.firebaseapp.com/api/index/class/AsyncSubject) is a lesser known sub class of [Subject](https://rxjs-dev.firebaseapp.com/api/index/class/Subject), that emits only its last value to its Observers once (and only if) it completes.

_But isn't that the same thing as using a Subject and the [last](https://www.learnrxjs.io/learn-rxjs/operators/filtering/last) operator?_

Nearly, but the AsyncSubject is designed for multicast usage (multiple Observers) and the behavior differs for Observers that subscribe after completion.
The value is also emitted to Observers subscribing **after** the AsyncSubject has already completed, which does not happen when using a simple Subject.


_When would I need such a Subject?_

For example this could be handy for implementing something containing HTTP requests. Knowing that http request will only have a single result it totally makes sense to use an AsyncSubject because:
1. It will only emit a single value
2. It completes, so there is no need for the Observers to unsubscribe
3. Other Observers can even subscribe **after** the request has finished
@Problem Archive - cp_01
Tags: programming, problem, c
Published: 2020-08-08 13:40:49

@Problem Archive - competitive programming.

#1st problem: URI Online Judge | 1001 Extremely Basic Adapted by Neilor Tonin, URI Brazil

Timelimit: 1 / Read 2 variables, named A and B and make the sum of these two variables, assigning its result to the variable X. Print X as shown below. Print endline after the result otherwise you will get “Presentation Error”.

Input The input file will contain 2 integer numbers.

Output Print the letter X (uppercase) with a blank space before and after the equal signal followed by the value of X, according to the following example.

Obs.: don't forget the endline after all.

Samples Input 10 9 | -10 4 | 15 -7

Samples Output X = 19 | X = -6 | X = 8
[Tutorial Linux] Terminal: Verificar informações da CPU
Tags: linux, terminal, cpu, womakerscode
Published: 2020-08-08 13:39:03

Você pode verificar informações específicas da CPU, como arquitetura, família, modelo, entre outras, através do comando 

```
$ lscpu
```

- **$** indica que você deve usar o **usuário comum** para fazer essa operação.
Completing a side project. Presenting AVCUD.
Tags: showdev, webdev, svelte
Published: 2020-08-08 13:24:36

---
title: Completing a side project. Presenting AVCUD.
published: true
description: After starting an endless amount of projects I finally completed my first.
tags: #showdev, #webdev, #svelte
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/33z4swuaxw2ymse97s22.png
---

During the lockdown I needed a way to distract myself. I decided to watch a movie but the problem I'm having is that I get paralysis from all the options. I normally end up scrolling through endless amounts of movies and in the end I don't pick anything. I decided this time to watch the best movie for each year from the year I was born until 2019.

There is one problem though. How do you define "the best" movie? Is it the box office income? Is it the IMDB score? Is it the most Oscars? I decided to do what every normal person would. I did create a weighted function that takes all three into account, creates a score and ranks them by it. On the back of that I did create https://avcud.com

The idea is simple, you put a year in the search box and the app goes through all the data I mentioned above, crunches the numbers and gives you a visual list of the movies starting from the highest ranked. Under each movie it gives you some basic info (box office income, IMDB score, Oscars won/Oscars nominated). Clicking on the movie title gets you to the movie page where you can see more info and even get suggestions on other similar movies.

![AVCUD result page](https://dev-to-uploads.s3.amazonaws.com/i/j230qe8u2gdszox1p2f8.png)

I am really proud of this. It's the first time I can safely say i did deliver on a product idea I had. It does solve my problem exactly and I ended up using it all the time. I hope you like it. Next steps include creating a page to see individual actor profiles (I like searching movies by actors/directors) and curated lists of movies. I also have some technical issues I need to solve.

As far as technologies are concerned the backend is written in Python3 and dockerized. The frontend is written in Svelte and server side rendered with Sapper (really enjoyed using Svelte). The site is hosted in Google Cloud and Firebase. My technical problems are concerned with Google Cloud. That will be a future blog post.

If you have any feedback please let me know. Check it here: https://avcud.com/
After TikTok what's next?
Tags: discuss, watercooler
Published: 2020-08-08 13:12:50

Since now TikTok is getting banned, 

* What will be banned next? 
* Are we going to `geo-Lock` companies like we have geo-locked our media? 
* Are VPNs going to be a staple and a must-have to access the entire internet?
* Can we even call it a worldwide web if every country decides to restrict services making it `not-so-worldwide`?
* How do we know this is the right way to do things? But do we even have options/alternatives?
Any totally free great resume service/app?
Tags: discuss, career
Published: 2020-08-08 13:04:37

### What I've already tried

* https://resume.com/
* https://novoresume.com/
* https://enhancv.com/
* https://zety.com/resume-builder
* https://resumegenius.com/
* https://resumake.io/

Most of these are __not really free__, hence I had to settle for `resume.com` and `https://resumake.io/`

Do you guys know any great resume builder apps/services? Been looking for a while.
React Bootstrap Tutorial
Tags: react, tutorial, webdev, html
Published: 2020-08-08 12:51:59

React and Bootstrap are two of my favourite libraries & frameworks.  When you combine the two 🔥 you can create applications with the snap of a finger... or keyboard...  

In this tutorial, I use the react-bootstrap library in a new create-react-app to bring in the styling and components we often use in Bootstrap into our application using native-like props to assign variations and attributes.

{% youtube 8pKjULHzs0s %}
<center>[Youtube: React Bootstrap Tutorial ](https://youtu.be/8pKjULHzs0s)</center>

Included in this tutorial:
* Setting up create react app
* Adding react-bootstrap into the project
* Adding bootstrap styling into the project
* Creating Bootstrap Buttons as components in React
* Creating Breadcrumbs, Cards, Forms, etc.

React Bootstrap:
https://react-bootstrap.github.io/

Create React App:
https://reactjs.org/docs/create-a-new-react-app.html

## Follow and support me: 
Special thanks if you subscribe to my channel :)
* [🎞️ Youtube](https://www.youtube.com/channel/UCvM5YYWwfLwpcQgbRr68JLQ?sub_confirmation=1)
* [🐦 Twitter](https://twitter.com/adrian_twarog)

## Want to see more:
I will try to post new great content every day. Here are the latest items:
* [Adobe XD to Fully Responsive WordPress Site](https://dev.to/adriantwarog/adobe-xd-to-fully-responsive-wordpress-site-16e0)
* [Adobe XD to HTML Full Process](https://dev.to/adriantwarog/adobe-xd-to-html-full-process-ao6)
* [Full Tutorial on how to use SASS to improve your CSS](https://dev.to/adriantwarog/full-tutorial-on-how-to-use-sass-to-improve-your-css-57on)
* [Creating a Mobile Design and Developing it](https://dev.to/adriantwarog/creating-a-mobile-design-and-developing-it-5c4o)
React JS Environment Setup
Tags: javascript, react, beginners
Published: 2020-08-08 12:36:50

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

ReactJS is a javascript library maintained by Facebook and instagram. It is mainly used to create user interfaces in JavaScript for different platforms.You can use ReactDOM for web applications, React Native for mobile app development (sharing the majority of code between Android and iOS), and cross-platform hybrid desktop applications with Electron.

# Features of ReactJS :
1. Speed
2. Simplicity
3. Scalability

# Points covered here are :
1. ReactJS Environment Setup

# Environment Setup

Tools required for ReactJS Environment
1. Node.js
    ![Alt Text](https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcRd1p-7LPSu7k9-LuDnFTTXhnqlDj30yJwAiQ&usqp=CAU)

2. VS code(Visual studio code)

    ![Alt Text](https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcTvjpDCyF3WV6nkKNXVhfeVJgeueWfntRFYlQ&usqp=CAU)

# Steps to setup React Environment

Install Node.js
 1. Create a directory for React.js App
 2. Open command prompt
 3. Create a directory for React.js App
 4. Open command prompt

Go to Reactjs Directory location 

 ![Alt Text](https://lwstatic-a.akamaihd.net/kb/wp-content/uploads/2019/04/nodejs_commandprompt4.png)

Type command for React Environment 
npm install create-react-app -g or
npx create-react-app my-app

![Alt Text](https://cdn.jsdelivr.net/gh/facebook/create-react-app@27b42ac7efa018f2541153ab30d63180f5fa39e0/screencast.svg)

Here -g means installation type is global

Second command :
create-react-app AppName

Go to AppName directory and type npm start

After starting your first React Application, You will get default screen on the browser.

![Alt Text](https://www.c-sharpcorner.com/article/temp/74393/Images/Default%20page%20of%20react%20app.jpg)

Hope you would get basic knowledege on how react is been setup .
A "beautify touch" for your GitHub profile. 🤩
Tags: github, tutorial
Published: 2020-08-08 12:33:13


This is a small and easy trick, for beautify your personal GitHub page. 
👨‍💻🎨

1️⃣
Oper your GitHub page, create a new repository, and give it the name of your GitHub profile.
If it's all good, you can see a message like this:

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/3rnxrh5skjq6xxavh19l.png)

2️⃣
Create a README.md file inside your new repository, give it a style (you can fine a lot of example online).

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/s0tztliezxll9r7u2fdr.png)

3️⃣
Commit you README and "et voilà", that's all folks: now you can find a new section on the right of your profile picture. 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/0n8k3d3nvqgdxloluscn.png)

Hope I help you; it's an easy way with a good result! 🖼
KVision v3.12.0 is released (with support for Micronaut framework)
Tags: kvision, kotlin, micronaut
Published: 2020-08-08 12:10:25

---
title: KVision v3.12.0 is released (with support for Micronaut framework)
published: true
description: KVision is an open source web framework created for Kotlin/JS.
tags: kvision,kotlin,micronaut
---

[KVision](https://github.com/rjaros/kvision) is an open source web framework created for Kotlin/JS. It allows developers to build modern web applications with the Kotlin language.

I have released KVision 3.12.0, with a new module supporting the [Micronaut](https://micronaut.io) web framework. Micronaut provides a simple compile-time aspect-oriented programming API that does not use reflection. It's perfect for building modular, easily testable microservice and serverless applications.

There are some [new example applications](https://github.com/rjaros/kvision-examples), including the new [fullstack template](https://github.com/rjaros/kvision-examples/tree/master/template-fullstack-micronaut), which present how to build KVision fullstack apps with Micronaut. 

For more details about this release see the [changelog](https://github.com/rjaros/kvision/releases/tag/3.12.0).

Don't forget to ⭐️ my [project](https://github.com/rjaros/kvision) if you like it!

As always, any feedback is appreciated!
Daily Developer Jokes - Saturday, Aug 8, 2020
Tags: jokes, dailydeveloperjokes
Published: 2020-08-08 12:00:00

---
title: "Daily Developer Jokes - Saturday, Aug 8, 2020"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
cover_image: "https://private.xtrp.io/projects/DailyDeveloperJokes/thumbnail_generator/?date=Saturday%2C%20Aug%208%2C%202020"
published: true
tags: #jokes, #dailydeveloperjokes
---

Generated by Daily Developer Jokes, a project by [Fred Adams](https://xtrp.io/) ([@xtrp](https://dev.to/xtrp) on DEV)

___Read about Daily Developer Jokes on [this blog post](https://xtrp.io/blog/2020/01/12/daily-jokes-bot-release/), and check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/).___
### Today's Joke is...
![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e1259b6d7a73.png)

---
*Have a joke idea for a future post? Email ___[xtrp@xtrp.io](mailto:xtrp@xtrp.io)___ with your suggestions!*

*This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit.*

<!-- 
Joke text:
___Q:___ Did you hear about the programmer that was scared of IDEs?

___A:___ They retreated back into their shell
 -->
What's the most fun trip you ever went on? 😎
Tags: watercooler, discuss
Published: 2020-08-08 11:55:19

I was scrolling around my phone's gallery today, when I came across this happy picture from last year:

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/5uhwr8935ybxcwzgg20g.jpeg)

I'd gone for paragliding in the beautiful hilly village of Bir, in Northern India. Here's what the view looked like:

![Bir Biling](https://dev-to-uploads.s3.amazonaws.com/i/85s92vkt4u549fupdeby.jpeg)

Now that we're all staying at home and travelling isn't an option anymore, let's share pictures of fun trips we went on! ✈🚲🚗🚉

*Let the virtual travel begin.*
Flutter App Support Chat
Published: 2020-08-08 11:48:57

Hi, I am working on a flutter project with payment integration. I am very good at front end side but when it comes to back-end it hurts. Anyways I want to add this functionality in my app.
- The user will pay price for the consultant. Once the transaction is done I want to give the user a option to chat with the support team of the app but for only 2 days not more than 2 days after the payment. 
I am using purely using firebase for CRUD functions but I am stuck on this. I have done this in php with sessions but I can't figure out how can I do it using firebase. 

Any detailed help/guidance will be very helpful. 

Thanks.
Join my Courses 🏆
Tags: codenewbie, computerscience, tutorial, techtalks
Published: 2020-08-08 11:38:14

🚀 https://www.udemy.com/user/anant-rungta-5/ 🚀

{% twitter 1290757543531225088 %}
{% twitter 1292061869008498688 %}
{% twitter 1292061680172556288 %}