teleren/devto huggingface dataset:
AWS Certified Developer - Associate Resources
Tags: aws, career, webdev, tutorial
Published: 2021-08-10 17:21:43

Hello Again! I started researching on how I can achieve my next milestone.. Yes, the **AWS Certified Developer** certification. Here is what I got:

###Exam Details

`Registration:` [Schedule an exam](https://aws.amazon.com/certification/certified-developer-associate/)

`Format:` 65 questions; either multiple choice or multiple response

`Time:` 130 mins to complete the exam

`Cost:` 150 USD (Practice exam: 20 USD)

`Exam guide:` https://d1.awsstatic.com/training-and-certification/docs-dev-associate/AWS-Certified-Developer-Associate_Exam-Guide.pdf

###Resources:

* [ACloudGuru](https://acloudguru.com/course/aws-certified-developer-associate)
* [AWS Certified Developer Associate (FIRST 6 HOURS)](https://youtu.be/WYPG6Sdx1os) by Ranga Karanam
* [freeCodeCamp](https://youtu.be/RrKRN9zRBWs)
* [AWS Certification Prep](https://aws.amazon.com/certification/certification-prep/)
* [Exam Readiness](https://www.aws.training/Details/Curriculum?id=19185)


####Recommeneded whitepapers:

* AWS Well-Architected Framework 
* Practicing Continuous Integration and Continuous Delivery on AWS Accelerating Software Delivery with DevOps
* Microservices on AWS 
* Serverless Architectures with AWS Lambda
* Optimizing Enterprise Economics with Serverless 
* Architectures Running Containerized Microservices on AWS 
Blue/Green Deployments on AWS

###Conclusion:
Hope this resources help you to get started; help you to complete your AWS Certified Developer certification study and prepare you for the exam. 

P.S: 
I will update this post as and when I come across some interesting content. Stay Tuned!!

If you are looking to complete the **AWS Cloud Practitioner** certification, please refer my previous posts to help you getting started.

* [AWS Cloud Practitioner Resources]( https://dev.to/niharikapujari/aws-cloud-practitioner-certification-resources-12ef)
* [How I cleared my AWS cloud practitioner exam in 3 weeks?](https://dev.to/niharikapujari/how-i-cleared-my-aws-cloud-practitioner-exam-in-3-weeks-24a1)

That's all folks! 😎
How to Style console.log?
Tags: javascript, consolelog, log, styles
Published: 2021-08-10 17:06:03

To add CSS styling to the console output, we use the CSS format specifier %c. Then we start the console message, which is usually a String with the specifier followed by the message we intend to log, and, finally, the styles we want to apply to the message:
```js
console.log("%cThis is a green text", "color:green");
```
![screenshots](https://d585tldpucybw.cloudfront.net/sfimages/default-source/blogs/2021/2021-01/this-is-a-green-text.png)
RxJS: Reduce vs Scan
Tags: rxjs, rx, javascript, angular
Published: 2021-08-10 16:48:38

Reduce operator - reduces the values from source observable to a single value that's emitted when the source completes
```
// RxJS v6+
import { of } from 'rxjs';
import { reduce } from 'rxjs/operators';

const source = of(1, 2, 3, 4);
const example = source.pipe(reduce((acc, val) => acc + val));
//output: Sum: 10
const subscribe = example.subscribe(val => console.log('Sum:', val));
```
Scan operator - reduce over time!
```
// RxJS v6+
import { of } from 'rxjs';
import { scan } from 'rxjs/operators';

const source = of(1, 2, 3);
// basic scan example, sum over time starting with zero
const example = source.pipe(scan((acc, curr) => acc + curr, 0));
// log accumulated values
// output: 1,3,6
const subscribe = example.subscribe(val => console.log(val));
```
Improving online learning
Tags: showdev, beginners, programming, productivity
Published: 2021-08-10 16:26:02

Hello! My co-founder, Kevin and I, Jørgen are building a startup for people who learn to code online. We have both experienced challenges related to online learning ourselves. We would love to talk with you about the problems you face in learning to code online and how we can  help you solve them. If you are interested in sharing some insights and / or have a quick chat about it, please fill in the form: https://forms.gle/5CGjKJJh7VDn2mvB8
Modern Clean Architecture
Tags: java, cleanarchitecture, spring, technology
Published: 2021-08-11 14:58:22

---
title: Modern Clean Architecture
published: true
date: 2021-08-10 15:55:32 UTC
tags: java,cleanarchitecture,spring,technology
canonical_url: 
---
![Guggenheim Museum in New York](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2qaznwl72ehdsebe5qn1.jpg)

[Clean Architecture](https://blog.cleancoder.com/uncle-bob/2012/08/13/the-clean-architecture.html) is a term coined by Robert C. Martin. The main idea: Entities and use cases are independent of frameworks, UI, the database and external services.

[Continue reading on Medium (paywall free) »](https://bertilmuth.medium.com/modern-clean-architecture-c1765f8f3fc1?source=rss-a74297325869------2)
1. Two Sum
Tags: 100daysofcode, codenewbie
Published: 2021-08-10 15:31:16

class Solution:
    def twoSum(self, nums: List[int], target: int) -> List[int]:
        hashmap = {}
        for i in range(len(nums)):
            hashmap[nums[i]] = i
        for i in range(len(nums)):
            complement = target - nums[i]
            if complement in hashmap and hashmap[complement] != i:
                return [i, hashmap[complement]]
Journey to  the Cloud: IBM Cloud Deployment 4 Ways
Published: 2021-08-10 15:03:02

#Welcome back to Tutorial Tuesday!

This week we'll be exploring cloud and hybrid deployment models, and we'll take a look at the IBM products and offerings associated with each one. If you're new to cloud computing, you might have been put off by the overbearing amount of acronyms used. Just about everything is sold as a service (aaS) these days, even transportation. 


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

To clarify some of the deployment models, let’s have a look at some of these aaS acronyms. IaaS is Infrastructure-as-a-Service, PaaS is Platform-as-a-Service, CaaS is Containers-as-a-Service, and FaaS is Serverless, which is also known as Function-as-a-Service.


To explore all of IBM's products and services associated with each deployment model, check out the following articles associated with each one!


###[IBM Cloud Deployment 4 Ways: Deep Dive](https://dev.to/ibmdeveloper/ibm-cloud-deployment-4-ways-3770)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tke95xm409jqoqhpleaj.jpeg)


###[IBM Cloud Deployment 4 Ways: IBM Cloud Paks](https://dev.to/ibmdeveloper/ibm-cloud-deployment-4-ways-ibm-cloud-paks-o2m)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u0kwgwdwcujiunsluemj.jpg)


###[IBM Cloud Deployment 4 Ways: IBM Cloud Foundry](https://dev.to/ibmdeveloper/ibm-cloud-deployment-4-ways-ibm-cloud-foundry-2po2)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y6aa9v1z0eboxx7cqbxc.jpeg)


###[IBM Cloud Deployment 4 Ways: IBM Cloud Kubernetes Service](https://dev.to/ibmdeveloper/ibm-cloud-deployment-4-ways-ibm-cloud-kubernetes-service-4if)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fd6unxg1jbtk9jafr474.jpeg)


###[IBM Cloud Deployment 4 Ways: Red Hat OpenShift on IBM Cloud](https://dev.to/ibmdeveloper/ibm-cloud-deployment-4-ways-red-hat-openshift-on-ibm-cloud-2fce)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gvexmrclfe7czo4otbbp.jpeg)


###[IBM Cloud Deployment 4 Ways: IBM Cloud Code Engine](https://dev.to/ibmdeveloper/ibm-cloud-deployment-4-ways-ibm-cloud-code-engine-1i12)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uhtjvz2qd069wmmfd6p8.jpeg)


#You've Got This!
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/18jfnp4tbjwyygexin2z.gif)

Tune in next week for our next Tutorial Tuesday post.

Connect w Me!
https://linktr.ee/jritten
Compile a first program
Tags: ocaml, newbie, howto, tutorial
Published: 2021-08-10 14:55:45

1) Create a file `sum.ml`

2) Write this code

```ocaml
open Base
open Stdio

let rec read_and_accumulate accum =
  let line = In_channel.input_line In_channel.stdin in
  match line with
  | None -> accum
  | Some x -> read_and_accumulate (accum +. Float.of_string x)

let () =
  printf "Total: %F\n" (read_and_accumulate 0.)

```

3) create dune file

```
(executable
 (name      sum)
 (libraries base stdio))
```

4) install Stdio 

```
opam install Stdio 
```

5) Use `dune` to build the binary

```
dune build sum.ml
```

6) Execute the program type some number and hit CTRL+d

```
./_build/default/sum.exe
```
I'm making a Retro Sci-Fi Series that teaches UI Design (Trailer)
Tags: ui, design, tutorials, ux
Published: 2021-08-10 14:46:42

---
title: I'm making a Retro Sci-Fi Series that teaches UI Design (Trailer)
published: true
description: Gary from the DesignCourse YouTube chan here and I'm creating a new series called "The Boja" where I teach UI design in a fictional sci-fi setting from the year 2083.
tags: #ui #design #tutorials #ux
cover_image: https://coursetro.s3.amazonaws.com/stuff/Untitled-1.jpg
---

Hey all, I run the [DesignCourse](https://youtube.com/designcourse) YouTube channel. Over there, I've taught millions of people UI/UX & Frontend dev over the last decade+.

I've been thinking of ways to make learning more entertaining. Combine that with my other interests (music, snakes/reptiles, 80's aesthetic), and you get '**The Boja**'. 

**The Boja** takes place in the year 2082 with a fictional character (Jon Frok) played by myself, who's stationed in an unknown location and tasked with defeating an aggressive alien species by building an advanced user interface. The problem? Frok isn't a designer, *he's a soldier*. 

Over the next 2 years, I plan to release episodes that will teach Jon Frok and my audience the essentials of UI design. Every episode will contain a few things:

* Learning some topic of UI design
* Retrowave/synthwave music with a guitar solo
* A reptile

Check out the trailer I just released:
{% youtube 6bvutYtLsqY %}

I hope people enjoy it. I put a lot of $ and work into this. I almost didn't publish it on YouTube today, because it's so *out there* and ridiculous. 

Give me your thoughts!
Glimmer Clock
Tags: ruby, desktop, gui, dsl
Published: 2021-08-10 14:42:44

[Glimmer DSL for SWT](https://github.com/AndyObtiva/glimmer-dsl-swt) 4.20.15.1 (JRuby Desktop Development GUI Framework) shipped with a [Glimmer Clock elaborate sample](https://github.com/AndyObtiva/glimmer-dsl-swt/blob/master/docs/reference/GLIMMER_SAMPLES.md#clock).

![Glimmer Clock](https://raw.githubusercontent.com/AndyObtiva/glimmer-dsl-swt/master/images/glimmer-clock.png)

Code:

```ruby
# From: https://github.com/AndyObtiva/glimmer-dsl-swt/blob/master/docs/reference/GLIMMER_SAMPLES.md#clock

class Clock
  include Glimmer::UI::CustomShell
  
  body {
    shell {
      text 'Glimmer Clock'
      minimum_size 400, 430
    
      canvas {
        initial_time = Time.now
        background :black
        
        animation {
          every 0.01 # every hundredth of a second to ensure higher accuracy
                
          frame { |index|
            time = Time.now
          
            oval(0, 0, 400, 400) {
              background :white
            }
            polygon(-5, -5, 180, 0, -5, 5) {
              background :black
              
              transform {
                translate 200, 200
                rotate(time.sec*6 - 90)
              }
            }
            polygon(-5, -5, 135, 0, -5, 5) {
              background :dark_gray
              
              transform {
                translate 200, 200
                rotate(time.min*6 - 90)
              }
            }
            polygon(-5, -5, 90, 0, -5, 5) {
              background :gray
              
              transform {
                translate 200, 200
                rotate((time.hour - 12)*30 - 90)
              }
            }
          }
        }
      }
    }
  }
end

Clock.launch
```

Happy [Glimmering](https://github.com/AndyObtiva/glimmer-dsl-swt)!
Few words about functions
Tags: ocaml, newbie, howto, tutorial
Published: 2021-08-10 14:40:41

It's a real big topic but for now let's watch in action basic function declaration

```ocaml
let sum x = function y -> x + y;;

(** just a sum function that has next type *)
(** val sum : int -> int -> int = <fun> *)
```

How to read such notation
<fun> means the type - it's a function
last int before `=` means return value of function
previous int's means arguments

Let's watch something more complex

Compose function accepts f and g functions and accepts value (x) on which functions should be applied

```ocaml
let compose f g = function x -> f (g x);;
```

Let's take a glance into high order functions (functional)

Take a look

```ocaml
List.map (function n -> n * 2 + 1) [0;1;2;3;4];;

(** : int list = [1; 3; 5; 7; 9] *)
```

### Recursive functions

```ocaml
let rec sum l =
  match l with
  | [] -> 0                   (* base case *)
  | hd :: tl -> hd + sum tl   (* inductive case *)
;;
val sum : int list -> int = <fun>
sum [1;2;3] ;;
(* - : int = 6 *)
```

Logically, you can think of the evaluation of a simple recursive function like sum almost as if it were a mathematical equation whose meaning you were unfolding step by step:

```
sum [1;2;3]
= 1 + sum [2;3]
= 1 + (2 + sum [3])
= 1 + (2 + (3 + sum []))
= 1 + (2 + (3 + 0))
= 1 + (2 + 3)
= 1 + 5
= 6
```
Faster config updates with tmux source-file
Tags: cli, linux, tmux
Published: 2021-08-10 14:37:40

---
title: Faster config updates with tmux source-file
tags: ['cli', 'linux', 'tmux',]
series: tmux
canonical_url: https://waylonwalker.com/tmux-source-file/
published: true
---

So you have been tricking out that `.tmux.conf`, you're looking for a silky
smooth workflow that lets you fly through tmux with super speed, but every time
you tweak out that `.tmux.conf` you have to restart your whole session. Not amymore, 


Let's add this to the bottom of our tmux.conf so that you can see everytime it
gets sourced.

``` bash
display-message "hello beautiful"
```

## command

We can run this command from your shell to re-source your changed `.tmux.conf`

``` bash
tmux source-file ~/.tmux.conf
```

It also works from the tmux command line.

``` bash
source-file ~/.tmux.conf
```


## tmux hotkey

It's very common to set this up as a keybinding so that you can do it easily
without needing to memorize the exact command.

``` bash
bind -T prefix r source-file ~/.tmux.conf
bind -n M-r source-file ~/.tmux.conf
```

## from vim

This is my preferred way of re-sourcing my `.tmux.conf`.  It sits quietly in
the background, and I dont need to remember to do anything.  If you are a vim
user you can automate this process by creating a `autocmd bufwritepost`.  This
will shell out the `tmux source-file` everytime you save your `.tmux.conf`.

``` vim
autocmd bufwritepost .tmux.conf execute ':!tmux source-file %'
autocmd bufwritepost .tmux.local.conf execute ':!tmux source-file %'
```

Be sure to check out the full YouTube playlist and subscribe if you like it.

[![tmux playlist on youtub](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v4cgo76y53s1hwykajo1.png)](https://www.youtube.com/playlist?list=PLTRNG6WIHETB4reAxbWza3CZeP9KL6Bkr)

{% post https://dev.to/waylonwalker/how-i-navigate-tmux-in-2021-2ina %}

> Also check out this long form post for more about how I use tmux.
Motivational Good Morning Quotes For Dear & Near Ones
Tags: quotes
Published: 2021-08-10 14:33:39

Below you can read the most sought-after <a href="https://www.quoteswishesmsg.com/inspirational-good-morning-quotes.html">motivational good morning quotes</a> that are all you need to seize the day like a pro. Don’t forget to share them with friends as well!

Success largely depends on your willingness to pursue dreams even when the odds are against you. Good morning champion!

Waking up this morning, I smile. 24 brand new hours are before me. I vow to live fully in each moment. – Thich Nhat Hanh

Solitude and quiet connect you to your creative source and release the limitless intelligence of life. This regular practice can make the person perfect.

When you arise in the morning, think of what a precious privilege it is to be alive – to breathe, to think, to enjoy, to love. – Marcus Aurelius

One moment is sufficient enough to change and define your life. Keeping hustling till the last moment. It’s never over until it’s over.

Morning is an important time of day, because how you spend your morning can often tell you what kind of day you are going to have. – Lemony Snicket

Every morning life gives us a empty page to fill up. Its your choice to make it best or worst. Because you are the author of your own story.

I wake up every morning at nine and grab for the morning paper. Then I look at the obituary page. If my name is not on it, I get up. – Benjamin Franklin

On some days, you will feel the dearth of the motivation to wake up and chase your dreams. How you carry yourself during those moments puts you in the category of champion or loser.
Progressive Web Apps for Firefox
Tags: showdev, firefox, extension, pwa
Published: 2021-08-10 14:33:22

[Progressive Web Apps](https://developer.mozilla.org/docs/Web/Progressive_web_apps) are web apps that use emerging web browser APIs and features along with traditional progressive enhancement strategy to bring a native app-like user experience to cross-platform web applications. Although Firefox supports many of Progressive Web App APIs, it does not support functionality to install them as a standalone system app with an app-like experience.

Because support for installable PWAs has been a heavily requested feature, I decided to implement it as a Firefox addon/extension with a companion native program. It allows users to install basically any website as a standalone native-like app, with its own start/app menu entry, taskbar icon, and window. I've been working on the project for the last couple of months, and now it is ready for wider use!

{% github filips123/FirefoxPWA %}

To use the project, you can download the extension from [the Firefox Add-ons](https://addons.mozilla.org/firefox/addon/firefoxpwa/) store. You will need to install the native program; you will be prompted to install it after installing the extension. You can check installation and usage instructions in [the repository wiki](https://github.com/filips123/FirefoxPWA/wiki).

If you use Firefox and want to install websites as standalone apps, please give it a try! Remember to post any feedback, ideas, feature requests or bug reports [on GitHub](https://github.com/filips123/FirefoxPWA/issues) :)

Feel free to also check it [on ProductHunt](https://www.producthunt.com/posts/firefoxpwa) and leave a review there.

---

**How it works:**

Browser extensions normally cannot launch arbitrary programs and modify browser UI, so my extension uses [Native Messaging API](https://developer.mozilla.org/docs/Mozilla/Add-ons/WebExtensions/Native_messaging) to communicate with the native program. It is written in Rust and handles features that the extension alone cannot do. The program installs an independent Firefox runtime, patches it with the UserChrome modifications to reorganize the Firefox UI and remove all unnecessary UI elements, and handles installing and launching PWAs. I created a bit more detailed explanation of how this project works in [the repository wiki](https://github.com/filips123/FirefoxPWA/wiki/How-It-Works).
How to handle Slatejs document in Nxut-Keystone5
Tags: nuxt, keystone5, slatejs
Published: 2021-08-10 14:18:37

I have a Nuxt-Keystone project in which have a list(keystone schema) called Post with post body as **content** type which is a slatejs document

# Problem

I tried many way to output the post body (Document), it didn't work for me.

Anybody know how to handle slatejs docs in a Vue component ? Please give me a hand.
11 Solid reasons why you should Learn ReactJS ?
Tags: react, jamstack, javascript
Published: 2021-08-10 13:58:52

Did you know Facebook uses react in their apps?

It is **used by major companies** like Netflix, Airbnb, Dropbox, and Imgur.

It can be used to build web, native mobile, and desktop apps!

ReactJS is a JavaScript library for building user interfaces, created by facebook, solves the problem of building large applications.

It's super easy to learn if you already know how to code JavaScript or have a basic understanding of it. 

General Reasons why you should Learn ReactJS?

* It's an extremely flexible library
* It's fast & Virtual DOM
* It's easy to learn
* It's dynamic & Declarative
* It's modern & Highest Paid Job availabilities
* It has a great & Huge community
* It's free and open source & backed by Facebook
* There are great resources and guides that can help you
* The learning curve isn't too steep
* The documentation is clear and easy to follow
* It's one of the most popular library of its kind


Do you need ReactJS course at our channel with Real-World Project? 

If Yes, Just subscribe here [Coder Champ](https://www.youtube.com/channel/UCMuGiELIVlWYROUw6s4g8rA).

Also, make sure to click on bell icon so that you will never miss any of the updates.

*500 Subscribers will unlock Ultimate Course on ReactJS*

Here is our recent article you will definitely don't want to miss:
[CSS box-shadows](https://www.coderchamp.com/css-box-shadow-property-with-solid-examples/)
[Part 1/4] ⚛️ Senior React Coding Interview, By A Professional React Developer 👨‍💻
Tags: react, javascript, webdev, tutorial
Published: 2021-08-10 13:42:35

**About Me:** I've been a professional web developer for just over 10 years now. I'm currently the lead web development instructor at [Better Coding Academy](https://codebetter.com.au), and as part of what I do, I post videos on our YouTube channel at [https://www.youtube.com/c/BetterCodingAcademy](https://www.youtube.com/c/BetterCodingAcademy).

_(Subscribe for awesome web development content!)_

Many people have asked for mock coding interviews around React, and this is me delivering on that request! In the following video series I take you through a sample senior React interview question, going through my decisions and thoughts in detail as I attempt to tackle the problem for the first time. I hope you enjoy!

{% youtube We3VhD1hQlk %}

Happy coding!