teleren/devto huggingface dataset:
New beginning
Published: 2020-02-04 07:37:31

---
title: New beginning
published: true
date: 2019-09-10 00:00:00 UTC
tags: 
canonical_url: https://yogeshwaran.in/new-beginning/
---

> “It is never too late to be what you might have been.” —George Eliot

It is very hard to start something new even it is the thing you love most. Web designing is my passion and profession since 2013. But lauching a simple personal website/blog for me become a nightmare. Why ?

**Thinking too much.🤔**

I have developed various layouts for my new website, Bought a different domain name every year, Looking for the cool brand name and nothing works so far.Over thinking paralyzed my brain 🤯.So Finally stopped thinking and started a simple blog with standard theme and some css tinkering for my satisfaction. thats it MY BLOG is live now and you are reading my first post 👏👏👏.

Blogging is not new to me. I can proudly say i am a Tamil blogger running a blog called [Jillthanni](http://jillthanni.blogspot.com/).Even though it is full of my bla bla thought and memories i can carry through the little experience to run this a new.

I have planned to use this blog as a materialistic partner to document my learnings in Web design,css and whatever in front end development.

Since this is my first post i have to short introduce myself.

Yogeshwaran - Weaving web since 2013 - Coffee addict - Adorable husband to a beautiful wife - Occasional book worm.

See you soon in upcoming posts.
JAMstack Roundup for September 9th 2019
Tags: javascript, serverless, graphql, webdev
Published: 2019-09-09 23:30:15

Here are 5 great articles and podcasts we're bringing to you this week!

1. [Build react-static sites using GraphQL on Postgres](https://blog.hasura.io/build-react-static-sites-using-hasura-graphql-on-postgres/)

    Source data from your existing postgres database for your react-static site. Instant setup. Tutorial/boilerplate 👉 react-static-graphql

2. [The differing definitions of “serverless”](https://dev.to/paulswail/the-differing-definitions-of-serverless-2h3k)

    Like many industry 🐝 buzzwords before it — "cloud computing", "DevOps", "big data" — debates over the definition of the term “serverless” have become somewhat of a honeypot 🍯 for pedants.

3. [Full Jamstack React Developer](https://shoptalkshow.com/episodes/369/)

    Chris and Dave talk about what JAMstack means to them, thoughts 💭 on being called a Full Stack Developer, state management, writing responsible 👨‍🏫 code, and why web tech can be hard.

4. [The Unsung Benefits of JAMstack Sites](https://dev.to/ddprrt/the-unsung-benefits-of-jamstack-sites-3kd6)

    Choosing a CMS has a huge impact 👊 on how you develop your sites, and what skills and trades you need to get the job done. With TakeShape, you’ll have everything you need to create the best #JAMstack app 🌟.

5. [Raymond Camden on the history of Static, hosting, side projects and more!](https://thatsmyjamstack.com/posts/raymond-camden/)

    A chat with Raymond Camden, a developer advocate 📣 who specializes on JavaScript serverless and enterprise cat demos.
How to prevent HTTP request caching with Angular HttpClient
Tags: javascript, programming, softwareengineering, angular
Published: 2020-02-12 21:35:42

---
title: How to prevent HTTP request caching with Angular HttpClient
published: true
date: 2019-09-09 22:33:44 UTC
tags: javascript,programming,software-engineering,angular
canonical_url: 
---

[![](https://cdn-images-1.medium.com/max/2600/0*I2slOWUWH8UKqd5k)](https://medium.com/better-programming/how-to-prevent-http-request-caching-with-angular-httpclient-e82abf8b157d?source=rss-3a534b5053e6------2)

Avoid strange behaviour with cached HTTP requests by using interceptors

[Continue reading on Better Programming »](https://medium.com/better-programming/how-to-prevent-http-request-caching-with-angular-httpclient-e82abf8b157d?source=rss-3a534b5053e6------2)
Angular + FontAwesome in Five Easy Steps using angular-fontawesome
Tags: angular, fontawesome, beginners, css
Published: 2019-09-09 21:15:05

---
title: Angular + FontAwesome in Five Easy Steps using angular-fontawesome
published: true
description: FontAwesome  is the internet’s most popular icon toolkit which has been redesigned and built from scratch. On top of this, features like icon font ligatures, an SVG framework, official NPM packages for popular frontend libraries like React, and access to a new CDN.
tags: angular, fontawesome, beginner, css 
canonical_url: https://www.carloscaballero.io/angular-fontawesome-in-only-5-steps-using-angular-fontawesome
series: five-easy-steps
cover_url: https://cdn-images-1.medium.com/max/3776/0*fscBwEDO9oA4i0gQ.png
---

[FontAwesome](https://fontawesome.com/) is the internet’s most popular icon toolkit which has been redesigned and built from scratch. On top of this, features like icon font ligatures, an SVG framework, official NPM packages for popular frontend libraries like React, and access to a new CDN.

In this post, I am going to show you how to configure fontawesome to be used in angular in only 5–1 steps.

In these steps, we will configure fontawesome using the specific [Angular package](https://github.com/FortAwesome/angular-fontawesome). In a previous post, it was configured using the old way which consists in including CSS.

![](https://cdn-images-1.medium.com/max/3776/0*fscBwEDO9oA4i0gQ.png)

## Step 1 (or 0). Init your project

If you are thinking about using fontawesome in your angular project, you probably have an initialized project already. However, for this tutorial, let’s start with our project from scratch.

![](https://cdn-images-1.medium.com/max/2000/0*_9yTSzUpqhy9pO1O.png)

## Step 2. Install fontawesome

Install fontawesome.

![](https://cdn-images-1.medium.com/max/2304/0*6CLCYXLdHyt_KnRG.png)

## Step 3. Include FontAwesomeModule

Add FontAwesomeModule to imports in src/app/app.module.ts:

![](https://cdn-images-1.medium.com/max/3040/0*LTgiJ_5UGcKrqEYm.png)

## Step 4. Add fontawesome CSS Class

Tie the icon to the property in your component src/app/app.component.ts:

![](https://cdn-images-1.medium.com/max/2776/0*_MxliJxUP67xOJOp.png)

Open your template’s component and add the fontawesome CSS class in any of the html elements:

    <fa-icon [icon]="faCoffee"></fa-icon>

## Step 5. Run your app!

Run your app:

    ng serve

## More, More and More…

* [Fontawesome](https://github.com/FortAwesome/Font-Awesome)

The **GitHub** branch of this post is [https://github.com/Caballerog/angular-fontawesome-2](https://github.com/Caballerog/angular-fontawesome-2)
Are you really using JavaScript?
Tags: javascript, typescript, discuss, webdev
Published: 2019-09-09 21:13:32

---
title: Are you really using JavaScript?
published: true
description: Are you still writing JavaScript when you’re using Typescript, Babel, etc?
tags: JavaScript,typescript,discuss,webdev
---
I write a lot of JavaScript but very few lines of code make it to the end user unchanged. The code I write is statically type checked with flow. It’s transpiled into compatible ES2015 syntax by Babel. React components are transformed from JSX into JS.

![Paddling a duct tape raft](https://media.giphy.com/media/4DwFpDqDZg8Le/giphy.gif)
*Modern JS tooling can feel like paddling a makeshift raft, carefully patched together but gets the job done*

I’m not alone, many developers rely on a lot of tooling to ensure the JS we write is readable and concise while the output is compatible and resilient.

**With TypeScript, JSX and Babel, is it still JavaScript - would it matter what language you used if the output was JS?**
Countdown to date, Interactive map, Split content | Module Monday 54
Tags: showdev, githunt, webdev, javascript
Published: 2019-09-09 20:56:09

---
title: Countdown to date, Interactive map, Split content | Module Monday 54
published: true
description: Module Monday 54
tags: showdev, githunt, webdev, javascript
cover_image: https://res.cloudinary.com/component/image/upload/b_rgb:ffffff,c_lpad,h_350,w_800/v1567899384/countdown_uyv7ms.gif
canonical_url: https://guide.anymod.com/module-monday/54.html
---

## Everything below is open source 
It's free to use on any website, web app, or anywhere else. There are hundreds more like these built & shared on [AnyMod](https://anymod.com).

Click a mod to see it along with its source code.

## Countdown circles
Enter your date and it'll count down to it.
<a class="btn btn-sm" href="https://anymod.com/mod/circled-light-countdown-llodml">View mod</a>
<a href="https://anymod.com/mod/circled-light-countdown-llodml">
  <img src="https://res.cloudinary.com/component/image/upload/v1567899384/countdown_uyv7ms.gif"/>
</a>

## Large cards
Bold, elegant card section. Add and remove cards easily.
<a class="btn btn-sm" href="https://anymod.com/mod/large-cards-kdnbrm?preview=true">View mod</a>
<a href="https://anymod.com/mod/large-cards-kdnbrm?preview=true">
  <img src="https://res.cloudinary.com/component/image/upload/v1567899386/large-cards_zmkh2o.png"/>
</a>

## Image left, content right
An easy responsive section to add some flair to your content.
<a class="btn btn-sm" href="https://anymod.com/mod/right-content-llkrna?preview=true">View mod</a>
<a href="https://anymod.com/mod/right-content-llkrna?preview=true">
  <img src="https://res.cloudinary.com/component/image/upload/v1567899384/content-right_gtjcq0.gif"/>
</a>

## Google map with marker
Interactive map with you at the center.
<a class="btn btn-sm" href="https://anymod.com/mod/google-map-with-marker-moamb">View mod</a>
<a href="https://anymod.com/mod/google-map-with-marker-moamb">
  <img src="https://res.cloudinary.com/component/image/upload/v1567899391/map_k4e4rk.gif"/>
</a>

## Background content
Styled text over a subtle background image. You can change both.
<a class="btn btn-sm" href="https://anymod.com/mod/background-content-llkroa?preview=true">View mod</a>
<a href="https://anymod.com/mod/background-content-llkroa?preview=true">
  <img src="https://res.cloudinary.com/component/image/upload/w_600/v1567899385/bg-content_xxwn6a.png"/>
</a>

<hr>

I post new mods from the community [here](https://dev.to/tyrw) every (Module) Monday -- I hope you find them useful!

Happy coding ✌️
Sorry for the Hiccup
Tags: personalnews
Published: 2019-09-09 20:54:57

---
title: Sorry for the Hiccup
published: true
description: A quick apology for being MIA the past few weeks. 
tags: personal news
cover_image: https://thepracticaldev.s3.amazonaws.com/i/gzf1e7v629wgdovfjl9t.png
---

First off, I want to apologize to everyone who normally follows my blog week-to-week. I'm normally really good at posting weekly. I must have been at 20+ weeks in a row before I had this minor hiccup, which honestly sucks to lose the streak but I needed the time. I started a new job and I spent the first two weeks adjusting to my new schedule, but here I am starting week three and making it a point to get at least one blog post written for y'all (not including this one).

On a happier note, I wanted to update y'all and let you know I'm really enjoying my first role in the tech world. It has mostly been orientation shenanigans the last two weeks, but my coworkers are a blast to be around and that has made me feel so comfortable. It's truly a blessing.  

Anyways, I'll be throwing another blog post at y'all that plugs into my [Building Ruby Tests](https://dev.to/torianne02/building-tests-in-ruby-the-basics-59mo) blog series at some point this week, so be on the look out. 

**Thank y'all for following me and being such great supporters!**
Survey: Cloud Native application development
Tags: kubernetes, cloudnative, docker
Published: 2019-09-09 20:24:46

We’d like to invite you to participate in a survey we’re conducting of Cloud Native developers, users and community members. The purpose of the survey is to learn more about how you build Cloud Native applications, what you enjoy about it and the challenges that you're facing.

[Click here to participate](https://docs.google.com/forms/d/e/1FAIpQLSeVAfZTARMxDuqVl_Etukgk-JstcpHhOlxE2CVd2eYNrCxvwA/viewform?usp=sf_link).

Your input is important so take the survey before it closes on *Friday, September 20th*. It only takes 2 minutes to complete. We'll be sharing the results once the survey has closed.
Any ex-Java Gophers on dev.to?
Tags: discuss, go, java
Published: 2019-09-09 19:48:14

If you are an experienced Java developer who used to like Java (that one is important!) and made a transition to Go - I would love you to share your thoughts / experience.
* What was your rationale to switch? 
* What were the most painful moments when things just wouldn't "click"?
* What were the moments of "aha!" when suddenly things became easier?
* What are things that somehow translate from Java but maybe not in an obvious way?
* What are the "banana skins"/traps waiting for an ex-Java dev to fall into?
* Which Java habits are difficult but important to un-learn?
* Are there any areas/use cases which you still would reach for Java instead of Go?
* Are there any areas/use cases which you could never go back to Java instead of Go?
* What would you tell yourself at the beginning of this journey?
* Any other hints and thoughts for a freshly born Gopher?
![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/711q7nzz03b93fl62e2i.png)
Do-nothing Scripting
Tags: devops, automation, scripting
Published: 2019-09-09 19:40:51

I ran into [this thought-provoking article](https://blog.danslimmon.com/2019/07/15/do-nothing-scripting-the-key-to-gradual-automation/) the other day. I immediately set out to put it into practice by turning a daily checklist into a *do-nothing script*. Just having this checklist in a script changed our entire mindset. I already added *some* automation by letting the script open some web pages in the browser that needed to be used in certain steps.

This is a great way to start the automation effort of a repetitive manual process. It has the following advantages:

- Maintain focus. Never lose track of where you are in the process.
- Each step of the process is encapsulated in a function. This function can be replaced with a fully automated implementation.
- You’ll create a library of useful steps, which can be reused for other scripts as well.  

Just try it.
Managing Local State with Apollo Client and React Hooks
Tags: react, graphql, apollo, javascript
Published: 2019-09-09 19:38:01

---
title: Managing Local State with Apollo Client and React Hooks
published: true
description: In this post, we will learn how to work with your local data in Apollo Client
tags: React, GraphQL, Apollo, javascript
---

https://medium.com/@takleakshar/managing-local-state-with-apollo-client-and-react-hooks-9ad357e6d649
Three things from today - 9/9
Tags: devjournal, ubuntu, azure, aws
Published: 2019-09-09 19:30:13

#9/9/2019
### Monday - last Monday before vacay :D

Hello everyone, I am just a week out from a week long Vegas vacation!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! - what can I say, i'm excited.

Hopefully your 9/9 is filled with nine nines of uptime.

OK - As the kids say (they don't) - let's get "learnt" up 🤢🤢

Three things that I learned & found handy today:

##1.  Handy reverse interview reference questions

This was posted on HN. I am a big fan of asking questions during interviews, this is a nice starter list of questions to ask. Don't be the guy that says "I don't have any questions". It makes you look like you don't care and it just generally doesn't lead to good discussion.
[reverse-interview](https://github.com/viraptor/reverse-interview)

One question that I don't see listed here that I saw posted on the Chicago tech community slack a while back was to ask the interviewer what brought you in. This kind of gives you an idea of what they think your strong suits are and you're able to reinforcece that to them.

##2. Ubuntu and bluetooth issues

[Some seriously helpful tips with getting bluetooth issues resolved.](https://medium.com/p/d4b8dbf7ddd6)

Great info on how bluetooth works, and how to fix the darn headset when it's not working right.

##3. Azure / AWS tips

Some quick Azure / AWS issues / tips I found today.

* Azure - If you are unable to see the full list of VM sizes when trying to resize a VM in Azure, you may need to fully deallocate the VM. My thought is that this is probably limited to only the Hyper-V cluster that the machine is running on when the VM is running but deallocating allows it to be pushed to any host.

* AWS - I found out today that you aws eks update-kubeconfig MERGES CONFIGS!!!

```
aws eks update-kubeconfig --name my-awesome-cluster
```

This is super handy if you use kubectx to manage multiple kubeconfigs as I do. Also pretty handy if you have a terminal like spacefish which displays the current context.

See you party people Tomorrow!!
Too Early for Hooks?
Tags: discuss, react, hooks, questions
Published: 2019-09-09 19:04:25

---
title: Too Early for Hooks?
published: true
description: Discuss: Are hooks used at the enterprise level?
tags: ["discuss", "react", "hooks", "questions"]
---
Question for React developers:

Are hooks well implemented at the enterprise level? Or is the class-based components still predominantly used for state management?
This blog post is written entirely in the &lt;head&gt;*
Tags: webdev, html, css
Published: 2019-09-09 18:36:01

<i> *Unfortunately, dev.to embeds blog posts in the body, so you need to click [here](https://head-blog.glitch.me/) to enjoy the true &lt;body&gt;-less experience. I also embedded it below for your convenience:</i>

{% glitch head-blog app %}
Decentraland SDK Tutorial room 2: 1/4 Add a button


Tags: gamedev, dapps, typescript, tutorial
Published: 2019-09-09 18:30:26

Decentraland SDK Video Tutorials continue with Room 2. 

Add another cool skill to your toolkit by learning how to activate a switch and open a door on a timer. 

Dive into the tutorial below! 

{% youtube OUfPVwVnQ8w %}
Pushing Left, Like a Boss — Part 5.11 — Authorization (AuthZ)
Tags: programming, tutorial, beginners, security
Published: 2019-09-09 18:25:54

---
title: Pushing Left, Like a Boss — Part 5.11 — Authorization (AuthZ)
published: true
description: The 5th section of this series details various examples of secure coding.
series: Pushing Left Like a Boss
tags: programming, tutorial, beginners, security
---
###This series, and my blog, have moved! [Check it out](https://wehackpurple.com/g8tg)!
---

Authorization (also known as ‘AuthZ’) is verifying that the user who is trying to perform an action within your application is allowed (is authorized/has permissions) to use that functionality. For instance, is the user an admin user? If so, allow them to view the admin page. If not, block access.

There are several different models used within our industry for authorization, with RBAC (Role based access control) being the most popular. RBAC means assigning people different roles in your system(s), just like people play different roles within your organization, and give them access based on the role they are assigned.

For instance, meet Emily, a hypothetical software developer who is new to my project team (pictured below).


![#WOCinTechChat: Emily the Software Developer](https://thepracticaldev.s3.amazonaws.com/i/klexnltrg6qrkz6mjvyk.png)
#######WOCinTechChat: Emily the Software Developer

As a software developer she is going to need access to all sorts of things; source control, perhaps permission to publish to the CD/CI pipeline, and various file systems.

###[Read the rest on my NEW blog!](https://wehackpurple.com/b0uv)!
Javascript fundamental [currying , ReFlow , Repaint (ReDraw)]
Tags: javascriptfundamentals, repaint, reflow, currying
Published: 2019-09-09 18:10:22

---
title: Javascript fundamental [currying , ReFlow , Repaint (ReDraw)]
published: true
description: understanding reflow , repaint and Currying in javascript
tags: javascript fundamentals , repaint , reflow ,  currying 
---

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/i7bih5xvug54leme8hrr.png)

this article is a story about my experience that i earned in my last interview with a technical CTO . he taught me too much ,in that interview and i thanks him for the knowledge that he gifted to me .

this interview , made me to know much than before , about javascript fundamentals .

### Re*(Flow && Paint) 

to understanding ReFlow and RePaint , this link helped me :

[Understanding javascript Repaint and Redraw](https://medium.com/darrja-%E0%A4%A6%E0%A4%B0%E0%A5%8D%E0%A4%9C%E0%A4%BE/what-the-heck-is-repaint-and-reflow-in-the-browser-b2d0fb980c08)

##### If I want to say very clear :‌

ReFlow is recalculating positions of elements in document . reflow is a user-blocking operation , but it has some costs .

RePaint is affecting on element , not on layout .

ex : when you are hiding an element , adding or removing some classes , you dont change the layout , you changed the element visibility and repaint it to new one . 

### Currying 

Currying is technique to call a function with multiple arguments like a recursively function . but it has some differences :

1- syntax 

2- it has sequence to run 

example :

```
var sum =   function (a){
                 return function(b){
                       return function(c){
                              return a+b+c;
                              }        
                        }
                  }
console.log(sum(5)(2)(5))  //12
```

currying is a collection of closures that are returned some value recursively depended of the sequence of theme . it is very nice , isn't it? i love it


i know this article has not much detailed , but i decide to share my experience with you and collect some of theme , in an archive placement . 

i will share more , in future
Web Dev Intern Job!
Tags: career
Published: 2019-09-09 18:07:12

Wow.  Just wanted to share that I just landed my first "intern" job, remotely!  I have only started FreeCodeCamp in May 2019, and I am only 3/4 way through.  A web dev company, although mostly using Wordpress decided to hire me on as an intern, paid, to try me out.  Hopefully I will keep studying coding on the side to get myself ready for a web developer front-end or full-stack job!