teleren/devto huggingface dataset:
Top Seven Things To Set Up For Developing A Web App

Tags: mobileappdevelopment
Published: 2019-06-12 05:40:09

Outline the target

Start with an extremely specific objective which can assist you confirm the options, functionalities, and user expertise of the app.

Perceive the Users

Validate your plan to create positive that there’s a requirement for the app and therefore, the market isn’t too competitive or saturated. Use survey, focus teams, or paper prototypes to get the target audience’s challenges, desired outcomes, and preferences or habits before continuing into the event part.

Analysis Your Competitors

Find out what alternative apps are on the market, however they work, what users like concerning them, and what the common complaints are. You will then outline your distinctive positioning by developing options to fill a spot within the market or improve upon existing product that the app can stand out from the competition.

Involveuxand IT Early 

After you have got known the necessities for the app, involve ux, and IT groups as before long as attainable to make sure that the programme is often supported by on the market technologies. For instance, you ought to contemplate the technology infrastructure for a multi-channel resolution, the way to creator information delivery, the way to manage API, and compliance with security protocols.

Web apps
Settle the Technology Stack Finally

outline the set of languages, frameworks, and direction system for building the application. the selection of the technology stack will impact the usability and practicality of the online app, thus confirm that the choice will support your most valuable player additionally because the road map for future releases. For instance, PHP may be a massively fashionable coding language with many developers who are consultants. PHP frameworks like Laravel have even been created to higher service this system. Selecting developers who are consultants in Laravel, and PHP may be a nice direction for many web app comes.

Launch a MVP (Minimally Viable Product): 

Instead of developing all the functions from the offset, build a minimally viable resolution with the key options to use as a foundation. Associate MVP may be a totally practical app with the core options. It permits you to enter the market quickly, gain access to actual users, and gather feedback thus you’ll refine the functionalities and develop new options that meet the wants of the market.

Style a Roadmap for Multiple Releases

The release of the initial version is simply the start. As you gain traction and incorporate user feedback, arrange to unleash updates and new options at regular intervals. This cannot solely facilitate your app keep relevant however additionally re-engage users with new functionalities over time. A brand new unleash each two to three months is usually frequent enough to stay users engaged while not bombarding them with an excessive amount of info.
For a light linux desktop, how does XFCE fare against MATE?
Tags: linux, ubuntu, discuss, productivity
Published: 2019-06-12 05:27:35

I'm going to experiment with a new distro and I'm unable to decide between **Xubuntu** and **Ubuntu-MATE**.

My criteria:

1. Speed and performance.
2. stability.
3. configurable (easy to change themes, backgrounds, fonts, etc.)
4. Should run without problems on a 4GB RAM/i3 laptop.

Which one do you think is better and why?
Roguelikedev Does The Complete Roguelike Tutorial 2019
Tags: gamedev, roguelike, beginners
Published: 2019-06-12 04:37:49

---
title: Roguelikedev Does The Complete Roguelike Tutorial 2019
published: true
description: "Starting June 18th, the roguelike development community on Reddit will be going through the roguelike python tutorial! All are welcome to join in!"
tags: gamedev, roguelike, beginners
cover_image: https://i.imgur.com/3MAzEp1.png
---

I'm not sure if I'm going to take part but, I saw this a little while ago and forgot about it until I saw it on Twitter. I figured I might as well repost in case anyone here on DEV might be interested...

