teleren/devto huggingface dataset:
Flutter: Our Platform of Choice
Tags: flutter, mobile, javascript
Published: 2022-08-22 18:58:00

## What is Flutter?

Flutter is a cross platform mobile UI Framework created by Google. Flutter allows developers to create incredible looking apps that work on both Android and iOS devices using a single code base. As of December 2018, Flutter is officially on version 1.0.

## Why Flutter?

Generally speaking, Flutter is designed to seriously decrease the time and effort it takes to develop a product on both major mobile platforms (Android and iOS). It makes maintaining a product much easier as well, as the majority (if not all) of the code is shared across both platforms.

For Twin Sun, Flutter allows us to exceed our clients’ goals and expectations. We have all come from a world that avoided hybrid and cross-platform approaches, as it was always more financially beneficial to charge for two separate applications for each platform.

When founding Twin Sun, we all agreed on our goal, to take on software for people who deserve better. Too many companies, specifically start-ups, often times end up paying far too much for their product for a number of reasons. This inflated costs typically starts with the concept of “native applications always work better than hybrid”. This is a line I have said to hundreds of clients before, and I believed it, until now.

## Cost

Flutter demolishes this concept with astounding results. We began using Flutter for an internal project in May of 2018, and after seeing the power and potentially cost savings, we have began using Flutter for client projects as well. On products that require both Android and iOS, we have seen an average of a 48% reduction in our pricing compared to building each platform separately.

## Functionality

Flutter provides the same level of functionality you would get with native applications. The applications compile into native code, which essentially makes them indistinguishable from a full native application. The community has latched on to Flutter support with companies like Square announcing partnerships. Flutter also easily supports native code as well, for any unique scenarios that require native interoperability.

## Timeline

Flutter allows us to move very quickly and deliver astonishing results in the process. By removing the hurdles encountered with a team of native iOS and Android developers, we can move quickly on ideas and collaborate better than ever with a single code base across our entire team.

## The Future of Flutter

To say flutter has received support is an understatement. Flutter is being used in many production apps with millions of users, such as Alibaba, Google Ad Words, and many more.

Due to the incredible support and community around Flutter, there are currently projects to:

 - Build Mac, Windows, and Linux desktop applications
 - Build full web applications
 - Even run on Raspberry Pis

This means that in the near future, sharing a single code base can extend to the majority of major platforms beyond mobile.
Typescript WTF Moments 7: Boolean can extends Record<infer X,unknown>
Tags: webdev, typescript, programming, tutorial
Published: 2022-08-22 18:56:42

---
series: Typescript WTF Moments 
---

