teleren/devto huggingface dataset:
"To be a better programmer, you must fu***ng code! ;)"
Tags: webdev, showdev, news, javascript
Published: 2020-09-11 11:57:28

Hey guys, if you either are wondering what to do next or if you like coding in your free time – Forget about writing a thousandth calculator, todo list or building a whole full-stack app just to show off your frontend skills. Your efforts can be much better appreciated, and I am sure, having something real and useful might make only good to your portfolio.

## Background

Me and my teammates work on an incredibly unique IDE where you can install widgets with a single-click, no matter if it is a dummy content presenter or reservation wizard with loads of business logic. What matters to the end users is that after the installation, the user should be able to experience fully functional UI populated with test data. 

## Why?

Putting things together by hand including setting up your local dev environment, organising your app state, splitting UI into components, organising CSS etc. takes too much time. We just made it simpler without compromising quality and maintainability.

## What's a deal?

If you think we are alike, keep reading. We have prepared 6 open source repos of components. They are self-contained development environments where all you must think of is your idea and its implementation. There are already some components in them, but that is not enough. There is loads to code leaving you plenty of room for creativity. You can join our effort, contribute to open source, and make your side-projects installable by others across the world. And we are not talking compromises, sacrificing quality, page-load-time, SEO, or tech-stack. We want to outcompete no-code platforms by the quality and scalability.

## What is on the other side? 

Your component will be installable with a single-click in GlueCodes Platform. In short, it is an IDE + framework + widgets. It dramatically simplifies and speeds up coding by automation, simple to more complex code generation, notifying what actions need to be implemented for given HTML, single-click widget installation and many more. You can find more here: https://www.glue.codes. After first release we received amazing feedback and we are boosted to deliver more. On our roadmap we have features like user accounts, GitHub integration, desktop version or a way to develop and sell commercial widgets. You will be able to vote for new features here: https://www.patreon.com/GlueCodes 

Here are the 6 open source repos you can have fun with:
- https://github.com/gluecodes/gluecodes-animals (e-commerce)
- https://github.com/gluecodes/gluecodes-cities (navigation elements)
- https://github.com/gluecodes/gluecodes-dashboards (data tables, charts etc.)
- https://github.com/gluecodes/gluecodes-forms ( forms and wizards to be used by end-users e.g. reservation or contact form)
- https://github.com/gluecodes/gluecodes-fruits (reusable content blocks )
- https://github.com/gluecodes/gluecodes-vegetables (single purpose blocks and elements e.g. map, blog-related sections)

Hopefully, see you in PRs
Change any url file type: like customer.php to customer.[yourname]
Tags: beginners, php, javascript, devops
Published: 2020-09-11 11:57:11

Hello friends,
You can do this by making little changes to your apache .htacess.

It's fun. You can show customer.php as customer.asp or customer.manish ( here Manish is my name).

You can use it in your production but 

>In general, security by obscurity is one of the weakest forms of security. But in some cases, every little bit of extra security is desirable.

>A few simple techniques can help to hide PHP, possibly slowing down an attacker who is attempting to discover weaknesses in your system. By setting expose_php to off in your php.ini file, you reduce the amount of information available to them.

You can learn more about here...

https://www.php.net/manual/en/security.hiding.php

`# Make PHP code look like unknown types
AddType application/x-httpd-php .bop .foo .133t`

Please visit my profile for more articles.


######***IMP REQUEST:***

###### You are most welcome to join my team 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/3qhbvg5fsrh3nt7anh36.png)