[/r/roguelikedev](https://old.reddit.com/r/roguelikedev/) will be going through the [Python roguelike tutorial](http://rogueliketutorials.com/tutorials/tcod/). Doesn't need to be done in Python you can use any language and code along, starting June 18th!

{% twitter 1138330351367966720 %}
Deploying a Phoenix Project on AWS
Tags: elixir, phoenix, aws, deploy
Published: 2019-06-12 04:34:40

---
title: Deploying a Phoenix Project on AWS
published: true
description: Quick overview of deploying a Phoenix Project on AWS.
tags: elixir, phoenix, aws, deploy
---
This is a quick rundown of how we currently deploy a Phoenix project on AWS. It won’t include any code or screenshots — just a high-level overview.

While we use Distillery to build our release, I will not be covering those details here. I recommend reviewing the documentation for Distillery on Hex.

## Overview
This is the basic flow of how a merge into `master` makes it to `EC2`.

`GitHub` > `AWS CodePipeline` > `AWS CodeBuild` > `AWS CodeDeploy` > `AWS EC2`

## GitHub + AWS CodePipeline
AWS CodePipeline is triggered when a Pull Request is merged into `master`. This is done using GitHub Webhooks setup via CodePipeline. The setup is pretty simple and AWS has some great documentation on getting started.

CodePipeline then hands the code off to CodeBuild to build our release.

## CodeBuild
We build our release using a custom Docker image on CodeBuild. The default Docker image provided by CodeBuild can be used, but we found that building a custom image was a better fit for our needs. Our custom image is very simple and consists of the following:

- Ubuntu 18.04
- NodeJS 10LTS
- Erlang
- Elixir

The release is then passed back to CodePipeline via the artifact configuration option for CodeBuild.

CodePipeline then triggers a deploy using CodeDeploy.

**Note: Your Git history is not available when a build is triggered by CodePipeline.**

## CodeDeploy
CodeDeploy is used to push the release generated by CodeBuild in the previous step directly to our EC2 instances. This is done by a CodeDeploy agent running on each of our EC2 instances. The agent polls for available deployments and deploys them automatically if one is available.

All of our instances run a custom AMI that has the CodeDeploy agent pre-installed. We build our Custom AMIs using Packer and Ansible. Our EC2 instances are managed with an Auto Scaling Group using a custom Launch Configuration.

The entire process is simple and fast. It takes about 3-5 minutes to go from merged to fully deployed.

## Bonus: Production credentials
Our goal was to treat our EC2 instances as cattle and not pets. This meant that we needed an automated and secure way of passing production credentials and secrets to our EC2 instances. We didn’t want to store a text file or have environment variables on each EC2 instance. We settled on AWS Secrets Manager instead.

I wrote a custom Distillery Config Provider that fetches credentials from Secrets Manager when the Phoenix release is started. Secrets Manager returns TOML to the custom Config Provider, then the TOML is then parsed, and the configurations are set using the Elixir `Application` module.

I would be happy to write up additional details or answer any questions.
Forgot the name of your recently used git branch? Gotcha fam!
Tags: git, productivity, tips
Published: 2019-06-12 04:03:11

---
title: Forgot the name of your recently used git branch? Gotcha fam!
published: true
description: How to list the most recent git branches?
tags: git,productivity,tips
---

Add this alias to your terminal's rc or profile file. For most users, it is `.bashrc` or `.bash_profile` in the home directory. Fire up a new terminal tab, `cd` to any git repository and try out the command `gitrecent`.


```
alias gitrecent="git for-each-ref --sort=committerdate refs/heads/ --format='%(HEAD) %(color:yellow)%(refname:short)%(color:reset) - %(color:red)%(objectname:short)%(color:reset) - %(contents:subject) - %(authorname) (%(color:green)%(committerdate:relative)%(color:reset))'"
```

Source: This [stackoverflow](https://stackoverflow.com/a/5188364/1756957) answer
5 Articles, being a  PHP developer, you should read.
Tags: php
Published: 2019-06-12 03:47:42

---
title: 5 Articles, being a  PHP developer, you should read.
published: true
description: 5 Articles, being a  PHP developer, you should read.
tags: PHP
cover_image: https://thepracticaldev.s3.amazonaws.com/i/6i28dk95r5h0up3gyzph.png
---
<b>1) PHP Cookies and Sessions | Detailed Explanation | Coding Examples</b>

Link To The Article: <a href="https://fullstackgeek.blogspot.com/2019/06/php-cookies-and-sessions-examples.html">PHP Cookies and Sessions | Detailed Explanation | Coding Examples</a>



<b>2) Best PHP Frameworks (2019)</b>

Link To The Article: <a href="https://fullstackgeek.blogspot.com/2019/05/best-php-frameworks.html">Best PHP Frameworks (2019)</a>



<b>3) What should I learn after PHP | Roadmap 2019</b>

Link To The Article: <a href="https://fullstackgeek.blogspot.com/2019/05/what-should-i-learn-after-php.html">What should I learn after PHP | Roadmap 2019</a>



<b>4) InnoDB vs MyISAM | Storage Engines | Tabular Differences</b>

Link To The Article: <a href="https://fullstackgeek.blogspot.com/2019/05/main-differences-between-innodb-and-myisam.html">InnoDB vs MyISAM | Storage Engines | Tabular Differences</a>



<b>5) Implementing OTP in PHP using Twilio</b>

Link To The Article: <a href="https://fullstackgeek.blogspot.com/2019/03/implement-otp-in-php-with-example.html">Implementing OTP in PHP using Twilio</a>


