teleren/devto huggingface dataset:
Another older language: BLISS
Tags: bliss, legacy
Published: 2020-08-26 05:04:30

I still remember seeing the manuals for [BLISS](https://www2.cs.arizona.edu/classes/cs520/spring06/bliss.pdf) in the system manager's office. Where I was studying programming (Northern Rivers College of Advanced Education, now [Southern Cross University](https://www.scu.edu.au/about/history/from-teachers-college-to-university/)), we started off with a [VAX 11/750](https://en.wikipedia.org/wiki/VAX-11) and then a [Microvax](https://en.wikipedia.org/wiki/MicroVAX).

While I was learning about [COBOL](http://bitsavers.trailing-edge.com/www.computer.museum.uq.edu.au/pdf/AA-C966A-TE%20VAX-11%20COBOL-74%20User%27s%20Guide.pdf) (and, on the side, [FORTRAN](http://bitsavers.trailing-edge.com/pdf/dec/vax/lang/fortran/AA-D034E-TE_VAX_FORTRAN_Language_Reference_Manual_Jun88.pdf) and [DCL (DEC Command Language)](http://h30266.www3.hpe.com/odl/vax/opsys/vmsos73/vmsos73/6489/6489pro_005.html), the [BLISS](http://bitsavers.trailing-edge.com/pdf/dec/spd/25.12.02_8005_VAX-11_Bliss-32_2.0.pdf) manuals beckoned. Sadly (very sadly!), I never took them down, never tried to type, compile, link and run the examples.

Now the language is an historical note on [Wikipedia](https://en.wikipedia.org/wiki/BLISS) and [HOPL](https://hopl.info/findlanguages2.prx?language=BLISS&which=byname) and I have those "what might have been" feelings.
How to set up Nodemon & Sucrase
Tags: node, 100daysofcode, nodemon, sucrase
Published: 2020-08-26 04:54:34

## What is Sucrase?

Sucrase let us develop Node app in ES6,is an alternative to Babel that allows super-fast development builds. If it fits your use case, hopefully, Sucrase can speed up your development experience!

## What is Nodemon?

Nodemon is a tool that helps develop node.js based applications by automatically restarting the node application when file changes in the directory are detected.

## Getting Start

First you need to install the packages as development dependencies, 

```bash
yarn add --dev sucrase 
yarn add --dev nodemon
# Or 
npm install --save-dev sucrase
npm install --save-dev nodemon
```

After setting the packages as project dependencies, if we try to use the features of Sucrase like this:

```bash
node index.js
#Or
nodemon index.js
```

You will encounter an error because to compile with sucrase, is necessary use sucrase-node instead node, on use nodemon node is called every time some file change in a directory, so how we set to nodemon use sucrase-node instead node? 

## Nodemon + Sucrase

To set Nodemon to use sucrase we need to create a file nodemon.json in our '/' project, with the following code:

```json
{
  "execMap":{
    "js": "node -r sucrase/register"
  }
}
```

Once we create this file every time nodemon executes a js file, it will be compiled by sucrase before run the code.

# References

[https://www.npmjs.com/package/sucrase](https://www.npmjs.com/package/sucrase)

[https://www.npmjs.com/package/nodemon](https://www.npmjs.com/package/nodemon)
What if I want to ask the user for the numbers of apples and oranges in Python ?
Tags: python, help, beginners, ddsry
Published: 2020-08-26 04:52:39

■ Question:


▪ What if you want to ask the user for the numbers of apples and oranges in Python Programming Language ?

■ Answer:


▪ Remember, you just need to use int() function to convert what you get from input() function.
IPL Prediction 2020
Tags: inclusion, productivity, laravel, motivation
Published: 2020-08-26 04:49:26

In this website, you will get all the information related to this IPL season 2020 like  Who Will Win IPL 2020 Predictions Astrology, Bhavishyavani, Today IPL Match Winner prediction Report, and the answers of all those questions that are coming in your mind. This year was going to give a lot of patience to the people who wanted or waiting for this IPL season. Because there was much speculation this year as to whether this IPL will have a 2020 season or not, as there was a fear of spreading infection due to Covid-19 this year. But many other sports-related events have been organized in many other countries and in many places the game has been successfully concluded.
<a href="https://www.bhavishyavaniprediction.com/who-will-win-today-ipl/">who will win ipl 2020 astrology predictions</a> 
<a href="https://www.bhavishyavaniprediction.com/ipl-today-toss-prediction/">Today Ipl toss prediction 2020</a>
<a href="https://www.bhavishyavaniprediction.com/who-will-win-today-ipl/mi-vs-csk-cricket-match-prediction/">mi vs csk 2020 prediction</a>

Encouraged by that, the BCCI also decided that this year will also be IPL but this event will be held in the UAE and all the precautions related to the rescue of COVID 19 will be taken care of very closely. This year, only 50% of the audience will be present to watch the match at the stadium. Due to COVID 19 virus this year, the IPL schedule has changed about two or three times.
Announcing Trunk — Build, bundle & ship your Rust WASM application to the web.
Tags: rust, webassembly, webdev, web
Published: 2020-08-26 03:53:45

---
title: Announcing Trunk — Build, bundle & ship your Rust WASM application to the web.
published: true
description: Build, bundle & ship your Rust WASM application to the web.
tags: #rust, #webassembly, #webdev, #web, #wasm
---

I am happy to announce the very first release of Trunk. Trunk is a CLI tool, written in Rust, which provides a simple, zero-config pattern for building Rust WebAssembly applications, bundling application assets (sass, css, images &c) and shipping it all to the web.

Trunk is designed for creating progressive, single-page web applications, written in Rust, compiled to WebAssembly, without any JS (though today JS is still needed for loading WASM modules). Trunk follows a simple paradigm: declare an `index.html` file describing the single page of your application, then Trunk will parallelize bundling assets declared in your HTML, will build your WASM app, hash resources for cache control ... all without any extra config files.

- [release notes](https://github.com/thedodd/trunk/releases/tag/v0.1.0).
- [github repo](https://github.com/thedodd/trunk).

If you are interested in getting involved (which I hope you are), I would love for you to help out. There are lots of great features planned, and many still in the design phase. I hope you will stop by, give the issues a read, share any thoughts if you feel so inclined, and if you want to write some code, please do!

”Pack your things, we’re going on an adventure!” ~ Ferris
Customizing your roguelike graphics tileset (with JavaScript)
Tags: javascript, graphics, gamedev, roguelike
Published: 2020-08-26 03:01:50

The other day I released [this template project for making your own online Roguelike game](https://chr15m.itch.io/roguelike-browser-boilerplate). I'm making a series of screencasts to show you how to create your own game using the boilerplate. This next video covers customising the graphics tileset and using JavaScript to pick tiles etc.

{% youtube kto78PSTMkw %}

Enjoy!
Day 86 : #100DaysofCode - Learning JS - Manipulating the DOM
Published: 2020-08-26 02:13:57

Today I reviewed some of the lessons provided by my bootcamp on Manipulating the DOM. I continued to work on the project from yesterday and was able to add edit functionality. Next part of the challenge is to add a drop down list which will allow a user to pick a priority category for the todo item.

{% jsfiddle https://jsfiddle.net/sincerelybrittany/3tup0c5d/6/ result,html,css %}

I hope to finish that and to start the regex section of freecodecamp.

Thanks for reading!

Sincerely, 
Brittany
Overview of Queries type in Spring Data JPA
Tags: java, database
Published: 2020-08-26 02:13:43

This post deals with types of JPA query available. JPA queries are of 3 types mainly :
1. Query
2. NativeQuery
3. CriteriaQuery
 
1 **Query**: It is written in Java Persistence Query Language (JPQL) syntax and used to perform Crud operations. 
**Query query = getEntityManager().createQuery("SELECT m FROM MenuEntity m WHERE m.id=:id");**

There are two subtypes of query as well :
TypedQuery
NamedQuery 

a . **TypedQuery** : JPA can't infer what query result type will be and thus we have to cast the type. JPA provides a special Query sub-type known as a TypedQuery. This is always preferred to use if we know our Query result type beforehand.


TypedQuery<**Menu**> query
      = getEntityManager().createQuery("SELECT m FROM Menu m WHERE m.id=:id", Menu.class); **
In above query we can see Menu type assigned to TypedQuery.

b. **NamedQuery** : We provide NamedQuery to entity class, which gives a quick way to read Entity related queries. All NamedQueries must have a unique name. If there is a single NamedQuery then we can use @NamedQuery on the entity class, but if there are multiple then we use @NamedQueries and add comma separated @NamedQuery in it.


For example :
**@Entity
@NamedQuery(name="Menu.findAll", query="SELECT m FROM Menu m") 
public class Menu {
  ...
}**



2 .**NativeQuery** : NativeQuery is very simple to use as it provide provides flexibility to write queries that are not provided by JPQL syntax.


**Select m from Menu m**

3 .**CriteriaQuery** : Criteria queries are  mainly useful to build dynamic queries whose exact structure is only known at runtime.


**CriteriaBuilder cb = em.getCriteriaBuilder();**
**CriteriaQuery<Menu> q = cb.createQuery(Menu.class);**
**Root<Menu> c = q.from(Menu.class);**
**q.select(c);**

**What is the difference between using JPQL and Criteria Queries?**
JPQL queries are defined as simple strings similar to SQL queries, but criteria queries are defined by creating Java objects that represents query elements.
Whenever we have to build dynamic queries then criteria queries are preferred else its good to use JPQL for simple queries.
Also when we use criteria queries then we can detect errors at compile time itself.
Setting up the React environment with the super tool creat-react-app!
Tags: react, node, yarn, javascript
Published: 2020-08-26 01:18:24

## **Setting Up the Tools**

If you have nodejs and yarn installed you can [click here](#react-hook-form-install) to go to the next section to install the library.

#### Installing nodejs

First of all, you need to have installed nodejs, you can download the latest version from this website (in the time that I was writing this post it was *v14.7.0*:

[nodejs website](https://nodejs.org/en/)

Once you installed the nodejs open the terminal on MAC or the command prompt on Windows and type the following command to see if it was installed successfully:

    node -v

If it shows you the version of nodejs, it means was successfully installed.

#### Installing yarn Globally

Once you have installed node, you need to install yarn globally to be able to use yarn in your project. You can install it with the following command:

    npm install -g yarn

the *-g* flag means it will be installed globally.

You can test if yarn was successfully installed by typing this command on the Terminal:

    yarn -v

I have version *1.22.4* at the moment that I was writing this post.

#### Installing Create React App Library Globally

You can install the library *create-react-app* globally by typing this command:

    npm i -g create-react-app

Once, it's installed you can verify by watching the version with the following command:

     create-react-app --version

The version I've installed is *3.4.1*.

## **Setting up the Environment**

#### Creating the App Project

We need to create the app folder with the following command:

    create-react-app <project_name>

*<project_name>* This is the name of the project, for instance (react-validation)

This is going to generate a new directory and It's going to populate it with all of the boilerplate files we need to start our react application.

Now, go to the folder that we've just created, start the development of the project and open the Visual Studio Code.

    cd react-validation
    yarn start
    code . 

You will have this screen on your browser
![Default create-react-app screen](https://dev-to-uploads.s3.amazonaws.com/i/hnjbjzxpngf6vf6k0r2e.png)

## **Cleaning the Boilerplate**

#### Removing Some Boilerplate Files

Remove the following files on the source (**src**) directory:

1. App.css
2. App.test.js
3. index.css
4. logo.svg

It must be like this at the end:

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

#### Remove content on App.js

1. Delete all the content in header tags including it, leaving a single div and 1 import from react.

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

2. Remove on *index.js* file the import of *index.css*.

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

Now, we have a completely blank page when we can start any project.
FieldValue.arrayUnion() called with invalid data. Nested arrays are not supported
Tags: firebase, googlecloud, firestore, javascript
Published: 2020-08-26 01:04:23

When trying to update an array in [Cloud Firestore](https://firebase.google.com/docs/firestore/manage-data/add-data) you might run into this error: `FieldValue.arrayUnion() called with invalid data. Nested arrays are not supported`.

However, that error might be a bit misleading. The following code will crash:

```ts
firebase.firestore.FieldValue.arrayUnion(['javascript', 'typescript']);
```

You don't have a nested array per se but your code will fail because Firestore requires you to pass those items individually. All you have to do is using the spread operator instead:

```ts
firebase.firestore.FieldValue.arrayUnion(...['javascript', 'typescript']);
```

---

[Follow me on Twitter](https://twitter.com/ceolinwill)
What to learn to become Software Quality Assurance
Tags: discuss, testing, beginners, qualityassurance
Published: 2020-08-26 01:03:11

Hi! I graduated from Informatics Engineering degree and right now looking for a job while brushing up my coding skills. Here found a lot of QA job vacancies and actually curious about what actually need to be learned. This is the job desc of Junior QA from the vacancies :

- Conduct preparation for SIT and UAT (prepare test plan/strategy, test scenario including negative and positive flow, test data, test environment, sign off, closure and all related documents)
- Liaise with relevant stakeholders (user and other CoE team member) for testing related activities
- Ensure testing activities is executed according timeline
- Ensure quality of delivered process (zero failure) based on defined requirement
- Actively monitor and report testing progress to stakeholders and defects/issues found during the execution of the automated test 

How to prove that I can do all of this?
I'm not lost in the maze... Yet.
Tags: beginners, javascript, css, react
Published: 2020-08-24 12:39:20

>  You’re building your own maze, in a way, and you might just get lost in it. - Marijn Haverbeke

#### Week 4 of 12

Last week was project week. It was an amazing feeling to finally build something tangible. It was amazing to present my [web app](https://aprilshenk.github.io/taste-the-best/) to the class and share the progress I've made with my friends and family. My fellow classmate's projects were fascinating to watch. They all were unique and the progress each person has made from day one is truly astonishing and inspiring.  

On my day one, I had a decent grasp of the basics for each, JavaScript, HTML, CSS, and the DOM. I was able to work with each language individually but struggled when it came to incorporating them together. Within a couple of weeks, I have solidified my understanding of JavaScript Methods and starting learning about Asynchronous JavaScript, AXIOS, Async and Await, working with promises and API's. I was also about to understand what an HTML defer tag does and how to work with CSS Flexbox. 

Today we dive into React and I am excited because I have heard multiple times now that once you learn how to work with React you'll never want to write vanilla JavaCcript again. As I am less familiar with React I am a little nervous but I also eager to learn more.
The Legend of Data - Ep.13 - Boosting Algorithms
Tags: python, datascience, beginners, tutorial
Published: 2020-08-26 00:49:31

---
title: The Legend of Data - Ep.13 - Boosting Algorithms
published: true
description: This week, we will have an introduction to different popular boosting algorithms. We will go over their characteristics and differences so hopefully will help you to find the right one in the future.
tags: Python, datascience, beginner, tutorial
---
This week, we will have an introduction to different popular boosting algorithms. We will go over their characteristics and differences so hopefully will help you to find the right one in the future.

If you have any questions or any suggestions about which Python or Data Science topics to cover, please leave your comment at my [Twitch channel](https://www.twitch.tv/cheukting_ho)

You can get the slide deck [here](https://slides.com/cheukting_ho/legend-data-pandas1/). The notebook that I used can be found [here](https://github.com/Cheukting/legend_data).
Let's talk productivity tools!
Tags: productivity, watercooler
Published: 2020-08-26 00:29:14

Hey, I'm a big fan of productivity tools, I love using them, I love trying new ones, I hate having to migrate all my stuff from one to another but I do it anyway from time to time because I get bored and want to try new things all the time.

Let's play a game. I'll give you 4 "roles" and you tell me what tool or tools you use for filling those roles. You can name the same tool in multiple roles. You can add comments on why you chose those tools, or not.

Role #1: To-Do's and Lists
Role #2: Note taking
Role #3: Time tracking
Role #4: Cloud sync and/or storage

I'll leave my choices (as of today at least) in the comments.
the Azure Quebec community is now on YouTube!
Tags: azure, cloud
Published: 2020-08-26 00:13:05

---
title: the Azure Quebec community is now on YouTube!
published: true
description: our Azure user group now has its YouTube channel.
tags: Azure, cloud
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/fbiopryy4qcb2qa324sx.png
---

Hey there!

Some of you may already know that I am the co-organizer of the [Azure Quebec Community](https://meetup.com/azureqc).

But did you know that we have a YouTube channel?

Since the introduction of the containment and social distancing measures, we started to run our meetings in a virtual mode. We therefore recorded the sessions and we are making them available on YouTube.

To watch or re-watch these sessions, [follow this link](https://www.youtube.com/channel/UCYLAJgoYFLYf0d4jWXuC1cA).

![Azure Quebec is on YouTube](https://dev-to-uploads.s3.amazonaws.com/i/fbiopryy4qcb2qa324sx.png)

Also, if you want to give a presentation on anything Azure related, [please let me know](https://twitter.com/tidjani_b).

See you soon !
✍ Demo 👉 Pure CSS Toggle Button 🔛 Switch 🙅‍♂️ No JS
Tags: css, codepen, codenewbie, beginners
Published: 2020-08-26 00:11:40

🔛 Pure CSS 👉 Toggle Button Switch ✍ Source Code

{% codepen https://codepen.io/livewordpresshelp/pen/VwvVLry %}
DSC Solution Challenge Demo Day 2020!
Tags: challenge, google, developerstudentclubs, googledevs
Published: 2020-08-26 00:04:25

Welcome to Demo Day 2020!

The winners of the 2020 @googledevs #DeveloperStudentClubs Solution Challenge are taking the virtual stage tomorrow to demo their solutions.

Set a reminder → http://goo.gle/solutionchallenge

https://techdevelopers-td.blogspot.com/2020/08/dsc-solution-challenge-demo-day-2020.html

https://twitter.com/googlestudents/status/1298338378786586625

https://twitter.com/googledevs/status/1298379633163939840

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/kb7h39wbiomr5ar9vm6g.jpg)
Setting up Site with Heroku and Express.js
Tags: javascript, node, npm
Published: 2020-08-26 00:00:06

I recently read up on how to deploy a site or app to the web, as I have never done it before and thought about creating a brief guide on how to do it. As with most things, there are multiple ways but one of the simpler ways is running an Express server hosted on Heroku. Express is a Node.js framework for web apps and APIs and is used to help organize web apps into an MVC architecture on the server side. Heroku, on the other hand, is a cloud platform that supports a number of languages and frameworks including Node.js.

**Setup**

- Node and npm installed on your local machine 
- Git installed
- The Heroku CLI installed

**Step 1:** You must first initialize a Git repository to your project directory since Heroku relies on Git to deploy local code to the cloud.

**Step 2:** Then you login to the Heroku CLI and create a new project. You can either login through a web browser or through the CLI. You also need a free Heroku account.

CLI Login: `$ heroku login -i`

**Step 3:** Next, you initialize a new npm project by creating a package.json file. 
Initializing: `$ npm init -y`. Then you install Express.

**Step 4:** The app.js is where the Express server will run locally and act as the entry point. First you require Express module and create an instance of the Express app. Next require the use of the express.static middleware from the directory you specify. After that, use app.get() to define a URL route. And finally add the port which Heroku will use, which will by default run on 3000 if run locally.

Example:
```
// create an express app
const express = require("express")
const app = express()

// use the express-static middleware
app.use(express.static("public"))

// define the first route
app.get("/", function (req, res) {
  res.send("<h1>Hello World!</h1>")
})

// start the server listening for requests
app.listen(process.env.PORT || 3000, 
	() => console.log("Server is running..."));
```

**Step 5:** To deploy an app to Heroku requires a Procfile which basically tells Heroku which command to run to manage a given process. Here, the command will let your server listen to the web.
`$ echo "web: node app.js" > Procfile`

**Step 6:** Finally, add and commit all changes you do in your files and Git push them to Heroku master branch: `$ git push heroku master`

Heroku will build and deploy the app and notify when it is done in the command line.

**References**
- https://devcenter.heroku.com/
- https://expressjs.com/
- https://www.freecodecamp.org/news/how-to-deploy-your-site-using-express-and-heroku/
Implement AntiXssMiddleware in .NET Core Web
Tags: c, aspnet
Published: 2020-09-01 10:54:09

---
title: Implement AntiXssMiddleware in .NET Core Web
published: true
date: 2020-08-26 00:00:00 UTC
tags: C,ASPNET
canonical_url: https://www.loginradius.com/engineering/blog/anti-xss-middleware-asp-core/
---

In this blog, we learn how to implement the AntiXssMiddleware in .NET Core. First, we will understand about the cross-site scripting. Cross-Site Scripting(XSS) Cross-site scripting is a security vulnerability and a client-side code injection attack. In this attack, the malicious…

   
[Read On](https://www.loginradius.com/engineering/blog/anti-xss-middleware-asp-core/)