teleren/devto huggingface dataset:
My first C Adventure
Tags: c
Published: 2019-10-29 20:12:13

Hi everybody!

This is the first post of my new series: "Adventures in learning C".
First of all, please let my introduce myself: I'm Mr SoUndso and I currently study "Technische Informatik" (probably best translated as "technical computer science") in Germany.  One of my lectures teaches me how to program in C. To pass the class, I'll have to complete different exercises. This series will be a write up on the different challenges I faced, and the ways I used to overcome them.

So lets start with the first test: 
#### Write a program that prints a rectangle to the console

This sounds like a simple task, and it is. But i made a mistake along the way, that made my attempt at the next test way harder.

I started out with three different for loops, one for the top row, one for the side walls and one for the bottom.

<code> 
  for (int i = 0; i < y; i++) {
    //print first row
  }
   printf("/n");
  for (int i = 1; i < x; i++) {
    //print the sides
  }
  for (int i = 0; i < y; i++) {
    //print last row
  }
</code>

The top and bottom rows were simple: I just added a <code> printf(%c,c); </code> into the loop and was set.

The sides were harder nuts to crack. I could not simply add a <code>    printf("%c   %c \n",c, c);</code> to the loop, as a requirement of the test was to make a the hight and width configurable. 
So I added a second for loop into the mix.
My second loop now looked like this: 
<code>
for (int i = 1; i < x; i++) {
    for (int b = 0; b < y; b++) {
      printf("%c", c);
    }
    printf("\n");
  }
</code>

This would give me a completely filled rectangle. I realized I wasn't far from my goal, I only needed to fill the center with spaces instead of chars. 

To do this, I added a if to check if the second iterator (b) is equal to 0 or y. 
This resulted in a strange output:
<code>
xxxxx
x
x
x
x
x
xxxxx 
</code>

I realized that b could never be equal to y, as the for loop would stop if
 <code> b == y </code>. 
So I changed the check from <code> b == y </code> to <code>b == y - 1</code> and voilà: My code worked!

But wait: I told you earlier that I made a mistake making my next attempt way harder. Using 3 for loops instead of 2 nested ones made me scratch my head a lot when working on the next test. But this is a story for another post.

Have a nice day.
Dev tool release on ProductHunt
Tags: javascript, productivity, java, devops
Published: 2019-10-29 19:53:44

https://www.producthunt.com/posts/skaffolder-2-0

After months of hard work, we are releasing a new version of Skaffolder. 

Skaffolder is a code generator able to create working web and mobile applications in multiple programming languages starting from the API and database documentation.

We generate fully documented, working code that is easy to understand, fully customizable and completely owned by you.

We are launching today on Product Hunt!  Check us out and let us hear your feedback! We welcome your comments!

https://www.producthunt.com/posts/skaffolder-2-0
Recommended laptop for remote work
Tags: discuss
Published: 2019-10-29 19:35:09

After 4 years spent at my current company, I decided to switch to remote work (management accepted). Therefore, I'm planning to travel around while keep working Mon-Fri. However, since I've been using only PCs my entire life, I'm not sure what laptop to choose now.

My first option was a Microsoft Surface. However, most reviews consider it overpriced and not worth the money.

I took the following into consideration:

* has to be 15" (not bigger, not smaller)
* at least 16GB of RAM
* light (I travel only with a backpack, regardless if I have to use planes, trains or cars)
* I mostly work with vagrant and docker (running around 2 VMs daily)
* Ideally it would have 512 GB SSD, but I can manage with 256
* I don't want HDD, nor optical drives.
* Video card - not sure if it actually matters.

What would you recommend me?
Responsive popup overlay
Tags: codepen
Published: 2019-10-29 19:18:56

<p>🔥🔥🔥 Responsive popup overlay Inspired from  👇👇👇 
<a href="https://dribbble.com/shots/2348344-Pop-up" target="_blank">https://dribbble.com/shots/2348344-Pop-up</a>
I used  👉👉👉 Html + Scss .</p>

