teleren/devto huggingface dataset:
Portfolio intro, Swing form, Bold gallery | Module Monday 57
Tags: showdev, githunt, webdev, javascript
Published: 2019-09-30 18:33:53

---
title: Portfolio intro, Swing form, Bold gallery | Module Monday 57
published: true
description: Module Monday 57
tags: showdev, githunt, webdev, javascript
cover_image: https://res.cloudinary.com/component/image/upload/b_rgb:ffffff,c_lpad,h_350,w_800/v1569806985/portfolio-intro_i0e2dy.gif
canonical_url: https://guide.anymod.com/module-monday/57.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.

## Portfolio intro
Hero section to introduce yourself and your work.
<a class="btn btn-sm" href="https://anymod.com/mod/hero-balbdn?preview=true">View mod</a>
<a href="https://anymod.com/mod/hero-balbdn?preview=true">
  <img src="https://res.cloudinary.com/component/image/upload/v1569806985/portfolio-intro_i0e2dy.gif"/>
</a>

## Swing up form
Bottom right icon opens a form that works automatically.
<a class="btn btn-sm" href="https://anymod.com/mod/swing-up-form-rdokl?preview=true">View mod</a>
<a href="https://anymod.com/mod/swing-up-form-rdokl?preview=true">
  <img src="https://res.cloudinary.com/component/image/upload/v1569807593/swing-form_pfsqhr.gif"/>
</a>

## Overlay gallery
A beautiful image gallery with overlay transitions.
<a class="btn btn-sm" href="https://anymod.com/mod/gallery-mlrblr?preview=true">View mod</a>
<a href="https://anymod.com/mod/gallery-mlrblr?preview=true">
  <img src="https://res.cloudinary.com/component/image/upload/v1569806991/gallery_stw7ru.gif"/>
</a>

## Elegant call to action
Add a nudge without being gaudy.
<a class="btn btn-sm" href="https://anymod.com/mod/call-to-action-section-dkdnba?preview=true&lorem=true">View mod</a>
<a href="https://anymod.com/mod/call-to-action-section-dkdnba?preview=true&lorem=true">
  <img src="https://res.cloudinary.com/component/image/upload/v1569806984/call-to-action_jxvmgf.png"/>
</a>

## Basic gray footer
Reusable footer with social and links built in.
<a class="btn btn-sm" href="https://anymod.com/mod/kdnran?preview=true&lorem=true">View mod</a>
<a href="https://anymod.com/mod/kdnran?preview=true&lorem=true">
  <img src="https://res.cloudinary.com/component/image/upload/v1569806984/footer_ygmhrb.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 ✌️
Hack your Frontend with document.designMode
Tags: productivity, productivityhack, frontend, browser
Published: 2019-09-30 18:30:10

---
title: Hack your Frontend with document.designMode
published: true
description: Design mode allows to experiment with page content in the browser window. No IDE. No refresh.
tags: productivity, productivity-hack, frontend, browser
cover_image: 
---

`document.designMode` is a cool feature.

> _Perhaps not a very well known feature, hence this heads-up_ ;)

By enabling it in console (`document.designMode = 'on'`), you can edit and experiment with a page content right from the browser.

> No need to change code on IDE.
> No refresh.
> Just live, fresh mangling. yay!

Check it out:

