teleren/devto huggingface dataset:
FatCoach (experimental project for BaaS)
Tags: baas, contributorswanted, kotlin
Published: 2020-07-28 17:36:20

[FatCoach](https://github.com/shumy-tools/fatcoach) is an experimental project for a Back-End as a Service (BaaS) framework (using the Kotlin language) which abstracts the underlying SQL database from Front-End developers.

FatCoach shares a similar purpose to [GraphQL](https://graphql.org); however, with a different philosophy and architecture. GraphQL was designed mainly for interoperability, and because of that it cannot expose a flexible query DSL to the Front-End. A powerful query language requires an assumption of the underlying database and its capabilities. GraphQL cannot expose SQL features because the data source could be a REST service instead.

Notheless, GraphQL is being used for BaaS with SQL backends, despite the mismatch. I suppose because there's nothing better for the purpose. This motivated me to build something that was on my wish list for almost 5 years. Checkout the new idea on the project page.

Feedback and help are welcome to the project. This is still very experimental, but the query language already works against a H2 database. And since it's done with [jOOQ](https://www.jooq.org), probably works with other databases.

The best help I could get is if anyone is willing to use such framework in a showcase. I'm available to improve the framework for the required needs and as long it follows the framework philosophy. Work is also required for the client side libraries, and probably for an administration web console.
Day 56 #100DaysOfCode
Tags: webdev, javascript, 100daysofcode
Published: 2020-07-28 17:31:58

I just improved a MERN stack app which I have been working on by adding CSS Grid for styling and updating the codebase.

You can see the final version on my GitHub at [Anime Tracker](https://github.com/andrewbaisden/anime-tracker) feel free to clone and download the repo. This version has a `.ejs` frontend.

There is also a video demo of it working on my [Twitter](https://twitter.com/andrewbaisden/status/1288161913092874240)

![Anime Tracker](https://res.cloudinary.com/d74fh3kw/image/upload/v1595954392/anime-tracker_tzqngx.jpg "Anime Tracker")
BENEFITS OF REST APIs
Tags: rest, api, python, restframeowork
Published: 2020-07-28 17:29:03

As an engineer or developer, it's important to keep up with the latest programming innovations. As with many other API developers, I've opted for a tried-and-true, simplified approach to our data validation APIs that is REST.

The REST architecture generally consists of clients, servers, resources, and a vocabulary of HTTP operations known as request methods. In essence, clients send requests to servers and servers respond. These interactions are centered around representations of resources such as a document or URI. These representations are typically exchanged over a standardized interface such as HTTP. Clients, servers, and other connectors can mediate requests without having to know anything beyond the resource's identifier, required action, and the format of the representation that must be returned such as JSON or XML.

REST uses a standardized set of request methods including: GET, POST, PUT, DELETE, and other existing HTTP capabilities.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/m2wrxjau2bwck629tvli.png)

#### EXAMPLE OF REST API
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/cae5it5oi1kn3paa8jzs.png)

#### BENEFITS OF REST API
1. REST is much easier than other approaches such as SOAP which keeps developers from having to reinvent the wheel as far as HTTP request operations go. SOAP also requires separate server and client programs.
2. REST is based on standard HTTP operations, and it uses verbs with specific meanings such as "get" or "delete" for clarity. Resources are assigned individual URIs, adding flexibility.
3. With REST, information that is produced and consumed is separated from the technologies that facilitate production and consumption. As a result, REST performs well, is highly scalable, simple, and easy to modify and extend.

### WHY I LOVE IT
![API for all](https://mk0buildfireqbf86ll2.kinstacdn.com/wp-content/uploads/2018/01/visual-representation.png)
The thought of writing one back-end code for all your platform applications with easy accessibility, not reinventing the wheel, scalability, extend and modify is a joy for me.

Lets connect @ [Twitter](#https://twitter.com/FiifiDr)
Download this rest api tutorial for a start @ [REST API - Github](#https://github.com/geekpius/pyrestapiV1.git)
What are the most critical skills (technical, soft) for a full-stack engineer to be successful? 
Tags: career, softskills, help
Published: 2020-07-28 17:18:25

Hi all - I’m from WhoCo: a new hiring platform that analyses team dynamics and company values to transform the way companies and talent connect.

Our platform takes a new approach to hiring by putting data at the center of it all with the goal of putting software engineerings into roles they'll love and be successful in. This all starts with understanding what it takes to be highly effective. We’re now studying the role of a full-stack engineer now and would love to hear from you.

Please share your thoughts here on this thread, and if you have time, we have a 20-minute survey (see below) that asks some questions as well. As a token of our gratitude, we'll send a $35 Amazon gift card to anyone who completes the survey. 

Thanks!

[Link to survey](https://alchemyway.typeform.com/to/zRMYkqlQ#channel=pc6acI)
Review: Developing Android Apps with Kotlin by Google [2020] Udacity
Tags: kotlin, android, udacity, app
Published: 2020-07-28 17:08:28

Today I'm reviewing the course: [Developing Android Apps with Kotlin](https://www.udacity.com/course/developing-android-apps-with-kotlin--ud9012) by Google published on [Udacity](https://classroom.udacity.com), it's free and you can find my full review also on [YouTube](https://youtu.be/AfaVI4JyUhg).

- Check this [PLAYLIST](https://www.youtube.com/playlist?list=PLxktx98zP3aAylA3it3TYyF7x6lDhc0qi) with REVIEWS of tech courses. 


************************************

👋Hello, I' m Eleftheria, an app developer, master student, public speaker, and chocolate lover.

🍩Would you care about buying me a coffee? You can do it here: [paypal.me/eleftheriabatsou](paypal.me/eleftheriabatsou) but If you can't that's ok too!

**************************************

🙏It would be nice to subscribe to my [Youtube](https://www.youtube.com/c/EleftheriaBatsou) channel. It’s free and it helps to create more content.

🌈[Youtube](https://www.youtube.com/c/EleftheriaBatsou) | [Codepen](https://codepen.io/EleftheriaBatsou) | [GitHub](https://github.com/EleftheriaBatsou) | [Twitter](https://twitter.com/BatsouElef) | [Site](http://eleftheriabatsou.com/) | [Instagram](https://www.instagram.com/elefintech)
Easy React Project Set-Up
Tags: react, javascript, codenewbie, webdev
Published: 2020-07-28 17:04:01

You know what they say, taking the first step is the key to getting started. Easy as they are, there are a few steps to set up a new project. I put them all in one place so I no longer have to google the individual tasks each time. This post is focused on setting up a project using create-react-app. 

###Step 1: Create a local React directory

In your terminal run the following commands to use create-react-app, where *my-app* is the name of your project.

```
npx create-react-app my-app
code my-app
```

###Step 2: Clean up the create-react-app files

The files created in your new project require some clean up to have a fresh start.

* Open App.js and remove code between the header tags 
* Open index.html and change the name and content as well as the text in title tag
* Delete react png files in the public directory
* *optionally insert your own favicon*
* Delete everything in App.css

###Step 3: Create a Github repository 

Click the **new repository** button in GitHub and select a unique name. You don't need to initialize with a README.md if you used create-react-app
create repository

###Step 4: Connect your repository to your local project

Use the instructions *Push an existing repository from the command line*

```
git remote add origin 'your_url_name'
git push -u origin master
```

###Step 5: Change Master to Main

While this step is optional, I think it's important. @afrodevgirl has created an excellent resource. 

Follow this post to change master to main 
https://dev.to/afrodevgirl/replacing-master-with-main-in-github-2fjf

You should now have a blank React canvas to begin developing. Five easy steps to start your React project!
GitHub releases public roadmap
Tags: news, github
Published: 2020-07-28 17:00:26

---
title: GitHub releases public roadmap
published: true
description: Discussing the news that GitHub has released a public roadmap.
tags: news, github
cover_image: https://cl.ly/31775d222fd9/Image%202020-07-28%20at%201.00.15%20PM.png
---

{% twitter 1288149741608611845 %}

{% github https://github.com/github/roadmap %}

[Direct link](https://github.com/github/roadmap/projects/1) to Projects board with columns for upcoming quarters.
Top 5 fonts for coding!
Tags: vscode, fonts
Published: 2020-07-28 16:57:40

I am very obsessed with the fonts I use, and they are very important to me. So I decided to share the fonts I used and liked. I hope you like it too. (The title should have been mono space fonts, but whatever.)

## 1 - JetBrains Mono

I liked it when I used Pycharm. Then I decided to try it at VS Code and it was cool. You can get it from [here](https://www.jetbrains.com/lp/mono/ "link")

![JetBrains Mono](https://dev-to-uploads.s3.amazonaws.com/i/ohtrojdhunvcpyd6bdw4.png)

## 2 - Operator Mono 

It is one of the most famous fonts and I really love it and using it currently. You can get it from [here](https://www.typography.com/fonts/operator/styles/operatormono "link")

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

## 3 - Dank Mono

From Dank Mono's site
> Dank Mono is the coding font you want. Designed for aesthetes with code and Retina displays in mind. Delightful ligatures and an italic variant.

You can get it from [here](https://dank.sh/ "link")

![Dank Mono](https://dev-to-uploads.s3.amazonaws.com/i/7of2skpgk7bnilajodeb.png)

## 4 - SF Mono

> This monospaced variant of San Francisco enables alignment between rows and columns of text, and is used in coding environments like Xcode. It supports Latin, Greek, and Cyrillic scripts and contains six weights in upright and italic.

It is actually  default font for Apple platforms but you can find for Windows and Linux too.

![SF Mono](https://dev-to-uploads.s3.amazonaws.com/i/rssy37f0j79f6lvb14y7.png)

## 5 - Monaco

> It was originally released by Apple with their Mac operating system. In 2009, with the release of Mac OS X Snow Leopard, Monaco was replaced by Menlo as the default monospaced font. 

You can download from [here](https://github.com/todylu/monaco.ttf "link")

It's a bit old but I like it and use it in vim.

![Monaco](https://dev-to-uploads.s3.amazonaws.com/i/yu6459gpfnm91srwywwr.png)

### Conclusion

These are my favorite fonts. You can write your favorite fonts in the comments, I would like to take a look at them. 

Happy Fonts!
Popular web client libraries in WebJars
Tags: java, springframework, webjars, springboot
Published: 2020-07-28 16:39:03

I recommended the following web client libraries to manage the client-side dependencies in JVM-based web applications explicitly and easily.

**jQuery**
```xml
<dependency>
    <groupId>org.webjars</groupId>
    <artifactId>jquery</artifactId>
    <version>3.5.1</version>
</dependency>
```

**Bootstrap**
```xml
<dependency>
    <groupId>org.webjars</groupId>
    <artifactId>bootstrap</artifactId>
    <version>4.5.0</version>
</dependency>
```

**popper.js**
```xml
<dependency>
    <groupId>org.webjars</groupId>
    <artifactId>popper.js</artifactId>
    <version>2.0.2</version>
</dependency>
```

**jQuery UI**
```xml
<dependency>
    <groupId>org.webjars</groupId>
    <artifactId>jquery-ui</artifactId>
    <version>1.12.1</version>
</dependency>
```

**Font Awesome**
```xml
<dependency>
    <groupId>org.webjars</groupId>
    <artifactId>font-awesome</artifactId>
    <version>5.13.1</version>
</dependency>
```

**Angular JS**
```xml
<dependency>
    <groupId>org.webjars</groupId>
    <artifactId>angularjs</artifactId>
    <version>2.0.0-alpha.22</version>
</dependency>
```

**CoffeeScript**
```xml
<dependency>
    <groupId>org.webjars</groupId>
    <artifactId>coffee-script</artifactId>
    <version>1.11.0</version>
</dependency>
```

**Ember.js**
```xml
<dependency>
    <groupId>org.webjars</groupId>
    <artifactId>emberjs</artifactId>
    <version>1.12.0</version>
</dependency>
```

**angular**
```xml
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>angular</artifactId>
    <version>1.8.0</version>
</dependency>
```

**js-beautify**
```xml
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>js-beautify</artifactId>
    <version>1.11.0</version>
</dependency>
```

**bootstrap-colorpicker**
```xml
<dependency>
    <groupId>org.webjars.bowergithub.itsjavi</groupId>
    <artifactId>bootstrap-colorpicker</artifactId>
    <version>3.2.0</version>
</dependency>
```

**Semantic UI**
```xml
<dependency>
    <groupId>org.webjars</groupId>
    <artifactId>Semantic-UI</artifactId>
    <version>2.1.4</version>
</dependency>
```
Who do you look up to in tech?
Tags: devops, showdev, opensource, devrel
Published: 2020-07-28 16:36:28

Today, I'm looking for the best voices in technology to bring on to The Ops Show, a weekly video show and podcast we've been doing during COVID. We cover everything that intersects with the developer journey.

We've brought on developers, CTOs, startup founders, and technical leaders of all types.

We've covered everything from DevOps to ethics to imposter syndrome, technical debt, and automation.

Taking guest recommendations on ProductHunt today: https://www.producthunt.com/posts/the-ops-show
Messaging Layout With Bootstrap and Fontawesome
Tags: codepen, design, webdev, showdev
Published: 2020-07-28 16:28:20

<p>This is an example layout for messaging or e-mail.</p>

<p>This layout is created with Bootstrap version 4.5.</p>

<p>I used Fontawesome version 5.14 for the fonts.</p>

<p>Custom CSS is very minimal, this is to ensure the best way (in my opinion) in coding with Bootstrap, without any problem.</p>

<p>The HTML side is written in Pug (To make the coding easier, and shorter), but if you need the HTML, Just compile it into HTML, by clicking on the settings button above the editor.</p>

<p>The table is made with jQuery. In real-word, you may use AJAX to populate the message. Though, you may also populate the table by loading the data using back-end pre-processor, and database.</p>

{% codepen https://codepen.io/takaneichinose/pen/vVZXvb %}
A challenging statement. Kanban is failure.
Tags: uncategorized, agile, flow, kanban
Published: 2022-02-11 19:57:13

---
title: A challenging statement. Kanban is failure.
published: true
date: 2020-07-28 16:27:54 UTC
tags: Uncategorized,agile,flow,kanban
canonical_url: https://theagilecouch.com/2020/07/28/a-challenging-statement-kanban-is-failure/
---

Just heard this quote on a webinar today about Lean and Theory of Constraints. I found it fascinating and challenging. Tell me your thoughts in the comments:

**“Kanban is an admission of failure to achieve one-piece flow”**
How I made coffee stains in my game
Tags: unity3d, 2d, tutorial, 3d
Published: 2020-07-28 16:13:21

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/83vfyvzokt241sqyhc3e.gif)

Video full: https://youtu.be/CHE-5EBtFOY

Follow dev: https://twitter.com/PAPERTANKS2 https://store.steampowered.com/app/1213020/PAPER_TANKS
Per project git ssh keys
Tags: git, github, ssh, gitlab
Published: 2020-07-28 16:13:15

As a professional software developer you  work on  different projects for distributed clients. 
 
You have to deal with many source code management services and ssh keys. 

For my case i have a professional ssh key  and a personal one. I would like to be able to just run git push or pull without specifying the ssh-key to use and git will figure out the rest.

## First approach

We can use the environment variable to switch the ssh-key used by git the authenticate push & pull requests. 

``` bash
GIT_SSH_COMMAND="ssh -i /path/to-your/ssh-key" git push your-origin your-branch
```

## Second approach

We all agree that it's boring to always specify the ssh key. Thanks to the community, git has a sshCommand configuration variable. We will use it and configure a per project ssh key. 

``` bash
git config core.sshCommand "ssh -i /path/to-your/ssh-key"
```

## References
[GIT_SSH_COMMAND](https://git-scm.com/docs/git#Documentation/git.txt-codeGITSSHCOMMANDcode)
[git config sshCommand](https://git-scm.com/docs/git-config#Documentation/git-config.txt-coresshCommand)
Codata/Data with Type Classes and Tagless Final Style
Tags: haskell
Published: 2020-07-28 16:10:37

Lately I have been playing with tagless final style, a way of writing data structures in Haskell which is supposedly more extensible. I don't really see it as all that advantageous myself.

A trivial linked list example.

~~~
class List t where
    nil :: t
    cons :: Int -> t -> t
instance List AsList where
    nil = AsList []
    cons h (AsList t) = AsList (h : t)
mylist :: List t => t
mylist = cons 3 (cons 6 nil)
~~~

In this way we transform our data structures into generic computer programs that are interpreted to output our data structures.

This post isn't really about tagless final style so I won't go into too much more detail. Really this post is about Scott encodings.

There is a funny little Combinator known as Mu which can be used to encode recursion in a tricky way.

~~~
newtype Mu f = Mu (forall a. (f a -> a) -> a)
~~~

Of course in Haskell you don't really need such a cumbersome encoding. This is just theory.

I have found it useful on occassion to box up tagless final data on occasion even though you are not really supposed to.

~~~
newtype Box k = Box (forall a. k a => a)
~~~

Notice something? In the core language type classes are desugared to record parameters implicitly passed in. So Box is just a funny variant of Mu!

There is another well known way of encoding recursion.

~~~
data Nu f = forall a. Nu a (a -> f a)
~~~

This is suggestive of another style of encoding.

~~~
class Stream t where
    hd :: t -> Int
    tl :: t -> t
~~~

~~~
data CoBox k = forall a. k a => CoBox a
~~~

And indeed this works fine.

~~~
toList :: CoBox Stream -> [Into]
toList (CoBox x) = loop x where
    loop x = hd x : tl x
~~~

Tagless "final" style is revealed for what it really is. A style of open recursion based around functors.

This is suggestive of a new approach.

~~~
class Stream f where
   hd :: f a -> Int
   tl :: f a -> a
   cons :: Int -> a -> f a

newtype Fix f = Fix (f (Fix))
toList :: Stream f => Fix f -> [a]
toList (Fix x) = hd x : toList (tl x)
~~~

But this is a digression for another time.
Simple set of react hooks!
Tags: javascript, react, hooks
Published: 2020-07-28 15:45:32

## __First Post alert__!
Writing this post by a 2yr old javascript developer! After learning react concepts like class(who doesn't belongs to javascript community) Component, state, props, router, redux, context, PureComponent blah blahh!__suddenly dan__ be like hooray!! we are introducing react hooks.
developers like __wth__ is this man!:flushed: after learning that's pretty nice!:blush:<br/><br/>

yes! hooks are just normal functions which perform side effects for your Application.hooks reduced a way more of our abstraction for the react components and also we can reuse some of the common logic that we are using across all the class components into a single __custom hook__.

#__Lets see one of them__
__useEffect__ one of the most used built in hook. which will be called after your component mounts and perform side effect for your page for sequence of renders depending on the dependency of array that you are passing as the second argument.

#Example
```javascript
useEffect(() => {
   fetchApiData()
}, []) // here if you can see the second argument which is an empty array means it can only be called only once in your component.

useEffect(() => {
    someBusinessLogic(propValue)
}, [propValue]) // consider propValue is a prop passed from the parent component which may or may not can change. as you guessed this useEffect will be called whenever ur parent component passes a different value compared to the previous one.
```
You can use as much of useEffect in your component depending on the useCase of your Component! Comparing this useEffect with componentDidMount or any other LifeCycle method is absolutely Wrong!

To resolve some common developer problems to get through this.<br/>
 I have created a simple custom hooks __useComponentDidMount,
useComponentUnmount__ which will make you to think as of the plain old react lifecyle componentDidMount and componentWillUnMount.<br/>


__NOTE__: though the name suggest useComponentDidMount... it just an abstraction or a wrapper to the useEffect.
<br/>
__Some Sample Usage__

```javascript
useComponentDidMount(() => {
  yourSideEffectLogic() 
  subscriptions()
})
useComponentUnMount(() => {
  unsubscriptions()
})
```
From the above as you can see there are no such dependency passing you need to worry about and both the effects follow the exact same pattern and moreover its not messy :).
<br/>
[Click Here for usage Instructions for the above NPM Package.](https://www.npmjs.com/package/use-the-hook)
<br/>
Expecting some valuable inputs and advices:hand: from the readersas this is my first post!

Thank you for spending your valuable time!
Noob Programmer.
MANUALLY CREATE A CI / CD PIPELINE FOR A AZURE V3 FUNCTION APP
Tags: azure, function
Published: 2020-07-28 15:44:22

This is a tutorial on how to manually setup a CI / CD pipeline using Azure DevOps for a Azure V3 Function app. Azure does have tooling in place to help automate the creation of the pipeline. However, I found the tooling limiting when you want to create a development and production instance of a function. I also ran into issues with the tooling consistently generating a working pipeline.

[Read more](https://teckstack.io/teck-blog/manually-create-a-ci-cd-pipeline-for-a-azure-v3-function-app/)
2 Simple Methods to Overcome Inconsistency
Tags: productivity, codenewbie
Published: 2020-07-28 15:39:19

Ever had this feeling of *cluelessness* after completing a big project? That's exactly what I'm going through currently and the big project was my website, it may not seem big but the amount of effort & consistency it took for 3 months straight gave a feeling of contentment after every `git commit` really helped staying motivated.

On the other hand, in the past few days I have returned back to a phase where all I'm doing is learning (no projects) which is definitely productive but not motivating. I believe it’s because as a front-end guy, I've been used to a visible progress at the end of everyday & that really affects the drive for progressing on the next day.

This is nothing but a basic tendency of our brain & to handle it there are 2 main things that we can do:

####1. Give it what it wants
This method simply involves changing the pattern of working to something that involves rewards. I’d always advice you to learn by doing relevant projects but in cases it’s not possible, that’s where the second methods does lose.

####2. Uplift your mental state
Here, we can train our mind to keep working despite any rewards. This one is more effective & difficult as it totally depends on the nature of your mind. You may have to meditate, read & eventually create a habit.

---
Apart from all this I would also advise you to simply take a break but that doesn’t work for me and I end up elongating the breaks & eventually losing the wish to return back.


Hope that helps you.
Happy Learning!