{% codepen https://codepen.io/chouaibblgn45/pen/abbyQxP %}
Rails Command Line Tools - Rake Re-seed Programmatically
Tags: rails, database
Published: 2019-10-29 18:42:34

As I was building out a project for my software engineering requirements, I found that my database seed design was likely to be a limiter on the functionality of my website. The project was a weather-based ecommerce store in Ruby on Rails and required that the seed file be called constantly in order to keep a weather API response up to date. Each time a user entered the site, the API would need to be called to assign the current weather to the user. Luckily, I found a solution with only a few lines of code that allowed a programmatic solve for my automated re-seed: embedding rake commands in the controller. 

{% stackoverflow 36610776 %}

The way it works is to create a rake task that calls your external API, gets the data, and updates the database. Then schedule this task to run at the interval you require. One gem recommended is the whenever gem that can help run the jobs at certain intervals, however for my uses on only one system task: I simply coded the call directly in my controller. All things considered, it greatly simplified the design of my program and allowed real-time updating for the user. Great news!

Controller calling System Rake Command
![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/c8bhh1dyfkhaqzen9lt9.png)

Rake Command Task
![Alt Text]
(https://thepracticaldev.s3.amazonaws.com/i/lae5q3klmht16qciycv3.png)
Best WordPress Theme For Adsense

Tags: adsense, wordpress, wordpresstheme, adsenseadnetwork
Published: 2019-10-29 18:38:26

Hi, I would like to thank you for Reading
this post. So, you are looking for the best WordPress
theme for your Adsense blog to make more money from the ads, right?

Let me tell you the details of this ad-friendly WordPress theme which is recently introduced on the no. 1 marketplace for website templates ThemeForest!.

It's Admania WordPress theme!. It is a trendy theme exclusively designed
to fix the Adsense ads and Affiliate banners at the strategic points to improve the click through rate. This Adsense ready template has 5 attractive layouts with which you could make a unique blog to stand out from the crowd and gently push your visitors to click the ads. Now the question is where can you place the advertisements with Admania? Well, It has more 10 ad location options for each layout! Let me tell you the 1st layout of Admania. That’s how the first layout looks like( see image)!.

Now, you might be the thinking the features of this Adsense ready theme! Yes, it has some amazing features and let me tell you one by one. The first one is “Front End Live Editor.” You will be able to see the “Edit” option at the ad location. Just click on it and add or edit the ads in
any formats.

You can add the ads in 3 different formats, HTML code, Google responsive ads and Image link ads. The second one is “Easy setting options
of Admania.” Just go to your dashboard > Appearance > Admania
theme options and Ad settings. You can see the easy ad options, just go through them and customize your ads.

Third feature is “Floating Ad & Sticky Ad” options. Admania gives you the ability to either float your ads or keep it stick. Sticky ad will pop up like this at the bottom right corner obviously result in the higher click through rate.

The next quality of the theme is you can remove ads on the specific pages or posts. Let me tell you how!,Just go the “Ad Settings” on your dashboard, click on any Ad and simply remove it. It's that simple.

These are the main features of this ad-friendly WordPress theme.It has other exciting features like fast loading theme, Schema integrated, 1-click auto update,mobile responsive, slider section to display
your important blog posts and so on.

If you need any assistance in setting up the theme, you can use the detailed documentation provided by the theme developer or you can get help from their support team. I hope you like this review Post and would like to get the best WordPress theme for Adsense niche sites that is Admania. You can get its link by searching it in Google to get more
details of this WordPress theme. Thanks for reading this post!

Read Also--- https://waystomakemoneyonlineguide.com/adsense-high-cpc-keywords/
Life of a Job Seeker
Tags: beginners, life
Published: 2019-10-29 18:36:53

---

title: Life of a Job Seeker
published: true
description: life jobs hustle
tags: #beginner #life
cover_image: https://thepracticaldev.s3.amazonaws.com/i/bmxxoqgo0z0wa6qlied4.jpg
---

Well its been six months out of school and no job to speak of. Yes, I am working and I am thankful for the job I have but I would love something more challenging in the tech field. That is what I went to school for. The number of resumes that have gone out are beyond count but no doubt someone will say yeah let's give this guy a chance. Until then, I will keep being hustle-man.

I have been in and out of the workforce. I know both sides of the equation. Both sides are tough. Some have and some have not. It supports my family for the most part. I won't give up looking for that next opportunity because that is what people tend to do. Being satisfied at whatever station in life is hard for most. I am no different. The struggle is real so I know the reward will be real too! Thank God that there is more to this than the struggle.

I hope others can understand where I am coming from. Day turns to night and then back to day. So I must keep it strong and keep hustling. Can you feel me? So if you are in the same boat...stay strong...keep hustling and never give up. You will make it and so will I. God bless!
Top 5 DEV Comments from the Past Week
Tags: bestofdev
Published: 2019-10-29 18:35:49

---
title: Top 5 DEV Comments from the Past Week
published: true
description: Highlighting some of the best DEV comments from the past week.
tags: bestofdev
cover_image: https://res.cloudinary.com/practicaldev/image/fetch/s--7VrAA2ln--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://thepracticaldev.s3.amazonaws.com/i/qmb5wkoeywj06pd7p8ku.png
---

This is a weekly roundup of awesome DEV comments that you may have missed.  You are welcome and encouraged to boost posts and comments yourself using the **[#bestofdev](/t/bestofdev)** tag.

Everyone is looking for love and @aimerib tied the knot this weekend. Wish the newlyweds well in the **[What's your Win this Week?] (https://dev.to/jess/what-was-your-win-this-week-4n93/comments)** thread:
{% devcomment h2ca %}

@nateous finds the best of both worlds to use Microsoft's license agreement in **[Issues with VSCODE License — You should worry](https://dev.to/twitmyreview/issues-with-vscode-license-you-should-worry-1li4/comments)**:
{% devcomment h3l9 %}

Puzzle coding test has a time and a place, but @jeremycmorgan as a manager says these don't make or break a candidate in: **[Unpopular opinion? I don't do puzzle coding tests](https://dev.to/rodrigojuarez/unpopular-opinion-i-don-t-do-puzzle-coding-tests-1fha/comments)**:
{% devcomment h1n5 %}

@sidvishnoi shares that `JSON.stringify(obj)` may not follow property order, which matters when the serialization is input for hashing/checksum in the **[The Secret Power of JSON Stringify](https://dev.to/blacksonic/the-secret-power-of-json-stringify-393b/comments)** thread:
{% devcomment gp71 %}

Ever thing of NPM as Legos? @dansilcox walks us through NPM in the eyes of a 5 year old in this explanation:  **[NPM Explain to Me like I'm five](https://dev.to/fultonbrowne/npm-explain-to-me-like-i-am-five-35d/comments)**:
{% devcomment h07o %}

See you next week for more great comments ✌
Automation aides - Building SaaS #12
Tags: python, django, saas
Published: 2019-10-29 18:03:52

{% youtube dYNX-rzGetU %}

In this episode, we completed an automated tool for processing and connecting data quickly.  We built an HTML template and walked through how to extract pieces and make connections.

Show notes for this stream are at [Episode 12 Show Notes](https://www.mattlayman.com/building-saas/automation-aides/).

To learn more about the stream, please check out [Building SaaS with Python and Django](https://www.mattlayman.com/building-saas/).
CSS Box-model Visualizer
Tags: css, html, react, design
Published: 2019-10-29 17:45:05


Have you ever attempted to explain the CSS box-model or convey the padding and margin of a component using ASCII?


```
border
 _____________
|   padding   |
| ___________ |
| |         | |
| | element | |
| |         | |
| ___________ |
|   margin    |
|_____________|
```

Recently after a slack chat with a colleague I decided to build an online tool to help with the visualization!

## Introducing the CSS Box-model Visualizer!

A quick, easy tool to visualize and share CSS box-model examples. 

- Adjust the inputs in the control panel to customize margin, padding, border, element dimensions and colors.
- Click the "Copy Link" button to get a sharable URL.
- Click the "Download PNG" button to generate an image.
- Click the "Copy CSS" button as a starting point for your component.


[![Box-Model card example animation](https://thepracticaldev.s3.amazonaws.com/i/yxn2k8c983elrtmkppiy.gif)](https://box-model-visualizer.netlify.com)

https://box-model-visualizer.netlify.com

It's still a work in progress so please let me know if you find it useful or have any suggestions to help improve it!
How to improve the default django admin
Tags: django, python, admin, showdev
Published: 2019-10-29 17:43:39

I work on a daily basis with python/django since 9 years now and I like it very much. 

One of the best aspects of working with django is its admin, it is very simple to use (also for clients), but it lacks in customization. 

Before giving backend access to the clients I always did some customization to the admin *(like changing the logo and the main colors)* to match the client identity.

It was boring and repetitive work, so I decided to write a library to do it.

The result is the **django-admin-interface** library and these are the main features:

-  Themes management and customization (title, logo and colors)
-  Related popup-windows replaced by modals
-  Environment name/marker
-  Language chooser

It is open-source on GitHub a lot of people use it:
https://github.com/fabiocaccamo/django-admin-interface

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/zqod2wxsnctk3fi8lddv.gif)
Read my new series of articles on Data Science
Tags: machinelearning, opensource, python, beginners
Published: 2019-10-29 17:40:44

I am looking forward to start a series on Data Science named 'Data Science in 5 minutes' in which I will try to share concepts of Data Science daily.

So, In that regard, I have published my first article on Medium. In this article, I have tried to explain the definition of Data Science and answer some basic questions.

Read it here : [Medium Link](https://medium.com/@saeeddev/data-science-in-5-minutes-part-1-d170f94aa881?source=friends_link&sk=b9500b12885e6bcbe817bfd691e4b05a)

Do let me know in the comments, how did you find it and what topics should I discuss in my upcoming posts for aspiring data scientists.
Graduating GA and Portfolio
Published: 2019-10-29 17:30:13

After recently graduating from General Assembly, my portfolio has been mostly completed (some parts still being worked on) but overall I have a decent looking portfolio with my projects on it. Here's to hoping I find work doing coding!

General Assembly was a rollercoaster. I learned alot, but not enough. I needed more learning to feel confident in my job search.

If you're interested in checking it out and giving feedback, visit me at http://aaron-neme.com/
Periodic background sync
Tags: periodic, background, sync, silent
Published: 2019-10-29 17:35:06

---
title: Periodic background sync
published: true
date: 2019-10-29 17:28:30 UTC
tags: periodic,background,sync,silent
canonical_url: https://adactio.com/journal/16043
---
*This was originally posted <a href="https://adactio.com/journal/16043" rel="canonical">on my site</a>.*

Yesterday I wrote about how much I’d like to see [silent push for the web](https://adactio.com/journal/16031):

> I’d really like silent push for the web—the ability to update a cache with fresh content as soon as it’s published; that would be nifty! At the same time, I understand the concerns. It feels more powerful than other permission-based APIs like notifications.

Today, [John Holt Ripley responded on Twitter](https://twitter.com/johnholtripley/status/1189133898573369345):

> hi there, just read your blog post about Silent Push for acthe web, and wondering if Periodic Background Sync would cover a few of those use cases?

[Periodic background sync](https://developers.google.com/web/updates/2019/08/periodic-background-sync) looks very interesting indeed!

It’s not the same as silent push. As the name suggests, this is about your service worker waking up _periodically_ and potentially fetching (and caching) fresh content from the network. So the service worker is polling rather than receiving a push. But I’ll take it! It’s definitely close enough for the kind of use-cases I’ve been thinking about.

Interestingly, periodic background sync also ties into the other part of what I was writing about: permissions. I mentioned that adding a site the home screen could be interpreted as a signal to potentially allow more permissions (or at least allow _prompts_ for more permissions).

Well, Chromium has [a document outlining metrics for attempting to gauge site engagement](https://www.chromium.org/developers/design-documents/site-engagement). There’s some good thinking in there.

*This was originally posted <a href="https://adactio.com/journal/16043" rel="canonical">on my site</a>.*
17 Resources to transition from Python 2 to Python 3
Tags: python, codenewbie, productivity, opensource
Published: 2019-10-29 16:59:55



Now that Python 2 is sunsetting, it's time to transition to Python 3. Here are 17 resources that would ensure a smooth transition, no matter your role in your organization. Read More here:

https://www.hashtagtechgeek.com/2019/10/17-resources-to-transition-from-python2-to-python3.html
Do you listen to the data or the gut?
Tags: podcast, productivity
Published: 2019-10-29 16:58:04

Yep it's tough, you love that project, but the data is saying think again, so what do you do? Well, there is no accurate answer only a few suggestions.

[Listen to the episode](https://anchor.fm/peter-witham/episodes/Do-you-listen-to-the-data-or-your-gut-e894v7)
Introducing CRAL: Create React App Laravel
Tags: react, laravel, opensource, showdev
Published: 2019-10-29 16:47:54

_All the goodies of Laravel, with all the convenience of Create React App_

Repository: https://github.com/mjsarfatti/create-react-app-laravel/

While microservice architecture, front/back-end decoupling and serverless are all incredibly useful paradigm for medium-to-large applications, the web **is also made of a galaxy of smaller apps** that simply need to be robust and fast to produce, while serving a limited userbase. Enter **Create React App Laravel**.

## Why Laravel and Create React App?

**Laravel** allows you to scaffold a simple CRUD app in just a few hours, and being a PHP/MySQL application it is easy to deploy to pretty much any provider out there.

**Create React App** is the de-facto standard for React SPAs (Single Page Applications), especially when SEO is not a concern. It provides a whole lot of optimizations out of the box, including hot reload.

## When is this useful?

Taken directly from CRA's [documentation](https://create-react-app.dev/docs/proxying-api-requests-in-development):

> People often serve the front-end React app from the same host and port as their backend implementation.

> For example, a production setup might look like this after the app is deployed:

```
/             - static server returns index.html with React app
/todos        - static server returns index.html with React app
/api/todos    - server handles any /api/* requests using the backend implementation
```

If this looks like what you are building, keep on reading!

## Create React App Laravel

Or, **CRAL**. 

You may think that all you need to do is running `npx create-react-app` in your Laravel project, but it's not that simple. In fact, it will plain not work, for two reasons:

1. Create React App generates a `index.html` file, but what you need is a Laravel blade view;
2. it's not (currently) possible to customize input and output directory.

**CRAL** does all that for you, and more. All while keeping Create React App intact at its core, so that you loose none of the advantages:

1. It makes your source files play nice with Laravel by placing them in `resources/react-app`;
2. it builds your entry HTML file into a blade view file;
3. it places the generated assets in Laravel's `public` folder.

I'm finding it very useful for a project I'm working on right now (going to production in a few weeks). If **CRAL** is something that appeals to you too, please head to [the documentation](https://github.com/mjsarfatti/create-react-app-laravel/wiki) to find detailed installation instructions and an explanation of how it works and what to expect.

Happy hacking!
Transpiling in Angular
Tags: angular, transpiling
Published: 2019-10-29 15:22:47

1.Transpiling code is a similar concept to the compilation process, with one big difference.

•Compiling: code from a high level language is get converted to machine level language.
•Transpiling: code from a high level language gets converted to another high level language.

2.Browsers can't execute TypeScript directly. Typescript must be "transpiled" into JavaScript using the tsc compiler, which requires some configuration

TypeScript----->Transpile----->JavaScript
Command----->tsc  filename.ts

3.Three two files for TypeScript Configuration.
•tsconfig.json—TypeScript compiler configuration.
•typings—TypesScript declaration files.

4.Will add TypeScript configuration file called tsconfig.json to o project to guide the compiler as it generates JavaScript files.
Celebrating my 10 000th follower on DEV 🎉
Tags: meta, writing
Published: 2019-10-29 12:58:00

Alright, I know these posts are annoying but I just wanted to express how great this platform is & thank everyone for making it grow so much week after week.

{% twitter 1189133325371359232 %}

I've been able to improve on my technical writing skills & share some things I'm passionate about. Here are some people I look up to, motivating me to improve post after post, either because they teach a whole lot or because they have a positive influence on our community:

{% user aspittel %}

{% user emmawedekind %}

{% user ben %}

{% user samanthaming %}

{% user devdevcharlie %}

{% user john_papa %}


Lastly, allow me to list some of my favorite articles I wrote in the last 2 years ❤️

First off, my latest piece about features to look forward to in Javascript:

{% link https://dev.to/christopherkade/the-future-of-javascript-features-to-keep-an-eye-on-3d0h %}

Thanks to you, I now have an amazing list of tools I use on a weekly basis:

{% link https://dev.to/christopherkade/what-s-one-resource-most-devs-don-t-know-that-you-use-regularly-5cp5 %}

One of my most successful articles, about something I was afraid of just a few years ago:

{% link https://dev.to/christopherkade/up-your-git-game-and-clean-up-your-history-4j3j %}

Some tips on improving how we write components:

{% link https://dev.to/christopherkade/writing-elegant-and-resilient-components-547i %}

And my very first article on this platform, it's NOT good but I'm glad it started there:

{% link https://dev.to/christopherkade/defining-quality-requirements-for-a-projects-5ej5 %}

Thanks again ❤️