Dev Blog

Aulia Dika


Hi, It's been long time that I haven't post an article in this blog. So, this time I'll share to you some basic of shell scripting that you might like. Anyway, shell scripting or bash script was mean for linux admin or devops in some organization. But, I think as for nowadays, shell scripts are like common progamming language out there such as golang, c++ or python. Instead, being depend on what kind script to run, As experianced dev or programmer we probably should know some basic of shell script commands.

## Shell Script Definition
Based on wiki article, shell script is a computer program designed to be run by a Unix shell. The various dialects of shell scripts are considered to be scripting language.

Types of shell script in UNIX-like system was probably various like zsh, fishell, etc. You can configure by your own preferences but just like any other basic BASH

## some example of shell script

A typical shell script usually start with 
```
#!/usr/bin/env bash
```
So, that the file can notice this was a shell scripting language.
In other way, you can made scripts command for unzipping the tgz/zip file. Here is below the example script
```
#!/usr/bin/env bash 
echo "unzipping tar file"
case "$1" in 
  *.tar|*.tgz) tar -xzvf "$1";
  *.gz) gunzip -k "$1";
  *.zip) unzip -v "$1";
  *)
    echo "Cannot extract $1"
    exit 1
  ;;
esac
```

As for me, shell scripts and bash command are really important to know for any Software Engineer/Developer that basically know how to crafting their own starter template. And it will make as sidekick scripting before your own primary language. 

If you want to know fast about shell script I'll recommend to access bash script cheatsheet or if you want to know more and sharpening your knowledge than I prefer you go to Udemy course about shell scripting or read an article in freecodecamp.

Thanks for reading my article. And next week I'll further discuss about some CLI with another programming language beside shell.



Shell Scripting


## Prologue

Here is the list books that I read in February 2023

## List books

### 1. The Monk Who Sold His Ferrari: A Fable About Fulfilling Your Dreams & Reaching Your Destiny by Robin Sharma 
it's about finding your own way to reach goals. And will find you a great way to discover a new pattern or an idea for embracing your dreams.

### 2. Securing Devops by Julien Vehent 
Devops stuff and how to manage your repos to more secure while deploying on Cloud Server. 
There is many best practice on the inside.



Books Review - Feb 2023

-

As part of Developer Operation(Devops) tools, one of common tools that used for testing on local environment is Docker. And CNCF(Cloud Native Computing Foundation) commited that Docker was an open source community that provide many developer to contribute as open PR

## Docker

The based core of Docker was built with golang programming language. And there is many feature that you can use, one of a new feature was Docker Kubernetes.
You can find these feature if you are installing docker desktop in version 1.20+. 

By the way Docker provide the abilit to package and run an application in a loosely isolated environment called container. The isolation and security allows you to run many container simultaneously on a given host. 

## k8s
Kubernetes or as we called in shortname was k8s. It was an open source tools that use for orchetrating the container for auto-scaling and management of containerized application. K8s was abbreviation from Kubernetes.

## Minikube 
It's was called an alternative k8s in local engine. Focusing on making it easy to learn and develop for k8s. Here is below some image

<img src="https://minikube.sigs.k8s.io/images/screenshot.png" />

And it's well known as a command-line tool that you can use to create and configure kubernetes clusters locally on your local machine.
There is more article if you want to get started to learn minikube. next up will discuss about another alt k8s engine.

Btw Thanks for read my article until now. Hope you are being bless always. 


