teleren/devto huggingface dataset:
JSON with multiline strings
Tags: json, javascript, typescript, parsers
Published: 2023-05-19 21:48:17

---
title: JSON with multiline strings
published: true
description: nascent spec for JSON with template strings
tags: JSON, javascript, typescript, parsers
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k3876itrp3v3xhpo32tx.png
---

One of the most impactful features to be added to ECMAScript in the last few years is template literals. Creating multiline strings before the template literal syntax was done with `\n` escape codes.

```ts
const exampleObject = {
  exampleText: 'this text appears on line 0\nthis text appears on line 1'
}

console.log(exampleObject.exampleText)
// this text appears on line 0
// this text appears on line 1
```


This was not only a pain to write, but also a pain to read - especially when a string contains many line breaks. But with modern JS we can do the following instead:

```ts
const exampleObject = {
  exampleText: `this text appears on line 0
this text appears on line 1`
}

console.log(exampleObject.exampleText)
// this text appears on line 0
// this text appears on line 1
```

Note that the output of either method is the same. We can declare a JS Object that contains a string property using template strings with backticks, or we can do it with the `\n` escape code.

However, this flexibility is not available in JSON. We are able to write these multiline strings in JS, but in JSON the same content would cause a parsing error because JSON doesn't know how to handle strings wrapped with backticks.

But this isn't the first time there was a missing feature in JSON! It is also unable to handle a document if it contains a comment:

```json
{
  "org": "polyseam" // this comment would cause JSON.parse to fail
}
```

The above document is invalid JSON, despite it being perfectly valid JavaScript. Eventually, someone decided comments are so useful that a new specification and parser were created to allow us to put them in documents. 

That spec is called [JSONC](https://github.com/Microsoft/node-jsonc-parser). Note how the comment is now correctly parsed as such:

```jsonc
{
  "org": "polyseam" // this comment is properly ignored
}
```

Now we know multiline strings are a missing feature of JSON that is quite valuable, and we know that we can create new specifications and parsers when it is worth while... I propose we create _just one last_ variant of JSON:

```ts
{
  "org": "polyseam",
  "exampleText": `this text appears on line 0
this text appears on line 1`
}
```

By extending JSON in this way we have so much more flexibility in the way we read and write documents with JSON, which has impacts from the browser, to the server, to Kubernetes manifests, and beyond. We also provide a feature that 'just works' the way a JavaScript developer might imagine it should.

Do you think that JSONCT is a good idea? Does it already exist? Do you have a better name for it?

We'd love to hear from you!

{% cta https://cndi.run/jsonct?utm_content=jsonct_blog&utm_campaign=jsonct_blog_devto&utm_source=dev.to/polyseam&utm_medium=social&utm_id=5054 %} github.com/polyseam/jsonct {% endcta %}
Front-End vs Back-End Development: What is the core difference?
Tags: webdev, beginners, codenewbie, coding
Published: 2023-05-19 21:39:50

## Front-End vs Back-End Development: What is the core difference?

When it comes to web development, there are two main areas of focus: front-end and back-end. Front-end development is responsible for the user interface (UI) of a website, while back-end development is responsible for the underlying functionality.

**Front-End Development**

Front-end development is all about creating the visual elements of a website that users interact with. This includes things like the layout, design, and functionality of the website's UI. Front-end developers use a variety of technologies to create these elements, including HTML, CSS, and JavaScript.

**Back-End Development**

Back-end development is all about creating the functionality of a website. This includes things like storing data, processing requests, and generating responses. Back-end developers use a variety of technologies to create these features, including programming languages like Python, Java, and C++.

**The Core Difference**

The core difference between front-end and back-end development is the level of interaction with the user. Front-end developers are responsible for creating the elements that users see and interact with, while back-end developers are responsible for the elements that users don't see.

Front-end developers need to have a strong understanding of design and user experience. They need to be able to create websites that are visually appealing and easy to use. Back-end developers need to have a strong understanding of programming and data structures. They need to be able to create websites that are functional and efficient.

Both front-end and back-end developers are essential for creating a successful website. They work together to create a website that is both visually appealing and functional.

**Here are some of the key differences between front-end and back-end development:**

* Front-end development is focused on the user interface, while back-end development is focused on the underlying functionality.
* Front-end developers use technologies like HTML, CSS, and JavaScript, while back-end developers use technologies like Python, Java, and C++.
* Front-end developers need to have a strong understanding of design and user experience, while back-end developers need to have a strong understanding of programming and data structures.

If you're interested in a career in web development, it's important to understand the difference between front-end and back-end development. This will help you to choose the right path for your skills and interests.
WCEU 2023 Publishes Schedule, Reaffirms Commitment to Diversity
Tags: webdev, wordpress
Published: 2023-05-19 21:28:54


WCEU 2023 Publishes Schedule, Reaffirms Commitment to Diversity
WordCamp Europe 2023 is just under three weeks away from happening in Athens on June 8-10. More than 2,700 tickets have been purchased and 527 remain, along with 49 micro-sponsor tickets.

Speaker announcements have concluded and the official schedule was published today. WCEU will be running three tracks of presentations and two tracks for workshops. Organizers have also announced a Wellness Track that will feature different activities throughout the day, including a Yoga class, a Tai Chi class, and a group hike.

“The Wellness Track is an important addition to WordCamp Europe because we need to find a balance and be more focused on taking care of our minds and bodies, taking care of the whole community and in turn the one world we have to live in,” organizer Ohia Thompson said.

“This means seeing our interconnectedness and moving forward with a focus on wellbeing, diversity, and sustainability. The Wellness Track this year is just the beginning of a more intentional future for everyone connected to WordPress.”

Last year the team hosting the event in Porto was called out for a lack of diversity on the organizing team, which performs critical tasks like selecting speakers and managing a speaker support program. In what appears to be an echo back to that controversy, a public interaction on Twitter earlier this month caused community members to question the organizing team.

WCEU was once again forced to reaffirm its commitment to diversity after Sjoerd Blom, one of the Global organizers, accused StellarWP’s Director of Community Engagement, Michelle Frechette, of “being prejudiced” when she questioned the lack of diversity in the first few rounds of speaker announcements.
The AFFiNE Beta Client is here!
Tags: webdev
Published: 2023-05-19 21:23:18


The AFFiNE Beta Client is here! 

Lots of updates:  
- Database to boost your productivity
- Feature rich Edgeless, allowing you to get more creative
- Auto-updater 
- And more... 

Learn more and download: https://affine.pro/blog/whats-new-affine-0518

#AFFiNE #Beta #OpenSource 
#BuildInPublic #Privacy #Local
#Notion #Miro #Monday #Alternative



![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j1tglxe7zu6bo82qu76x.png)
Behind the Automation of Jurassic Park
Tags: movie, code, pascal
Published: 2023-05-19 21:19:17

The iconic Jurassic Park movie, released in 1993, captivated audiences with its mesmerizing depiction of a fully automated park powered by computer programming. While we marvelled at the breathtaking scenes, have you ever wondered which programming language was utilised to bring the park's automation to life?"

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ipkjgzgosa9u2w0s9se9.jpeg)
While it is not explicitly stated in the Jurassic Park movie that the control system language used in the park is Pascal, there are indeed references and similarities to Pascal in the film.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ephjbucxj3h4u9bkzigy.jpeg)

