teleren/devto huggingface dataset:
Super Cool 😎 Tool to Style Your 💙 Tweets
Tags: githunt, twitter, style
Published: 2019-02-11 18:33:31

---
title: Super Cool 😎 Tool to Style Your 💙 Tweets
published: true
description: 
tags: githunt, twitter, style,
cover_image: https://thepracticaldev.s3.amazonaws.com/i/ickeueiyxcf4oirhdd9x.png
---
Hey, I recently found a cool website **tweetfancy.io**. It lets you add styles to your tweets, and it's pretty straightforward as it uses simple **Markdown**. If you wanna make your tweets stand out, it's worth checking out!

{% github https://github.com/flexdinesh/tweet-fancy %}
DevRel Q&A with Matthew Revell from Hoopy
Tags: devrel
Published: 2019-02-11 17:39:07

---
title: DevRel Q&A with Matthew Revell from Hoopy
published: true
tags: #devrel #developerrelations #developeradvocacy
canonical_url: https://maxkatz.org/2019/02/11/devrel-qa-with-matthew-revell-from-hoopy/
---

I did a Q&A with [Matthew Revell](https://twitter.com/matthewrevell) from [Hoopy](https://hoopy.io/) on Developer Advocacy.

**Matthew: Tell me about your role at IBM.**

**Max** : I joined IBM about a year and a half ago and work in the Developer Advocacy organization. I lead a wonderful team of Developer Advocates and we cover the North America West region. The majority of our time we spend in the San Francisco Bay Area. The team provides developer education and covers technologies such as Watson AI, Containers, Serverless, Blockchain, Node.js and Machine Learning.

We run weekly in-person and online developer education events in the San Francisco Bay Area. We love to partner with other companies and organizations such as Women Who Code, Hacker Dojo, and others to host joint events. This works extremely well for us. We also attend and speak at local conferences and publish content such as tutorial, how-to’s, and videos.

**Matthew: What brought you to this point in your career?**

[Read the rest of the Q&A](https://devrel.net/dev-rel/meet-max-katz).
How to Work with JSON.stringify() and JSON.parse() in JavaScript?
Tags: javascript, jsonstringify, arraytostring, jsonparseinjavascript
Published: 2020-02-01 18:32:27

---
title: How to Work with JSON.stringify() and JSON.parse() in JavaScript?
published: true
tags: Javascript, JSON stringify(),array to string,  JSON parse() in JavaScript
canonical_url: https://www.positronx.io/json-stringify-json-parse-javascript-method/
---

The post [How to Work with JSON.stringify() and JSON.parse() in JavaScript?](https://www.positronx.io/json-stringify-json-parse-javascript-method/) appeared first on [positronX.io](https://www.positronx.io).


**JSON.Stringify()** will be uncovered in this article. Common JSON operations in JavaScript.We are going to start with the full form of JSON – JavaScript Object Notation. JSON is a readable, minified format for data structuring.

[Click here to read more](https://www.positronx.io/json-stringify-json-parse-javascript-method/)
Learn this one simple trick to achieve success in life
Tags: education, inspiration, success
Published: 2019-02-11 17:01:50

---
title: Learn this one simple trick to achieve success in life
published: true
description: trick to get whatever you want in your life
tags: education, inspiration, success
---
I am an electrical engineer fresh graduate with a 2.4 GPA. I have landed a job at Ericsson as an integration engineer fresh graduate. I was hired among the 500 top lebanese applicants. The candidates had a gpa higher than 3.7/4 with a telecommunication bachelor and masters degree.

To keep it short, personality and honesty played a major role to claim that position, since I was able, during the interview, to convince the interviewers that low gpa doesn’t reflect my attitude, dedication and enthusiasm to work hard.

I believe that this simple trick was the key that granted that position st Ericsson.

The trick is: Trick yourself by not getting excited about something even though you’re so delighted to have it.

From my personal experience, if you want something really bad, you will not get it. So why not pretend that you don’t want it but deep inside you are dying to have it.

For me, it is always working fine. If you need guidance or help you can contact me on my personal email: cheayto.hussein@hotmail.com
Layout Design With Flexbox In React Native
Tags: react, reactnative, android, javascript
Published: 2019-02-11 05:05:34

---
title: Layout Design With Flexbox In React Native
published: true
description: Layout Design With Flexbox In React Native
tags: #react #reactnative #android #javascript
---

---
source :- <a href="https://www.skptricks.com/2019/02/layout-design-with-flexbox-in-react-native-app.html" >Layout Design With Flexbox In React Native </a>
---

In this tutorial explains how to design layout using flexbox in react native application. Layouts in React Native use a subset of Flexbox. (I say "subset" because not all features that are in the Flexbox specification are included.) So if you already know Flexbox, then you can readily apply those skills in React Native. It's also worth noting that there are no floats or percentage-based units in React Native. This means that we can only do layouts using Flexbox and CSS positioning.


React Native Flexbox Layout Example :
Lets see the most commonly used layout design in react native application using css flexbox example. In this layout design we are displaying text or image at the top of the screen and just below that we are displaying icons or text in grid layout.

<img src="https://2.bp.blogspot.com/-4nubohzZ5Jg/XGBCqSipRTI/AAAAAAAACbE/eWKGCuVal9oQmy67QSIH0oxEClmIUD36wCLcBGAs/s400/Screenshot_1549812373.png" />
Feedback on Portfolio
Tags: showdev, feedback, portfolio, help
Published: 2019-02-11 16:35:56

---
title: Feedback on Portfolio
published: true
description: Feedback for personal website created using hugo 
tags: #showdev #feedback #portfolio #help
cover_image: https://thepracticaldev.s3.amazonaws.com/i/vlo2a3unyi8ldu8scdei.jpg
---


Hi, I Just finished creating my personal website https://www.priteshusadadiya.com using hugo.

This was the first time hands on experience with static site generators (Found Hugo to be awesome for this) and have no idea as to how developers present their work via website / blog.

Project is hosted on Github pages and pointed to custom domain.



Being form Testing word, i don't have any development projects. But i am Hoping to start some soon. 

 I would love get any review / feedback on this by community.If you have a moment can you have a look at it, https://www.priteshusadadiya.com , and let me know what you think ?
2D parallax, Product comparison, Image clipping & more | Module Monday 28
Tags: showdev, opensource, webdev, javascript
Published: 2019-02-11 16:11:29

---
title: 2D parallax, Product comparison, Image clipping & more | Module Monday 28
published: true
description: Module Monday 28
tags: showdev, opensource, webdev, javascript
cover_image: https://res.cloudinary.com/component/image/upload/b_rgb:ffffff,c_lpad,h_350,w_800/v1549686827/parallax-mouse_di5aas.gif
canonical_url: https://guide.anymod.com/module-monday/28.html
---

## Open-source mods for your next project

Everything below is open source and free to use on any website, web app, or anywhere else. [Anymod](https://anymod.com) has hundreds more like these.

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

## Mousemove background
Subtle 2d parallax on mouse movement.
<a class="btn btn-sm" href="https://anymod.com/mod/alldla?v=20">View mod</a>

<a href="https://anymod.com/mod/alldla?v=20">
  <img src="https://res.cloudinary.com/component/image/upload/b_rgb:ffffff,c_lpad,h_350,w_800/v1549686827/parallax-mouse_di5aas.gif"/>
</a>

## Image letters
Clip a background image to show behind your text.
<a class="btn btn-sm" href="https://anymod.com/mod/mllrlr">View mod</a>
<a href="https://anymod.com/mod/mllrlr">
  <img src="https://res.cloudinary.com/component/image/upload/v1549734785/Image-letters_tu35w6.png"/>
</a>

## Product comparison columns
Show multiple product features side by side.
<a class="btn btn-sm" href="https://anymod.com/mod/kddrda?v=20">View mod</a>

<a href="https://anymod.com/mod/kddrda?v=20">
  <img src="https://res.cloudinary.com/component/image/upload/v1549743504/product-comparison_xvzdbf.gif"/>
</a>

## Google map with marker
Customize the location and marker to your HQ.
<a class="btn btn-sm" href="https://anymod.com/mod/moamb?v=20">View mod</a>

<a href="https://anymod.com/mod/moamb?v=20">
  <img src="https://res.cloudinary.com/component/image/upload/v1549740380/map_toedlb.png"/>
</a>

## Responsive mosaic gallery
Look good at any width.
<a class="btn btn-sm" href="https://anymod.com/mod/lramn?v=20">View mod</a>

<a href="https://anymod.com/mod/lramn?v=20">
  <img src="https://res.cloudinary.com/component/image/upload/v1549740665/masonry_50_zhbf0n.gif"/>
</a>

<hr>

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

Happy coding ✌️
The 7 Most Popular DEV Posts from the Past Week
Tags: top7, bestofdev
Published: 2019-02-11 15:34:24

---
title: The 7 Most Popular DEV Posts from the Past Week
published: true
description: A round up of the most-read and most-loved contributions from the community this past week.
tags: icymi, bestofdev
cover_image: https://thepracticaldev.s3.amazonaws.com/i/sfwcvweirpf2qka2lg2b.png
---
Every Monday we round up the previous week's top posts based on traffic, engagement, and a hint of editorial curation. The typical week starts on Monday and ends on Sunday, but don't worry, we take into account posts that are published later in the week. ❤️

#1. Straight Out-Of-The-Box

Before jumping on _this or that_ extension, Geoff encourages us to make the most of VS Code by making customizations within its existing settings.  

{% link https://dev.to/thegeoffstevens/vs-code-settings-you-should-customize-5e75 %}

#2. A Lifestyle Diet

Eric shares their story about losing weight through intermittent fasting and why they think it easily fits into developer lifestyles.

Note: As an intermittent faster myself, I also vouch for IF but **every body is different** and you should see a doctor before making any drastic dietary changes!

{% link https://dev.to/httpjunkie/a-developers-guide-to-getting-fit-pif %}

#3. App Anatomy

As a dev at a consulting company, Miklos shares tips on how they approach building apps -- from routing to landing pages. 

{% link https://dev.to/solkimicreb/code-smart-not-hard-bb1 %}

#4. Level Up

According to Paul, the quickest way to transition from being a junior dev to a mid-level dev is through building habits. In this post, they share a few habits that all devs should master.

{% link https://dev.to/pavlosisaris/how-to-transition-from-junior-to-mid-level-developer-part-1-4gig %}

#5. Jargon Busting

Terms and concepts that every data analyst needs to know -- along with additional DEV resources for each!   
 
{% link https://dev.to/helenanders26/sql-series-from-a-to-z-2pk9 %}


#6. Requirements

A curated list of tools for speeding up productivity and maintaining an efficient workflow.

{% link https://dev.to/nikhiltyagi04/21-platforms-that-serve-as-a-lifeline-to-web-developers-1hj1 %}

#7. We love lists!

Once you've optimized your out-of-the-box VS code settings, check out these recommended VS Code _extensions_. This is a highly curated list primarily aimed at front end developers. 

{% link https://dev.to/vip3rousmango/vs-code-extensions-youll-actually-use-46gp %}

_That's it for our weekly wrap up! Keep an eye on dev.to this week for daily content and discussions...and if you miss anything, we'll be sure to recap it next Monday!_
Builder Design pattern [creational]
Tags: blog, concepts, designpattern, designpatterns
Published: 2019-02-18 18:12:29

---
title: Builder Design pattern [creational]
published: true
tags: blog,concepts,Design Pattern,Design Patterns
canonical_url: https://itscoderslife.wordpress.com/2019/02/11/builder-design-pattern-creational/
---

When to use builder pattern?

- The builder pattern is used when we need to create complex objects which require many configuration values.
- It’s a good choice when the objects to be created can usually use some predefined defaults, and are rarely modified.
- Callers can customize these default configuration values, but most of the time the defaults remain unchanged.
- This pattern encapsulates the default configuration values and the required set-up logic required to create an object into a builder class.
- The builder pattern separates the configuration of an object from its creation.
- It simplifies the creation of instances which need many default values, and those values usually don’t change frequently when creating new objects.

> The builder pattern separates the creation of object from its configuration thereby simplifying the creation of complex objects.

Example:

- Theme builder for a web app or mobile apps – the background color, navigation bar color, text color size, etc. A dark theme or a light theme will have its own set of values which you can customize if needed. Theme builders are used in code editors and mobile apps
- Network session managers – here a session is started with a default set of values.
- A meal builder in McDonald’s – the user just has to mention the name of the meal and all parts of the meal are built and without user involving in the complexity of creation. Yet user can customise if needed.

**Summary** : A Builder design pattern is the best fit when an instance implies complex configuration steps and you don’t need to change the settings frequently while creating new objects. Also when you need to separate the configuration of objects from their creation. Callers only provide minimal configuration values. The builder class contains all the logic to set the default configuration values required while building the object.
Dev Podcasts Nov 18 - 25
Tags: news, podcast
Published: 2018-11-26 13:11:51

Quiet week, presumably because everybody in the United States is still too full from the Thanksgiving Holiday. (myself included)

Dev Podcasts: 2018-11-18 to 2018-11-25
<a href="https://devpodcasts.app/episodes/for-week/20181118-20181125/">6 episodes </a>(still manually tagging)

<table>
   <thead>
      <tr>
         <th>Episode Name</th>
         <th>Tags</th>
         <th>Podcast Show</th>
      </tr>
   </thead>
   <tbody>
      <tr>
         <td><a href="https://cdn.changelog.com/uploads/practicalai/21/practical-ai-21.mp3" title="Listen to e.{podcastTitle}">UBER and Intel’s Machine Learning platforms (Practical AI #21)</a></td>
         <td>Machine Learning</td>
         <td><a href="https://devpodcasts.app/shows/changelog">Changelog</a></td>
      </tr>
      <tr>
         <td><a href="http://traffic.libsyn.com/sedaily/Schedulers_Edited.mp3" title="Listen to e.{podcastTitle}">Schedulers with Adrian Cockcroft Holiday Repeat</a></td>
         <td>Scheduling, Computer Science</td>
         <td><a href="https://devpodcasts.app/shows/software-engineering-daily">Software Engineering Daily</a></td>
      </tr>
      <tr>
         <td><a href="https://audio.simplecast.com/d66f111a.mp3" title="Listen to e.{podcastTitle}">How Relative Comparisons Affect Our Decisions</a></td>
         <td>Soft Skills</td>
         <td><a href="https://devpodcasts.app/shows/developer-tea">Developer Tea</a></td>
      </tr>
      <tr>
         <td><a href="http://traffic.libsyn.com/clean/cynicaldeveloper/episode-104.mp3?dest-id=461504" title="Listen to e.{podcastTitle}">Code Reviews</a></td>
         <td>Code Reviews, Careers</td>
         <td><a href="https://devpodcasts.app/shows/the-cynical-developer">The Cynical Developer</a></td>
      </tr>
      <tr>
         <td><a href="https://aphid.fireside.fm/d/1437767933/02d84890-e58d-43eb-ab4c-26bcc8524289/a69e99be-81a9-414d-a450-7f9bb6abe743.mp3" title="Listen to e.{podcastTitle}">124: All In On .NET Standard 2.1</a></td>
         <td>.NET</td>
         <td><a href="https://devpodcasts.app/shows/merge-conflict">Merge Conflict</a></td>
      </tr>
      <tr>
         <td><a href="https://audio.simplecast.com/372fc085.mp3" title="Listen to e.{podcastTitle}">Indie development on Android and iOS with Matt Logan</a></td>
         <td>Mobile</td>
         <td><a href="https://devpodcasts.app/shows/front-end-happy-hour">Front End Happy Hour</a></td>
      </tr>
   </tbody>
</table>
Looking At Linked Lists
Tags: datastructures, beginners, codenewbie
Published: 2019-02-11 15:11:22

---
title: Looking At Linked Lists
published: true
description: Linked Lists
tags: #datastructures, #beginner, #codenewbie
---

A linked list is a data structure that includes a 'linked' sequence of nodes. Each node contains data.


In a singly linked list each node points to the next node in the linked list:

![Imgur](https://i.imgur.com/4Y6bLlM.png)


In a doubly-linked list each node points to the next node as well as the previous node:

![Imgur](https://i.imgur.com/sCGHclk.png)


In order to access a single node you must traverse the entire linked list until you land on that node.

For example, to find node 4 we must start at node 1, move to node 2, then node 3, and finally to node 4:

![Imgur](https://i.imgur.com/6ddcC2N.png)

This is very different from an array where each value can be found by using it's index, or a dictionary (hash/object) where a value can be found using it's key.

One benefit of a linked list is that you can add a node to the beginning of a linked list using constant time (O(1)). This means that subsequent nodes do not need to be re-indexed as they do in an array.  The newest node simply becomes the "head" of the linked list.

![Imgur](https://i.imgur.com/puV3Ehl.png)

Have you ever used linked lists in your applications?

If so why did you choose them over other data structures?

*Originally published at http://deniseonaquest.com/looking_at_linked_lists*
How can authenticated XSS occur?
Tags: xss, php, wordpress, vulnerable
Published: 2019-02-11 14:35:41

---
title: How can authenticated XSS occur?
published: true
description: 
tags: #xss, #php, #WordPress, #vulnerable 
---

**Pre Script: I am writing because I just learnt something.**


Obviously, cross-site scripting (XSS) is critical in the public way. Authenticated XSS... Why would the authenticated personal inject the script themselves? Yes, they won't, but they might be tricked to. I have recently encountered the authenticated XSS in one of my WordPress plugins. The page displays the entries with the provided form ID in the url. Only administrators has the capability to view the form entries page.

On the admin dashboard, the url below will display the entries of form id 8.


`http://sanjeebaryal.com.np/wp-admin/admin.php?page=entries-for-wpforms&form_id=8`


The form id will be queried to the database. So, it can easily be vulnerable if not sanitized properly. 

`http://sanjeebaryal.com.np/wp-admin/admin.php?page=entries-for-wpforms&form_id=8<script>alert('XSS');</script>`


Authenticated administrator user won't inject something like that but they might be tricked to.Suppose I'm an authenticated user and is logged in to my WordPress dashboard and someone sent me link like above (Links can be shortened and prettified) and I clicked on that. That's Authenticated XSS.

You should also [sanitize SQL order and orderby in WordPress](https://sanjeebaryal.com.np/sanitize-sql-orderby-and-order/).

I hope it's helpful!
GraphQL features I found
Tags: graphql
Published: 2019-02-11 12:01:51

---
title: GraphQL features I found
published: true
description: My first article in Dev Community
tags: GraphQL
---
Now I am learning GraphQL myself. 
At first, I couldn't understand what it was and why it is needed.
We already have REST API, and why do we need GraphQL?
And I kept reading the documents over and over and now, I finally get to know what it is and how to use it.
Of course, I admit that it is much more powerful and useful than REST API.
And I am pretty sure it will replace all the REST APIs, sooner or later.

So what are the main features I found?
There are 2 features that I found most useful and powerful in GraphQL.

One is that it uses one endpoint. Thanks to this feature, it's quite flexible working with GraphQL queries.

And the other is it has subscription features.
An important requirement for many applications today is to have a realtime connection to the server in order to get immediately informed about important events.
For this use case, GraphQL offers the concept of subscriptions.
It just opens a new steady connection to the server, and whenever a particular event happens, the server pushes the corresponding data to the client.

I am still a newbie in GraphQL class, so I hope your advice on my article.
Thanks.
Nextron v4 : Electron + Next.js with ease
Tags: javascript, typescript, nextjs, showdev
Published: 2019-02-11 11:50:20

---
title: Nextron v4 : Electron + Next.js with ease
published: true
description: Electron with Next.js! Let's build an electron app with ease!
tags: javascript,typescript,nextjs,showdev
---

Today zeit released [Next.js](https://github.com/zeit/next.js) v8, so [Nextron](https://github.com/saltyshiomix/nextron) came to v4 :)

<https://nextjs.org/blog/next-8>

## What is Nextron?

Nextron is an electron app generator, which includes Next.js and it can handle electron renderer process with Next.js easily.

```bash
# install nextron
$ npm install --global nextron@latest
```

There are 13 example templates for now:

```bash
# list all templates
$ nextron list

  Available examples:

    - custom-build-options
    - custom-server
    - custom-server-nodemon
    - custom-server-typescript
    - ipc-communication
    - parameterized-routing
    - store-data
    - with-javascript
    - with-javascript-ant-design
    - with-javascript-material-ui
    - with-typescript
    - with-typescript-less
    - with-typescript-material-ui

  USAGE

    $ nextron init my-app [--template example_folder_name]

  If you want to use "with-typescript-material-ui", just type the command below:

    $ nextron init my-app --template with-typescript-material-ui
```

The usage is so simple:

```bash
# generate an example
$ nextron init my-app --template with-typescript-material-ui

# install dependencies
$ cd my-app
$ yarn (or "npm install")

# development mode
$ yarn dev (or "npm run dev")

# production build
$ yarn build (or "npm run build")
```

![example image](https://i.imgur.com/DNOsAH0.png)

## My Belief for Nextron

1. Show a way of developing desktop apps only web knowledge
    - always maintenanced :+1:
1. Easy to use
    - run it one command
    - build it one command
1. Be transparent (Open to OSS developers)
    - shows all sources like `webpack.config.js`, electron production build configs and so on

## Nextron's statuses

- 650+ commits over the last 9 months
- 200+ releases (`npm publish`)
- 100+ stargazers on GitHub
- listed on [awesome-nextjs](https://github.com/unicodeveloper/awesome-nextjs)
- PRs are welcome!

## By the way...

I'm working in Tokyo(Japan) and developing .NET or JavaScript(TypeScript) apps which use AI(neural network) translation machine.

Our mission is to help all people who study foreign languages.

Anyone want to join us?

Thank you for your reading my article :)
Timeboxing
Tags: productivity, junior
Published: 2019-02-11 11:06:17

---
title: Timeboxing
published: true
description: 
tags: productivity,junior
---

Developing software is one of those tasks that can take you on tangent after tangent. Sometimes that’s great and sometimes you actually want to get work done.

Timeboxing is setting a specific time period to finish or at least make some headway on a task. Artificial deadlines can create artificial urgency and help motivate you to focus and do only want needs to be done. By setting a time to stop and review, you can prevent yourself from being stuck at a dead end for longer than your should be. You might give yourself a break, try a different task or just ask for help. It also makes tackling a mammoth task more approachable by only committing to a small burst and then you’re away.