![document.designMode in action on Dev.to](https://thepracticaldev.s3.amazonaws.com/i/g8eefme8fo8v3a1a33g9.gif)

Read more on [Mozilla docs](https://developer.mozilla.org/en-US/docs/Web/API/Document/designMode).
The Good, the Bad and the Ugly of propagating data through Reactive Streams
Tags: reactiveprogramming, spring, java, reactor
Published: 2019-09-30 18:30:59

---
title: The Good, the Bad and the Ugly of propagating data through Reactive Streams
published: true
tags: reactive-programming,spring,java,reactor
canonical_url: https://medium.com/@domenicosibilio/the-good-the-bad-and-the-ugly-of-propagating-data-through-reactive-streams-62beac48789e
---

[![](https://cdn-images-1.medium.com/max/1063/1*iB9aElrW4y8qctshV6U3tA.jpeg)](https://medium.com/@domenicosibilio/the-good-the-bad-and-the-ugly-of-propagating-data-through-reactive-streams-62beac48789e?source=rss-299466747366------2)

*Propagating data through reactive pipelines the Good, the Bad and the Ugly way.*

**Propagating data through reactive pipelines** is a very common development concern that arises when building reactive applications based on any *Reactive Streams* implementation *(eg. Project Reactor, RxJava, Akka Streams)*.

**We’ll be going through the Good, the Bad and the Ugly of propagating information downstream**, using Project Reactor as our Reactive Streams implementation of choice.

[Continue reading on Medium »](https://medium.com/@domenicosibilio/the-good-the-bad-and-the-ugly-of-propagating-data-through-reactive-streams-62beac48789e?source=rss-299466747366------2)
The 7 Most Popular DEV Posts from the Past Week
Tags: top7
Published: 2019-09-30 18:12:05

---
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
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. Chrome Can Do That?!

Tips and tricks for Chrome DevTools users -- chances are, you're probably wishing you knew about these tools earlier!

{% link https://dev.to/lpellis/things-you-may-not-know-about-chrome-devtools-53k6 %}

#2. "Pet" Project

David shares "DeckDeckGo" with the community, an open source editor for presentations. In this post, we learn about their motivation, the process, and some of the awesome features this project has to offer.

{% link https://dev.to/daviddalbusco/introducing-deckdeckgo-the-web-open-source-editor-for-presentations-58lg %}

#3. Non-linear

Amber shares the basics of graph data structures along with a few examples we've seen in real life.

{% link https://dev.to/amberjones/intro-to-graph-data-structures-abk %}

#4. TLDR

Sam recaps the collective advice of 21 articles about moving forward in your career and becoming a senior developer.

{% link https://dev.to/mibzman/i-read-21-articles-about-how-to-become-a-senior-developer-so-you-don-t-have-to-4dap %}

#5. Less Complex

Rachel is kicking off a series on clean code and this first post is all about naming things, writing better functions, and avoiding comments.

{% link https://dev.to/rachc/identifying-the-dirt-in-our-code-2f3h %}

#6. Things To Consider

Laurie shares how her thought process and approach to coding has evolved through years of gaining more experience. 

{% link https://dev.to/laurieontech/how-architecture-improved-my-coding-skills-21e %}

#7. Dive Right In

Jason shares the pros and cons of event-driven microservices architecture, some of the key design choices it entails, and common anti-patterns.

{% link https://dev.to/heroku/best-practices-for-event-driven-microservice-architecture-2lh7 %}

_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!_
At dotnetmalaga 2019
Tags: dotnet, microsoft, community
Published: 2019-09-30 17:47:23

---
title: At dotnetmalaga 2019
published: true
description: 2 tracks, 12 sessions of awesomeness in Málaga 
tags: dotnet, microsoft, community
cover_image: https://javiersuarezruiz.files.wordpress.com/2019/09/dotnetmalaga2019.jpg
---

I live in Málaga, Spain, where every year we celebrate dotnetmalaga, an event of web, cloud and Microsoft technologies.

This is the second year I attend, but I decided to participate with a talk about a technology that I'm starting to love and learning of: Entity Framework Core. With my workmates of Bravent and a very friendly community, we enjoyed a day full of knowledge.

It's a fantastic opportunity to learn in a relaxed environement, know some awesome people and share knowledge. This year we learnt about robotics, the new things to come about Xamarin.Forms, authentication in .NET, test automation and more!

The organization behind this event also streamed one of the tracks, to ensure the talks and workshops are accessible to everyone anytime. Check the [dotnetmalaga YouTube channel](https://www.youtube.com/channel/UCddvIEG_NjR8iL8LeyYs1rg) to see all the recorded session.

{% twitter 1177905466522980352 %}

I am looking forward to next year to learn more and discover great things!
What IOS shortcuts are you using?
Tags: watercooler, discuss
Published: 2019-09-30 17:31:49

---
title: What IOS shortcuts are you using?
published: true
description: IOS 13 brought a bunch of powerful new features to ths shortcuts app. How are you using them?
tags: watercooler, discuss
---

IOS 13 brought a bunch of powerful new features to ths shortcuts app. How are you using them?
What made you be a frontend or a backend developer?
Tags: frontend, backend, discuss, career
Published: 2019-09-30 17:28:51

I'm wondering what made you be a frontend developer or a backend developer?

Write in the comments (1 to 2 sentences) 😁


See 👀, I'm actually full-stack but my passion is mainly frontend. I decided to do frontend first. I consider myself to be very artsy and I think web design is art 🎨 (fight me if you think otherwise 👊). Once I started getting more into frontend technologies I realized how cool they are 😎, by the way backend is awesome too specially in the cloud.

Since I consider my self more of a Frontend dev, here are my skills:

-HTML/CSS/SCSS
-Javascript
-Angular
-React
-UI/UX

Follow me on twitter @pato_codes if you want to chat more about this topic.

Note: S/o to however made the banner picture.


<img src="https://thepracticaldev.s3.amazonaws.com/i/5a87eog40zvcsimuaew4.png" />
New Income Stream for Your Site: How Website Owners Can Run a Successful Site Monetization With Repixel
Tags: repixel, monetization, incomestream, website
Published: 2019-09-30 17:22:37

Have you ever noticed that when you’re shopping for something but you decide not to make a purchase, for the next couple of weeks (or even months), you’ll start seeing a noticeable surge in the number of online advertisements that show up for that item? That’s retargeting at work.

Advertisers have been leveraging this technique for decades now, and it’s typically very effective. But by definition, traditional retargeting is limited in scale by the number of people visiting your website.

Now, a new tool has been introduced by [Repixel.co](http://bit.ly/repixel) which allows you to monetize your site(s) without displaying any ads, but by empowering the retargeting possibilities of its ad network. To learn more, check out this [Repixel review](https://www.onlinetoolsexpert.com/repixel-review/).
How to download output of a pandas data frame from within a Docker container to dedicated folder on host machine?
Tags: docker, python
Published: 2019-09-30 17:21:50

#My docker file
FROM python:latest
VOLUME ["C:/Python"]
WORKDIR /data
COPY . /data
RUN pip install EIA-python
RUN pip install requests
RUN pip install pandas
RUN pip install xlwt
EXPOSE 8888
CMD [ "python", "EIA.py" ]

#My Python file
import eia
import pandas as pd
api_key = "MY_API_KEY"
api = eia.API(api_key)
series_storage = api.data_by_series(series='NG.NW2_EPG0_SWO_R48_BCF.W')
df1 = pd.DataFrame(series_storage)
df1.reset_index(inplace=True)
df1.columns = ['Date', 'Value']
df1['Date'] = pd.to_datetime(df1['Date'].str[:-3], format='%Y %m%d')
df1.to_excel("C:/Python/Sid.xls")

#What I want my container to do.
When I run my Python file independently it creates an excel file in C:/Python from a pandas data frame. The Python code uses API calls to extract tabular data from public domain. 
I would like my Python to do the same when I run a Docker container. How can I achieve this? 

When I run my docker command as docker run C:/Python:/data image name I don't see any excel file generated.
GraphQL auto-generated Headless CMS
Tags: graphql, headlesscms, cms
Published: 2019-09-30 17:20:12

Do you know any Headless CMS that can be automatically generated from a given GraphQL schema/endpoint?

I'm looking at building a backoffice (CMS), and I already have a GraphCMS endpoint, I wonder if there are any tool out there that can just create a whole CMS based on the GraphQL schema.

Then, allow for customisation such as permissions, etc.

So far, my best bet would be https://marmelab.com/react-admin but it doesn't seem to map the schema (or I didn't find how)
About James Lukezic Palm Beach
Tags: jameslukezic, jameslukezicpalmbeach, palmbeach
Published: 2019-09-30 17:03:32

James Lukezic is a graduate of Cornell University starting his career at Merrill Lynch & Co. participating in its Junior Executive Training Program in New York City. James Lukezic was selected to join as a Financial Analyst in the Offshore Funds and Private investor Sales Division. During this time James spent two years, participating part-time, as a Visiting lecturer at Princeton University in the Department of Politics and completed his Executive Education in Marketing at the Harvard Business School in Cambridge, Massachusetts. 
​
At Merrill Lynch, James Lukezic was part of the international private client group (IPCG) and responsible for developing new business and maintaining existing business with high end clientele; corporate, government, and individual high net worth. James Lukezic Palm Beach had the opportunity to develop and hone his skills as a marketer and relationship manager, with responsibilities for clientele in New York and Miami, and later maintaining and developing new business with clients in Buenos Aires (Merrill's largest foreign broker office at the time), and Santiago Chile. James also later worked for Citigroup Global Markets, Bank of America and Wells Fargo as a Relationship Manager and Retirement Plan Consultant serving Corporate clients. Most recently James Lukezic Palm Beach served as Director of Investments at Oppenheimer & Co. Inc., where he focused on providing corporate retirement plan services, with an emphasis on fiduciary governance. Retirement plan consultation included consultation on defined contribution plans and platforms, defined benefit plans, ESOP's and Non-Qualified Deferred Contribution Plans. 
​
Ultimately, James Lukezic uses a consultative, planning-based approach in recommending client strategies. James leverages what is a truly unconflicted investment environment at Old Slip Capital Partners that enables James to identify and select superior investment management services wherever they are housed. Through the use of a combination of traditional and alternative investments for qualified investors (some or all alternative investments may not be suitable for certain investors) in the asset allocation process, James is able to, with his substantial research focused team, create customized institutional portfolios that are deemed to address strict mandated series of criteria, including diversification needs, time horizons, and risk thresholds.
James Lukezic, of Manhattan, is the Chairman of ITF USA, a 501(c)(3) non-profit organization that assists landmine victims in over 30 countries worldwide. James is an elected Treasurer of one of the F&A Mason lodges in the Grand Lodge of the State of New York. James Lukezic is also a member of the United States Polo Association, New York City's Fencers Club and the American Helicopter Society.
📊 Statistics on portfolio, boom or bust?
Tags: help, webdev
Published: 2019-09-30 16:51:11

Please may I have your opinion in the comments. I have a list of repositories of personal work from the beginning of time (that I started my career and GitHub) I don't really delete much. 

Anyway should I have the inclination (I do), would you say displaying the percentage usage of all languages I have ever used is a good idea. For example, according to my maths I am 20% JavaScript, with 2% other things. The other things are also the interesting things, c++, Rust and Lua, lumped in with some PHP that I'd rather forget.

I think it paints a pretty good picture of me but also depending on who is reading it, a pretty bad one. GitHub doesn't recognize scss as a language, yet it knows glml just fine.

So what would you do?
Show only languages you have used this year to reduce the dataset and bring up the numbers? Split the languages into front end and backend categories? Or not bother with all of this.

Thanks!

The result so far:
![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/k173nc4lvrr2cju2fluq.png)
Hacktoberfest Completion Thread
Tags: hacktoberfest
Published: 2019-09-30 16:41:39

---
title: Hacktoberfest Completion Thread
published: true
description: A thread to celebrate your accomplishment for having submitted 4 PRs during Hacktoberfest 2019.
tags: hacktoberfest
---

This thread is a place to celebrate the achievement of completing Hacktoberfest 2019!

Use this thread to discuss your experience, highlight some of your PRs using the GitHub liquid tag, and more.  You're also welcome to create a new post using the [#hacktoberfest](/t/hacktoberfest) tag right here on DEV.

![snoopy dancing celebrating](https://i.giphy.com/media/rgq4Sar77s85W/giphy.gif)
FLUTTERWAVE: CHANGING THE NARRATIVE
Tags: fintech, digitaleconomy, payments, development
Published: 2019-09-30 16:32:16

$2.5billion in payment process, 100 million transactions processed, 50 plus bank partners and still going higher!
Think payment, Think Flutterwave!

Flutterwave, born in 2016 by Iyinoluwa Aboyeji, Andela co-CEO and a group of ex-bankers, entrepreneurs and engineers who wanted a change in the African payment system. The issue of payment for Nigerian and African companies was a problem till Flutterwave came to being with various iterations of payments.

PRODUCTS
Flutterwave currently have two products; Rave and Barter (GetBarter) 
Rave lets you accept payment locally and globally with zero set up fees. No matter where you are, you can receive payment in the local currency of your choice as it supports over 150 currencies. Rave is being used by a lot of companies and startups to make their payment solutions easier.
Barter lets you manage payments and subscriptions. It came to being through a partnership with Visa. Barter was launched to assist SMEs and individuals alike to transact across Africa.

ACHIEVEMENTS
Ever since its inception, Flutterwave has gone from being one of the startups to a big name in payments solutions and that has seen huge investments from investors. The latest of which is a partnership from between itself and Alipay, Alibaba’s digital wallet and payments platform. The collaboration was made as there was an increase in Chinese engagement with African tech.

In the words of the CEO, Olugbenga Agboola, “…you can’t connect Africa to the world without China.”

Flutterwave has also been given approval to implement USSD to its payment solutions. This approval meant one could transact with no internet access and just through a mobile phone thereby making it accessible to the few who are not connected to the internet.

Flutterwave also saw the addition of Joe Saunders, former Chairman and CEO of Visa who came in to fill in the gap Iyin left behind as he stepped down as CEO.

PROS AND CONS
With its zero-set-up policy, Flutterwave has encouraged SMEs to partake in rebranding Africa to the world. 

Rave supports over 150 currencies.

However, there has been complaints of data breaches and poor customer care services. Users who have installed the GetBarter app have complaints of the app only supporting two banks. The only way those without the supported banks can transact/add money to their Barter account is by the usage of debits cards.
Within a short span of 3 years, Flutterwave has proved its worth and living up to their name; changing payments in Africa and by letting Africans partake in the digital economy.
A one step to greatness for Africa.
Next steps after learning JavaScript
Tags: javascript, beginners
Published: 2019-09-30 16:05:17

So,
I compromised with myself to write and post once a week, and for no particular reason, I choose Monday as the day.
But in week 3 I already feel lost in what to write about LOL
So I asked on twitter for ideas and someone told me to write about what do to after learning JavaScript... And the answer is quite simple really:

**Study more JavaScript!!!**

I have been studying JS for 6 months now I believe, and I am far from done. Actually I believe that no one is ever done because there is soo much and new things keep coming. But that shouldn't be seen as a discouraging fact! This should get you excited! Because if there is one thing I learning in my one year of coding is that if you are not passionate about learning, coding is not for you. There is ALWAYS something new to learn and to improve, so yey, learning is awesome!

Are you done learning the **basics** of JavaScript? Cool!
-Now go review concepts and write about it (it doesn't have to be a long and full of detail essay, just write what you got from it).
-Try to create some projects and find out what concepts you need to study more and what you feel you are good at. If you have no idea what you would like to create, just look here on Dev posts or youtube for tutorials, but try to personalize your projects to your likes. _My last project is [this random Harry Potter Character app. #PotterHead] (https://github.com/pachicodes/harry-potter)_
-Once you feel you have a good grasp and have a few projects done, consider learning a library or framework. I just got started with React (not confident enough to write about it yet, but soon) and I would be totally lost if I didn't have a good JS base.

That being said, don't wait until you mastered 100% of concept to do a project or start learning a new one, because dude, mastering anything is almost impossible especially without getting to use it, so go code!!!

I think another thing you have to have in mind is, what is your goal? WHY are you learning to code?
Right now my goal is to know enough to feel confident applying for Front-End positions by my 29 birthday (April 2020) so I keep going back to CSS and JavaScript basics all the time while learning new things like react.
But if your goal is to be a web developer or a full-stack developer, maybe you don't need to spend as much time as I do in JS before you move to the next thing in your learning plan.
 

As always, this post is solely based on my options and experience, so I SUPER welcome your opinions and advice.

Thanks for reading and Happy Monday!
XOXO
Laravel on Steroids! Get 10x Speed in Your App Development
Tags: laravel, webdev, productivity
Published: 2019-09-30 15:42:59

![Laravel on Steroids](https://1.bp.blogspot.com/-4tkPoZdF-zc/XZIfBTuMnZI/AAAAAAAAAgo/NPizhwybyZE3oDtAbzt-EbmEgKrjwjKTgCLcBGAsYHQ/s1600/laravel-on-steroids.jpg)
*[Source](https://www.columbusrecoverycenter.com/blog/ohio-residents-ask-are-anabolic-steroids-addictive/)*

#- DB-MVCr-MPR-TA

{% gist https://gist.github.com/tonyfrenzy/ea199f838d8939affe9331a4ec196695 %}
Front End Developer Portfolio
Tags: showdev, portfolio, webdev, vue
Published: 2019-09-30 15:41:51

Hello,

This is my first Post.

I would like to share my portfolio, built in Vue and it's a progressive web app. It took me around 8 months of development during my free time.
It was also nominated for an awwward. Unfortunetly I didn't win.

Tell me what do you think!

https://joaobairrada.com

Thank you