teleren/devto huggingface dataset:
Tools that I usually used as a Web Developer
Tags: webdev, vscode
Published: 2020-07-14 05:34:04

For almost 2 years I have doing web developing as a job from designing landing page until write API for laravel-based web application in windows machine. Now I like to share my everyday tools for web developing that I usually used.

### **Visual Studio Code**
In my opinion, VS Code is the best text editor for developer. Before I use VS Code, I tried Sublime Text for long enough time, also Atom, and nothing bring experience like VS Code brought to me. It's free, easy to use and customize, has a lot of plugins, and not so heavy to run in middle-low specs machine.

![Visual Studio Code](https://code.visualstudio.com/opengraphimg/opengraph-home.png)

### **Git**
Git is a must in software development today. Git allows you to handle the changes of your code easily. This makes collaboration even easier and faster, different developer can develop each feature separately on their own local machine and then merge to master to make the feature live and ready to use by the end user.

![Git](https://res.cloudinary.com/practicaldev/image/fetch/s--AS0ya8UC--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/i/rixan4h4z8y94eq89som.png)

### **Chrome**
Chrome is most-used browser right now, and it's because Chrome is so good. Except from it's battery and memory draining. Debugging web application in Chrome is a joy and support from a lot of extension that available for developers make it the browser that I use everyday.

![Chrome](https://www.google.com/chrome/static/images/heroes/browser_ntp.png)

### **Laragon**
As said in their [website](https://laragon.org/docs/), Laragon is a portable, isolated, fast & powerful universal development environment for PHP, Node.js, Phyton, Java, Go, Ruby. I primarily develop a PHP web application and before I use Laragon, I use XAMPP for enough time. When I tried Laragon, it gives me more joy. I Like use Laragon because: 
* lightweight
* pretty url (custom local domain, .test, .local, etc)
* portable
* easy to use
* quick app (one click to make Wordpress CMS, etc)

![Laragon](https://i.imgur.com/ch2CeqK.png)

### **Command Line**
Every time I finish working on a feature, I pushed it to git via command line. I usually use Git Bash instead of native Windows Command Line.

![Git Bash](https://gitforwindows.org/img/gw1.png)

That's all some development tools that I use as a web developer. Let me now what yours or other tools that you recommend, thank you.
I run an opensource company semi-successfully. Here are a few answers to questions I get a lot.
Tags: opensource, vue, net, fooddelivery
Published: 2020-07-14 05:33:28

---
title: I run an opensource company semi-successfully. Here are a few answers to questions I get a lot.
published: true
description: 
tags:
- opensource
- vuejs
- net
- fooddelivery
cover_image: http://img.youtube.com/vi/FAfH50kd2Oo/0.jpg
---

[![opensource company](http://img.youtube.com/vi/FAfH50kd2Oo/0.jpg)](http://www.youtube.com/watch?v=FAfH50kd2Oo)


Our tech stack for every project is .net backend, vue.js/tailwind css frontend. I would say we have more needs for front end devs than backend at the moment.

Since everything we do is opensource we have devs moving in and out pretty regularly, with a core contributor team of 8. Our stuff is best suited for the intermediate range, but if a junior is hard working and a good problem solver we can accomodate that too, as long as there are regular hours.

Our [git](https://github.com/whynotearth)
[discord](https://discord.gg/5T7D33c)
React & Redux Tutorial - Full Shopping Cart in 4 Hours [2020]
Tags: react, redux, tutorial
Published: 2020-07-14 04:55:51

---
title: React & Redux Tutorial - Full Shopping Cart in 4 Hours [2020]
published: true
description: Become a Senior React Developer! Build a massive E-commerce app with Redux, React Router, React Reveal and more.
tags: react, redux, tutorial
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/zejxp3o9xame39hrw0hk.png
---
Become a Senior React Developer! Build a massive E-commerce app with Redux, React Router, React Reveal and more.

In this course, you will learn the essential tools and skills to design, develop and deploy a fully-function shopping cart using React, Redux, Node, Express, and MongoDB.

{% youtube nKyrXWH5XLM %}

## What you will learn:
- Design Shopping Cart Using HTML and CSS
- Implement React Components For Product List, Filter, Cart
- Manage Component State using Redux, React-Redux and Redux-Thunk
- Create Animations Using React-Reveal and Add Routes using React-Routers
- Build Backend using Node, Express, MongoDB and Mongoose
- Publish Project on the Heroku and MongoDB Atlas


## Instructor
My name is Basir and I’ll be your instructor in this course. After 15 years of coding in international companies like ROI Vision in Montreal, I found my passion for teaching programming. For the last 5 years, I have been tutoring hundreds of successful students around the world.

## Audience
I designed this course for anyone seeking to develop a fully-functional shopping cart using react and redux. By the end of this course you’ll be able to design a responsive shopping cart, implement a user-friendly frontend and develop a simple backend.

I designed this course for non-coders or juniors who want to be a professional web developer to get a job in 22 million job opportunities around the world. This is no requirement necessary for this course and having a passion for coding is enough.
Single-Qubit Quantum Gates using IBM's Qiskit
Tags: ibm, quantumcomputing, qiskit
Published: 2020-07-14 04:54:10

## Hello Everyone

Recently I published an article on medium named ["Basic Quantum Gates using IBM's Qiskit"](https://medium.com/qubit-factory/basic-quantum-computing-gates-using-ibm-qiskit-12e64c46a46e)

I hope you find it informative and do connect with me on [Github](https://www.github.com/TanveshT) or [LinkedIn](https://www.linkedin.com/in/tanvesh-takawale/)
Hi there
Published: 2020-07-14 04:52:37

### Hi there 👋

I'm a Full Stack Developer (.NET) and [Microsoft Certified Azure Architect](https://www.youracclaim.com/badges/64b5a7a0-ff44-4794-b415-e2312e31c814) with a major experience experience in solution design and performance optimizations.

#### Projects

- 📝 [Blog](https://fsou1.github.io/) - .NET, Azure, JavaScript, SQL, Design, performance
- 🙋 [QuickReply](https://chrome.google.com/webstore/detail/quickreply/enngmhjfhandgjeccahinpmjfmllklki) - a chrome extension to reply to frequently asked questions faster
- 🔖 [typescript-algorithms](https://github.com/FSou1/typescript-algorithms) - algorithms and data structures implemented in TypeScript
- 🚿 [WebDetox](https://chrome.google.com/webstore/detail/webdetox/jglmleifkehhcmheadecpeoohaagakio) - a chrome extension to control noise and toxic topics on the web
- :ru: [C# 1001 notes](https://t.me/csharp_1001_notes) - a telegram channel with C# and .NET notes
Hands on Machine Learning
Tags: machinelearning, python, datascience, ai
Published: 2020-07-14 04:24:51

I know Machine Learning concepts in fair depth, but when I proceed for building models, I cannot descide what should be the flow, how should I process with the data, for example I know all major types of graphs but while EDA, I find it hard to descide which features to use? Suggest me ways so that I can increase the working knowledge not just theoretical one.
پشتیبانی از PHP در ویندوز در آینده متوقف خواهد شد
Tags: php, programing, microsoft
Published: 2020-07-14 04:18:22

به زودی قرار است که پشتیبانی از PHP در ویندوز به پایان برسد. به این ترتیب برای اجرای جدیدترین نسخه PHP روی ویندوز، باید از زیر سیستم ویندوز برای لینوکس استفاده کنید.

به گفته‌ی دیل هرت، مدیر پروژه زبان برنامه نویسی PHP در مایکروسافت، این کمپانی همچنان بنا به برنامه ریزی سابق از نسخه‌های مختلف PHP برای رفع باگ و مشکلات امنیتی پشتیبانی خواهد کرد. وی در این خصوص چنین توضیح داده است:

بنا برنامه‌ی قبلی خود سعی می‌کنیم برای رفع باگ‌ها از هر نسخه‌ی PHP به مدت دو سال پشتیبانی کنیم. پس از این زمان، یک سال دیگر نیز برای رفع مشکلات امنیتی از هر نسخه پشتیبانی خواهیم کرد. بنابراین پشتیبانی ازدر ماه PHP 7.2 نوامبر ۲۰۲۰ یعنی آبان و آذر به‌ پایان می‌رسد. ضمنا در این ماه، زبان PHP 7.3 وارد پشتیبانی برای رفع مشکلات امنیتی خواهد شد. تا پایان مدت رفع باگ‌های PHP 7.4اما هنوز یک سال باقی است. بعد از این یک سال، یک سال دیگر نیز از این زبان برای رفع مشکلات امنیتی پشتیبانی می‌کنیم. ما خود را به ادامه‌ی توسعه و پشتیبانی از نسخه‌های 7.2 و 7.3 و 7.4 PHP برای ویندوز متعهد می‌دانیم؛ البته تنها تا زمانی‌که این نسخه‌ها رسما پشتیبانی شوند. با این وجود ما برنامه‌ای برای پشتیبانی از نسخه‌ی PHP 8.0 و نسخه‌های بعدی در ویندوز نداریم.

https://faceit.ir/articles/microsoft-to-drop-support-for-php-on-windows/
Http status codes cheetsheet
Tags: webdev, javascript, cheetsheet
Published: 2020-07-14 04:06:24

>You can find the colored version of this at https://www.codingindian.codes/cheetsheet/2020/07/10/http-status-codes-cheetsheet.html

## 1xx 

For getting **Information** about the API.

## 2xx :smile:

Used in case of **Success**.

Request was received successfully and is completely understandable by the server and is accepted.

## 3xx :fearful:

Used for **Redirection**.

Further action must be taken for completing the request.

## 4xx :sob:

For showing **Client Error**.

Syntax of the request was not right or the request cannot be fullfilled.

## 5xx :scream:

For showing **Server Error**.

Server failed to fulfill a valid request from client.

| Status Code | Description |
| --- | --- |
| 100 | Continue |
| 101 | Switching Protocols |
| 102 | Processing |
| 103 | Early Hints |
| 104-199 | Unassigned |
| 200 | OK |
| 201 | Created |
| 202 | Accepted |
| 203 | Non-Authoritative Information |
| 204 | No Content |
| 205 | Reset Content |
| 206 | Partial Content |
| 207 | Multi-Status |
| 208 | Already Reported |
| 209-225 | Unassigned |
| 226 | IM Used |
| 227-299 | Unassigned |
| 300 | Multiple Choices |
| 301 | Moved Permanently |
| 302 | Found |
| 303 | See Other |
| 304 | Not Modified |
| 305 | Use Proxy |
| 306 | Unused |
| 307 | Temporary Redirect |
| 308 | Permanent Redirect |
| 309-399 | Unassigned |
| 400 | Bad Request |
| 401 | Unauthorized |
| 402 | Payment Required |
| 403 | Forbidden |
| 404 | Not Found |
| 405 | Method Not Allowed |
| 406 | Not Acceptable |
| 407 | Proxy Authentication Required |
| 408 | Request Timeout |
| 409 | Conflict |
| 410 | Gone |
| 411 | Length Required |
| 412 | Precondition Failed |
| 413 | Payload Too Large |
| 414 | URI Too Long |
| 415 | Unsupported Media Type |
| 416 | Range Not Satisfiable |
| 417 | Expectation Failed |
| 418-420 | Unassigned |
| 421 | Misdirected Request |
| 422 | Unprocessable Entity |
| 423 | Locked |
| 424 | Failed Dependency |
| 425 | Too Early |
| 426 | Upgrade Required |
| 427 | Unassigned |
| 428 | Precondition Required |
| 429 | Too Many Requests |
| 430 | Unassigned |
| 431 | Request Header Fields Too Large |
| 432-450 | Unassigned |
| 451 | Unavailable For Legal Reasons |
| 452-499 | Unassigned |
| 500 | Internal Server Error |
| 501 | Not Implemented |
| 502 | Bad Gateway |
| 503 | Service Unavailable |
| 504 | Gateway Timeout |
| 505 | HTTP Version Not Supported |
| 506 | Variant Also Negotiates |
| 507 | Insufficient Storage |
| 508 | Loop Detected |
| 509 | Unassigned |
| 510 | Not Extended |
| 511 | Network Authentication Required |
| 512-599 | Unassigned |
Freelance Marketplace Design 
Tags: react, node, angular, java
Published: 2020-07-14 03:23:49

Hey folks, hy there I am software developer and have knowledge of Java(spring boot) and javaacript(react and angular).
I want to make freelance marketplace where buyers provide their requirements of projects and suppliers(freelancers) make bid having particular skills.
I want latest design which should be implemented in React or angular and backend in java mainly spring boot.
I want from you guys to recommend me latest design(features) and advice for making this journey excited.
16GB or 32GB RAM for Web Development?
Tags: productivity, discuss, equipment
Published: 2020-07-14 03:11:09

---
title: 16GB or 32GB RAM for Web Development?
published: true
description: I'm looking to update my old MacBook Pro later this year and want to know how to spec it
tags: productivity,discuss,equipment
//cover_image: https://direct_url_to_image.jpg
---

My 2013 15" MBP will reach the end of its life at some point and I'm looking to replace it with a 16" ARM MBP when they're released.

I do full stack web dev with PHP, and JS/Vue/static site generators on the front end. I also do some visual design, and occasional lightweight video editing (iMovie only).

I'll use the new machine for at least 3 years, and maybe even 5 or 6 years. I'd like to get 32GB of RAM, but it is an expensive upgrade, it's not something I'll add just for the sake of it.

How useful do you think the extra 16GB of RAM will be for this sort of work?
Vue 3 Beta in 10 Minutes
Tags: vue, webdev
Published: 2020-07-20 03:27:44

---
title: Vue 3 Beta in 10 Minutes
published: true
date: 2020-07-14 02:43:25 UTC
tags: VueJS,WebDevelopment
canonical_url: http://wildermuth.com/2020/07/14/Vue-3-Beta-in-10-Minutes
---

![Vue 3](https://wilderminds.blob.core.windows.net/img/vue.png) I've been digging into Vue 3's beta for a while now. I like the new composition API, but it looks like there weren't that many quickstarts for getting a Vue 3 project going.

I decided to make a quick video to help you get started with it. The way that I create the project might change once Vue 3 gets to RC, but at least for two weeks, this should help some of you who want to get ahead of the curve. View it here:

<iframe src="https://www.youtube.com/embed/DTfBucpEh4g" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>

[![Creative Commons License](http://i.creativecommons.org/l/by-nc-nd/3.0/88x31.png)](http://creativecommons.org/licenses/by-nc-nd/3.0/)

          This work by [Shawn Wildermuth](http://wildermuth.com) is licensed under a [Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License](http://creativecommons.org/licenses/by-nc-nd/3.0/).  
          Based on a work at [wildermuth.com](http://wildermuth.com).

* * *

If you liked this article, see Shawn's courses on [Pluralsight](http://shawnw.me/pscourses).
 ![](http://feeds.feedburner.com/~r/ShawnWildermuth/~4/M420QtwRuow)
Working on the second contribution to Dev.to part 1
Tags: ruby, opensource, testing
Published: 2020-07-14 02:37:50

Ok so I made my first contribution to Dev.to and now I am excited to work on my second one! Decided that I would go for one with medium difficulty, and me being me, I want to clear out older issues. Looked through some of the older issues and landed on this one

{% github https://github.com/thepracticaldev/dev.to/issues/152 %}

Asked and made sure that the issue is still relevant and got the thumbs-up. I got assigned and I am on my way to figuring a solution out for this issue.

The Acceptance Criteria:
* Be able to @username in a post
* Tagging the person in a post will send them a notification.
* The @username will link to the user's profile page. 
* If user @themselves do not send a notification to post owner

Full disclosure: I am no Ruby expert, and the time I have spent within Ruby code is very minimal. So most of my time today was spent googling, playing around with different code components, and running RSpec tests. You can find a lot of useful information in tests :).

Before I got started I checked to see if the ability to @username is possible, and what do you know @rembrandtreyes seems to work in a post, and it doesn't send me a notification. So job done right? Ehh, sorta. I still have to check other factors.

I have to see if @username someone else will send a notification. I am not quite sure how I can do that. I was going to create a dummy account on Github to create a test account on Dev.to, but before I get to that I figured I would jump into the code and see what is currently there for notifications.

I found `app/services/notifications/new_mention/send.rb` and looks like we are only sending notifications for comments.

Also found `spec/services/notifications/new_mention/send_spec.rb` helpful since it confirms that they are only testing comment @username mentions

Found this `create_all.rb` file which has a `create_mention_for(user)` method.

Cool! So I think I am on the right track and, to be honest between work work and working on Dev my brain is kinda fried. There is only so much info my mind can retain. So I think I will leave these files open to test and get back to this another day. So stay tuned! I will be updating you all soon. 

Happy Open Sourcing :D
Text based diagramming
Tags: plantuml
Published: 2020-07-14 02:15:35

Update: I forgot to mention that I was utilizing plantuml. 

I read an article about writing your diagrams in text rather than a graphical tool. This was a reminder to me as I had come across that for a sequence diagram I wrote. I've not been happy with the graphical choices out there. Generally they are filled with so many shapes and connectors I don't really know how to put it together.

Sequence diagram in text made sense. The flow was represented in the text, and the graphics render just made it that much clearer.

The next one I did was a component diagram, this time I was actually looking to visually represent an existing diagram to maintain familiarity while expanding on it. I have mixed feelings, but I was successful (mostly). 

I did not need to size boxes place text and move around groups. I just had to define the relationships. That and the right groupings. And with the proper settings.

After learning some of the syntax nuances it became about specifying the right details. Because all of the connections details meant lines everywhere.

I'm going to try making additional diagrams, but I don't know how the maintenance will be. Your relationship are grouped, but what is the right grouping?
Requirements Changes Survey
Tags: changes, requirements, survey, opinion
Published: 2020-07-14 02:05:39

Hi everyone,
We are running a survey (10-15 mins) on understanding requirements changes. This is a part of an extensive study towards human-centric software development, taken place at Monash University, Australia. Kindly consider filling this out. We appreciate your input!
Thank you in advance!
https://monash.az1.qualtrics.com/jfe/form/SV_bQOVqFpYiOuTqcJ
encodeURI vs encodeURIComponent vs something-inbetween?
Tags: webdev, discuss
Published: 2020-07-14 02:02:36

Indeed, [the MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/encodeURIComponent) said that

```js
var set1 = ";,/?:@&=+$";  // Reserved Characters
var set2 = "-_.!~*'()";   // Unescaped Characters
var set3 = "#";           // Number Sign
var set4 = "ABC abc 123"; // Alphanumeric Characters + Space

console.log(encodeURI(set1)); // ;,/?:@&=+$
console.log(encodeURI(set2)); // -_.!~*'()
console.log(encodeURI(set3)); // #
console.log(encodeURI(set4)); // ABC%20abc%20123 (the space gets encoded as %20)

console.log(encodeURIComponent(set1)); // %3B%2C%2F%3F%3A%40%26%3D%2B%24
console.log(encodeURIComponent(set2)); // -_.!~*'()
console.log(encodeURIComponent(set3)); // %23
console.log(encodeURIComponent(set4)); // ABC%20abc%20123 (the space gets encoded as %20)
```

But in specific situations (path params, querystring, hash), do these need to be encoded?

- `;,:+$` in general?
- `=` and possbly `;,/?:+$` inside querystring values?
- `#` inside hash?
- Are non-ASCII character sets potentially dangerous?
ASCII to Binary in PHP
Published: 2020-07-08 14:45:06

---
title: ASCII to Binary in PHP
published: true
date: 2020-07-08 12:03:36 UTC
tags: 
canonical_url: https://dcblog.dev/ascii-to-binary-in-php
---

Recently I inherited a project where all file attachments were stored in a database table in the format of `0xFFD8FFE000104A4649` I need PHP to be able to read and serve this data.

My first thought was to try using base64\_decode in case this was in a base64 encoding format. It wasn't.

Turns out it's a Ascii format.

## Solution 1

The below block converts the data into a format PHP can read by issuing a shell command xxd with -r and -p options passing the command to a proc\_open command to run and then using fwrite to return the data to `$source`

```
$file = '0xFFD8FFE000104A4649...'; //var containing the source data
$desc = array(
    0 => array('pipe', 'r'), // 0 is STDIN for process
    1 => array('pipe', 'w') // 1 is STDOUT for process
);
$cmd = "xxd -r -p -";
$p = proc_open($cmd, $desc, $pipes);
fwrite($pipes[0], $file);
fclose($pipes[0]);
$source = stream_get_contents($pipes[1]);
fclose($pipes[1]);
proc_close($p);
```

Whilst this works it does rely on being able to run shell commands on your server.

## Solution 2

Another way is to use hex2bin function and remove the 0x characters from the data, this essentially does the same thing but the hex2bin does the heavy lifting.

```
$source = hex2bin(ltrim(rtrim($file), '0x'));
```

If you working with an image you can then output the image using base64 encoding:

```
base64_encode($source)
```

Or use headers to render directly:

```

header('Content-type: image/jpg');    
header('Content-Length: ' . strlen($source));    
echo base64_encode($source);
```
Designers and Data Scientists have daily, weekly and monthly challenges. Now Developers can practice once each day, too!
Tags: beginners, html, css, javascript
Published: 2020-07-14 01:22:46

1. [DailyUI](https://www.dailyui.co/) is free. It's 100 challenges delivered one day at a time via email. It's designed to make you a better designer.

2. [Makeover Monday](https://www.makeovermonday.co.uk/data/) is free. It's a weekly data set and accompanying challenge shared by folks on Twitter. It's designed to make you a better storyteller with data.

3. [storytelling with data](https://community.storytellingwithdata.com/challenges) is free. It's a monthly challenge shared among the similarly-titled book's community. It's designed to make you a better storyteller with data, too.

##[Fix a function!](http://freecodegame.com) is free, too.
It is five new challenges each day. You can pick the language and the difficulty. It's designed to make you a more competent developer.

If you enjoy playing it, you can opt-in to daily email reminders. They are designed to help you form a habit of playing each day...of continuing to write code. That's the best way to learn.
Megatouch 11UP in Javascript
Tags: javascript, gamedev, showdev
Published: 2020-07-14 01:00:40

Porting my remake of Merit's tabletop 11UP for Windows in C++ to Javascript for browsers and phones.
Was kind of easy to port some basic things considering the syntax allowed
Obviously not complete just yet
Can be played and is updated live at https://donnaken15.github.io/11UP along with the Windows game being downloadable there, too
Feel like I don't play this too much because it's really fun sometimes