teleren/devto huggingface dataset:
I’m Building A JS-Based Static Site Generator #WishMeLuck!
Tags: javascript, staticsitegenerator, pug, sass
Published: 2018-09-20 15:29:17

---
title: I’m Building A JS-Based Static Site Generator #WishMeLuck!
published: true
description: I am building a JavaScript-based static site generator for quick prototyping. 
tags: javascript, static site generator, pug, sass
---
Browse the term **static site generators**, and you'll find plenty of them, in different languages, with lots of features, and what not. But if you're a developer then building your own is easier than you might think, and it's an excellent opportunity to learn some things in the process.

## The Back Story

When I looked at my work routine, then the setup of basic web architecture for a new project was something which took **more than 20%** of my time. And reinventing the wheel daily was something which was bothering me a lot.

I figured out the basic needs of my web-dev workflow and realized that it shouldn’t be that hard to build something small, with just the right features I need. 

### The Requirements

The requirements this generator must satisfy are:

*   🤝 It's for quick-prototyping of impressive little static demos for teaching, presenting and making landing pages,
*   ⚡️ Use Pug to generate HTML files — coz pug is awesome.
*   🎯 Handles Sass to CSS conversion — coz why not.
*   🔥 Live reloads the browser with BrowserSync.

## Line of Action