```ts
type o = boolean extends Record<infer X, unknown> ? X : false // valueOf
//   ^?

console.log(true.valueOf()) // true
```
[playground](https://www.typescriptlang.org/play?#code/C4TwDgpgBA9lC8UBGMYBsIEMB2UIA9gJsATAZygCUIBjGAJxIB4BLbAMwnqgA0AaAK7YA1thgB3bAD4oAfl5QAXFHaY0ZCAFgAUAHpdUQwD1ZOnXWxl0EAHRoYAcwAUwegNsA3Ne4Dy7JwCUAVD6UK7uZtpAA)

Boolean can extends Record<infer X, unknown> because boolean in JS has properties "valueOf"

this may caught you off guard if you expect anything that extends Record<infer X, unknown> is object type
Day-0 of Machine Learning
Tags: 100daysofcode, machinelearning, beginners, selflearning
Published: 2022-08-22 18:37:00

Hello, developers!
I am Ankita Sahoo from India. Here is daily learning blog of [Machine Learning Specialization] (https://www.coursera.org/specializations/machine-learning-introduction?utm_campaign=WebsiteCourses-MLS-TopButton-mls-launch-2022&utm_medium=institutions&utm_source=deeplearning-ai) offered by DeepLearning.AI, Stanford. I want to improve myself by writing my self-study, technical blogs. I believe many kindness experts and developers around the world are willing to help me correct my words.


**Day 0 of Machine Learning**

Learnt about Machine Learning and its various applications. Supervised Learning, Regression, Classification, Supervised Learning, Clustering, Anomaly detection, Dimensionality Reduction.
🌱 How to make sure all participants are on the same page?
Tags: discuss, productivity, career, beginners
Published: 2022-08-22 18:33:00

When doing a task, something might be trivial to you but not to the others. However, constantly bring up a trivial-to-all-parties matter can make the discussion less effective.

Communication is important in collaboration. With that said, how can you determine what to bring up (verbal, chat message, etc.)? How to avoid the situation such as "Why didn't you let me know beforehand?"
What Should We Consider While Selecting A Low-Code App Platform?
Tags: javascript, webdev, beginners, programming
Published: 2022-08-22 18:30:27

The entire act of [low-code apps](https://dewstudio.io/) depend on pre-set templates, high-quality designs, configuration components, and visual interfaces which are easily customizable. However, above all these characteristics, the main feature of the low-code app development platform that keeps it ahead of the software industry is its ease of use.
How to change Tailwind CSS base font size
Tags: tailwindcss, tutorial, basefontsize
Published: 2022-08-22 18:13:00

*This post was originally posted on [Design2Tailwind](https://design2tailwind.com/blog/change-tailwindcss-base-font-size/).*

---

If you have been using Tailwind CSS for a while, you probably know that it uses a lot of best practices and recommendations for modern HTML/CSS development. Things like having great reset styles, using CSS custom properties, etc.

But there’s one particular feature, that, depending on your workflow, you may want to change, and that’s the base font size.

## Tailwind CSS’ default base font size

The current Tailwind CSS base font size is 16px. Why 16px? Because this is the default font size of most popular browsers like Chrome.

Since a lot of Tailwind defaults use REM values, all these values will be multiplied by the base font size and that will get you the pixel values.

Based on this, if the `text-lg` class is `1.125rem`, in pixels, this turns out to be `16 * 1.125 = 18px`. This is exactly what you see in the class preview if you use the official VSCode extension.


![basefont2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rcbmnejwlbf5e8prkazm.png)

## Here’s how to change it

If you want to change the Tailwind default font size, you can do in 2 ways:

### 1. Do it with custom CSS

By adding this rule to your CSS file:

```css
html {
  font-size: 10px; 
}
```

### 2. Do it via a plugin

By adding this to your config file:

```javascript
const plugin = require('tailwindcss/plugin');

module.exports = {
  // other settings
  plugins: [
    plugin(function({ addBase }) {
     addBase({
        'html': { fontSize: "10px" },
      })
    }),
  ],
}
```

Now all the default REM values in Tailwind will be recalculated, using 10px as a base.

So now the `text-lg` class, will be `10 * 1.125 = 11.25px`.

That’s pretty much it! Now all your REM values will use a base of 10.

Here’s [a Tailwind Play link](https://play.tailwindcss.com/E0GNNrFUaJ?file=config) using the plugin approach, if you want to play around with it.

## One extra step if you use the VSCode extension

If you use the official extension for VSCode you may notice that the class preview shows the pixel values still using 16px as a base. To change this you need to add this to your VSCode config:

```javascript
// other vscode settings
"tailwindCSS.rootFontSize": 10 // <- your root font size here
```

Now the class preview will have the correct values:


![basefont1](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qvl5m1t0q6ut1c5321n4.png)

***

That’s it for this one! I hope you learned how to change the Tailwind CSS default base font size and how to make the VSCode extension reflect that change in its class preview.
AWS ML Weekly Updates
Tags: aws, machinelearning
Published: 2022-08-22 18:04:00

안녕하세요. AWS Machine Learning Community Builder 유경윤 입니다. 
AWS ML 관련해서 주간 업데이트를 전달 드립니다 ! 

---

### [2022-09-12](https://dev.to/yoon/2022-09-12-aws-ml-weekly-updates-12nc)

> - Amazon SageMaker JumpStart 소개
> - Amazon SageMaker JumpStart Virtual Workshop 소개
> - Amazon SageMaker Autopilot Virtual Workshop 소개
> - Machine Learning Engineering on AWS 책 소개
> - Amazon SageMaker에서 GPT등 대형 모델 서빙 할 수 있는 볼륨과 타임아웃을 구성 지원

기타 관심가는 서비스 업데이트 소개
> - AWS Glue Crawler history 제공
> - Amazon DynamoDB에서 트랜잭션당 최대 100개의 작업을 지원
> - Amazon RDS, AWS Lambda, AWS Step Functions, Amazon Managed Prometheus 및 AWS KMS용 AWS Controllers for Kubernetes (ACK) 일반 공개
> - Amazon Kinesis Data Analytics for Apache Flink 에 신규 컨테이너  메트릭 지원

---

### [2022-09-05](https://dev.to/yoon/2022-09-05-aws-ml-weekly-updates-bln)

> - AWS Developers Podcast를 소개
> - AWS에서 최신 데이터 스트리밍 아키텍처 구축 백서 소개
> - AWS Glue 모범 사례: 성능이 뛰어나고 비용 최적화된 데이터 파이프라인 구축 백서 소개
> - Amazon SageMaker Autopilot에서 이제 사용자 지정 데이터 분할 옵션을 제공
> - Amazon QuickSight Q에서 질문 작성자는 이제 Q가 답변하지 않은 질문을 식별하거나 답변을 생성하기 위해 사용자 명확성을 요구할 수 있음

기타 관심가는 서비스 업데이트 소개
> - EC2 인스턴스에 부착된 여러 EBS 볼륨중 일부만 스냅샷 생성하는 기능 추가
> - 이제 Amazon Managed Service for Prometheus Alert Manager & Ruler logs를 Amazon CloudWatch Logs에서 사용 가능

---

### [2022-08-29](https://dev.to/yoon/2022-08-29-aws-ml-weekly-updates-53m2)
> - SageMaker hands-on Tutorials 소개
> - AWS에서 머신러닝으로 고객이 관심있는 제품 타겟팅하기 블로그 글 소개
> - Machine Learning with Amazon SageMaker Cookbook 책 소개

기타 관심가는 서비스 업데이트 소개
>  - DynamoDB 새로운 테이블 데이터를 S3에서 대량 가져오기 지원
>  - Amazon MSK Serverless 블로그 글 소개
>  - AWS Lambda, 이제 Amazon MSK및 자체 관리형 Kafka를 이벤트 소스로 지원

---

### [2022-08-22](https://dev.to/yoon/2022-08-22-aws-ml-weekly-updates-1jbl)

> - CodeWhisperer에게 코드 추천 받으면서 Python Serverless application 만들기 영상 소개
> - SageMaker 사용하여 Real-Time 머신러닝 모델 서빙 배포하고 엔드포인트 만드는 튜토리얼 소개
> - AI Use Case Explorer 소개

---

### [2022-07-09](https://dev.to/yoon/2022-07-09-aws-ml-weekly-updates-l0j)

> - Machine Learning University 소개
> - What is OpenSearch?
> - Amazon Data Wrangler 및 SageMaker Autopilot을 통한 통합 데이터 준비 및 모델 훈련 블로그 글 소개
> - Weight & Biases를 사용하여 ML 개발자 생산성 향상시키키: Amazon SageMaker의 컴퓨터 비전 예제 블로그 글 소개

---

### [2022-07-02](https://dev.to/yoon/2022-07-02-aws-ml-weekly-updates-4a9f)
> - 커스텀 컨테이너 이미지를 사용하여 RStudio on Amazon SageMaker에 자체 개발 환경 구성하기 블로그 글 소개
> - AWS AI 및 ML 서비스를 사용하여 시각 또는 의사 소통이 불편한 분들의 접근성 개선하기 블로그 글 소개

---

### [2022-06-25](https://dev.to/yoon/2022-06-25-aws-ml-weekly-updates-5fjb) 
> - SageMaker Fridays를 소개
> - Hugging Face의 모델과 Amazon SageMaker를 사용하여 텍스트 요약 블로그 공개
> - ML School on Twitch 소개

---
[2022-06-25] AWS ML Weekly Updates
Tags: aws, machinelearning
Published: 2022-08-22 18:03:00


2022-06-25 업데이트 전달 드립니다 !

---

### SageMaker Fridays를 소개
4월 ~ 10월 매달 마지막 금요일에 SageMaker 관련 소통 가능한 세션이 열립니다. 데이터 과학자, ML 엔지니어, 비지니스 분석가 분들이 빠르게 SageMaker에 익숙해지고, 어떻게 정확한 예측을 만들어낼 수 있는지 설명한다고 하네요. 이미 지난 세션도 다시보기 가능하네요. [바로가기](https://pages.awscloud.com/SageMakerFridays)

주제 목록도 남겨 봅니다 ! 진짜 흥미로운 주제가 많네요. 꼭 한번 봐야겠습니다. ~!! 

  - 3월 - Easily build, train, and deploy an ML model
  - 4월 - Low-Code ML
  - 5월 - Train large deep learning models with hundreds of billions of parameters
  - 6월 - Automate ML workflows
  - 7월 - Learn ML for free
  - 8월 - Generate accurate ML predictions without writing code
  - 9월 - Deploy an ML model for best performance, cost, and prediction quality
  - 10월 - Accelerate deep learning model development with cloud custom environments

---

### Hugging Face의 모델과 Amazon SageMaker를 사용하여 텍스트 요약 블로그 공개
Hugging Face에서 제공하는 모델과 Amazon SageMaker를 사용하여 텍스트 요약
하기 블로그 포스트 공개 되었네요. 아주 자세하게 설명되어 있네요. 이 주제에 관심이 있으셨던 분들은 읽어보시면 좋을 것 같습니다. [바로가기](https://aws.amazon.com/blogs/machine-learning/text-summarization-with-amazon-sagemaker-and-hugging-face/)

---

### ML School on Twitch 소개
ML School on Twitch 프로그램은 데이터 과학이나 머신러링 관련 배경지식이 없는 분들에게 실용적이 AI 기술을 소개하는 프로그램이라고 하네요. 트위치에서 영어로 대화하는 형식이고, 강의당 1시간 정도로 구성되어 있네요. 관심있으신 분들 살펴 보시길 바랍니다 ! [바로가기](https://mlschool.splashthat.com/https:/www.linkedin.com/feed/update/urn:li:activity:6932729015753453568/)

---

[더 많은 AWS ML Weekly Updates 리스트](https://dev.to/yoon/aws-ml-weekly-updates-44nk)
Introducing Theme Redone - the modern WordPress Starter Theme
Tags: wordpress, gutenberg, react, php
Published: 2022-08-22 17:50:02

---
title: Introducing Theme Redone - the modern WordPress Starter Theme
published: true
description: Theme Redone is the new WordPress framework for developing custom WordPress Gutenberg websites in a modern and standardized way.
tags: wordpress, gutenberg, react, php
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
---

{% embed https://www.youtube.com/watch?v=co1r5krHsl4 %}

The year is 2022. We have plenty of WordPress starter themes aimed at creating a solid foundation and speeding up our development process for creating custom WordPress websites. WordPress Gutenberg editor has taken over the old classic editor and now we are building more sophisticated WordPress websites via blocks.

Theme Redone is the new theme starter on the block that focuses on the new WordPress concepts, Gutenberg blocks, and much more.

## GUTENBERG-ORIENTED WORDPRESS FRAMEWORK

We've been developing the framework since 2020, and after more than 2 years, and a lot of polishing and documentation writing, Theme Redone finally took its form and we open-sourced it.

It is a solid starter for building Gutenberg blocks oriented websites in a standardized way.

We haven’t stopped at the theme on its own; We’ve spent more than a couple of months documenting everything in detail and writing solid [documentation](https://webredone.com/theme-redone/) 57+ pages long.

![theme-redone the modern wordpress starter theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8nszxfnei0o5ah6r7p2c.jpg)

Along the way, we’ve polished the theme and tried to automate and cover as many repeating tasks as possible. We’ve also created a [TRB CLI](https://webredone.com/theme-redone/gutenberg-blocks-framework/trb-cli/), which speeds up the Gutenberg Blocks creation and refactoring process.

## MVC-ORIENTED APPROACH TO SEPARATE THE VIEW FROM THE LOGIC

We’ve taken the inspiration from Laravel and other similar projects that really approached this aspect of coding cleverly and made it a breeze to organize and reason about the code.

In Laravel, we would write plain old PHP for the logic, and then we would use Blade templates for the View layer, we also have model, view, and controller files to separate the concerns and organize code logically and efficiently. We have adopted that same approach but in the context of the WordPress environment. Conceptually, the way we organize code is similar to Laravel, but with a few differences...
___
### Read more in our [introductory post](https://webredone.com/blog/wordpress-theme-starter-theme-redone/) or check out the [Theme Redone docs](https://webredone.com/theme-redone/). 
___
Thanks for reading!
Authorization in Network Security
Tags: authorizationinnetworksecurity, authorization, network, security
Published: 2022-08-22 17:44:12

Do you know what authorization in network security is? It is the act of checking whether a user has permission to conduct some action.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lonfzhi79tsliiuko3e6.jpg)
Read more at:
https://hecodesit.com/authorization-in-network-security/
Subscribe to a new newsletter for security-aware developers!
Tags: security, cryptography, devsecops, appsec
Published: 2022-08-22 17:42:19

Hi, I’m Felix from Cossack Labs.

You might know me as a mascot of these cool data security & cryptography guys. But time flies. Code is everywhere, and nummy bugs are everywhere too. 

So, meet me in a new role—as a junior security researcher bringing you a [🐝-weekly newsletter Shift Security Left](https://shift-security-left.curated.co/), teaching how to design, build, and test secure software. 😎🤟🏻

Every two weeks, on Saturdays, I’ll drop into your inbox an email with a few links to **great & awful security news, practical articles, papers, tools, and other security stuff** to make your apps more secure.

The first issue is already available!

Subscribe here: [Shift Security Left](https://shift-security-left.curated.co/)—and share with friends!
Follow me on Twitter: [@ssl_newsletter](https://twitter.com/ssl_newsletter) 

[![Subscribe to the developer-aware security newsletter: Shift Security Left](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j3gxk4jibj5j0uifiv6l.PNG)] (https://shift-security-left.curated.co/)
How to get better at UX design
Published: 2022-08-22 17:28:00

Gaining mastery in any skill or career is a necessity for career growth. Growth does not happen by chance; it happens by being deliberate about getting better at your craft. To get better, you need to give yourself to life-long learning, engage in activities that make for constant improvements, and always set career goals for yourself. It is possible to lose relevance slowly if you don't seek to get better in your career.


This is true for UX design. You have to keep learning to become a better UX designer. It would be best if you didn't reach a stage in your career where you think there is nothing to improve on again.


UX design is an ever-changing field in terms of trends, design ideas, and even the design's user experience. Your UX design skills will need constant refining to meet new challenges thrown at you in your design career.


Basic UX skills like user research, usability testing, and user testing are regular. Still, their methods can change, or UX designers can find better means of conducting these processes as the industry expands. Thus, continuous learning and refining your skills will make you better in your design process.

## How to become a better UX designer

The advancement of technology is enough motivation to get better at what you do. This is because long-term relevance in your career depends on how updated you are with your skills. If your skills cannot meet the technical requirements of the day, there is a high chance of losing relevance.


Engaging in activities that improve your UX design skills is vital if you want to get better in UX design. Most UX professionals confess to being committed to a life-long learning lifestyle, a repetition of the core skills they have learned, and some essential design habits and practices.


Below are some of the habits and practices that can help get better in UX design. 

## Use design patterns often

Design patterns are reusable solutions for recurring problems in design. Design patterns help UX designers better understand the interaction between design elements and functionality.

 

Design patterns make working on multiple projects easier. You don't have to create a new solution every time you have a new challenge, and there is a ready-made template for fundamental design problems that can help your design. 

The more you use design patterns for your UX projects, the more you understand the logic behind creating the user experience of each feature in your design projects.


Also, design patterns increase your work efficiency, reduce time spent on projects, and help you create a better user flow since you are working with a reusable solution

[Continue reading](https://www.braveachievers.com/post/how-to-get-better-at-ux-design)
Panagrams
Tags: javascript, hackerrank
Published: 2022-08-22 17:26:59

```
function pangrams(s) {
    // Write your code here
   var lowerInput = s.toLowerCase();
    var letterArray = ['a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z'];
    for(var i = 0, l = letterArray.length; i < l; i++) {
        if(lowerInput.toLowerCase().indexOf(letterArray[i]) == -1) {
            console.log('not pangram');
            return "not pangram";
        }
    }
    return 'pangram';
} 
```
Python vs Javascript: Dealing with the quirks of async/await
Tags: javascript, python, async
Published: 2022-08-22 17:25:12

As someone who’s used to implementing asynchronous programming in JS, implementing it in Python came as a surprise. Here’s what I learned.{% embed https://monadical.com/posts/python-vs-javascript-dealing-with-the-quirks-of-async-await.html %}
How to set default NVM version for all Linux shells
Tags: linux, nvm, node
Published: 2022-08-22 17:25:00

After installing [NVM](https://github.com/nvm-sh/nvm) and setting up a nvm version using: 
```bash
nvm use ${NODE_VERSION_NUMBER}
```
I realized that not every shell I started had the `NODE_VERSION_NUMBER` that I had set earlier

Setting a default node version using NVM on Linux for all shells/terminals can be done using the following command.

```bash
nvm alias default ${NODE_VERSION_NUMBER}
```
Restarting the terminall/shell will now have the correct `NODE_VERSION_NUMBER` set for NVM
HackerRank in a String!
Tags: javascript, hackerrank
Published: 2022-08-22 17:24:00

```
function hackerrankInString(s) {
    // Write your code here
   
    let i=0;
    let j=0;
     let matchStr = "hackerrank";
    let isMatchFound = "NO";
    
    while(i < s.length){
        if(s[i] ===matchStr[j]){
            i++;
            j++;
        }else{
            i++;
        }
        
        if(j === matchStr.length){
            isMatchFound = "YES";
        } 
    }
 return isMatchFound;
}
```
Mars Exploration -
Published: 2022-08-22 17:22:08

```
function marsExploration(s) {
    let actualStr = "SOS";
    let misMatchCount = 0;
    let j = 0;
    let k = 0;
    let emptyArray = [];
    let n = [];

  while (j < s.length) {
    if (s[j] !== actualStr[k]) {
      misMatchCount++;
    }
    j++;
    k++;
    if (k > 2) {
      k = 0;
    }
  }
  return misMatchCount;
}
```
Searching Alogirthms
Tags: dsa
Published: 2022-08-22 17:20:26

**1. Linear Search **
`    public static int search(int arr[], int x)
    {
        int n = arr.length;
        for (int i = 0; i < n; i++)
        {
            if (arr[i] == x)
                return i;
        }
        return -1;
    }
 
    // Driver code
    public static void main(String args[])
    {
        int arr[] = { 2, 3, 4, 10, 40 };
        int x = 10;
 
        // Function call
        int result = search(arr, x);
        if (result == -1)
            System.out.print(
                "Element is not present in array");
        else
            System.out.print("Element is present at index "
                             + result);
    }`


2. Binary search 

- it is faster than linear search
Unique-Subset-Array
Tags: javascript, leetcode
Published: 2022-08-22 17:18:00

```js
var subsets = function (nums) {
  let index = 0;
  let subset = [];
  let tempArray = [];

  findSubset(index, nums, subset, tempArray);
  return subset;
};

const findSubset = (index, nums, subset, tempArray) => {
  if (index >= nums.length) {
    subset.push([...tempArray]);
    return;
  }

  findSubset(index + 1, nums, subset, tempArray);
  tempArray.push(nums[index]);
  findSubset(index + 1, nums, subset, tempArray);
  tempArray.pop();
};

console.log(subsets([1, 2, 3]));

```
User Meta Features
Tags: wordpress, management, features, user
Published: 2022-08-22 17:14:41

**[User Meta Pro](https://user-meta.com/)** is a well-designed, feature-rich, and easy to use user management plugin that allows front-end profile update, user registration with extra fields, email notifications and many more.

**User Meta Features:**

- Custom user login, registration and profile building.

- Standard fields to build from.

- User import and export in CSV file.

- Customize Email notification.

- Admin approval to control user access.

- Redirection settings.

- [9+ Addons](https://user-meta.com/add-ons/) to add functionality.