teleren/devto huggingface dataset:
Story of Backslash, Yen and Yuan sign
Published: 2021-02-08 21:12:34

This is the Summery of the articles:

https://en.wikipedia.org/wiki/Backslash
https://en.wikipedia.org/wiki/Yen_and_yuan_sign

And translation of my article: https://zenn.dev/e99h2121/articles/3baa5d9d878683

In JIS X 0201, the character set standard for Japanese, the Yen and Yuan signs are 0x5C.
In UNICODE, like Laten-1, 0x5C is a backslash. The Yen and Yuan signs are 0xA5.

The backslash is used under the European font, and the Yen and Yuan signs are used under the Japanese font. This is coming from the IBM Japan keyboard, a legacy which was designed as a mainframe terminal, and does not mean that the Yen sign and the backslash can coexist in today's general PC environment.

The directory separator in Windows is still 0x5C, and it needs to be re-recognized as a backslash instead of a Yen sign.

Integration into Unicode: The Unicode was created to conduct all of the world's character codes in a single system. So any language can be represented in Unicode. 

The characters of the world's various character codes were mapped to Unicode characters to enable conversion from the various character codes to Unicode, but there was a problem with the handling of the Yen sign.

In the Japanese character code, the Yen sign is located at 0x5C and is treated as a control code. On the other hand, in ISO-8859-1 for Western European languages, the Yen sign is placed at 0xA5, which is a different address from 0x5C (backslash), and the Yen sign is not treated as a control code. 

Therefore, if a document written in these character codes is converted to Unicode and any of the Yen signs are mapped to the Unicode circle symbol (U+00A5), it is not clear whether the converted Yen sign is the Japanese Yen sign, which should be regarded as a control code equivalent to the backslash (U+005C).

In this case, it is not possible to know whether the converted Yen sign is a Japanese Yen sign, which should be regarded as a control code equivalent to a backslash (U+005C), or a European Yen sign, which is just a character.

Practical solution: the Japanese yen sign is converted to Unicode backslash (U+005C) in most environments.

Microsoft Windows and other Microsoft operating systems use 005C in the Japanese font for the Yen sign to avoid the problem. 

Also, many Japanese JIS keyboards have separate keys for the Yen sign and the backslash, but no matter which key is entered, 005C is entered.
Why I decided to study software engineering
Tags: blog, developer, coding, programing
Published: 2021-02-08 21:04:31

Going through the Pandemic things had changed all around the world. A new era has started with all this advanced technology I knew I wanted to start something new something different. I was always drawn to design and architecture. The idea of designing and creating things, seeing drawings and blueprints come to life was always so amazing to even watch. Back in my technical high school, I took two years of CADD(for computer-aided design and drafting). I was amazed at how technology has changed the design. All I knew at the time was everything on paper but seeing all the blueprints on a computer and the design materials even before a building was built totally blew my mind. Because of the circumstances at the given time I wasn't able to go to college, time passed and here I am learning software Engineering something that fascinates me.

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

But before even knowing about software Engineering. I had started a new hobby learning the Chinese language (Mandarin). And the reason I started was that many of my friends say that is very challenging and hard to learn. I was learning few months prior to starting the boot camp prep work and yes it was challenging just to even recognize the different tones, I thought I was never gonna be able to distinguish them nor even know how to read the characters but thru hard work and help from my tutor soon I was able to read pinyin and at the same time learning to read the characters it was like learning two languages at once! But at the end of the day was very satisfying. I was able to learn so much in such a short time.

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

During this time my Husband close friend introduced us to coding. He went on explaining how great it is. and since he saw my interest in Language he mentioned it will be another type of language that I'll be learning. But in the programming world!. That sounded pretty exciting to me. this is what I was looking for as to start my new career a mix of design with language this led to my decision to learn coding a whole new language where I can create, build and fix things in the virtual world!

“ I could either watch it happen or be part of it.” - Elon Musk




![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/gjj6ty2sks2ukbbe0sez.png)
Senior Frontend Developer opportunity in Dublin, Ireland
Tags: career
Published: 2021-02-08 20:52:53