![](https://maedahbatool.com/wp-content/uploads/2018/09/cool-background-1.jpg)

Here it is, I'm building a **JavaScript-Based static site generator so wish me luck!** When I got started, I only wanted it to cater my web-dev workflow needs. As I went ahead developing it, I realized that it could serve the purpose of several other developers as well. 

But now I am working on some advanced functionalities. And after I get ready with its first version, I plan to open source it. This way I can contribute my effort to makes the lives of developers easy and effective.

## Progress

If I track my project status currently, then here is the timeline of things that are left to do:

*   ✅ Testing
*   📖 Updating the docs
*   🚀 Releasing updates/commits
*   ✍️ Working on its launching blog post
*   🎨 Designed its logo/name/featured image
*   🙌 Sending to some good folks for beta testing

## Launch Date

Right now I am truly excited about this project, and it's been a great learning experience for myself. Still working out on some _tiny miny_ details so, it'll be tough to share an exact date with you folks. Precisely, if everything sticks to plan then I'll be able to open-source it by the end of this month (i.e., September 2018).

_Till then stay tuned for more updates. You can drop in your feedback in the comments section below. Or you can also reach out to me through my Twitter account [@MaedahBatool](https://twitter.com/MaedahBatool)._
Blog Opinion
Tags: opinion, help
Published: 2018-09-20 16:29:38

---
title: Blog Opinion
published: true
description: Blog Opinion
tags: Opinion, Help
---

Hello to all, I just want to know your Opinion for my blog
 
https://therichpost.com/.

I am working very hard on it and I want to make it popular and So I need your good advice so i can do more changes.

Thank you.
GitHub-style weekly contribution graphs
Tags: discuss, showdev, javascript, dataviz
Published: 2018-09-20 16:15:23

---
title: GitHub-style weekly contribution graphs
published: true
description: A prototype of activity data visualisation
tags: discuss, showdev, JavaScript, dataviz
---

I've been playing around a contribution graph concept for people's personal blogs.

Not wanting to bother with loading and parsing of RSS/Atom feeds yet, I built a small visualisation of my Reddit activity (since the beginning of time).

You can see it at: 
https://beta.observablehq.com/@hugodf/reddit-contributions-per-week-graph

What do you guys think of the visualisation?

Who would be interested in seeing how their post frequency has been over time?

Let me know.
Poi 11 alpha 18
Tags: poi, webpack, bundler, javascript
Published: 2018-09-20 15:59:54

---
title: Poi 11 alpha 18
published: true
description: 
tags: 
    - poi
    - webpack
    - bundler
    - javascript
---

I just released Poi 11 alpha 18 which might be the last "alpha" release.

You can now get started and create a new project like this:

```bash
npm i -g create-poi-app@next
create-poi-app my-app
```

Or for one-off use:

```bash
npx create-poi-app@next my-app
```

__Note that all our version 11 packages are published under `@next` channel on npm for now.__

![2018-09-20 11 50 33](https://user-images.githubusercontent.com/8784712/45830567-054fdd00-bd30-11e8-85ae-421ea424477a.png)


If you select all the defaults, the above command will generate a minimal project in `my-app` folder:

```bash
my-app
├── package.json
├── poi.config.js
├── public
│   └── favicon.ico
├── src
│   ├── components
│   │   └── App.js
│   └── index.js
└── yarn.lock
```

The `poi.config.js` so far is really simple, here we need to use `src/index.js` instead of the default `index.js` as app entry:

```js
// poi.config.js
module.exports = {
  entry: 'src/index.js'
}
```

Inside the newly created project, there're also some built-in npm scripts you can run: 

- `yarn start`: Calls `poi dev` command to start a development server to run your app.
- `yarn build`: Calls `poi build` command to build and optimize your app for production use.
- `yarn lint`: (Available when you select `eslint` feature, via `@poi/plugin-eslint`) Calls `poi lint` to run ESLint against app files, optionally allows you to run ESLint on file save.

In the future beta releases, we plan to add `@poi/plugin-jest` etc to inject `poi test` command for unit testing.

---

## For Poi 10 users

A list of major differences between v10 and v11:

- Now you run `poi dev` instead of `poi` to start development server
- A lot of internal API changes for simplification
- Generator support, you can now use Poi to scaffold out a new project or add files to existing project.
- ...etc

---

For more information please:

- See our website (WIP): https://poi.leptosia.org
- Follow us on twitter: https://twitter.com/poi__js
How to move Google Cloud images to other accounts
Tags: googlecloud, cloud, devops
Published: 2018-09-20 13:11:36

---
title: How to move Google Cloud images to other accounts
published: true
description: How to easily move images between google cloud accounts
tags: google-cloud, cloud, devops,
---

I handle multiple accounts for my customers and i have some images that i want to use on some of those accounts.

You now have different options on how to achieve this. The best one would always have a docker file for your images and use this as a baseline, we will look at this option in another article soon.

The easiest option however is, if we already have an image based on one machine to copy it to the other account.

to create images there are several ways to do it, the easiest way is to create it in you CloudConsole.

Compute Engine => Images => [+] Create Image


![alt text](https://thepracticaldev.s3.amazonaws.com/i/m682lm7t0p3i4gyn2gvr.jpg "Create Image")


However if you like the console more do it by the command:


```
gcloud compute images create IMAGE_NAME --source-disk=SOURCE_DISK 

```

Now that we have an image we want to export it to a cloud storage bucket


```
gcloud compute images export --destination-uri gs://bucket-name/imagename.tar.gz --image imagename
```

After this we will find the image as tar.gz file in out Cloud Storage. Now we have to make it available for other users.
To keep it simple we just make it public available. 

![alt text](https://thepracticaldev.s3.amazonaws.com/i/u5ysbbt7iryvqkzje4sr.jpg "Manage rights")



The trick is here, add a User with Name allUsers and give it Read access.
Now it's freely downloadable.

Now we switch to the Account where we need the image and import it
```

gcloud compute images create imagename     --source-uri gs://bucket-name/imagename.tar.gz

```

That's it.

Please tell me if you want to see Video Tutorials for Google Cloud

Cheers
Depz
Tags: wip, amazon, opensource, s3
Published: 2018-09-20 11:54:55

---
title: Depz
published: true
description: 
tags: wip, amazon, opensource ,S3
---
![Depz](https://thepracticaldev.s3.amazonaws.com/i/s1q8ubrpn2t11gu2ilm1.png
) <figcaption>Depz</figcaption>

Hello all 🙌🏻

This article is about my #DepZ[WIP]

## What is Depz?
DepZ is an open source platform for hosting static websites.

## Why I built DepZ?
While the product is in development, most of the organisations purchase 3 to 4 instances. They usually maintain Dev, Staging, Test, PreProd, Prod. For each build, they need a specific instance (mostly an EC2 t3.nano instance), it costs about $15 per instance.

We can achieve this with some platform like Netlify, but most of the people get this question "Why do we need to share our entire source code?"
So there is a need for deployment which is cost-efficient, secure and not to share source code.

## Continuous Deployment
As we are high-level apathetic individuals, We never like to build our website and copy the build file to a specific instance. So there is a need for continuous integration.

## How can we achieve all this?
There are many ways to deploy static sites:
		1. Now
		2. S3 Bucket
		3. Azure
		4. Google cloud
		5. Heroku
		6. Surge

 For continuous deployment :
.	        1. Bitbucket Pipelines
	        2. Amazon Pipelines

## How DepZ works? 🎩
DepZ integrates Bitbucket with Amazon's S3.


1. Login to Bitbucket Account
    ![Depz](https://thepracticaldev.s3.amazonaws.com/i/s1q8ubrpn2t11gu2ilm1.png
) <figcaption>BitBucket Login</figcaption>

2. Once you log in, It’ll display all the repo in that bitbucket account.
![Depz](https://thepracticaldev.s3.amazonaws.com/i/yzyb3jl6rj6wje321ygq.png
) <figcaption>BitBucket Repo List</figcaption>

3. Select a repo which you want to deploy
![Depz](https://thepracticaldev.s3.amazonaws.com/i/0j9gv708c8l7jo4rxms0.png
) <figcaption>Deploy Settings</figcaption>

4.  Once the deployment is done, a URL will be generated.
![Depz](https://thepracticaldev.s3.amazonaws.com/i/u1lqe1e1zkhi99n5h0zb.png
) <figcaption>Live URL</figcaption>

5.  Once the site is live, We need to pull the code from BitBucket repo because continuous deployment is handled via pipelines.

/*AWS region selection, Pipelines are #WIP./

## Setup DepZ
		1. Setup the Bitbucket OAuth.
		2. Update the secret key in the source code.
		3. Store the AWS key and AWS secret in the BitBucket env variable.
		4. Deploy the site 😈

## Future Goals
Integrate
1. Git Provider
	* GitHub
	* GitLab
2. Deployment
	* Now
	* GitHub Pages
	* Azure
	* Google cloud
	* Heroku
	* Surge
3. Amazon Code pipelines 
4. Custom Domains.
5. HTTPS
	1. Amazon Certificate Manager ( Using Google Puppeteer )
	2. LetsEncrypt


You can check this out here: https://depz.balajisankar.tech/
And here is the code if you want to play around: https://bitbucket.org/ibalajisankar/depz/
Did you like what you read 

We can also connect on Twitter @ibalajisankar
FlubuCore - a cross platform build and deployment automation system
Tags: c, dotnet, csharp, devops
Published: 2018-09-20 13:09:16

---
title: FlubuCore - a cross platform build and deployment automation system
published: true
description: FlubuCore - Fluent Builder is a cross platform build and deployment automation system. You can define your build and deployment scripts in C# using an intuitive fluent interface. This gives you code completion, IntelliSense, debugging, FlubuCore custom analyzers, and native access to the whole .NET ecosystem inside of your scripts. You can find comprehensive presentation and documentation on [github](https://github.com/flubu-core/flubu.core)


tags: #c,#dotnet,#csharp,#devops 
---
Openldap Tutorial – Practical Realtime Implementation and Integration
Tags: openldap, ldap, security
Published: 2018-09-20 12:55:18

---
title: Openldap Tutorial – Practical Realtime Implementation and Integration
published: true
description: This Openldap Tutorial will touch the basics of  LDAP  and provide in depth coverage on practical implementation and integration of openLDAP with realtime examples. 
tags: openldap, ldap, security
---

## What will you learn? ##
- Installation and configuration of openldap in Ubuntu
- Installing phpLDAPadmin – Web based LDAP Client
- Planning of LDAP DIT Structure and Config of Overlays ( access, ppolicy )
- Graylog LDAP Integration
- Linux Client LDAP Integration
- Basic Authentication using LDAP
- Self Service Password and Adhoc LDAP utilities

####[Start Tutorial](https://devopsideas.com/openldap-tutorial-practical-realtime-implemetnation-and-integration/)####
Finding Common Security Issues in Python Code with Bandit
Tags: python, security
Published: 2018-09-20 11:55:47

---
title: Finding Common Security Issues in Python Code with Bandit
published: true
description: Use Bandit to find common security issues in your Python code.
canonical_url: https://alysivji.github.io/find-security-issues-in-python.html
tags: python, security
---

_This [post](https://alysivji.github.io/find-security-issues-in-python.html) was originally published on [Siv Scripts](https://alysivji.github.io/)_

[Bandit](https://github.com/PyCQA/bandit) is a static analysis tool that can find common security issues in Python code. The command line utility scans `.py` files and generates a report detailing issues by confidence and severity.

I ran Bandit on a few of my repositories and found I was using `md5` to hash passwords in one of my side projects. It was a hack with a `TODO fix` comment, but I had forgotten about it. Thanks to Bandit, I have changed my password hashing algorithm to `bcrypt2`. Also learned about [PassLib](https://passlib.readthedocs.io/en/stable/lib/passlib.hash.bcrypt.html) as I was researching [how to salt and hash passwords](https://crackstation.net/hashing-security.htm).

The Rackspace blog has a post on [Getting Started with Bandit](https://developer.rackspace.com/blog/getting-started-with-bandit/) that I recommend checking out.
Laravel Vuejs or Laravel Angular
Tags: help
Published: 2018-09-20 10:33:07

---
title: Laravel Vuejs or Laravel Angular
published: true
description: Laravel Vuejs or Laravel Angular
tags: help
---

    Hello to all, I am going to build SPA and I need to know:
    Laravel Vuejs or Laravel Angular?
    Please suggest.

[Vue laravel tutorial part 6 Form submission](https://therichpost.com/vue-laravel-tutorial-part-6-form-submission)

[Vue laravel tutorial part 5 Vue Routing](https://therichpost.com/vue-laravel-tutorial-part-5-vue-routing)

[Vue laravel tutorial part 4 form-validation](https://therichpost.com/vue-laravel-tutorial-part-4-form-validation)

[Vue laravel tutorial part 3](https://therichpost.com/vue-laravel-tutorial-part-3)

[Vue laravel tutorial part 2](https://therichpost.com/vue-laravel-tutorial-part-2)

[Vue laravel tutorial part 1](https://therichpost.com/vue-laravel-tutorial-part-1)


Thank you.
Therichpost
#OneDevMinute: Go back to the Previous Directory
Tags: onedevminute, devtip, bash, zsh
Published: 2018-09-20 10:16:42

---
title: #OneDevMinute: Go back to the Previous Directory
published: true
description: Easily go back to the previous directory you accessed in the terminal with this simple bash alias.
tags: OneDevMinute, devtip, bash, zsh
---

> My first video post here. Go easy on me.

Easily go back the previous directory you accessed in the terminal with this simple bash alias.

🔥 Literally the best dev tip of the day, I use it all the time. 

⌨️ Type `-` to go back to prev directory

🤔 HOW? 
✅ Add this alias to your .bashrc/.zshrc files
♻️ Reload your terminal

```sh
alias -- -="cd -"
```
{%tweet 1042679090229268480 %}
Selecting The Very Best Paid Android Applications 
Tags: mobileapp, application, android, ios
Published: 2018-09-20 08:34:21

---
title: Selecting The Very Best Paid Android Applications 
published: true
description: The best Android Applications
tags: mobile app, application, android, ios
---

Selecting The Very Best Paid Android Applications 
If he or she comes to know that one can now run android on pc, anybody who swears by Android is bound to jump off the floor. Yes, this is all enabled by BlueStack, a California based company who have created software application that makes it possible. However, for those who used to have the android the very first device in the morning and utilized to state bye the last can have the opportunity of utilizing apps for windows.Remember that <a href="https://app-reviews.org/android-app-installs/">android app installs</a>  are important part of your android application popularity.
AndWeather is one of the most popular weather condition apps. It can rapidly reveal you the weather condition from your chosen place. You can set it to track your place and reveal you the regional weather condition no matter where you are if you like.
Fruit Ninja HD: How about using your finger to slice up a fruit when it flies throughout the screen? If you wish to have some remarkable hours for overall mental shutdown, play Fruit Ninja HD on your Android or iPhone mobile phone. Sculpt up multiple fruits with one swipe if you require additional points.
The app that you download ought to have the type of functionality that is not that tough to utilize. Its features need to be such that the app can be utilized in an optimal way with the control of your mobile phone. You must have the ability to utilize the app easily without making any effort.
Automatically Removing Unused CSS from Wordpress Pages?
Tags: help, wordpress, performance
Published: 2018-09-20 07:46:04

---
title: Automatically Removing Unused CSS from Wordpress Pages?
published: true
description: I need help developing an automated strategy to optimize WP page loads, without completely re-writing the theme.
tags: help, wordpress, performance
---

## The Problem
A client approached me with a WordPress site (100+ pages) that takes over 20 seconds to load. I analyzed the site with lighthouse and other tools and found that there's at least 2mb of useless CSS and other crap loading on the home page.

Looking into the WP setup, it uses an off-the-shelf (theme store) theme with the typical glut of useless crap.

## The Naive Solution
I could go through each page, analyze the unused CSS with browser extensions, then collate the results of those analyses into a (hopefully smaller) theme `style.css` This would take hours of repetitive mechanical work, with lots of potential human error.

## The Preferred Strategy
Tools like `purifycss` are able to statically analyze the final rendered markup for a page and strip the CSS file to only contain used rules. I think it should be very possible to write a plugin that does something like the following on each page load:
1. Concat all CSS files together 
2. Replace all CSS links with the single concatted link
3. Render the page
4. Run purifycss on the rendered output, saving the minified and optimized CSS to a new file with a hashed name
5. Replace the concatted link with a link to the new optimized file
6. Serve the page

All of that should happen before the caching plugin.

## The Question

Does something like this already exist? What about my plan, is it reasonable? Am I ignoring any potential gotchas?
Explain JavaScript Promises like I am five.
Tags: discuss, explainlikeimfive, javascript
Published: 2018-09-20 03:26:35

---
title: Explain JavaScript Promises like I am five.
published: true
description: Javascript can be really hard. Especially when you are a newbie, it's hard to understand and implement the core concepts. This blog post includes a question that leads to many insightful conversations from the community.
tags: discuss, explainlikeimfive, javascript
---

I am starting to hate JavaScript. Before I blow my head with a gun, someone, please tell me how to work with JavaScript Promises.

![cry](https://thepracticaldev.s3.amazonaws.com/i/s84u5gpbnnlcowntfk9g.gif)
Vue Theme for iTerm2 + oh-my-zsh
Tags: vue, iterm2, ohmyzsh, theme
Published: 2018-09-20 02:17:52

---
title: Vue Theme for iTerm2 + oh-my-zsh
published: true
description: Vue Theme reached 30500 installs😱 in  VS_Code, so I decided to create a theme for iTerm2 + oh-my-zsh.
tags: #vue.js #iterm2 #ohmyzsh #theme
cover_image: https://thepracticaldev.s3.amazonaws.com/i/47qg4h243c8vmvigzcmz.png
---

# Vue Theme for [iTerm 2](http://iterm2.com) and [ZSH](https://ohmyz.sh)

[Vue Theme](https://mariorodeghiero.com/vue-theme/) in your terminal.

![iterm](https://thepracticaldev.s3.amazonaws.com/i/08s39dy82tg2861y92x6.gif)

## Install

First, clone the repo via git:

```
$ git clone https://github.com/mariorodeghiero/vue-theme-iterm2.git
```

> Install iTerm Theme

1. Launch iTerm 2. Get the latest version at <a href="http://www.iterm2.com">iterm2.com</a>
2. Click on **iTerm2** menu title
3. Select **Preferences...** option
4. Select **Profiles**
5. Navigate to **Colors** tab
6. Click on **Color Presets**
7. Click on **Import**
8. Select the **vue-theme.itermcolors** file
9. Return to **Color presets** and select Vue-Theme
10. Restart your terminal.

> Install oh-my-zsh Theme

1. Drop the `vue-theme.zsh-theme` file in to the `~/.oh-my-zsh/themes/` directory.
2. Open up your ZSH preferences
   ```
   $ open ~/.zshrc
   ```
3. Change the theme variable to `ZSH_THEME=vue-theme`.
4. Restart your terminal.


## Conclusion

I created this theme for iTerm2 + ohmyzsh because the Vue Theme has reached 30500 installations in VS_Code.
If you liked this project, contribute improvements or visit the project on  [GitHub.](https://github.com/mariorodeghiero/vue-theme-iterm2)⭐️

Thank you, I hope you like it 😊
What is top 5 most valuable courses in a CS Degree?
Tags: discuss, help, beginners, devconfession
Published: 2018-09-19 22:16:56

---
title: What is top 5 most valuable courses in a CS Degree?
published: true
description: 
tags: #Discuss #Help #Beginner #DevConfession 
---

 Greetings Everyone! Once again I am overwhelmed with a ton of noob questions. I am pursuing a CS degree and I want to make sure I am taking the best classes for my electives in case it isn't part of my curriculum. If my school does not provide these courses, I would still make sure I am learning after college.


*Bonus*
Random Rant:
I can't wait to finish school so I can really start learning what I want to learn. I hate college and it really kills my motivation. I'm motivated to finish soon so I can have freetime to focus on gaining an actual skill. I feel depressed because college shouldn't be a piece of paper to help me get through the H.R filter but a place where I know I am getting the best of the best in a education in technology. It's sadly not living up to my expectations. 

I feel like I am my own teacher and a student because non of my teachers taught me anything. Heck one of my teachers barely spoke english and had a super strong accent and I had no idea what he said all semester. most of my teachers just give me an assignment and I get it done and thats pretty much all they do for me.Sorry for the long rant I just needed to vent and was hoping at least someone out there knows what I am talking about.