In the movie, the character Dennis Nedry, portrayed as a skilled computer programmer, is shown writing code for the park's control system. The code snippets shown on screen display Pascal-like syntax and structure, suggesting a resemblance to the Pascal programming language.

Additionally, the character Ray Arnold, played by Samuel L. Jackson, mentions "Pascal routines" when discussing the park's control system. This further suggests that Pascal may have been an inspiration for the fictional language depicted in the movie.

However, it's important to note that the language portrayed in the film as "Nedry's Code" or "JP-CL" is a fictional representation and does not correspond directly to the real Pascal programming language. The movie takes artistic liberties and simplifies the technical aspects for storytelling purposes.
Day 754 : Energy
Tags: hiphop, code, coding, lifelongdev
Published: 2023-05-19 21:14:27

_liner notes_:
- Professional : Started the day out with meeting with some folks to plan out some future projects. Then I had a conversation with a team about a feature they've been working on and that I'm making a demo application using it. Did some work on my presentation. Next thing I know, the day is over.

- Personal : Went through a bunch of tracks last night. Also did some work on my slides. By the end of the night, I didn't have the energy to watch any anime.

![Looking across from a lake at a town in Lago di Toblino, Italy with large mountains in the background with some clouds in the valley between the mountains.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6jj06xofamk871eugnfl.jpg)

Need to pack for my upcoming trips. Really need to make sure I have everything. Going to finish up the pre-show radio show work. Then I want to spend the rest of the night working on my talk. I have next week off and then I'm speaking at a conference the following week, so probably no blog posts for a while.

Have a great next couple of weeks!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube dDubhAKSeB0 %}
#DEVDiscuss: How will new leadership affect Twitter (and the broader tech industry)?
Tags: devdiscuss, discuss, career
Published: 2023-05-19 20:00:00

Hey Devs, happy Friday 🦥💚

As always, it's been an eventful week in the tech industry. We've got a lot to talk about! And today I want to discuss...**how new leadership will affect Twitter and the broader tech industry.**

On Friday, May 12, 2023, Elon Musk announced that Linda Yaccarino would become CEO of Twitter, and that he would continue to focus on "product, software, and sysops."