Compliance Solutions Strategies is a global RegTech platform delivering a set of comprehensive and complementary technology-enabled regulatory solutions that serve compliance professionals across the financial services industry. Our platform-scale solutions help hundreds of hedge funds, asset managers, and investment banks comply with an increasingly complex set of regulatory requirements. We are an investment-management RegTech company, integrating legal detail, middle- and back-office financial operations, and dynamic engines to automate complex financial compliance. We care about programming—its art as well as its science—and are looking for developers who master not only what they build but why and how, and who can articulate options and choices with ease and intelligence.

We are currently seeking a Senior Frontend Developer with React experience to help build a flagship next generation product.

Responsibilities:

·        Design, develop and maintain core user interfaces and experiences

·        Help plan, architect, and implement new features 

·        Collaborate closely with Design and Product teams to ensure quality, best practices, and consistency across the applications and UX

·        Provide support and guidance to junior team members

Requirements:

·        5+ years of experience with React, Redux, or React Natives

·        Proficiency at implementing responsive designs using HTML and modern CSS

·        Desire to continue to learn and drive key decisions in front-end architecture

·        Experience using RESTful json services

·        Experience supporting and scaling consumer-facing web applications

·        Ability and desire to adapt to a fast-paced and dynamic work environment

·        Full-stack .NET experience and understanding of server-side web interactions is a plus 

·        Experience with Agile methodology is a plus.
Free Tool to Design Database Schemas in <5 minutes
Tags: database, programming, tooling, design
Published: 2021-02-08 20:42:42

Designing a database is often one of the first steps when starting a new project.

Spending time on the database schema can help ensure a scalable application down the line. 

After Arctype went remote, we created a collaborative ERD tool in Figma to quickly design database schemas as a team. 

We turned this tool into a public template so anyone can use it for their own projects. Check it out and let us know if there are any additional features you want to see! 

