teleren/devto huggingface dataset:
My Old Memories - Website Personal Projects I made at the start of my career
Tags: webdev, sideprojects, design, beginners
Published: 2019-09-28 02:35:38

I just found an old lost Hard Drive, and I found a lot of things I really do care about now. so there are some of the old projects I made with HTML CSS if you have some old projects, don't get afraid by bad design or anything. Just share with the Community.
#### Web Ninja
This was inspired by CS Dojo.
![HTML CSS Web Ninja](https://thepracticaldev.s3.amazonaws.com/i/nlrrbs3wofbjobhy6gov.png)
 - Skeleton CSS
 - HTML5 Boilerplate

#### Younik Fashion
This was just a younik design. using the Pure CSS Background Changing Animation.
![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/c7pgiega0peb2dj3gvu6.gif)
___
![Younik HTML CSS](https://thepracticaldev.s3.amazonaws.com/i/pw3du82n2evsb5odfyrl.png)

#### Vegetable Man
This was one was really tricky. Used a Big Vector from [Freepik](https://www.freepik.com/), looking like web coded component.
![Aashir Aamir Khan - JustAashir ](https://thepracticaldev.s3.amazonaws.com/i/6ntragu20chizpvmeplw.png)

#### Sticky Notes
I was learning Js at that time, was really excited by hiding and adding HTML elements on click.
![Aashir Aamir Khan - JustAashir](https://thepracticaldev.s3.amazonaws.com/i/f8quz5yrwpmp0cp593hj.gif)
____

   - I'm kinda active on Twitter : [www.twitter.com/justaashir](www.twitter.com/justaashir)
 - Some of my Popular Articles:
 - [My Design Approach](https://dev.to/justaashir/part-1-design-approach-i-am-using-right-now-for-my-web-design-projects-coffee-shop-website-1ni6)
   - [Awesome Tools and Resources I Found on Twitter -
](https://dev.to/justaashir/awesome-tools-and-resources-i-found-on-twitter-3am8)
   - [Static Site Generators are not for me! My Experience with Jekyll, Hugo and NetlifyCMS
](https://dev.to/justaashir/static-site-generators-are-not-for-me-my-experience-with-jekyll-hugo-and-netlifycms-4mo5)
   - **Most Popular** - [Bulma - The Most Underrated Framework of the CSS Framework Era
](https://dev.to/justaashir/bulma-the-most-underrated-framework-of-the-css-framework-era-2gj8)
Feedback requested for Software Quality talk
Tags: help, techtalks, speaking, codequality
Published: 2019-09-28 02:22:47

Hey all, I'd love some feedback on audience expectations for a software talk I'll be giving at CodeMash in January. This is my first time speaking at a technology conference and I want to make sure I have a good chance at meeting a wide array of audience expectations.

---

Here is my **accepted** abstract:

> **Technical debt must die - Communicating code to business stakeholders**

> Our software sucks. We're up to our necks in bugs and technical debt, yet we often seem to hit roadblocks explaining things in ways that bring about meaningful change. In this session you'll learn to gather, analyze, and interpret data in order to create effective presentations to communicate quality, technical debt, and other technical matters in ways that tell a compelling story. You’ll master how to communicate effectively with key stakeholders by taking a data-driven approach and bridging common gaps between development and business stakeholders. You’ll explore the 7 tools of software quality, and how they can bring clarity and sanity to the decision-making process, justify paying down technical debt, and focusing on improving our quality in the areas that need it most.

If you were attending this talk:

- What would you **most** want me to focus on?
- What would you be disappointed about if I didn't cover?
- What work situations or other questions coming in would you want to find answers to?
- What other topics not explicitly listed here would you hope I covered?

---

Thanks for any help you can provide in the comments.

If you're curious about some of the things mentioned in the abstract, take a look at [my post on the 7 basic tools of software quality](https://dev.to/integerman/the-7-basic-tools-of-software-quality-16i1).

{% link https://dev.to/integerman/the-7-basic-tools-of-software-quality-16i1 %}
How to install and configure Hyper-V in Windows 10
Published: 2019-09-28 02:12:03

## How to install and configure Hyper-V in Windows 10

**Step 1**

The process of installing this feature in Windows 10 is as follows. We access the Control Panel using one of the following options:

Right-click the Start button and select Control Panel.
Enter the term panel in the Windows 10 search box and select the Control Panel
Use the Execute command by entering the control term and pressing Enter.

**Step 2**

Here we select Programs, then Programs and features, and we'll see the following window:

**Step 3**

Select Enable or disable Windows features here on the left. We'll see the next window where we've identified the Hyper-V line, this box is disabled by default, and we'll continue to activate

**Step 4**

Checking this box enables the options at the same time:
Hyper-V management tools
Hyper-V platform
Click OK and we'll see that the Hyper-V configuration process starts in Windows 10.

**Step 5**

When this is done, the equipment will need to be restarted for all configurations to be applied correctly. Click Restart now.

2. [Enable Hyper-V using Windows PowerShell](https://www.sysnettechsolutions.com/en/hyperv/enable-hyper-v-using-powershell/)

**Step 1**

It is possible to enable this option using Windows PowerShell, in order to open a PowerShell console as an administrator and enter the following command:

    Enable-WindowsOptionalFeature -Online -FeatureName Microsoft-Hyper-v All

**Step 2**

After the computer restarts Windows 10, we can access the Hyper-V console by using one of the following options.
Enter the term Hyper in the Windows 10 search box and select the corresponding option.
Press the Start button and left-hand side, go to Administrative Tools, and select Hyper-V Manager.

**Step 3**

We will see the following window appear:

As we have seen, the Hyper-V console, where we can manage all the necessary virtual machines. To access all the different Hyper-V options, we need to click Connect to server.

**Step 4**

To create a virtual machine, simply select New / Virtual Machine and follow all the steps of the wizard.

**Step 5**

We can see our created virtual machines and different configuration options:

With these simple steps, we have built a very useful and powerful tool like Hyper-V in the Windows 10 environment.
Trying to get property ‘error’ of non-object in register.php on line 41 
Tags: ionic
Published: 2019-09-28 01:54:55

Notice: Trying to get property ‘username’ of non-object in C:\xampp\htdocs\mobile\login_register\register.php on line 25

Notice: Trying to get property ‘userpass’ of non-object in C:\xampp\htdocs\mobile\login_register\register.php on line 26

Notice: Trying to get property ‘mobile’ of non-object in C:\xampp\htdocs\mobile\login_register\register.php on line 27

Notice: Trying to get property ‘email’ of non-object in C:\xampp\htdocs\mobile\login_register\register.php on line 28

Notice: Trying to get property ‘error’ of non-object in C:\xampp\htdocs\mobile\login_register\register.php on line 41 "Error: INSERT INTO users (username, userpass, mobile, email) VALUES (’’, ‘’, ‘’, ‘’) "

register.php

    require "dbconnect.php";

    $data = file_get_contents("php://input");
    if (isset($data)) {
        $request = json_decode($data);
     line 25   $username = $request->username;
     line 26   $userpass = $request->userpass;
     line 27   $mobile = $request->mobile;
     line 28   $email = $request->email;

    }

    $username = stripslashes($username);
    $userpass = stripslashes($userpass);
    $sql = "INSERT INTO users (username, userpass, mobile, email) VALUES                 ('$username', '$userpass', '$mobile', '$email')";

    if ($con->query($sql) === TRUE) {
    $response= "Registration successfull";

    } else {
      line 41  $response= "Error: " . $sql . "<br>" . $db->error;
    }
        echo json_encode($response);


dbconnect.php


<?php
  define('HOST','localhost');
  define('USER','root');
  define('PASS','');
  define('DB', '8990qacheck');

  $con = mysqli_connect(HOST,USER,PASS,DB);
   if (!$con){
      die("Error in connection" . mysqli_connect_error()) ;
  }
?>


the problem is just here its no worth showing the ts file
JavaScript String Primitives vs String Objects
Tags: javascript
Published: 2019-09-28 01:08:09


A quick overview of creating String Primitives vs String Objects in JavaScript. It also covers how syntax can make a difference.
 

Here is the full [Video](https://www.youtube.com/watch?v=ngGIWFGx6P0&list=PLVsgh6h4zk-LlHlVu4nxrRVCqWJW-d7J9&index=4&t=13s)


![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/m02rj42t4q1cwvp3l6ui.jpeg)


Happy Friday :)
How to Run SQL Server on a Mac
Tags: database, mac, sqlserver, docker
Published: 2019-10-21 19:04:09

---
title: How to Run SQL Server on a Mac
published: true
tags: databases, mac, sqlserver, docker
canonical_url: https://www.petefreitag.com/item/880.cfm
---

You use a Mac, but you need to run Microsoft SQL Server. I never thought this would be so easy (I started using SQL Server 7 running Windows NT Server), but here's how I've been doing this for the past few years.

**You need Docker**

If you already have docker installed, then I have some great news for you: you can skip to the next step. If not, [go and download it](https://docs.docker.com/docker-for-mac/install/)

Once you have it installed you should be able to run `docker-compose -v` from Terminal and it should output the version number.

**Create a docker-compose.yml file**

You don't have to use `docker-compose` but I find it makes the process easy, especially if you leave a project and come back to it 6 months later. Docker Compose lets you define one or more servers.

Here's a simple `docker-compose.yml` file.

```
version: '3'
services: sqlserver: 
  image: microsoft/mssql-server-linux:2017-latest 
  ports: 
    - "1401:1433" 
  volumes: 
    - ./db:/tmp/data 
  environment: 
    - ACCEPT\_EULA=Y 
    - "MSSQL\_SA\_PASSWORD=${DB\_PASS}" 
  command: - /tmp/data/run.sh
```

A few key points here. The `ports` section is mapping SQL Server port 1433 to my local port 1401. The password for the SA account will be set to the value of my `DB_PASS` environment variable, you may want to change how that works to suit your needs.

Now I have a sub folder called `db` with a few other files. The folder structure looks like this:

```
db/ 
  run.sh 
  import.sh 
  myDB.bak 
  mods.sql
```

Let's take a look at `run.sh`

```
#!/bin/sh

chmod a+x /tmp/data/import.sh

/tmp/data/import.sh & /opt/mssql/bin/sqlservr 
```

Here is `import.sh`

```
#!/bin/sh

#wait for sql server to start
sleep 10

#import database from bak file
/opt/mssql-tools/bin/sqlcmd -S localhost -U SA -P "$MSSQL\_SA\_PASSWORD" -Q "RESTORE DATABASE ExampleDb FROM DISK='/tmp/data/myDB.bak' WITH MOVE 'ExampleDb' TO '/var/opt/mssql/data/ExampleDb.mdf', MOVE 'ExampleDb\_log' TO '/var/opt/mssql/data/ExampleDb.ldf'"

#run mods.sql to modify the DB
/opt/mssql-tools/bin/sqlcmd -S localhost -U SA -P "$MSSQL\_SA\_PASSWORD" -d ExampleDb -i /tmp/data/mods.sql
```

**Now Start SQL Server**

Just run the following in terminal from the directory that has your `docker-compose.yml` file:

```
docker-compose up
```

At this point it should boot up SQLServer. It will be listening your `localhost` on port `1401`, you can connect to it using SA and the password you set (eg `DB_PASS` environment variable).

Note that we could have done everything from the `docker-compose.yml` file if we wanted to, but I decided to break it up into scripts. This makes it easier to maintain a list of DB modifications or additions in the `mods.sql` file for example.
What is your favorite open source project?
Tags: discuss, hacktoberfest
Published: 2019-09-28 00:11:43

Gearing up for Hacktoberfest here.  Aren't you!?

I'm sure I'm not alone in just jumping on GitHub come October and plucking the first few projects I find interesting.  Instead, I'd love to hear what projects people can't live without and hope I can help this time around.

Personally, there are quite a few I depend on for day-to-day smooth workflows [git-reflow](https://github.com/reenhanced/gitreflow), [rubocop](https://github.com/rubocop-hq/rubocop)/[standard](https://github.com/testdouble/standard), [rspec](https://github.com/rspec/rspec), [rails](https://github.com/rails/rails), [ruby](http://github.com/ruby/ruby).  What about you?
Vim - Delete Lines with Regex
Tags: vim, regex
Published: 2019-12-27 14:35:53

---
title: Vim - Delete Lines with Regex
published: true
date: 2019-09-28 00:00:00 UTC
tags: vim, regex
canonical_url: https://tech.serhatteker.com/post/2019-09/vim-delete-all-lines-with-regex/
---

## Global
The ex command `:g` -global command, is very useful for acting on lines that match a pattern.

Usually it works like this:

```vim
:[range]g/pattern/cmd
```

## Delete contains
To delete all lines that contain "price" you can use:

```vim
:g/price/d
```

If you want to use multiple pattern you can use **'or'** `\|`:

```vim
:g/price\|customer\|secret/d
```

## Delete not contains
To delete lines that does **NOT** contain "price" you can use:

```vim
:g!/price/d
```

## ~Some extras

### Delete all empty lines

```vim
:g/^$/d
```

Or deleting all lines that are empty or that contain only whitespace:

```vim
:g/^\s*$/d
```

### Trim all whitespaces at the end of a line
Deletes any trailing whitespace at the end of each line. If no trailing
whitespace is found nothing changes, and the `e` flag means no error is
displayed. Since if nothings is found `E486: Pattern not found` error occurs.

```vim
:%s/\s\+$//e
```

### Delete commented lines

```vim
:g/^<language comment string>/d
```

E.g for python:

```vim
:g/^#/d
```

All done!
How to check File exist in Folder or Not in Laravel 6
Published: 2019-12-05 13:36:10

---
title: How to check File exist in Folder or Not in Laravel 6
published: true
date: 2019-09-28 00:00:00 UTC
tags: 
canonical_url: 
---

Hii guysIn this article I will show you how to check file in folder exists or notif you required to check if file is exists or not in given path then you can check easily Normally we always need to check file existsIn this example you can use File objectstrongSolution 1 for Lara
Debugging Ruby locally in VSCode using ruby-debug and native breakpoints
Tags: vscode, rails, ruby
Published: 2019-09-27 21:28:19

This is one of the biggest pain points I've had developing with ruby on rails and rspec, and I could never get the ruby extension by rebornix to debug properly with breakpoints. Using the ruby-debug extension by the developer of the Solargraph extension, you are now able to debug rspec and ruby scripts locally!

In the extensions marketplace, search "ruby-debug" and install globally. You may need to reload your workspace afterwards.

![](https://user-images.githubusercontent.com/6934825/65801129-dc92cc80-e167-11e9-876d-b8242b5de1f7.png)

You'll need to add readapt to your project's gemfile and bundle install.

```ruby
group :development do 
  # gems...
  gem 'readapt' # Debugging with vscode ruby-debug extension
  # gems...
end
```

Then add the appropriate configuration either to your global settings.json:
```json
{
"launch": {
  "version": "0.2.0",
  "configurations": [
      {
      "type": "ruby-debug",
      "request": "launch",
      "name": "Ruby",
      "program": "${file}",
      "programArgs": [],
      "useBundler": false
    },
    {
      "type": "ruby-debug",
      "request": "launch",
      "name": "RSpec LocalFile",
      "program": "rspec",
      "programArgs": ["${relativeFile}"],
      "useBundler": true
    },
    {
      "type": "ruby-debug",
      "request": "launch",
      "name": "RSpec Selected Line",
      "program": "rspec",
      "programArgs": ["${relativeFile}:${lineNumber}"],
      "useBundler": true
    }
  ]
}
```

or your workspace/.vscode/launch.json file

```json
{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "ruby-debug",
      "request": "launch",
      "name": "Ruby",
      "program": "${file}",
      "programArgs": [],
      "useBundler": false
    },
    {
      "type": "ruby-debug",
      "request": "launch",
      "name": "RSpec LocalFile",
      "program": "rspec",
      "programArgs": ["${relativeFile}"],
      "useBundler": true
    },
    {
      "type": "ruby-debug",
      "request": "launch",
      "name": "RSpec Selected Line",
      "program": "rspec",
      "programArgs": ["${relativeFile}:${lineNumber}"],
      "useBundler": true
    }
  ]
}
```

Open an rspec test or plain ol' ruby file, and go to the debug tab. Select the option you want to run when you press F5. 

![](https://user-images.githubusercontent.com/6934825/65801361-6e9ad500-e168-11e9-828c-144852dfce3c.png)

Put a breakpoint in your file and press F5 or click the green arrow shown above to run the test.
![](https://user-images.githubusercontent.com/6934825/65801495-bfaac900-e168-11e9-95e3-a3ee3e144c80.gif)

Use the debug window at the bottom of your window to debug!
Which JS Game library would you recommend for a 2d side scroller?
Tags: javascript, gameengine, discuss
Published: 2019-09-27 21:23:27

---
title: Which JS Game library would you recommend for a 2d side scroller?
published: true
description: Looking for recommendations on JS Game libraries
tags: javascript, game engine, discuss
---
I'm in the process of planning my next big "side project", and it involves game development in JavaScript. It'll most likely be a 2D side scroller since I have no experience in the area but I do know my JS.

That being said, a quick google search returns too many possible options! Does anyone here have any experience with some of them? Any recommendations? 

I'm partial to melonJS, but I might be completely wrong here..., so looking for a guide.

Any suggestions?

Thanks!
FullStacking: Conclusion
Tags: reactnative, graphql, javascript, mongodb
Published: 2019-09-27 21:21:31

{% github https://github.com/Markkop/fullstacking no-readme %}

![FullStacking Cover](https://thepracticaldev.s3.amazonaws.com/i/vj3te5abe1h8fvbxd3i3.jpeg)

## How it works 

![final result](https://thepracticaldev.s3.amazonaws.com/i/031719vggvyk1f0iis57.gif)

This is an event hosting app which logged users can access a common list and add new events into it. The user inputs a date, using a datepicker, a title and a short description. This information is saved using a Mutation in GraphQL, which returns the current logged user and then the app displays the new event with the author's name.
All fields have validation and the event list has pagination using Relay.

## Main Difficulties

![GraphQL - Crazy History Channel Guy](https://media.makeameme.org/created/graphql.jpg)

GraphQL is awesome, but requires a heavy initial configuration and understanding of several main concepts such as Queries, Mutations, Subscriptions, QueryRenderer, Batching and Caching, DataLoaders and so on.
React-Native is indeed very similar to React, but with more details and options less diverse.
KoaJS and Mongoose were pretty easy to set up and use.

The features I had more trouble were Authentication, Pagination and Subscription. The last one I tried, but had to abort and remove from the Minimum Valuable Product.

Another main difficulty was coding and debugging using my own Android device and a malfunctioning USB cable. My computer not being able handling emulators didn't help either.

## Learnings

![Buzz and Woody (Toy Story)](https://media.makeameme.org/created/learnings-learnings-everywhere.jpg)

Aside from the libraries and frameworks I've already mentioned, I learned how to build a mobile fullstack application using GraphQL, which is pretty cool. 
I've practiced even more git and reached the point where I feel very comfortable with it.
What I can take from this blog's project itself is a felling of improvement in English writing and sharing content.

## Many thanks

to [@jgcmarins](https://twitter.com/jgcmarins), [@thom_is_coding](https://twitter.com/thom_is_coding) and [@jabur_guilherme](https://twitter.com/jabur_guilherme) for this great opportunity and for all the help they've provided. They are pretty cool people that are really worth to follow.
Also, they're launching an actual event hosting app. [Check it out](https://twitter.com/confy_app)

{% twitter 1171461889227780097 %}
🔺 5-step guide to developing your OWN personal software projects
Tags: beginners, productivity, projects, webdev
Published: 2019-09-27 21:15:04

---
title: 🔺 5-step guide to developing your OWN personal software projects
published: true
description: What happens when you’ve reached the point in your software development journey where you’re ready to develop your own projects? Where and how do you start? Do you rip open a code editor and hope for the best?
tags: #beginners #productivity #projects #webdev
---

##In this video, we’re going to plan a software development project in five steps. 

Tell me if this situation sounds familiar: You’re browsing your Udemy courses and see a cool project. You follow the tutorial step-by-step and soon have a nice-looking project that also has some sweet functionality. Right on! Problem is, 100,000 other people have that same exact project freshly pushed to GitHub. Sad trombone…

What happens when you’ve reached the point in your software development journey where you’re ready to develop your own projects? Where and how do you start? Rip open a code editor and hope for the best? Sure that's an option - but is it an ideal option? 🤔

###No doubt, experimentation is fun and can lead to some great ideas. 

But without testing your technical ideas or even asking yourself if they’re feasible, you’re going to be spending a lot of wasted time in front of a computer screen. Why put that unnecessary strain on your eyes, even in dark mode? Instead, we're going to step up our productivity game.


Watch this video and you'll be well on your way to better project results. You can not only show these off proudly in your portfolio, but also take full credit for as the creator.

---

###Come check me out on [YouTube] (https://www.youtube.com/realtoughcandy) where we are rockin' the dev life!