teleren/devto huggingface dataset:
Introduction to TypeScript
Tags: webdev, javascript, typescript, beginners
Published: 2022-12-27 15:46:01

In this concise blog, I will introduce TypeScript in just three simple steps. TypeScript is a programming language that adds optional static typing and other features to JavaScript, making it easier to write and maintain large-scale applications. It is used for building web, mobile, and desktop applications, and is becoming increasingly popular due to its ability to improve code quality and maintainability. If you're interested in learning more about TypeScript, stay tuned for our easy-to-follow steps on getting started with this powerful language.



1.**Introduction to TypeScript:**

TypeScript is a programming language that is a superset of JavaScript. It adds optional static typing and other features to JavaScript, making writing and maintaining large-scale applications easier. It is used for building web applications, mobile applications, and desktop applications. It is particularly popular for building large, complex applications with frameworks like Angular, React, and Vue.js. In addition to its practical benefits, TypeScript also has strong community support and is backed by Microsoft. It is actively developed and has a growing user base, with new features and improvements regularly added.



2.**Learning TypeScript:** There are many resources available for learning TypeScript, including online tutorials, courses, and documentation.



Here are Some popular free resources for learning TypeScript:

- The official TypeScript website (https://lnkd.in/gc_6VgBK) provides documentation, tutorials, and resources for learning and using TypeScript.

- The TypeScript Handbook (https://lnkd.in/gs6v59Px) is a comprehensive guide to the syntax and features of TypeScript.

- The TypeScript in 5 Minutes tutorial (https://lnkd.in/gM_VHpxC) is a quick introduction to the basics of TypeScript.

- The TypeScript Deep Dive book (https://lnkd.in/gjqhpDpn) is a free online resource that covers advanced topics in TypeScript in depth.

The TypeScript Playground (https://lnkd.in/gSKSGgtm) is an online tool for experimenting with TypeScript code in your browser.

- The TypeScript section of the FreeCodeCamp curriculum (https://lnkd.in/gAvmKZFM) provides a comprehensive guide to learning TypeScript.

- The Learn TypeScript in 50 Minutes tutorial (https://lnkd.in/gu4Z2DpR) is a video tutorial that provides an overview of the key features of TypeScript.



3.**Conclusion**

In this blog, I have put my best into introducing TypeScript and explaining what it is used for along with an overview of the learning resources available for those interested in learning more about TypeScript.If you are building large-scale applications, or just want to take your coding skills to the next level, consider learning TypeScript.

#javascript #coding #react #programming #learning
A poem for Dev.to by ChatGPT
Tags: gpt3, datascience, machinelearning, webdev
Published: 2022-12-27 15:39:15

Today, I asked ChatGPT to write a poem for dev.to, which I refined to make it the best I could. 

> Dev.to, a haven for techies and geeks
> A place to learn and share, to seek
> Answers to questions, solutions to woes
> A community of developers, all in a row

> From JavaScript to Python, from HTML to CSS
> On Dev.to, you'll find knowledge, I must confess
> A wealth of information, at your fingertips
> All waiting to be explored, to be equipped

> With the tools and skills to build and create
> To innovate and inspire, to elevate
> Your knowledge and abilities, to reach new heights
> On Dev.to, your potential takes flight

> So join the community, and let your voice be heard
> Share your thoughts and ideas, let your words be blurred
> Into the vast expanse of knowledge and growth
> On Dev.to, the possibilities are both

> Endless and exciting, waiting to be tapped
> So come on in, and let your journey be mapped
> On this wonderful platform, where developers thrive
> Dev.to, a place where we can all arrive.


**Let me know your feedback on poem.**
Sim Card Registration: Leveraging Gcash and Maya's KYC Services for Streamlined and Secure Verification
Tags: api, microservices, programming, security
Published: 2022-12-27 15:36:57


[facebook.com/Trinwhocode](https://www.facebook.com/Trinwhocode)

As the Philippine government grapple with the challenges of digital identity, there is a growing recognition of the need for a reliable and secure platform for identity verification. With the proliferation of mobile phones and the attendant need for SIM card registration, the issue of verifying a user’s identity is of paramount importance. In the past, this process was typically done through manual means such as in-person visits to a local government office or a mobile phone provider. However, with the emergence of e-wallets such as Gcash and Maya, there is now an opportunity to leverage their existing KYC (Know Your Customer) features to simplify and streamline the process of SIM card registration.

Gcash and Maya both offer robust KYC services, allowing users to quickly and securely verify their identities online. By leveraging these existing KYC services, government and mobile phone providers can now offer a more streamlined and secure way of registering SIM cards. This would reduce the need for manual visits to government offices or mobile phone providers, thereby saving time and resources. In addition, this could also enable the sharing of user data across different government and private sector entities, providing a new level of convenience and efficiency.

In addition to streamlining the process of SIM card registration, the use of Gcash and Maya’s KYC services could also be leveraged for other initiatives such as national ID registration and single sign-on authentication. This could be used to provide a more secure and efficient way of verifying an individual’s identity when accessing government services such as passport applications or tax returns. By leveraging the existing KYC services of Gcash and Maya, governments and private sector entities can now offer a more secure and convenient way of verifying user identities.

Ultimately, the use of Gcash and Maya’s KYC services for SIM card registration, national ID registration, and single sign-on authentication is a win-win for both businesses and governments. For businesses, leveraging these existing KYC services can reduce the costs associated with manual identity verification processes and enable the secure sharing of user data across different entities. For governments, this can provide a more secure and efficient way of verifying user identities when accessing government services. By utilizing the existing KYC services of Gcash and Maya, governments and businesses can now provide a more secure and convenient way of verifying users’ identities.

[linkedin.com/in/trinmar](https://www.linkedin.com/in/trinmar)

• DITO subscribers: [dito.ph/RegisterDITO](https://dito.ph/RegisterDITO)
• Globe/TM/Gomo subscribers: [new.globe.com.ph/simreg](https://new.globe.com.ph/simreg)
• Smart/TNT/Sun subscribers: [smart.com.ph/simreg](https://smart.com.ph/simreg)
String.includes() in JavaScript
Tags: webdev, javascript, programming, tutorial
Published: 2022-12-27 15:30:00

The `String.prototype.includes()` method is a string method in JavaScript that returns a Boolean value indicating whether a string includes a specified search string. This method is case-sensitive, meaning that it will return `true` only if the search string exactly matches a substring of the target string.

## Syntax

```js
string.includes(searchValue, start)
```

- _**searchValue**_: A specified search string to be searched for within a string.
- _**start**_: The position within the string at which to begin searching for `searchString`. (Defaults to `0`.)

It returns a boolean value, `true` if the searched string is found within the given string; otherwise `false` if not found.

Here's an example of how to use the `includes()` method:

```js
let str = 'Hello, world!';

console.log(str.includes('Hello')); // Output: true
console.log(str.includes('hello')); // Output: false
```

In this example, we create a string called `str` and use the `includes()` method to search for the substring `'Hello'` within it. Since the search string exactly matches the substring `'Hello'`, the `includes()` method returns true. However, if we search for the string `'hello'`, which is not an exact match, the `includes()` method returns `false`.

The `includes()` method also accepts an optional second argument, which is the index at which the search should start. This is useful if you want to search for a substring within a specific part of the target string.

Here's an example of using the optional second argument:

```js
let str = 'Hello, world!';

console.log(str.includes('world', 6)); // Output: true
```

In this example, we search for the substring `'world'` within the string `str`, starting at the index `6`. Since the string `'world'` appears at index `7`, the `includes()` method returns true.

## Wrapping up!

The `includes()` method is a convenient and easy way to search for substrings within a string in JavaScript. It's often used in combination with other string methods, such as `indexOf()` and `substr()`, to perform more complex string operations.

That's all for this article, hope you learned something. Thanks for reading, catch you later.

You can also buy me a coffee that would help me grow as a frontend developer :)

<a href="https://www.buymeacoffee.com/moazamdev" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 100px !important;" ></a>

---

{% user moazamdev %}
Uniqueness of JavaScript
Tags: javascript, uniqueness, javascriptspecific, research
Published: 2022-12-27 15:27:43

Javascript is one of many programming languages. I wanted to explore it's uniqueness. Particularly, I was interested in finding things which are only available in JavaScript and not anywhere else. I was very disappointed. Still I have something to share.
## dom management
JavaScript has ability to manipulate the web page on which it is running. It is the only language which is capable of doing this. I know about web assembly. But it is not used as much as JavaScript. So we all can agree that JavaScript is the only language for this task.
## capable of managing web and content.
JavaScript is the only language which can manage browser window, local storage/session storage and other web based API (s) other than browser itself. It is the only language which is natively supported in browsers.
## conclusion
We all can agree that JavaScript is the language of web. It was designed for this purpose as well. So naturally it's uniqueness can be found there. Rather than this it is almost impossible to find uniqueness from feature(s) or syntax perspective. JavaScript itself is adopting features from other programming languages and it's syntax is inspired from other programming languages as well. Feel free to share your findings and opinions below.
Barclays Interview Experience
Published: 2022-12-27 15:26:02

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

Interviewee — Saloni Prakash
Website — https://home.barclays/
Profile — Summer Intern [ 2 Months ]
Internship Stipend — Rs. 75,000 per Month
Location — PAN India

## Round 1– Online Assessment

This was the first round and it consisted of 15-20 MCQs on topics like SQL, C++, and Python. Apart from this, there were 2 coding questions on the topics — Back Tracking and Dynamic Programming. The questions of this round were of medium-level difficulty. The Time limit for Assessment was 30 mins.

## Round 2 — Interview [HR + Technical]

This round started with HR Questions which were quite general — Tell me about yourself, why Barclays, and Strengths & Weaknesses, then in the technical part — questions were asked related to OOPs(Object Oriented Programming) and DSA (Data Structure & Algorithms). The questions of this round were of a moderate level of difficulty. The interview went for around 40-45 mins.

Result — Selected.

Topics to be prepared well to ace the interview-
— OOPs (Object Oriented Programming)
— DSA (Data Structure & Algorithms)
— Back Tracking
— Dynamic Programming


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3eqworj0lfgmrhysrufk.png)
Python Programming Bootcamp #11 - for and while loops
Tags: python, programming, beginners, tutorial
Published: 2022-12-27 15:23:58

---
title: Python Programming Bootcamp #11 - for and while loops
published: true
description: There are two types of loops in Python: for-loops and while-loops
tags: python, programming, beginners, tutorial
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2022-12-27 15:21 +0000
canonical_url: https://code-maven.com/programming-bootcamp-for-scientists-11
series: bootcamp
---


{% youtube j3HTTXWZ2OM %}

* 00:00 Solving the exercise: one string in another string.
* 04:32 Solving the exercise: compare strings. Including Nóra finding a bug in my solution and fixing it.
* 12:27 Solving the exercise: ASCII CLI.
* 13:00 [Loops chapter](https://code-maven.com/slides/python/python-loops)
* 14:23 for-in and while loops.
* 15:49 for-in loop on strings.
* 18:17 for-in loop on lists.
* 19:33 for-in loop on range.
* 22:58 for-in loop with early end using break.
* 26:08 for-in loop skipping parts using continue
* 28:06 for-in loop with break and continue.
* 30:58 while loop.
* 32:30 [Infinite while loop](https://code-maven.com/slides/python/infinite-while-loop).
* 34:25 while with complex expression.
* 35:28 while with break
* 38:34 De Morgan's law
* 40:25 while True
* 42:12 Duplicate input call.
* 45:11 Eliminate duplicate input call.
* 46:05 do while loop.
* 47:30 while with many continue calls.
* 50:28 Exit vs. return vs. break and continue. [slide](https://code-maven.com/slides/python/exit-return-break)
* 52:25 Exercises.
Auth0's single sign-on (SSO) user authentification for multiple applications with a single set of credentials with React Js
Published: 2022-12-27 15:15:27

To use Auth0's single sign-on (SSO) feature with a React application, you will need to follow these steps:

1. First, sign up for an Auth0 account if you don't already have one.

2. Next, create a new client in the Auth0 dashboard. This represents an application that you want to enable SSO for. Select "Single Page Web Applications" as the type of client.

3. Follow the steps in the Auth0 documentation to install the auth0-react library and configure it for your client. This library provides higher-level components and functions that make it easier to use Auth0 with React.

4. In the Auth0 dashboard, navigate to the "Connections" tab and enable any identity providers that you want to allow users to log in with. For example, you might enable Google, Facebook, or LinkedIn.

5. In your React application, wrap the root component with an Auth0Provider component. This will provide the auth0 object to the rest of your application through the context API.

6. Use the useAuth0 hook to get the auth0 object and the isAuthenticated and loginWithRedirect functions.

7. Use the isAuthenticated function to determine whether the user is logged in or not. If they are not logged in, you can use the loginWithRedirect function to initiate the authentication process.

8. After the user logs in, they will be redirected back to your application with an authorization code. Use the getTokenSilently function to exchange this code for an access token and a refresh token.

9. Use the access token to authenticate the user and get their profile information. You can also use the getTokenSilently function with the audience and scope options to get a new access token when the current one expires.

That's it! You should now have a working SSO system that allows users to log in to your React application with a single set of credentials.
Sigmoid Interview Experience
Published: 2022-12-27 15:14:07



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


Interviewee — Purushottam Dubey
AthenaSquare Profile — https://athenasquare.org/dflag44
Website — https://www.sigmoid.com/
Profile — SDE [ 6 months + FTE ]
Salary — Rs. 15.63 Lacs (Basic Pay)
Location — Bangalore

## Round 1: Online Assessment

It was the first round. There were 30 Multiple choice questions which include questions related to debugging, DBMS, and OS. There were some questions where I was asked to write SQL queries for some use cases. This was followed by 3 coding questions i.e 1 hard and 2 medium difficulty questions.
Prepare the core concepts of CSE like OS, DBMS, and SQL well to ace the first round. You need to clear this round to get an interview call.

## Round 2 — Tech Interview 1

This was the second round. This round started with my brief introduction. Make sure you give a short and sweet introduction of yourself. The introduction should not be for more than a minute.
I was asked to code 2 coding questions on my preferred IDE.
The first coding question was finding the longest common substring. This question was easy and standard. The second question was comparatively hard. It involved finding the maximum number in the k-sized window in an array of integers.
At last, one SQL query was asked in which I was asked to find the second largest number in a column from a table and return that number.

## Round 3 — Tech Interview 2

This was the third round. This round also started with a brief intro of both the interviewee and the interviewer following which a coding question was asked to code.
The question was to create a tree from the given level order traversal of the tree. This is a standard question and you can find it easily on the internet.
The other questions which were asked in this round were related to time and space complexities. Like what is the time complexity of a queue, priority queue, and some techniques of tree transversals. The questions asked in this round were mostly of medium difficulty.

## Round 4 — HR Interview

This was the third and last round. Some standard HR round questions were asked. The subsequent question that was asked was what are your interests and hobbies.
Then there was a discussion on designing a better traffic system in India for managing the increasing traffic in an efficient way.
Make sure you are confident and clear while answering the question. Prepare yourself for the standard HR question before the interview itself.

Result — Selected.

Topics to prepare well to ace interview-
— Data structures and algorithms [Trees, arrays, strings]
— Project
— Computer Networks
— Operating System
— DBMS

Follow AthenaSquare for many such interview experiences and create your own personalized portfolio to showcase your work . . 


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6ysay9951nj8bzje3w86.png)
Cashfree Interview Experience
Published: 2022-12-27 15:09:27


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



**Interviewee** — Nikhil Kushwah
**Website** — https://www.cashfree.com/
**Profile** — SDE [ 6 months + FTE ]
**Internship Stipend** — 40k / Month
**Salary** — 15 Lacs (Base Pay)
**Location** — Bangalore


## Round 1 — Online Assessment

This was an OA round. There were 10 Multiple choice questions which include questions related to debugging, DBMS, and OS. This was followed by 3 coding questions i.e. 1 hard, 1 medium, and 1 easy level of question. The topic of coding questions was- Strings, Dynamic Programming, and greedy.
Prepare the core concepts of CSE like OS, DBMS, SQL, Strings, Dynamic Programming, and greedy well to ace the first round. You need to clear this round to get an interview call.

## Round 2 — Technical Interview 1
This was the second round. I was asked to code 2 coding questions
The first one was on strings and the second question was based on dynamic programming on strings. The first question was easy and standard. The second question was comparatively hard as it involved dynamic programming on strings.
The time limit for this round was 1 hour.


## Round 3 — Technical Interview 2

This was the third round. The first few questions were on fundamental topics — Operating Systems [OS] and Database Management Systems [DBMS]. The other questions which were asked in this round were related to Networks, Compiler Design, and Object Oriented Programming [OOPs].
This round went on for 1 hour.

## Round 4 — Technical Interview 3
This was the fourth round. The questions that were asked were based on resumes and some project-based questions.
The subsequent questions were project applications, real-life implantation of DSA, and what is your interest — backend or frontend and why. This round went around for 30 mins.
This company requires strong college academics and a good college CGPA is important.

## Round 5 — HR Interview
This was the fifth and last round. Some standard HR round questions were asked. The subsequent questions were related to the resume. Then there was a discussion on what you expect from Cashfree.
Also, one or two questions related to life situations in corporate life or in the company. Make sure you are confident and clear while answering the questions. Prepare yourself for the standard HR question before the interview itself. This round was short and went around for 15 mins.

Result — Selected.


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


Follow AthenaSquare for many such interview experiences and create your own personalized portfolio to showcase your work...
CISC VS RISC
Tags: beginners
Published: 2022-12-27 14:52:18

## 1) CISC / RISC의 개념
CPU(중앙처리장치) 를 설계하는 방식이다.
CPU가 작동하려면 프로그램이 있어야 하고 명령어를 주입해서 설계를 한다.
-명령어가 H/W 적인 방식을 RISC라고 한다.
-명령어가 S/W 적인 방식을 CISC라고 한다.

## 2) CISC (Complex Instruction Set Computer)
복잡하고 많은 종류의 명령어와 주소 지정 모드를 사용한다.
가변 길이 명령어 형식이다.
100개 ~ 250개 정도의 많은 명령어를 가지고 있어 설계가 어렵다.
마이크로 프로그래밍(S/W) 제어 방식이다.
명령어가 S/W적이므로 호환성이 좋다.
명령어를 해석한 후에 명령어를 실행한다.
컴파일 과정이 쉽고, 호환성이 좋다는 장점이 있지만 속도가 느리다.
intel 사의 CPU에 주로 사용되었다.

## 3) RISC (Reduced Instruction Set Computer)
간단하고 적은 종류의 명령어와 주소 지정 모드를 사용한다.
고정 길이 명령어 형식이다.
CISC에 비해 명령어 수가 적다.
하드와이어드(논리 회로를 이용한 하드웨어)적 제어 방식이다.
효율적인 파이프라이닝 구조를 사용한다.
명령어가 하드웨어적이므로 호환성이 낮다.
명령어의 길이가 미리 정해져 있으므로 해석 속도가 빠르다.
작고 빠른 명령어들을 사용하기 위해 많은 수의 범용 레지스터가 사용되며,처리속도가 빠르고 하드웨어 구조가 간단한다.
효율성이 떨어지고 전력 소모가 작으며, 처리 비트 단위가 변하거나 프로세서 구조가 조금만 바뀌어도 하위 프로세서와의 호환성이 떨어진다.
고성능의 워크스테이션이나 그래픽용 컴퓨터에서 주로 사용된다.

---
{% embed https://youtu.be/g16wZWKcao4 %}