[Get access to the free ERD designer](https://blog.arctype.com/erd-builder/)

{% youtube bND5cWmk_nk %}
Kent C. Dodds | ZDS 074
Tags: podcast, react, teaching, community
Published: 2021-02-08 20:36:22

---
title: Kent C. Dodds | ZDS 074
published: true
description: 74th episode of ZDS, with Kent C. Dodds!
tags: podcast, react, teaching, community
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/qi4mncp2gfmynkmoa7zc.png
---

{% youtube QUEiGr_bQ4w %}

Kent C. Dodds comes by ZDS to talk about his Epic React Course, his experience in podcasting, thin and THICCC clients, transitioning from Angular to React, And Nx for modularity!! Be sure to check the links below for deeper dives into some of the concepts we touch on in our talk!!

=== Links ===
Epic React: https://epicreact.dev
Kent's Personal Site: https://kentcdodds.com/
Kent's Discord: https://kcd.im/discord
KCD Learning Clubs: https://kentcdodds.com/clubs/
Kent's devMode.fm episode: https://devmode.fm/episodes/epic-react-with-kent-c-dodds
3-Minutes with Kent: https://www.briefs.fm/3-minutes-with-kent
Remix: https://remix.run
Kent's blog, Build vs Buy: Component Libraries edition: https://kentcdodds.com/blog/build-vs-buy-component-libraries-edition
Kent's blog, Why I Love React: https://epicreact.dev/why-i-love-react/
Rich Hickey's talk, Simple made Easy: https://www.youtube.com/watch?v=oytL881p-nQ
Zack's talk, Declarative vs. Imperative; The DeRose Hypothesis on Code Complexity: https://www.youtube.com/watch?v=H9EZZDREMEk&t=784s
Kent's blog, When to useMemo and useCallback: https://kentcdodds.com/blog/usememo-and-usecallback
Kent's blog, Business and Engineering alignment: https://kentcdodds.com/blog/business-and-engineering-alignment
Kent's blog, 2010s Decade in Review: https://kentcdodds.com/blog/2010s-decade-in-review

=== Chapters ===
00:00 Shameless Groveling For Likes
0:23 Epic React
7:50 Dunking on Udemy
9:45 Kent's podcasting past and present
15:20 Thin and THICCC Clients
31:20 Systemizing Accessibility
36:10 React and Angular
1:02:00 Nx for modular-ability
How to Build an AR Face Tracking Application in 15 Minutes or Less
Tags: tutorial, unity3d, beginners, augmentedreality
Published: 2021-02-08 20:29:56

Always wanted to create a face tracking app but didn't know how? Here's a step-by-step guide to quickly create a simple AR app for face tracking with Unity, AR Foundation, and  [echoAR](https://www.echoar.xyz/)! The full demo can also be found on echoAR's  [GitHub](https://github.com/echoARxyz/Unity-ARFoundation-echoAR-demo-Face-Tracking/).


![1.gif](https://cdn.hashnode.com/res/hashnode/image/upload/v1612815525862/XDwAg0chp.gif)

## **Register**
Don’t have an API key? Make sure to register for FREE at  [echoAR](https://console.echoar.xyz/#/auth/register).

![2.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1612815552545/N9TYF0RV7.png)

## **Setup**
* Create a new Unity project.
* Clone the  [Unity-ARFoundation-echoAR](https://github.com/echoARxyz/Unity-ARFoundation-echoAR) sample code.
* Open the sample scene under *AR Foundation\Scenes\FaceTracking\FacePost.unity*.
*  [Set the API key](https://docs.echoar.xyz/unity/using-the-sdk) in the *echoAR.cs* script inside the *echoAR\echoAR.prefab* using the the Inspector.
*  [Add the 3D model](https://docs.echoar.xyz/quickstart/add-a-3d-model) from the  [models](https://github.com/echoARxyz/Unity-ARFoundation-echoAR-demo-Face-Tracking/tree/master/models) folder to the console.
*  [Add the metadata](https://docs.echoar.xyz/web-console/manage-pages/data-page/how-to-add-data#adding-metadata) listed in the  [metadata.csv](https://github.com/echoARxyz/Unity-ARFoundation-echoAR-demo-Face-Tracking/blob/master/metadata.csv) file.
* Overwrite the existing *echoAR/RemoteTransformations.cs* script with the new  *[RemoteTransformations.cs](https://github.com/echoARxyz/Unity-ARFoundation-echoAR-demo-Face-Tracking/blob/master/RemoteTransformations.cs)* file.


## **Build & Run**

*  [Build and run the AR application](https://docs.echoar.xyz/unity/adding-ar-capabilities#4-build-and-run-the-ar-application). Verify that the *AR Foundation\Scenes\FaceTracking\FacePose* scene is ticked in the *Scenes in Build* list and click *Build And Run*.
* You can use the demo available  [here](https://github.com/echoARxyz/Unity-ARFoundation-echoAR-demo-Face-Tracking/).


![3.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1612815912445/eMuqfNgDl.png)

## **Learn more**

Refer to our  [documentation](https://docs.echoar.xyz/unity/) to learn more about how to use Unity and echoAR.

## **Support**

Feel free to reach out at support@echoAR.xyz or join our  [support channel on Slack](https://join.slack.com/t/echoar/shared_invite/enQtNTg4NjI5NjM3OTc1LWU1M2M2MTNlNTM3NGY1YTUxYmY3ZDNjNTc3YjA5M2QyNGZiOTgzMjVmZWZmZmFjNGJjYTcxZjhhNzk3YjNhNjE) .

> echoAR (http://www.echoAR.xyz; Techstars ’19) is a cloud platform for augmented reality (AR) and virtual reality (VR) that provides tools and server-side infrastructure to help developers & companies quickly build and deploy AR/VR apps and experiences.


![4.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1612815950025/Y5x-C5SK0.png)
Apple M1 Chip. What's New!
Tags: tooling
Published: 2021-02-08 20:25:09

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/s6wi88zbh8sqh0qviwuh.jpg)
Ridiculous transitions okay what’s up guys, let’s talk max with apple silicon I have some thoughts so, there’s been a ton of tech events especially apple events in the last couple months lately today was the final one of 2020. The one more thing event and this is where we all were expecting to see the first mac with apple silicon and I know right off the top that’s actually kind of niche as far as like who might be interested in that specifically but for me and maybe it’s just a nerd inside me this was actually the one.

Read more: https://dedevop.com/apple-m1-chip-whats-new/
3 apprenticeships you should apply to in 2021 (part 2)
Tags: beginners, webdev, javascript, codenewbie
Published: 2021-02-08 20:19:57

As a bootcamp grad, I try to keep an eye out for opportunities like these to share with my network. It can be difficult to compete against more experienced developers and CS majors for FTE positions. But many companies are specifically seeking us out for the unique perspectives we bring.

In addition to the [3 programs I shared](https://dev.to/jasterix/3-top-tier-apprenticeships-you-should-apply-to-3cmd), below is a list of 3 more programs, with applications opening this year.

1. [Pandora + Sirius XM](https://www.onramp.io/ts/role/6000deec27899c320a84ddb4) - Applications opened **NOW**
 - This is a six-month apprenticeship at SiriusXM + Pandora. It seems to be a collaboration with Onramp, which offers support in preparing to apply. The program has a few locations available - Oakland, CA; New York, NY; and Atlanta, GA
  - The apprenticeship website offers some details into the program, like salary ($23 - $29 / hour based on location), as well as a roadmap of the interview process from application to getting an offer. 

2. [Sparkbox](https://apprentices.seesparkbox.com/) - Applications open **Fall 2021**
  - A little known apprenticeship program. In addition to Fullstack, they also have a Frontend Design Apprenticeship. I learned about this program from this interview on [The Come Up](https://www.youtube.com/watch?v=xU2tB0m5tlQ&t=771s&ab_channel=TheComeUp). Hearing about [Jhilene's](https://www.youtube.com/channel/UCCOcO-zIigdIxaT94SZYqzw) with Sparkbox, I would highly recommend applying. 
  - Working with this dev shop in Dayton, OH, apprentices can expect to build core fundamentals of object-oriented programming. The company prioritizes test-driven development, writing clean code, and helping nontraditional developers enter the industry.
  - What does it take to become a Sparkbox apprentice? Passion, character, and initiative. Applications for the 2022 Full-Stack Developer Apprenticeship will open later this year. Set a reminder to apply Fall 2021, follow them on [Twitter](https://twitter.com/hearsparkbox), and check their amazing blog, [the Foundry](https://sparkbox.com/foundry/category/apprenticeship) for updates. They even have an [apprenticeship GitHub repo](https://github.com/sparkbox/apprenticeships) that further provides more information.

3. [Twitter](https://careers.twitter.com/en/twitter-engineering-apprenticeship-program.html) -  Applications open **April 2021**
  - The Twitter apprenticeship is open to developers from a variety of backgrounds. Similar to the Google program, apprentices can expect to be employed after the 12-month program. This is because apprentices are hired as full-time Twitter employees, but with additional hands-on coaching and support to succeed. 
  - Applicants need two years' of (any) work experience, proficiency in 1 language, and an interest in working on iOS; Android; Web technologies; or backend systems.

Did I miss any 2021 apprenticeship programs? Let me know in the comments! 🙂
Monitor your Git project success!
Tags: reactnative, android, github, npm
Published: 2021-02-08 20:19:46

Hi fells!
Lately, I've been working hard on a lot of personal projects to boost my appearances in GitHub and the software development world (and mostly, reach success in my projects over GitHub), so I was drastically developing projects day and night to get stuff done.

## Issues
My main issues we're, that because I have a lot of projects I work on (while most of them are also NPM packages) it was hard for me to follow on all of them regarding downloads/stars/forks and such.
My solution was to develop the Android app I called <a href='https://play.google.com/store/apps/details?id=com.gitstats'>'Git Stats'</a> that solved my issue.

## Key features
1. Ability to find GitHub projects
2. Ability to open GitHub projects information (stars, forks, npm statistics)
3. Ability to save projects in bookmarks for easier & quicker access.
Open Api Spec 3 - All you need to know Series
Tags: aws, api, programming, oas3
Published: 2021-02-08 20:11:20

Open API specification 3.x is the widely accepted way of defining Web API software contracts. In this series, I will be covering how to use open API spec version 3.x using the Swagger hub tool suite and create an end to the end product. I Will be using Swagger UI, Swagger editor, and Swagger Code Gen. We will be using AWS cloud to give life to the contract. Will be covering the same that’s different parts videos.

This is where I will be adding the upcoming videos. https://www.youtube.com/playlist?list=PLm77mruelczpIsjjurNAtsx6Onf6Km6VK

The current video is https://youtu.be/IPFUUB1ROMU

{% youtube IPFUUB1ROMU %}

Always looking for New Subscribers!
Designing APIs using Endpoints
Tags: architecture, rest, dotnet, api
Published: 2021-02-08 20:05:40

## 📚 That's how we used to do it

When designing services a common practice in the industry is creating a granular set of APIs at the same place, having in single file or class the whole specification of routes and methods aggregated by a reason, usually by domain capability. 

This design was historically driven by how frameworks were developed to provide such capability to web service applications, for example, ASP.NET and Spring, in which the **Controller** is the base for any API.

The **Controller** is used for multiple purpose REST methods, it gets too large overtime, it aggregates more responsibility than it should. The same piece of code that changes an entity also exposes data from that entity. API methods are located far away from contracts they use, the maintainability is low.

![Designing Around Single Controller Class](https://raw.githubusercontent.com/fals/fals.github.io/master/img/end-points-single-controller.png)

## 📦 Endpoints and Component Base Design

The idea of organizing your API using endpoints got forgotten and lost with the deprecation of [SOA](https://en.wikipedia.org/wiki/Service-oriented_architecture), but in the end it is basically the utilization of the principles below:

* SoC - Separation of Concerns, an endpoint is the extension of the Use Case, it exposes a specific capability, requires certain contracts, the contracts should follow the endpoint, all together represents small module in that service.

* SRP - Single-responsibility principle, the endpoint and its contracts they change for a single reason, because the Use Case which it exposes the capability changed, the contracts change because the end-point changed and vice versa.

![Designing Around Multiple Endpoints](https://raw.githubusercontent.com/fals/fals.github.io/master/img/end-points-multiples.png)

At first glance you might notice that your code is going to get better, the maintainability and evolvability won't fade overtime because of the way the code fits together, your service will age well and healthy. 

## 🌏 What about Service Discovery?

If you are familiar with [Swagger](https://swagger.io/), a widespread tool to document and design APIs, you know that it is easy to aggregate a set of endpoints based on the HTTP Method, route and others.

Having your API with multiple endpoints classes doesn't affect discoverability, you can use the tool to do as you please.

## 👉 Conclusion

Designing your code around Endpoints is the way to go for maintainability and evolvability of services exposing APIs. Give it a try, you won't regret.

The source code is hosted on GitHub: [cqrs-clean-eventual-consistency](https://github.com/fals/cqrs-clean-eventual-consistency)

## 📖 Reference 

* <a href="https://en.wikipedia.org/wiki/Component-based_software_engineering" target="_blank">Component-based software engineering</a>

* <a href="https://en.wikipedia.org/wiki/Separation_of_concerns" target="_blank">Separation of concerns
</a>
Difference in Java Abstract Classes vs Interfaces
Tags: java, codenewbie
Published: 2021-02-08 20:01:30

This blog post is in response to a student's question about Java abstract classes and interfaces. 
1. What is the difference in abstract classes and interfaces?
2. When do you use one over the other?
 
## The difference
* Each class will extend one abstract class. An example is a Housecat class extending one abstract Cat class.
* Each class can have multiple interfaces. That same Housecat class may have an Animal, Mammal, and DomesticPet interfaces.
* Abstract classes' methods can have implementation ( a body). Their job is to set the default methods for the subclasses. There are different types of methods that can be used including abstracts (no body), static, and default methods.
* Interfaces can only have abstract methods (no body). 
 
 
## I'm going to show when to use each with several examples. 
#### Example 1
Imagine you have classes Housecat, Tiger, Ant, and Human. You can have an Animal abstract class to add functionality and properties that is used by all subclasses. You can then have a Cat interface for the cat type classes and a Mammal interface for all classes except ant. 
 
In this example, the Housecat extends the Cat abstract class, Cat interface, and Mammal interface. 

![picture of HouseCat java code](https://dev-to-uploads.s3.amazonaws.com/i/xmgotn8nawv0xvw24czz.PNG)
 
#### Example 2
Imagine you have a Ford Mustang car and a Chevy Tahoe truck. You can create a vehicle abstract class to extend both classes. You can create a Car and Truck interface to extend each class. The benefit of this is if you buy a Ford truck, you can extend the Truck interface to give it truck functionality. 
 
#### Example 3
Imagine you are baking a cake. An interface lists just the ingredients for the cake. An Abstract class lists not only the ingredients, but the instructions and pictures on how to bake it. 

## Additional resources:
* https://www.geeksforgeeks.org/difference-between-abstract-class-and-interface-in-java/
* Video on interface and inheritance: https://www.youtube.com/watch?v=mSjAJn4hUqg&feature=youtu.be 
* Quick informational Abstract classes. https://www.w3schools.com/java/java_abstract.asp
* Quick informational on Interfaces. https://www.w3schools.com/java/java_interface.asp

### If you have better examples or a better explanation, please answer in the comments so we all can learn.