source:  
[source1](https://minikube.sigs.k8s.io/docs/start/)


Introduction minikube


for the last week of december 2022, this is about too late too post but at least will post it anyway. There is no update about the case of my work in XL site,

I probably want just happy new year 2023.

## NEXT
Will continue wait for any update about the kafka C1 case and BSS teams.


Journal 4th week December 2022


On the third week of December 2022, there was discussion about the documentation and kafka C1 from the client. And will be on reply after next year.

## What do I do
Doing the revision and adding new sequence diagrams

## The Blocker
I think there is no blocker up until the documentation have done send to the client.

## The Next
Wait for any changes or updates from the client side either the kafka C1, MCCM or the listener apps. 

## Conclusion
For further due, I'll be keep updating the documentation for C1 kafka and improve my hard skill as FE dev. Thank you for reading my journal blog. GBU


Journal 3rd week December 2022


Let me share with you what do I do in 1st week of December, It's about to writing a documentation for C1 Kafka apps which is may the most complicated apps that I've been through. Kafka itself was built on supporting and also managing the products catalog stream on myXL. After that, the journey continues with making the new diagrams for C1 Kafka.

## What do I do
For the documentation, I've walkthrough with some interviews with the BE teams who get involved in the C1 Kafka. The flow was unexpectedly complex, and the diagrams themselves especially the sequence diagrams took me about 1 day to re-image the pattern.

## The blocker 
I think it's almost no blocker. Because all the teams who got involved were dedicated to getting the documentation ready to send to the client side.

## The Next 
I'm still wait for getting a reply from the client.

## Conclusion
I hope the team expects for the documentation that I write was accepted without any revision. Even though, there is any concern about the content, It should be an updated version of the documentation.

Thank you for reading my journal. GBU


Journal 2nd week of December


## Prologue
My daily to-do on the third week of November 2022, was much busier with joining all the BSS projects from clients. either for migration or supporting logs. Both of them definitely need to be more extra focused and energy. Because sometimes I need to stay awake for a long period of the night to stand by if the Client needed support with any BSS log. 

## What do I do
Keeping all the QA testers to meet their requirement sanity test case with support logging data via BE(BackEnd) Middleware apps

## The blocker 
Sometimes I need to reenact or analyze what kind of error response causes the data or test case which does not properly work. Within that, I need to do more creative thinking to solve the problem by asking the other teams.

## Next up
It was probably the last week of November 2022, when we were going to prepare the next step of migration programs from the client side.

## conlusion
I hope to get more understanding and communication for the whole problem that might occur in the sanity testing. Thank you for reading my Journal at Aleph-Labs. If there is any grammar or sentences that might not quite good please comment below.
GBU



Journal Third Week of November


## Prologue
For the last two weeks in November 2022, I do kind of ops stuff with support on BSS Migration team which is the task are seeking and finding for any error response or log data in myXL Apps. I often to be asked for join BSS testing meet for any requests logs that they need to offer.


## What do I do
As far I concern If I'm not wrong, The BSS itself was focus on changing their endpoint pointing  especially gateway url on their SOA part. My part wasn't too big afterall because what I do was coordinate with their myXL BSS tester and especially for any cases TC that they need to accomplish.

## The Blocker
As far as I support the BSS team for any test cases. And there isn't any blocker on our teams of MW BE but even though there is always comes up with the solution. 

## Next Up
Monitoring and supporting any misbehaviour or error response with finding and seeking any log error response based on their test cases.


## Conclusion
Overall as far as I follow up the BSS mig it will be impacted on big future plan of myXL. And Hope get gain any insight and get more knowledge about service architecture oriented flow.

If there is any grammar or sentence that might quite right, you can share your thought or opinion on those comments below. 
GBU.


Journal Second Week of November

-

## Preface
The term anxious can be various, in my case I do feel a lack of awareness while I'm facing a new environment or situation that makes me not comfortable, such as meeting new people. And that is why in my opinion state of anxiety might be part of mental illness. Especially in a new working environment, a state of anxiety can be much more when I didn't know how to handle it.

The anxious has the most affecting over 30% of adults and sometimes comes with a negative thought of mind. That torturous of negative thinking push over even more anxiety state and also can cause physical reactions. Moreover, those living with anxiety most of it are a lonely and isolated person. As one who have been suffer from it says "it's not visible, people don't understand it and too often think willpower can make it go away"

## How to manage
It's a long-term disease and no doubt about it. Because we need to learn self-aware of our mental illness, even though that any other person doesn't know about our actually mental health condition. In that state, some time can be life-safer. It's an evolutionary trait meant to protect us from the kind of dangers that approach us.

Based on others experiment, the standard for anxiety disorder treatment are these kind below:
- CBT (Cognitive Behavioral Therapy), 
- Dialectical Behavioral Therapy
- Exposure Therapy
- Medication

## Conclusion
With the right kind of treatment, it might cool down your anxiety level. And based on my experience, the anxious state could be a sign of a warning situation that might be helpful to you. So, in the case that makes you worried, you should think of that as a positive vibe first before deciding that your anxiety state can become negative thought of yourself.

Thank you for reading my short blog about part of my mental illness. If there is any grammar or sentences that might not be right to you, please shout out. I would be glad to hear or read your comment below. GBU.

[source 1](https://www.psycom.net/living-with-anxiety)  
[source 2](https://mantracare.org/therapy/anxiety/living-with-anxiety/)

Living in anxious state on working environment

-

Hi, Long time no post. But foor this week I'll post about a list of illustration graphic with only just HTML & CSS which is the answer from the newest cssbattle.dev #21.

## CSS battle N
<CodePen codePenId="gOKYrmj" />

## CSS battle B
<CodePen codePenId="vYrBGZR" />

## CSS battle O
<CodePen codePenId="QWxLNgX" />

## CSS battle W
<CodePen codePenId="poKzyWo" />




CSS Battle Font


Today is the day that we commemorate Mental Health World. We need to embrace ourself when facing pressure on daily life & work with keep your positive vibe. And the WHO(World Health Organization)
 commencing this year to be priority of mental health of well being for all a global nations.

 Enough said,

 Let's Celebrate World Mental Health 2022.




Mental Health World



Hello folks, we will further discuss an alternative way to deploy your final apps into an instance of a cloud server by using the k8s cluster engine. But instead, you are using your YAML manifest file, you will build your custom YAML file by using an SDK third party. One thing that you might find about CDK8s is a software development kit framework for defining K8s apps and reusable abstractions using familiar programming languages and rich object-oriented APIs.

CDK8s was supposed to make sure your deployment manifest file is valid, reusable, and easy to maintain. With support from 4 languages which is python, typescript, java, and rust, you should be able to build your custom template YAML file the same as you are developing your apps from the beginning.

## How to works
Based on generated file, the root of the trees is a Constructor named _App_. Within the App, you can define any number of charts( Classes that extend the _Chart_ class). Each chart synthesized a separated K8s manifest file and eventually represent any K8s resource, such as Pod, Service, Deployment, and ReplicaSet. 

## Example 

Based on how cdk8s can work for any cluster and makes an imperative approach to the declarative state as a developer you can probably enjoy the expressiveness of simplicity of imperative programming.

Here is below how to define k8s from the cdk8s script.

```
import { Construct } from 'constructs';
import { App, Chart, ChartProps } from 'cdk8s';
import {IntOrString, KubeDeployment, KubeService} from './imports/k8s';

export class CovYaml extends Chart {
  constructor(scope: Construct, id: string, props: ChartProps = { }) {
    super(scope, id, props);

    const label = { app: 'cov-app' }
    // define resources here

    new KubeService(this, 'service', {
      spec: {
        type: 'ClusterIP',
        ports: [ { port: 3000, targetPort: IntOrString.fromNumber(3000) } ],
        selector: label
      }
    });

    new KubeDeployment(this, 'deployment', {
      spec: {
        replicas: 2,
        selector: {
          matchLabels: label
        },
        template: {
          metadata: { labels : label},
          spec: {
            containers: [
              {
                name: 'cov-app',
                image: 'cov-app:1.0.0',
                imagePullPolicy: 'Never',
                ports: [ { containerPort: 3000 } ],
              }
            ]
          }
        }
      }
    })

  }
}

const app = new App();
new CovYaml(app, 'cov');
app.synth();
```

After building your own custom scripts, it should generate the YAML file like these below.

```
apiVersion: v1
kind: Service
metadata:
  name: cov-service-c87c1d6b
spec:
  ports:
    - port: 3000
      targetPort: 3000
  selector:
    app: cov-app
  type: ClusterIP
---
apiVersion: apps/v1
kind: Deployment
metadata:
  name: cov-deployment-c80cb48c
spec:
  replicas: 2
  selector:
    matchLabels:
      app: cov-app
  template:
    metadata:
      labels:
        app: cov-app
    spec:
      containers:
        - image: cov-app:1.0.0
          imagePullPolicy: Never
          name: cov-app
          ports:
            - containerPort: 3000
```

And you can apply it from the dist folder after the build has been done.
the service and deployment should be created after that.

```
kubeclt apply -f dist/cov.k8s.yaml
service/cov-service-23e79b52 created
deployment.apps/cov-deployment-8b2b7b76 created
```

# Conclusion

I hope from this article you should sense the potential of an imperative way to build a YAML file using one of the AWS open source projects. To find more detail on how to use cdk8s deeper such as abstraction layers or high-level Construct library, you can follow the link from the source below.

If there is any recommendation about the paper or any project that comes with cdk8s, I would be glad and love to support your project. And last but not least thank you for reading my article. GBU

Source  
[source 1](https://cdk8s.io/docs/latest/#how-does-it-work)  
[source 2](https://aws.amazon.com/blogs/containers/introducing-cdk-for-kubernetes/) . 


An Alternative ways to build your manifest yaml file

CDK8s for cloud kit development


## Intro

Hi, everyone. Mid of july is come so I will post about some illustration Graphic with only HTML CSS. As I mention before in the past month, I do share answer for the css battle site every month.

## css battle sharingan

<CodePen codePenId="OJzbbyN" />

## css battle one piece

<CodePen codePenId="BaJxzqY" />

## css battle Super Saiyan 

<CodePen codePenId="BaYdxpq" />

## css battle Amegakure 

<CodePen codePenId="RwyNLOW" />

## css battle Sealing wand

<CodePen codePenId="yLvLNxd" />




CSS Battle Float



Hi folks, continuing from the part I of Drydex operation. This article will further discuss about the side effect aftermath and how to prevent the attack from the malicious malware.

The malware operates using the malware-as-a-service model which provides both the pre-built malware kit and event customer serivce support. As the provider got exists the primary target is the physical workstation rather than company networks and servers. It's not designed to run on VMware or in any sandbox environment making it harder for researchers to detect and understand its behavior. And perhaps it will enables armature cybercriminals to use the pre-designed cyberattack tools and deploy campaigns with little to no knowledge of how the technicalities work.

In 2015, researchers from the Royal Holloway University of London along with SANS institute and CISCO analyzed and recorded a packet capture(PCAP) file of Dridex activity. Both teams highlighted a number of interesting characteristics and behaviours that the malware demonstrated during the tests. The test in questions were run through programs such as Tcpick, Wireshark, and Tshark and which were then cross referenced in order to identify any trends and patterns. Along with many other findings researchers noted that the infected computer communicated with the targeted IP addresses at the same rate as legitimate traffic traveling alongside it. 

As of 2016 the alleged organised gang behind the malware development, such as Evil Corp, have not only updated the Trojan further but seem to have paired up with Cerber ransomware products. US security company FireEye released a blog during May 2016 outlining the major developments that the cybercriminals have adopted this year. There has been a significant increase in the Word and Excel-based spam campaigns however the payloads being delivered are now Cerber ransomware.

The first step for organisations to hep prevent and protect against Dridex attacks is to invest time and funding into the education and training of their employees. Teaching individuals to recognize and react to security threats accordingly is the firs and most effective method for avoiding a data breach ad mainting the confidentiality, integrity and availibility (CIA) of an organisation's networks and services. 

The alternative way of defence against Dridex and similar malware is utilising IDS to monitor company networks, servers and users actions for evidence of policy violations and malicious activity. Once infected early detection is the next best outcome for organisation. Network and host-based IDS (HIDS) applications are effective tools that minimise the collateral damagee that a data breach may cause. 

Lastly, in any IT environment the human factor is always the weakest security link with in a network, therefore it is vital that organisations adopt and enforce strict and comprehensive cyber security policies that detail best practices and duties. These best practices consider everything from adopting appropriate physical security standards to implementing access controls, social media policies and incident response plans. And always keep changing your account social media password at least every 3 months, it may come from social engineering tactics that can be used potentiality of spear phishing email and tailored to the individuals interest or line of work. 

If there is any grammar or sentences that may incorrect to you. Please kindly to inform me via [email](mailto:aulia.mahardika@live.com). And if may there is misinformed about the dridex you may suggest me or fill in the comment below. Thank you for reading my blog, see you in the next blog which we discussed about cdk8s (cloud kit development) by AWS. GBU.



Source:  
_Cyber Operation Zeit - 8015_ - UNSW paper


Journal 4th week of august


## Prologue
Hi fellow cyber fans, This time in my latest post will discuss Dridex. One of the vulnerability viruses that can attack your pc system was a trending issue in 2015 back then.

## Behind the Story
Dridex was first identified in November 2014 as the new and improved Cridex Trojan, but with added features such as Peer-to-Peer (P2P) functions and wider attack capabilities, targeting more than just banking services. The malware runs over Microsoft Windows financial institutions in over 40 countries(O'Brien 2016). It runs over Microsoft Windows injecting through HTML and is mainly disseminated through spammed phishing campaigns with embedded links or attachments that house the malicious software. The email can be general or tailored to suit the victim's work environment(such as a member working in the financial sector) and prompt the user to download a Word document or Excel spreadsheet labeled, e.g. invoice bank statement or payroll. 
Once the user opened the file that contains the malware, it can inject itself into internet explorer, chrome, and firefox whenever they are deployed. It then waits for the user to log into one of the 300 configured websites and capture credentials by logging keystrokes., taking screenshots, stealing cookies, or capturing data input which is then transmitted back to the criminal control.

## History
In 2015, a Moldovan man however was arrested in Cyprus as a result of a large-scale takedown operation conducted by UK and US officials. The man was accused of being a key figure responsible for developing and deploying Dridex operations in Europe and officials were able to redirect infected computers away from command-and-control servers.
During the month between 1st November 2015 and 15th, January 2016 Symantec teams identified and logged 145 Dridex spam campaigns and noted a number of interesting characteristics. In almost 75 percent of cases, the attackers use legitimate company names and top-level domains to match the affected area such as "co.uk" or "com.au" Anywhere from one to eight campaigns were deployed in a day on which Symantec was able to block an average of 271,019 emails per campaign with the largest being 982,832 emails during a particularly large attack. 

Based on cases, The primary target of Dridex is the physical workstation rather than company networks and servers. It is not designed to run on VM ware or in sandbox environments making it harder for researchers to detect and understand its behavior. 

And for the next one will discuss the story of how we prevent the Dridex operations. If there's any grammar that you might found not correctly or any sentences that are quite right. You can reach me via [email](mailto:aulia.mahardika@live.com). Thank you for reading my blog. GBU.

Source:  
_Cyber Operation Zeit - 8015_ - UNSW paper

Journal 3rd week of August


## Prologue
Hi folks. It has been a long time since I've ever posted a journal about myself. What I have been through was might be not good for you but just as a reminder, you can read this if you preparing for your mental health and want to know how to handle self-blame and frustration based on my experience.

self-blaming is an act of self-depression after suffering a series of unfortunate events. And the cause can't be denied by one or another person it may be a pure accident or by the cause of any other person.

I've often faced a self-blaming situation almost every day. And after that, I do feel so gloomy but I need to remind myself that I know I can face it. I know there is a better version of me after suffering a bad day.

Word of frustration may come after you have been through a lot of suffering situations.

And the situation of frustration being ended up by self-blaming might be coming from the rejection of social life. Some people feel the way of rejection was simply by judging others or as we called it bullying. And by that, the bullies also gain social status through their actions. Other may look up to them and judge them to be more powerful, cool, or funny. Or even in extreme cases was end up with the fear of their social life. The victim becomes lonely and suffers from their acts of judgment.

## What do I do
We can deny the assumption for how long you can persist and hold on to the feeling of frustration But if you see it clear and embrace what you have now. You should be grateful and blessed with what you have been until now.

Also, you should consider gaining your morale while your drink enough water. Stay breathing and imagine why you should do more positive useful stuff. And if you are Muslim don't forget to pray five times a day. I think it should be enough to cover up your self-blaming and frustration.

## The Blocker

Actually, I'm not the kind of typical person that can handle those situations so easily. Because I feel the frustration could be handled if you accept it first. Why, because you know that the scope of frustration can be really big or small. And you need to be mentally prepared.

## Next Up
I need to refresh myself and make it as a habit.
Create a good habit schedule. 
May be I should take on leave vacation.


## Conclusion
Being grateful and thankful was a key point to scoop your frustrating situation. Self-blame can always be recovered if you stay on with positive thinking

Hope this article can help you better understand based on my experience to handle self-blame. Thank you for reading this article. GBU.

Source :  
*Mindset - Changing the way you think to fulfil your potential*

How to handle scope of self-blaming and frustation

Journal 1st week of August


How we built the website nowadays was much more different from the past couple of years. We as developers know about the basic ingredients to build web apps or websites using HTML, CSS, and javascript. And as the new practical development comes, there are many task automation and cli generators to create CSS file much simpler. For example, SCSS(Syntactical Cascading Style Sheet) was more popular before Stylus arrive as a new alternative CSS preprocessing generator.

Stylus was created by a Node JS contributor and creator of the LUA programming language. Its design is influenced by SASS and LESS. And it's regarded as the fourth most used CSS Preprocessing syntax. The syntax was synonymously like jade or as it was called pug.
Feature

The stylus was a dynamic preprocessing language for CSS. And it's an open-source pre-processor language but that's not only open source

The Stylus gives you offer simplistic syntax to create CSS from the ground. some example feature that my favorite is mixins.
```
function_name($s) 
    -webkit-box-reflect: above $s
```
the above code was to built customize function mixins for CSS reflect that just only provide on a chrome web browser. And as you may see from the above code, there are no colons/semicolons or curly braces which is the syntax looks efficient and robust.

And not only that, there is over 60 Color Functions that might be useful for you to use. Such as list/Hash Functions ex:
```
// pop(expr)

nums =  4 5 3 2 1
num = pop(nums)
```
One of many features that may as the same as sass lang was the rest parameter. The syntax form of the name... are the params that consume the remaining arguments passed to a mixin or function. Those arguments will be useful when utilizing(for example) the implicit function call likes -webkit- or -moz-.
How to use

Make sure that you have already installed a new version of NODE JS. After that, you should initiate a new starter project. As the package is based on NPM. you should follow this command
```
npm init 
npm i stylus
```
After that you should create a script file to run through your .styl into .css file with watch.
Conclusion

There have been many benefits of using CSS Preprocessor whether using SCSS/SASS or LESS. The way developers enhance or speed their practical development was probably could be efficient and robust with using CSS Preprocessor. If you want to know more detail about CSS Preprocessing you can read on smashing magazine or tutsplus article. And if there is any grammar that finds not correct, please reach out. I'll be glad to hear any suggestions or recommendation from you. As always many thanks for reading my article. Hope you are stay healthy and stay safe. GBU


[source 1](https://en.wikipedia.org/wiki/Stylus_%28stylesheet_language%29)  
[source 2](https://stylus-lang.com/)

Stylus generator to create stylesheet css file

Creating CSS Stylesheet with Stylus CSS Preprocessing


## intro
When we first initiate or start the project for making the apps or web apps, an experienced developer often uses CLI (Command Line Interface).
CLI means Command Line Interface. If you want to be an experienced developer I recommend using CLI to start a new project or make a new feature. 

One of them is OCLIF. OCLIF stands for Open Code Life Cycle Framework.
When you first time using OCLIF, you might to know how system processing in CLI. The system will firstly parse the command line arguments. Then it will check the command name. If the command name is correct, it will check the command arguments. And If the command arguments are correct for another option, it will execute the command.

## OCLIF CLI
The OCLIf was provided a customized cli for FE Dev. It was a lot of feature in it. There are examples that use OCLIF like Svelte-kit, Heroku, etc. All you need is the LTS Nodejs version that has been installed inside your PC.
In OCLIF everything is customizable, you can arrange your command interface into a list of optional commands or even customize your own helper generation. Like the slogan of CLI means, It's a platform to build upon that provides smart defaults without locking you into any specific tools or behavior.

## OCLIF Feature
- Flag/Argument parsing  
None of the CLI frameworks can't work without a flag parser. The custom flag built by OCLIF was a result of experiments that we feel consistently handles user input flexible enough.
- Configurable Topic Separator  
The OCLIF is built-in with customized separator command which is by default the topic commands will be separated with colons. But however, you have the option to use spaces if you prefer. by example 
```
mycommand init another-command
```
- Super Speed cli  
The speed of OCLIF when we run the command is almost nothing. It's because the cli itself required a few dependencies. So, even though there is a lot of commands that are generated it should be the same as a single command generated. 
- Testing Helper  
One of the unique features of OCLIF was the commands will generate a testing helper automatically.

## RAFTEL
From the OCLIF, I built practical cli as an example, and the source [https://github.com/AulsD/cli-rustvelt](source)
The repos contain a CLI to generate FE starter kit which is will reproduce list packages and mix up folder between rust and svelte kit. 
May in the future, there is an update feature that implements rust with react or vue. 
data
rustvelt cli list of package:
- enquirer
- express
- oclif
- @oclif/command
- @oclif/config
- @oclif/plugin-help
- cosmiconfig
- debug
- globby
- jest
- jest-dir
- tslib
- @oclif/dev-cli
- @oclif/test
- @types/jest
- @types/node
- ts-node
- typescript

## How to use rustvelt CLI
The first thing to do is make sure that you have already installed a new version of NodeJS. 
And you should follow along below commands: 
```
npm -g i rustvelt
npx rustvelt 
```

You'll prompt out the cli with a statements 
```
What is your folder name?
```

It will asking about your customize boilerplate FE cli. 

## Conclusion
OCLIF (open code life cycle framework) was one of many cli generators that makes developers easily use and create a system customizable command line interface. Which makes your custom CLI more robust to build an extensive cli. I hope this article makes you gain more knowledge about what is command line interface. If there is any bad grammar or bad sentences that not correctly feels right to you. Please give me some advice or any suggestion. I'm available anytime to hear from you. 
Stay curious and stay healthy. Last but not least, thanks to read my blog. GBU.

[source1](https://oclif.io/docs/introduction)  
[source2](https://medium.com/the-z/getting-started-with-oclif-by-creating-a-todo-cli-app-b3a2649adbcf)  
[source3](https://medium.com/swlh/how-to-have-your-personal-cli-with-oclif-4d72939cd32c)  
[source4](https://egghead.io/lessons/javascript-create-a-hybrid-single-multi-command-node-js-cli-with-oclif-and-typescript)


CLI Customization for FE Development


## Intro

Hi, everyone. September is come so I will post about some illustration Graphic with only HTML CSS. As I mention before in the past month, I do share answer for the css battle site every month.

## CSS Battle Coronavirus

<CodePen codePenId="ExENXpB" />

## CSS battle Wash Your Hand

<CodePen codePenId="PoRbjrO" />

## CSS battle Stay at Home

<CodePen codePenId="JjLbyPY" />

## CSS battle Hand Sanitizer

<CodePen codePenId="OJvbjJQ" />

## CSS battle Wear Mask

<CodePen codePenId="QWmGMjJ" />

## CSS battle Break the chain

<CodePen codePenId="poLNryY" />


CSS Battle Block


## Intro
Event Driven Messaging is actually a simple design pattern and many engineers out there use these to manage the flow of their data. The design pattern applied with the service-oriented paradigm enables the service consumer to stream event data within the service provider to get the notification data.

The interaction between a service consumer and a service provider can be initiated by the service consumer itself. To respond to an event that occurs within the boundary of the service consumer it should require some data from external sources. Event-Driven Architecture allows form more flexible, scalable, contextual, and responsive digital. An example of the event-driven arch which one of them is the Kafka engine.

## What is event streaming
Event streaming is the process of capturing data in the form of streams of events in real-time from event sources such as databases, IoT devices, or others
Kafka event-driven messaging

## Kafka event driven messaging
Kafka is a distributed event streaming that enables some applications to efficiently manage large amounts of data. It's fault-tolerant, high-scalability, and easy to manage billions of events. An event streamer app that concludes all the data into an event streaming process that handles the data continuously.

## Tools of Event Streaming
Apart from the above, one of the toolings that might often be heard about event streaming is apache, Kafka. Apache Kafka provide a quickly scale up and down with minimal downtime and also fault tolerance.


[source 1](https://hevodata.com/learn/kafka-event-driven-architecture/)
[source 2](https://en.wikipedia.org/wiki/Event-Driven_Messaging)




A simple intro about one of design pattern in computer programming

Event Driven Messaging


## Intro

Let me tell you the background motivation to build this project. My first initiated FE boilerplate project was back on my job at the news office as a web designer. They needed to create a fast and robust microsite every time they got a new advertiser to publish by their media online. And some other way I just need to make it a DRY(Don't Repeat Yourself) scheme for any request to build a microsite.

Because I love task automation, my first curiosity was on gulp task runner which is probably the best toolkit that I ever used at least now. But, instead of using the gulp, I do have interest in a grunt that build just right before gulp was released. The grunt may seem not as fast as gulp task runner but the simplicity of the grunt file makes me so want to discover much more about this task automation. And so I end up making that FE Boilerplate on my GitHub repos.
List Description

## List Description
My inspiration for building this boilerplate was from reading an article by a Mozilla developer who create an amazing CSS illustration design with just only one line CSS property. This was an incredible creative beyond my imagination as HTML/CSS developer before I got into my FE stuff. But I did add another grunt package to make it run with the js file too.

Here is the list of package that has been installed on the project:


| Package Name          | Description
| --------------------- | -------------------------------------------------- |
| Grunt Contrib Clean   | For clean                                          |
| Grunt Contrib Connect | For to connect with another file                   |
| Grunt Contrib Copy    | For copy the file after watch by stream            |
| Grunt Contrib JSHint  | For use to lint                                    |
| Grunt Contrib Pug     | For an alternative way to write a HTML syntax      |
| Grunt Contrib Stylus  | For an alternative way to wrtie a CSS syntax       |
| Grunt Contrib uglify  | For a compression file js                          |
| Grunt Contrib watch   | For watching/streaming file                        |
| Grunt Sync            | For sync the file into the web                     |


* The package may update after a years 
* And you can access the repo in [here](https://github.com/AulsD/build-for-grunt)
## Credits

This project was initially meant to be an experiment and if there is any criticism or suggestion about the project. I'll be glad to hear it and may approve it later. Hope this article was useful and if there is any incorrect phrase or sentence, you may tell me. Last but not least, Thank you for reading my article hope you find yourself to be healthy always. GBU



Another FE boilerplate kit by using grunt js

Build for FE starter kit


## Intro

It has been 2 week since I published the last article about K8s. Now I share to you about FE stuff especially an illustration graphic with only HTML & CSS. This has been published in my past blog post so, for this article I post bunch of list group illustration graphic and answer for CSS Battle Dev.

## CSS Battle Notes

<CodePen codePenId="KKQLyVb" />

## CSS Battle Ukulele

<CodePen codePenId="WNXJdLJ" />

## CSS Battle Tamborine

<CodePen codePenId="vYdPQaV" />

## CSS Battle Piano 

<CodePen codePenId="mdXYqeM" />


A List of Illustration Graphic with only HTML & CSS

CSS Battle Z-Index


## Intro
We know that when we are built an image and creating a cluster in k8s, we often use `kubectl get po`cli to check our pods if it is already running properly or not. And what if there is a terminal based UI to manage your list pods in realtime that easily to use. Yes, I tell you about the k9s, It's already published as an open-source project for monitoring the Kubernetes cluster and providing shortcut commands to interact with observed resources.

But there is an alternative to k9s and it was KDash, A simple monitoring tool for k8s cluster. The terminal UI was more simple than the k9s open source project. And it was built-in with rust programming language.

## Feature UI
here is below some ui 

<img src="https://raw.githubusercontent.com/kdash-rs/kdash/main/screenshots/overview.png" alt="kdash dashboard" />"

KDash only offers a view of the most used resources with a focus on speed and UX. The UI means to be more user-friendly and easier to navigate with contextual help everywhere and tab a system to easily switch between different resources.

for more detail about k9s dashboard you can follow this [link](https://k9scli.io/)

KDash can use a shortcut to navigate your cluster config without typing `kubectl` first. 
You can describe your resources manifest file or copy the output that you want using available shortcut key.
From navigation pane you can switch between layer selection from context info into namespace that are available to you.
Probably there is two themes (dark theme/white theme) which can be selected as your preferences.

Hope this article can be useful. And as usual, if there is any word or grammar that might find you not quite right. You can email me at aulia.dika@aleph-labs.com. Last but not least, thank you for reading my article. 

[source 1](https://medium.com/flant-com/k9s-terminal-ui-for-kubernetes-aeead8b0303f)  


An introduction about terminal based UI to interact with your K8s cluster

Knowing K9s dashboard alternative using KDash


## March 2022
I've decided to change my old blog site engine into a new engine from the old one I used gatsby js version 2 and for the new version engine, I used Next js.

Why? because Next JS offer simple feature with hybrid static & server. Which frontend tech future for using markdown file to write blog site.

When spring season comes, I'd learn about DevOps stuff such as Kubernetes, Docker, CI/CD, etc. I believe something about behind tech when it's published into production there are many background processes. How to deploy with each other manifest files when you are using Kubernetes. But that's not much it. There is a jam stack site, It's what tech stack architecture designs faster and easier to scale. I'll write too for deep diving about jam stack itself in the next article.

Furthermore, I've researched event-driven design messaging architecture in the world of data information. I think I'll share the detail in another article.

That's all that I've learned in the last 2 months. Last but not least this blog will be my primary source to share with you. I hope you'll find it useful and if there is any word or grammar that feel not correct. I'm so glad to hear what you thought and share it with me.


What I've learnt in the past 2 month


##What is Critism
The word come by synonymous with judgment, opinion and assesment. Self-criticism are in our early relationships in pur childhood. A tendency toward self-criticism can result:
- Strict Family life
- Peer pressure daily life even at school
- Demanding persons




It Happened to everyone. We all have inner self-talk negativity when we're being alone