{% embed https://apnews.com/article/elon-musk-twitter-inc-technology-ap-news-alert-us-bce824b9844130d5c86bdb29887d0d1e %}

We've learned over the past year that changes to Twitter are never just changes to Twitter—they have ripple effects across the entire tech industry, from [Tesla's stock valuation](https://finance.yahoo.com/video/tesla-stock-closes-lower-elon-202332799) to the emergence of new platforms such as [Bluesky](https://dev.to/devteam/were-on-bluesky-4k44).

So, what do you think is next? Share your thoughts in the comments and let's discuss!

---

*Want to submit a question for discussion, or even ask for advice? Visit [Sloan's Inbox](https://docs.google.com/forms/d/e/1FAIpQLSc6wgzJ1hh2OR4WsWlJN9WHUJ8jV4dFkRDF2TUP32urHSAsQg/viewform?usp=sf_link)! You can choose to remain anonymous.*
Questions to ask recruiters and interviewers
Tags: career, interview, softwareengineering, help
Published: 2023-05-19 19:59:27

Hi everyone, I've been compiling a list of interview questions over the years. The goal is to get a general idea of various aspects of the company and the role, such as culture, communication, turnover, etc.

I think it's much easier to get an idea of the people you'll be working with when you ask specific questions that they don't necessarily have a preplanned response to. As a bonus, recruiters and interviewers are generally impressed with the thought and effort, and I've had many questions net positive feedback.

This list is geared towards IC level software engineers. Feel free to do whatever you like with it, and I recommend copying the list or forking the repo, so you can customize the questions to what you value. Also, please feel free to share what questions you like to ask!

Hope this list can be of some help!

[Interview Questions List](https://github.com/pmulard/interview_questions)
Dev.to post to markdown utility
Tags: markdown, node, blog, devto
Published: 2023-05-19 19:33:35

Because of I love dev.to, and that I also have my own blog,
I created a new cli that converts dev.to link to markdown :) 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oo9iych5d5rg5jp78du6.png)

How it works
The utility extract the post id from the page, and then using the post-id to query the raw markdown from dev.to API.

or you can just read the code here:
https://github.com/oryaacov/devto-to-markdown

# Installation

1. Ensure you have Node.js and npm (Node Package Manager) installed on your system.
2. Open your terminal or command prompt.
3. Execute the following command to install the utility globally: `npm i -g devto-to-markdown``

## Usage

Once the utility is installed, you can convert Dev.to blogs to Markdown using the following command:

```devto-to-markdown -u <devto-url>```

Replace `<devto-url>` with the URL of the Dev.to blog you want to convert.

For example:

```devto-to-markdown -u https://dev.to/oryaacov/how-to-setup-http-server-with-security-headers-using-nginx-docker-dok```
Responsive Table Design Using Only HTML CSS
Tags: html, css, tutorial
Published: 2023-05-19 19:30:20

Responsive Table Design Using Only HTML CSS

hey guys hope you all of fine, there many users facing problem to design a responsive table using HTML and CSS. So, I'm going to teach with you how you how to make responsive table design using HTML CSS.

Basically, table is very important to display the content. When you will design  web applications or admin panel, you need to display the table.

So, we are learning step by step how to use HTML and CSS to design it. after watching the complete tutorial, hope you've got a lot ideas from it.

Once you learned it, then you will able to use same tactics to add it with any applications.

{% embed https://www.youtube.com/watch?v=VbW36Fmn2us %}.
3.12 - How to Become a Full Time Content Creator
Tags: podcast, webdev, javascript, beginners
Published: 2023-05-19 19:30:02

Original: https://codingcat.dev/podcast/How-to-Become-a-Full-Time-Content-Creator
          {% youtube https://youtu.be/WPrmIwDBodM %}
          {% spotify spotify:episode:0uU5P07jbMFp4iEnoRYwAX %}
Created a Brainfuck Interpreter
Tags: cpp, programming, opensource, github
Published: 2023-05-19 19:29:32

Last month I decided to write a fully-documented easy-to-use, 
free and open-source Brainfuck Interpreter written fully in C++.

The project is still not finished, but It is promising.

If you want to take a visit or fork the repository.
**Here is the link: https://github.com/FireC672/Brainfudge**
Write a file into specific folder in Node JS example
Tags: node, javascript, webdev
Published: 2023-05-19 19:16:40

Hi friends, in this tutorial you will learn how to write a file into specific folder in node js and it is a very basic concept of a node js filesystem. In order to write a file you have to follow the below steps:

## Required steps to write a file into specific folder in Node JS

Step 1:- Create a folder inside the node js application or anywhere you want.

Step 2:- Create a file with a .js extension inside the node js application. For eg:- filesystem.js

Also read, [Node Js hello world program
](https://pbphpsolutions.com/node-js-hello-world-program.html)
Now, before writing a file, you have to include two built-in modules of node js as given below

fs module:- In order to work with the filesystem such as creating a file, reading a file, updating the file, and deleting a file in node js, there is a built-in module called "fs". You can use this module with the help of require() method as shown below.

const fs = require("fs");

path module:- In order to get the path of a specific folder of the directory, you can include this module as shown below.

const path = require("path");

Step 3:- In the filesystem.js file, call the above two modules as given below.

const fs = require('fs');
const path = require('path');

Step 4:- Now, get the path of the specific folder where you want to write the file using the path variable with the help of the join() method as shown below.

const directory = path.join(__dirname,'your folder name');

Now, if you console the above directory variable and run your node js file in the terminal then you can see the folder path as shown below

D:\nodejs_tutorials\myfiles

Step 5:- Next, we will create the file using the writeFileSync() function with the help of filesystem constant "fs". as given below.

fs.writeFileSync(directory+"/test.txt","Hi this is a text file");

Note that in the above line of code, do not forget to include the directory inside the writeFileSync() function because the file will be created inside that specific directory.

Also, read, [How to install package JSON file in node js](https://pbphpsolutions.com/how-to-install-package-json-file-in-node-js.html)

Step 6:- Now, in the VS code, open the terminal and run the node js file (filesystem.js) and you will see that the test.txt file has been created under the specific folder you mentioned at the time of directory declaration.

Complete Code:- (filesystem.js)

```
const fs = require('fs');
const path = require('path');
const directory = path.join(__dirname,'myfiles');
//console.log(directory);
fs.writeFileSync(directory+"/test.txt","Hi this is a text file");
```

Conclusion:- I hope this tutorial will help you to understand the concept.
Check this brand new Community
Published: 2023-05-19 19:10:12

Hello everyone,

I am excited to announce the launch of ShiftSync, a new community dedicated to quality engineering. Whether you’re a developer, tester, or DevOps specialist, ShiftSync is the place to be.

I am thrilled to be part of a platform where we can share our expertise and collaborate on all things quality engineering. Whether you have a question about automation testing, need advice on deployment strategies, or want to discuss the latest industry trends, ShiftSync is the perfect place to do it.

At ShiftSync, we believe that quality engineering is the foundation of successful software development. That’s why we’ve created a community that focuses on the importance of QA and the value it brings to the entire software development lifecycle.

So, if you’re passionate about quality engineering and want to connect with like-minded individuals, join us at ShiftSync. Let’s build a community where we can learn, grow, and inspire each other to create better software.

Tag https://www.linkedin.com/in/kgandzeichuk/ and let her know about this exciting new community.

Thank you and see you at ShiftSync!
KDENeon
Tags: gnulinux, linux, kdeneon, kdeplasma
Published: 2023-05-19 18:55:29

## EL ESCRITORIO PLASMA CASI PURO
KDENeon es la combinacion de Ubuntu 22.04 LTS con la ultima version del escritorio plasma, mantenido por la comunidad KDE, quienes realmente hacen un trabajo espectacular.

En esta oportunidad le consegui un fondo de pantalla muy de la distro y lo demas es una combinacion de lo siguiente:

Global Theme : BLACK GLASS
Estilo de las aplicaciones : BRISA
Estilo de plasma : BLACK GLASS
Decoraciones de ventanas : BRISA (para tener los originales)
Iconos : Brisa con el color del fondo
Colores : BLACK GLASS

Respecto al rendimiento de la distribucion, pues va muy bien, cumpliendo con lo que debe cumplir, lo he usado en estos quince dias haciendo streaming, grabando, corriendo maquinas virtuales y demas....debo decir que el consumo de RAM si lo lleva a lo ultimo en algunas ocasiones cuando es exigido, pero fuera de ello va muy bien esta distribucion y la recomiendo para aquellos temerarios....ahora si quieres algo mas estable y no correr riesgos por las ultimas actualizaciones de plasma, pues de recomiendo definitivamente #kubuntu con la cual no tendras ningun tipo de problema. 

Saludos y nos vemos en linea.

Encuéntranos en:
Sala matrix Cafe con Linux : https://matrix.to/#/!oLxlUburBcsVKuFB...

Grupo telegram GNULinux : t.me/cafe_con_linux
Grupo telegram xTecnoMundo Security : https://t.me/cafe_con_linux
Mastodon Cafe con Linux : https://mast.lat/@cafeconlinux
Mastodon xTecnoMundo Security : @XTecnoMundo 
Twitter xTecnoMundo Security : https://twitter.com/XtecnoMundo
Twitter Cafe con linux : https://twitter.com/cafe_con_linux