Happy Learning,
Full Stack Geek
How I Get Things Done When I'm Feeling Overwhelmed
Tags: overwhelm, anxiety, productivity
Published: 2019-06-12 03:24:17

---
title: How I Get Things Done When I'm Feeling Overwhelmed
published: true
description: I freeze up when overwhelmed by too many things to do. Here's how I start to work through the paralyzation.
tags: overwhelm, anxiety, productivity
cover_image: https://thepracticaldev.s3.amazonaws.com/i/41q88phf6p2ncsqzt3lv.jpg
---

[Fiona Thomas](https://twitter.com/fionalikes), author of [*Depression in a Digital Age*](https://www.amazon.com/Depression-Digital-Age-Highs-Perfectionism/dp/1912478501), has a free ebook called [*How to Get Stuff Done with Depression*](https://fionalikestoblog.com/2017/09/19/getstuffdone/?fbclid=IwAR3l2_kzCXyUB6SbGbPU9f6p8ga4HOfkB9-ad4eyb0MfgiIAqo3mUhs54jA). In it, I found advice that helped me in my worst times. A little over a year ago, I was still on campus at Rose and was so depressed and anxious I could hardly function. It's an evil cycle: I felt bad about being unable to be a good student, employee at my part-time job, dog mom to the lovely Trooper, or partner to Zach; then I felt worse because I couldn't perform pretty simple tasks around our place such as loading the dishwasher.

At some point, I Googled for any online resource or support group I could find. I was desperate to pick myself back up again. That's where I found Fiona's free ebook. There are several good pieces of information in there, but what I've found that helps me the most is this:

> All you have to do to get stuff done is be productive for ten minutes. Out of your entire day, all you need to do is make a promise to do a little work for ten minutes.

It sounds a bit silly at first, but what just 10 minutes of productivity can do is start to build momentum for the rest of your day. It's the same concept as what [Naval Adm. William H. McRaven](https://news.utexas.edu/2014/05/16/mcraven-urges-graduates-to-find-courage-to-change-the-world/) explains about why you should make your bed every day:

> If you make your bed every morning you will have accomplished the first task of the day. It will give you a small sense of pride, and it will encourage you to do another task and another and another. By the end of the day, that one task completed will have turned into many tasks completed.

What I've also learned is that we must be OK with just one 10-minute task. We need to be always gentle with ourselves because this tactic (probably all others, too) is not a fail-safe or it alone will not solve everything. Definitely consult a professional for help when you're so deep in anxiety and/or depression that you're unable to function. But this is one thing that continues to help me personally, even as I'm mostly doing better than I was 1 year ago.

---

Did you know I have a newsletter? 📬

If you want to get notified when I publish new blog posts or make major project announcements, head over to [https://ashleemboyer.com/newsletter](https://ashleemboyer.com/newsletter).

---

*[Image](https://unsplash.com/photos/3y1zF4hIPCg) by [Hans-Peter Gauster](https://unsplash.com/@sloppyperfectionist) on [Unsplash](https://unsplash.com).*
webAPI avec Sailsjs et Mongodb
Tags: sails, mongodb, api, webdev
Published: 2019-06-12 02:49:58

Bien, il’y a une petit peut de temp que je veux meilleurer ma escriture en langue francaise, mais je n’ai sais pas o quoi je doit ecrire. Alors j’ai pensé: Je vais commencer pour les articles que sons plus facile pour moi.

Je pense en faire une series de tutoriel sur développment logiciel et aujourd’hui je vais parler sur le SAILSjs et la combination de SAILSjs avec mongoDB.

![](https://thepracticaldev.s3.amazonaws.com/i/58dwb6gnu5y6vrvc2p6e.jpg)

## Alors, Qu’est-ce Sails ?

SAILSjs est une populaire framework MVC javascript, en NODEjs plus pratique pour develloper API et applications évolutives.

> Meme aussi tu peut encore se demander: “Porquoi je dois choiser le SAILSjs?”

Le plus grand advantages, qu je pense, sur utiliser le SAILSjs sont sas caracteristiques d’etre 100% javascript, soutien quelquer base donnée, completament facilie pour cree RESTs API, compatible avec les principaux framework frontend et platforms comment: Android, IOS, Browser (Vue, Angular, React), Integration avec websockt et soutien profissionel.

## Et le mongoDB?

Le mongodb est un base donné NoSQL, plus populaire, que donne soutien a moderm model d’applications based en document. Pour savoir plus sur [mongodb](https://www.mongodb.com/fr).

## Laisser commencer:

Pour commencer nous devons installer les packages en train de utiliser le node npm:

Pour installer mongodb ouvrer ton terminal e ecrite:
Aprés d’installations et management vous devez commercer le mongodb
Pour creer une Database vous devez utilizer le commande


```sh
npm install -g mongodb
mongo
use <NomDedatabase>
```
Mon base de donnée s’appellerais entreprise et le colletion employe.

```sh
use entreprise
db.createColletion('employe')

```

Aprés nous devons commencer notre travail avec le framework SAILSjs. 
La primière pas est installer le framework et en suite installer le packge pour utilizé le mongodb avec SAILSjs.

```sh
npm install -g sails
npm install sails-mongo
```

Maintenant nous allons gerer le projet et le controller pour l’endpoint avec le CRUD est très simples.

```sh
sails new <nomDeProjet> --no-frontend
sails generate api employe
```
Mais pour relationner ta application avec le ta colletion besoins de configures le datastores in: config/datastore.js

```js
adapter: 'sails-mongo',
url: 'mongodb://127.0.0.1:27017/employe'
```

Pour finir, il suffit de commencer le sails

```sh
sails lift
```
Just released: tsconfig-api
Tags: typescript, tsconfig, node, microservices
Published: 2019-06-12 01:17:41

---
title: Just released: tsconfig-api
published: true
description: An experimental microservice for retrieving TypeScript compiler option details  
tags: typescript, tsconfig, nodejs, microservice
---

Just released a new project called **tsconfig-api**. This API takes the TypeScript CLI options and makes them available via a microservice API. The data is based off of the [compiler options](https://www.typescriptlang.org/docs/handbook/compiler-options.html) handbook file (find the markdown version [here](https://github.com/microsoft/TypeScript-Handbook/blob/master/pages/Compiler%20Options.md)). The API is a microservice built on Node.js. It uses [now](https://zeit.co/now) for build and deployment.

Use this API by making a GET request to `https://tsconfig-api.matterhorndev.now.sh/tsconfig?option=<compiler option>`

Don't forget to pass a valid compiler option to the `option` query parameter!

Check out the project's [README](https://raw.githubusercontent.com/MatterhornDev/tsconfig-api/master/README.md) on GitHub for a full list of options.

This project was created in preparation for future tools that will utilize the TypeScript compiler options. Currently planned are a web app and a command line interface for learning about and creating tsconfig files / tsc compile commands.

I hope you enjoy using it!
🎉 My Course Hello Rails is Live!
Tags: rails, tutorial, beginners, ruby
Published: 2019-06-12 03:47:17

---
title: 🎉 My Course Hello Rails is Live!
published: true
tags: rails,tutorial,beginners, ruby
canonical_url: https://web-crunch.com/hello-rails-live/
cover_image: https://thepracticaldev.s3.amazonaws.com/i/qlgm2d449jlrxm11jfqc.jpg
---

My new course Hello Rails is officially live! In case you weren’t on my mailing list I wanted to broadcast to you all that my course is out. I’m beyond excited to get it out in the wild.

[Take me to Hello Rails](https://hellorails.io)

{% youtube wd5-JBuGmtc %}

I’ve spent a ton of time getting this course ready to rock n’ roll and had a blast while doing so. This channel is a huge inspiration for making it and I can’t thank you all enough for your continued support. For a limited time, the course is on sale at [https://hellorails.io](https://hellorails.io).

Ruby on Rails has helped me take my career to the next level by being able to build out full-scale web applications, and now I’m sharing everything I’ve learned.

I created a YouTube channel, Web-Crunch, because I enjoy teaching and helping other developers bring their app ideas to life using amazing frameworks like Ruby on Rails. After receiving a ton of great feedback on over 70+ published YouTube videos, I decided to create a comprehensive course for those looking to learn more about this framework.

The course clocks in at 90 videos. Each video guides you from creating a new Ruby on Rails application to deploying that same production ready app to a remote server.

This in-depth course is for you if you have started following a tutorial and aren’t quite getting it. Maybe you’re more of a visual learner or designer like me. Perhaps you want to build out a prototype of your latest idea for an app, or you’re just curious about trying a new web app framework. If any of these strike a bell, this course will be a great fit for you.

Get your copy now: [https://hellorails.io](https://hellorails.io)

P.S. If you’re reading this, that means you’re on my blog (thank you!). Enjoy 10% off with this coupon code on the **master** course: `H3LL0RA1LZ19`.

The post [🎉 Hello Rails is Live!](https://web-crunch.com/hello-rails-live/) appeared first on [Web-Crunch](https://web-crunch.com).
Optimising page performance (image) with intersection observer
Tags: react, javascript
Published: 2019-06-12 00:31:31

---
title: Optimising page performance (image) with intersection observer
published: true
description: 
tags: #react #javascript
cover_image: https://thepracticaldev.s3.amazonaws.com/i/nq9m3dm7eo1ifn5lnjwp.png
---

Single page applications (SPA) has become increasingly mainstream. Thanks to those brilliant Javascript frameworks for making the web application greater and more advanced 👏🏼.

Right now, however, optimization of web page performance is critical. This is because the responsiveness of a page significantly impacts whether a customer will remain on a particular site or not.

Over the past few weeks, our team has been working hard to improve our website performance. Those beautiful but large images on our pages really slow down the page load and delay the meaningful paint time. So we thought of easily lazy loading them with a placeholder to remediate this problem.

The web indeed provides numerous solutions for lazy load images. But they do not support responsive images, placeholders with animation out of the box, and allowing the specification of an image distance threshold to be met before triggering the load. Hence, we decided to tackle this problem and contribute to the React community. ✍️ I would like to thanks Yusinto Ngadiman and Will Po for their wonderful efforts in contributing 🎩.

![](https://thepracticaldev.s3.amazonaws.com/i/8tg6brkk9dtsgmlex5st.png)

Introducing [React Simple Img](https://github.com/bluebill1049/react-simple-img): A React component library makes images load on demand and super simple to set up with placeholders and animation. Here is a quick example code on how it works 😘.

``` jsx
import { SimpleImg } from 'react-lazyLoad-images';

export const App = () => <SimpleImg src="your image path" />;
```

You only need to use the SimpleImg component and the image will be lazy loaded with animation. 💥

This is what the placeholder part of react-simple-img achieves:

![](https://thepracticaldev.s3.amazonaws.com/i/jh1d4l1yvdnz4umyqgn8.png)

Super simple right!! I have also build a demo page, feel free to check it out [here](https://react-simple-img.now.sh/).

We now get a much faster meaningful paint time, which happens before the image is fully loaded even with a slow network connection. All images are lazy loaded with placeholders and animation. The page looks even more beautiful 👏👏👏

![](https://thepracticaldev.s3.amazonaws.com/i/nddsf17d8j7i8q5z2vok.gif)

So, if you looking for a way to optimize your web page, why not give [React Simple Img]() a quick try! If you find it useful leave me a star on the GitHub. It would definitely make my day. ❤️❤️❤️ Also, please feel free to leave a question in the comment section below too.

Finally, I really appreciate reading the blog. I hope you will find it useful. Let’s all make our web apps a better place to give a more desirable experience to our customers!
Introducing my new project CSSWand!
Tags: react, javascript, css, opensource
Published: 2019-06-11 23:57:49

---
title: Introducing my new project CSSWand!
published: true
description: Easy Copy-Paste Beautiful CSS 
tags: react, javascript, css, opensource,
cover_image: https://thepracticaldev.s3.amazonaws.com/i/rdt42bccwbaklt8g8tsv.png
---

Introducing my new project CSSWand!
Easy Copy-Paste Beautiful CSS 
That can be easily customized further at your own choice

check out my new project here 
-https://www.csswand.dev/

Help me by starring on Github
-https://lnkd.in/ezZkFuH

Tech used:
React, Ant Design, Emotion, Firebase
Introducing my new project CSSWand!
Tags: react, javascript, css, opensource
Published: 2019-06-11 23:54:14

---
title: Introducing my new project CSSWand!
published: true
description: Easy Copy-Paste Beautiful CSS 
tags: react, javascript, css, opensource
---

Introducing my new project CSSWand!
Easy Copy-Paste Beautiful CSS 
That can be easily customized further at your own choice

check out my new project here 
-https://www.csswand.dev/

Help me by starring on Github
-https://lnkd.in/ezZkFuH

Tech used:
React, Ant Design, Emotion, Firebase
http Status Code Cheat Sheet
Tags: http, cheatsheet, statuscodes
Published: 2019-06-11 23:22:01

---
title: http Status Code Cheat Sheet
published: true
description: Cheatsheet for http status codes
tags: http, cheatsheet, status codes
---
*Convenient list of all status codes*

{% codepen https://codepen.io/jrohatiner/pen/JqdaZz default-tab=result %}