[ Click here for joining my team ]
(https://forms.gle/pSCALuEWHus3pg9F6).

###### *Also you are most welcome to join OPEN SOURCE INTELLIGENT SYSTEM (OSINT) if you can help in open source project regarding safeguarding humans from various diseases like CORONA outbreak*
######https://github.com/Manishfoodtechs/OSINTHRH/wiki

Contact email: Manishfoodtechs@gmail.com. 

If you have any problem, our team is also engaged in professional consultancy and delivery.

![](https://media2.giphy.com/media/oNrPzIy3OhHm7zrvA3/source.gif)

Imagecredit: pixabay
Gathering interest for an interests package
Tags: javascript, npm, design, opensource
Published: 2020-09-11 11:36:05

One of the biggest concerns I had when I first started developing [Tisn](https://tisn.app) was how to craft a good enough list of interests, as it's a critical part of the application. Questions like: "What to include?", "How to organize it?", or "Where to get icons for it from?" were revolving around my head for way too much time, until I finally settled on [a list of interests and a set of icons](https://github.com/Tisn/tisn.app/commit/a774597b8119047dd93ffa631d0ca3299c06b58f).

However, since then I've had in mind that creating and maintaining such a list in a more distributable way has the potential to be a very useful project. So here I am, writing this post to see if people would be interested (pun intended 😛) in such a project and even in working on it with me!

Now, a short list of the requirements I thought for the project follows:

- Contain a (somewhat) complete list of interests
- Be organized in categories
- Provide custom icons
- Have an open source license
- Be distributed as an npm package

As can be seen from the list of requirements above, this project touches many different kinds of work, so it could be a great opportunity to work with people from many different backgrounds!

Without any more hesitation, here go the questions: are you interested in such a project? Would you like to get involved in it? Drop a comment below and let's get the discussion started!

And one last thing: if you react to and share this post for further reach I'll appreaciate it very much!

Thanks for reading, I'm looking forward to hearing from you!
Available now, iOS Reverse Engineering Services.
Published: 2020-09-11 11:28:39

Hey, I am an iOS reverse engineer. I am good at analyzing app from App Store or elsewhere, including algorithm reverse, protocol analysis, tweak, etc.

Currently, I am developing an iOS command line tool.

See something interesting of other app‘s function? Want to know the tricks? Let me help you, I'm the professional.

Contact me via angelpoint#foxmail.com.
Update to Drupal 8.8 in five minutes!!
Tags: tutorial, codepen, webdev, opensource
Published: 2020-09-11 11:17:06

Before you start with the update, make sure you take backup of your website (code base & DB) or preferably, carry out this process on a staging site or on your local Drupal 8 set up. For this, it is assumed that you have composer installed for your Drupal 8 environment.

#Modify compser.json

The first step is to modify composer.json manually.

1. Unset / empty `“replace”: {},`

2. Remove `"merge-plugin"` entirely.

3. Append `“App\\”: “app/”, “”: ”src/”` to `“autoload”`

Once you are done with modifying the composer.json, it is time to execute a few commands with composer on CLI.
Execute composer commands

```
composer remove webflo/drupal-core-strict --no-update

composer remove drupal/core --no-update

composer require 'composer/installers:^1.7' --no-update

rm composer.lock

rm -rf core

rm -rf vendor

composer require drupal/core-recommended:^8.8 --update-with-dependencies

```

Now, sit back and relax while composer performs the update. Once the updates are downloaded, it is time to perform the db updates using drush updb. Congratulations! You have successfully updated your existing Drupal 8 website to 8.8 and you are now ready for Drupal 9!
Cross-platform package.json scripts
Tags: node, npm, javascript
Published: 2020-09-11 11:15:28

So you have a `package.json` and you want to make it work for Linux, Mac, and Windows?

## Clearing files and folders

You may have `rm -rf` or have used `find` with `delete` argument. These won't work on Windows. Instead install `rimraf`. It works for both directories and files.

```
"clean": "rimraf .cache coverage public",
"remove-source-maps": "rimraf public/**/*.js.map"
```

## No single quotes thank you!

You cannot use single quotes as these do not work with Windows. Always use double quotes instead!

`"echo \"this is fine\""`

## Registering dotenv or using `--max-old-space-size`

You may have ended up having a script like this:

```
"task": "node -r dotenv/register --max-old-space-size=2048 ./node_modules/.bin/script"
```

The problem here is that this won't work on Windows as you'd end up executing `script` instead of `script.cmd` (which would be used on Windows).

Instead of that you can install `cross-env` and `dotenv-cli`, and then write:

```
"task": "dotenv cross-env NODE_OPTIONS=\"--max-old-space-size=2048\" script"
```

`NODE_OPTIONS` is also a nice way to avoid having to have `node` explicitly in your scripts.

## Use `cross-var`

Additionally you may want to actually use an environment variable from a `.env` file in your commands (or any env variable). You can achieve this by installing `cross-var`:

```
"dotenv cross-var \"script task %TASK_ENV%\""
```

Note that we use Windows env syntax. We could use unix syntax, but apparently [Macs transform `$TASK_ENV` **before** `dotenv` executes](https://medium.com/@arrayknight/how-to-use-env-variables-in-package-json-509b9b663867). To me this suggests it is the safest to always use Windows style variables with `cross-var`.

## Working around lack of semicolon support

You can execute multiple commands and disregard their end result by using `;`. There is no equivalent that would work on Windows. So instead of:

```
"task": "yarn task-one; yarn task-two",
```

You have to resort to a bit uglier solution:

```
"task": "(yarn task-one || true) && yarn task-two",
```

## Be wary of tool platform differences!

It would be great if tools worked similarly across platforms, but this is not always the case. One unfortunate case is `svgo` to which you can pass `path/*.svg` on Linux and Mac, but not on Windows. Windows version only accepts a path and does not support wildcards.

The tool also appears to output with CRLF line changes on Windows which might not be what you want on a LF only codebase. Personally I tend to like to have all my sources in LF even on Windows.

## Conclusion

Being a Windows developer you can often be the odd one in the crowd of devs, but most things are very manageable once you are aware of the differences and quirks. Luckily if all else fails you do have WSL available these days :)
SetUp Python virtual environment
Tags: python, virtual, environment, virtualenv
Published: 2020-09-11 11:11:14

---
title: SetUp Python virtual environment 
published: true
description: virtual environment for multiple projects on the same machine with different python version - this works in mac, linux and windows machine
tags: #python #virtual #environment #virtualenv
//cover_image: https://direct_url_to_image.jpg
---

##### What is virtual environment?
A tool to create an isolated environment to run the different projects with their own dependence.

**For example:** If you want to run 2 django or flask projects in the same machine with different package version. You have to isolate them into different environments.
django1.2 in venv1
django2.2 in venv2

[virtualenv](https://pypi.org/project/virtualenv/)	

run this to install
``` 
pip install virtualenv
```
check it by running this in terminal
this will list out the available commands
```
virtualenv
or
virtualenv --help
```

syntax to create a virtual environment 
```
 Usage: virtualenv [OPTIONS] DEST_DIR
 -p PYTHON_EXE, --python=PYTHON_EXE
```
**PYTHON_EXE** is for which version of python you are going to create a virtual environment

Create a virtual environment with name as venv, this will create it in the current working director
```
 virtualenv --python=python3.7 venv
```
to create at a specific directory you can go to the path or else you can run the command with the path of venv
```
 virtualenv --python=python3.7 test/venv
```

Virtual environment is created but we dont have the access for it, need to be activated
```
 source venv/bin/activate
```
(venv) mac@macLBP % 
this will activate the environment, you can see the venv in terminal and to disabled it just run 
```
deactivate
```


to create environment for python 2, by default python will be taken a python2(in my machine its python 2 for you it may vary)
```
 virtualenv --python=python testenv1
```
to create environment for python 3.7
```
 virtualenv --python=python3.7 testenv2
```
to create environment for python 3.8
```
 virtualenv --python=python3.8 testenv3
```

finally you can install any packages as you want, package dependence in one project will not affect others

```
virtualenv --python=python3 test/venv
cd test 
source venv/bin/activate 
python -V
    Python 3.7.3
pip freeze
pip install flask
pip freeze
    click==7.1.2
    Flask==1.1.2
    itsdangerous==1.1.0
    Jinja2==2.11.2
    MarkupSafe==1.1.1
    Werkzeug==1.0.1
deactivate
```
🤫  How I made note-taking easier for everyone?
Tags: productivity, devlive, showdev, webdev
Published: 2020-09-11 11:01:15

Being a maker you have some quick-todos, some reading-list lined up for the weekend,  some code snippet which can be re-used shortly, and a lot of times you have a JSON body which you would like debug later. 👨‍💻

Now, the existing full-fledged note-taking apps are built for more structured writing. I use Notion for that, but if you see we have a need where **we can dump anything uninterrupted** and care not to worry about that later. As a user, we should be able to put our grocery list, some potential customer email IDs, or maybe a few websites as inspiration that came across while we were browsing.

That's where I built [Whatnote](https://bit.ly/whatnote), a chrome extension that opens a **note pad on every new tab**. I launched it the day before yesterday and people are already saying how useful it is for them. 🚀

It has definitely helped in improving my productivity. Here's a sneak-peek of how Whatnote looks like.

![Whatnote](https://i.ibb.co/4PwQrfN/1.jpg)

If you would like to improve your productivity by some fraction then you should give it a try. Check the link below:
👉 [Whatnote on Chrome Webstore](https://bit.ly/whatnote) 👈

📣  Tell me more about what can I do on [Whatnote](https://bit.ly/whatnote) to improve a maker's productivity.
My #100DOC - Day 16
Tags: challenge, 100daysofcode, log
Published: 2020-09-11 11:00:37

### Day 16: September 11, 2020

#### **Today's Progress**: 
1. **[Helped on Stack Overflow](https://es.stackoverflow.com/questions/388932/como-puedo-saber-cual-es-la-palabra-mas-corta-ingresada-dentro-de-un-arreglo)** (15min):<br>I helped a colleague to design a Java function that returns what is the shortest word in an array.
2. **[Continued with The Complete JavaScript Course](https://github.com/pablohs1986/javaScriptCompleteCourse2020_Schmedtmann)** (1h 06min):I learned very important concepts such as Closures or the Call, Apply and Bind methods.
    
#### **What I learned**: 
* Review of Java .length().
* What is a Closure in Javascript and its uses.
* How to use Call, Apply and Bind methods in Javascript.

#### **Total time**:
1h 21min.
C/C++  Process Map
Tags: c, cpp
Published: 2020-09-11 10:49:03

Most of us start learning of programming language with C/C++. C consider as grandfather of modern programming languages and some of them are running on c behind the scene.
Remember your excitement of writing first ‘hello world!’ program in c, definitely this had been a great experience. but what exactly happens when we compiled and run our c program?

**COMPILATION:**
On compiling c program, compiler compiles the source code file and outputs the binary code this binary code is contained in the file `Hello.o` or `Hello.obj`

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/m141hqxgip68othhxfbq.png)

After this `linker` links binary code of source code file and binary code contained in library. After successful linking, linker outputs program which has the name `Hello.exe`. program is then saved to Disc.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ouehweaobklootwe4hei.png)

**RUN:**
Now when we run this program. OS loader loads program onto RAM for execution. Now this program has become process, process is a program under execution.

**WHAT IS PROCESS MAP ?**
Process has five memory segments *DATA*, *BSS*, *CODE* or *TEXT*, *HEAP* and *STACK* this is collectively called as PROCESS MAP.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/kpyl5ejhakf177wogob3.png)

Consider following code to understand use of individual memory segment

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/cnyxv86g2vz580h30wi2.png)

**DATA segment** : All static and global variables initialized to a NON- ZERO value go here. From  above code data segment will contain
```
int g_b = 5 and static int z = 2
```
**BSS (Block Started By Symbol)** : All static and global variables initialized to a ZERO  go here. From  above code, BSS segment will contain,
```
int g_a and static int d=0
```			
here we didn’t assign value of `g_a` as 0 then how `g_a` is come in BSS?, *comment your answer below.*

**CODE / TEXT** : Binary code of all the functions we used in our code go here.
It will contain binary code of functions `add()`, `main()` and `printf()`.

**HEAP** :  Heap is use for dynamic memory allocations. in above code we didn’t made any dynamic memory allocation hence in our case heap memory remains empty.

**STACK** : It contains stackframe of the functions currently under execution. stackframe is a structure that holds all needed information during functions execution. stackframe has four parts as follow,

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/65gk1b8a23u397xv5d5m.png)

Stackframe is created when function is called and then stackframe of respective function is pushed onto the stack.as we have three functions in above code hence three stackframes are created while program execution.

In this way C program is compiled and run and after its execution process map looks like below:

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/9lr74lhhtnm1yz0et37z.png)
Testing in Flutter
Tags: testing, flutter, legacy, codebase
Published: 2020-09-11 10:45:33

---
title: Testing in Flutter
published: true
description: The more features your flutter app
tags: testing,flutter,legacy,codebase
cover_image: https://media-exp1.licdn.com/dms/image/C4D22AQEfiTJzI_jAQw/feedshare-shrink_800-alternative/0?e=1602720000&v=beta&t=npxRHRfxzhVgh36Xg8Yp0Sa1MKDrPCZcasPmVACSNos
---

If you are struggling to write tests for legacy codebase in a flutter then yesterday I talked about "Testing in Flutter" for legacy codebase at Mobile Z-days.

{% youtube z24BiGmEbLs %}


The more features your flutter app has, the harder it is to test manually. Automated tests help ensure that your app performs correctly before you publish it while retaining your feature and bug-fix velocity.

Writing these tests for your Flutter app can help you create a resilient and bug-free code.

In this talk, we will take about how to do unit, integration, and widget testing in a flutter with live demo while discussing the fact that there are trade-offs between different kinds of testing.

We will also look into multiple Continuous integration (CI) services that are available for flutter to get started, which allows us to run the tests automatically when pushing new code changes.
Laravel Socialite
Published: 2020-09-11 10:40:55

To get started with Socialite, use Composer to add the package to your project's dependencies:

```bash composer require laravel/socialite```

Before using Socialite, you will also need to add credentials for the OAuth services your application utilizes. These credentials should be placed in your config/services.php configuration file, and should use the key facebook, twitter, linkedin, google, github, gitlab or bitbucket, depending on the providers your application requires. For example:
```php
'github' => [
    'client_id' => env('GITHUB_CLIENT_ID'),
    'client_secret' => env('GITHUB_CLIENT_SECRET'),
    'redirect' => 'http://your-callback-url',
],
```

Next, you are ready to authenticate users! You will need two routes: one for redirecting the user to the OAuth provider, and another for receiving the callback from the provider after authentication. We will access Socialite using the Socialite facade:
```php
<?php
/**
*@author Miller Juma
**/

namespace App\Http\Controllers\Auth;

use App\Http\Controllers\Controller;
use Laravel\Socialite\Facades\Socialite;

class LoginController extends Controller
{
    /**
     * Redirect the user to the GitHub authentication page.
     *
     * @return \Illuminate\Http\Response
     */
    public function redirectToProvider()
    {
        return Socialite::driver('github')->redirect();
    }

    /**
     * Obtain the user information from GitHub.
     *
     * @return \Illuminate\Http\Response
     */
    public function handleProviderCallback()
    {
        $user = Socialite::driver('github')->user();

        // $user->token;
    }
}
```
The redirect method takes care of sending the user to the OAuth provider, while the user method will read the incoming request and retrieve the user's information from the provider.

You will need to define routes to your controller methods:
```php
use App\Http\Controllers\Auth\LoginController;

Route::get('login/github', [LoginController::class, 'redirectToProvider']);
Route::get('login/github/callback', [LoginController::class, 'handleProviderCallback']);
```
Try it.Will be happy to help you out when stuck...
Cost of eCommerce Website Based on Development Vendor
Published: 2020-09-11 10:38:07

Depending on the platform and technical requirements, the budget of eCommerce website development can vary. The better you understand what you need, the more reasonable the price will be.

We will help you know how to plan your budget and save money without losing quality! So let’s take a look at aspects that that directly affect website development cost. 

1. Vendor type (such as in-house, outsourcing, freelance) or vendor’s location, portfolio, etc.
2. Domain name and website hosting
3. Number of website functionalities
4. Complexity of website design
5. Marketing and SEO

#How Much Does It Cost To Design eCommerce Website?

Web design is one of the most significant factors in e-commerce development price. The price of designing an eCommerce website is different from vendor to vendor as well.

Therefore, we can’t give a specific web design price. Because it all depends on the customer’s business financial capacities and plan.

Typically, we can define main factors that influence the total cost for the eCommerce website design:

- Number of web pages.
- Ecommerce UX design for buyers and paying customers.
- Templates and themes to apply to an ecommerce project.
- Level of customized design to fit the individual site. 
- Website responsiveness for mobile devices and tablets.

Generally, there are two ways to design an eCommerce website:

- Develop a custom unique design.
- Purchase a ready-made design template.

To choose which is the best option, firstly, you should consider your financial.

If you want to know more details, don't hesitate to visit here!
[Ecommerce Website Cost: How To Build A Profitable Online Store?](https://agiletech.vn/ecommerce-website-development-cost-2020/)