teleren/devto huggingface dataset:
Super simple guide to building your own personal website in one day
Tags: beginners, career, git, webdev
Published: 2019-01-14 10:33:50

---
title: Super simple guide to building your own personal website in one day
published: true
description: How to build and deploy (for free) your own personal website
tags: #Beginner #Career #Git #Webdev
---

The other day, after reading many of the amazing resume building posts on dev.to, I received a burst of inspiration. I was going to build my own - the only question was: Where do I start?

I'm not much of a creative genius myself, so I usually leave that to the UI professionals. So rather than building a Bootstrap theme from scratch I did some Googling where I stumbled upon a great resource: [Start Bootstrap](http://www.startbootstrap.com).

Start Bootstrap is an awesome website created by David from Blackrock digital. Almost all of his themes and templates are not only free and look amazing, but are super simple to use too.

Heres how I did it.

**Installing**
1. Head to [Start Bootstrap](http://www.startbootstrap.com).
2. Pick a theme or template that you like. (I chose 'Resume')
3. Fork or clone the theme from Github or even download the source if you prefer and place it in an easy to access folder.
4. From the newly created folder in your favourite terminal, run npm build.
5. Run gulp dev from within the same folder,
6. Enjoy!

If you've been playing along at home, you've probably noticed that your favourite browser's just opened a new tab with a fresh copy of the site you just setup. But how do you personalise it?

Luckily for us, that's also super simple.

**Customising**
1. Customise colours in the file /scss/__variables.scss - primary and secondary are the main ones you want to change here.
2. Edit the text in index.html to say whatever you need it to say.
3. If you're comfortable with simple HTML, CSS and Bootstrap you can customise things like menus, add images or change fonts/layouts to suit your style.
4. Thanks to gulp dev, the website will update in your browser as you make your changes.

A great resource for images is [undraw](https://undraw.co/illustrations) especially as you can colour match your primary colour from your bootstrap theme.

**Deploying** (for free!)
1. If you haven't already got one, create a Github account
2. Create a new repository named username.github.io *the username must match your Github account name exactly!*
3. Commit the contents of the folder you've been working with to your newly created repository.
4. Head to *yourname*.github.io and checkout your new website

For more information about Github pages, checkout the docs [here](http://www.pages.github.com)

Thats all there is to it!

You can see what my site looks like at [campbellbartlett.github.io](http://campbellbartlett.github.io) - let me know what you think. If you think you can improve it, please let me know; I welcome all contributions. 

I hope you found this helpful.
Manage Multiple App URL in Local Development
Tags: devtips
Published: 2019-01-14 10:24:47

---
title: Manage Multiple App URL in Local Development
published: true
description: Manage Multiple App URL in Local Development using haproxy
tags: devtips
---

These days we might have multiple local applications that are running on different ports (e.g: `http://localhost:3000, http://localhost:3001` and so on). This is pretty troublesome as we have to remember which application is running on which port.

`haproxy` can redirect a URL to a certain host with different port (this is impossible with `hosts`). Here's how we can do it in OS X:

Install `haproxy`

```bash
brew install haproxy
```

Create a new file at `/usr/local/etc/haproxy.cfg` and put these contents (customize as you wish):

```cfg
global
  maxconn 4096
  daemon

defaults
  log global
  mode http

  timeout connect 5000ms
  timeout client  50000ms
  timeout server  50000ms

frontend web_gateway
  bind *:80

  # https://cbonte.github.io/haproxy-dconv/1.7/configuration.html#7.1
  acl is_web hdr_beg(host) myapp.local
  acl is_api hdr(host) -i api.myapp.local
  acl is_admin hdr(host) -i admin.myapp.local

  use_backend web if is_web
  use_backend api if is_api
  use_backend admin if is_admin

backend web
  # https://cbonte.github.io/haproxy-dconv/1.7/configuration.html#server
  server web 127.0.0.1:3000

backend api
  server api 127.0.0.1:3001

backend admin
  server admin 127.0.0.1:3002

```

Make sure you put the hosts declared before in `/etc/hosts`:

```host
127.0.0.1  localhost
127.0.0.1  myapp.local.sg # We can use different domain here
127.0.0.1  myapp.local.hk
127.0.0.1  admin.myapp.local
127.0.0.1  api.myapp.local
```

Run this command to ensure `haproxy` will always be running

```bash
brew services start haproxy
```
Building Instagram With Flutter
Tags: flutter, opensource, programming, coding
Published: 2019-01-14 09:50:16

# The Idea
In this MultiPart Series *I* wish to built a complete, Full Featured, Fast, Open Source Instagram Like App.

The Basic Idea is to have a Flutter app, powered with a Firebase Backend with support for Adding / Liking / Deleting Images, A Stories Like Thing, Sexy UI and Cool Transitions, Full CI/CD support, Testing, etc.

The purpose of this exercise is to learn building large scale complex Applications, with high scalability, efficiency, and upgradeability., while also giving back to the community.

Let's Initialize the flutter app 
``` Flutter
    flutter create instagram
    cd instagram
    flutter run
```

You Should have a flutter app running on your phone, running the flutter demo app.
<img src="https://thepracticaldev.s3.amazonaws.com/i/1jssdle99gasrtb105z2.png" height="200px" width="200px" alt="Flutter App"> 

This might not look like much but trust me we're gonna build an amazing App trust me 😉.
{% github preetjdp/instagram %}
31 reasons why we love working at Bright Inventions
Tags: career, team, success, workplace
Published: 2019-01-14 09:29:19

---
title: 31 reasons why we love working at Bright Inventions
published: true
description: 
tags: career, team, success, workplace
---
Back at my desk I am looking at a challenging, but at the same time rewarding and amazing 2018. A new office, the team tripled in size, being among Top App Developers in Poland on Clutch and among Top 20 App Development Companies in Poland according to AppFutura, international networking, more industry leading partnership agreements and our entry into new Blockchain and AI world. What a year.

Hard work and a lot dedication. As Bright Inventions, I think more than anything we have managed to create a brand that people can be proud to stand behind and support. The values of trust, authenticity, optimism and loyalty shine through our team. We are not afraid of asking for clarification, of listening to our clients, of looking for innovative and optimal solutions to the problems. We prefer acting instead of waiting for your turn to speak. Surely, we are still quite far from where we want to end up but 2018 has clearly showed we are on the right path.

I believe that a true path to success is to support people in thriving at work, living great lives, and stepping into better versions of themselves. If you have great team and support them in learning and growth, you just have a better chance of succeeding.

In December we had a special initiative to think for a moment about our company culture, our development and roles in the company and in fact, about the reasons why we like working here at Bright.

For me, personally, the initiative was a time to reflect on last 2 years and realise what I value at Bright the most. And what I value the most are amazing inspiring people I work with, people who I meet every day in the morning and with whom I spend most of my time. What I value the most is trust and independence that I have been given from the beginning, and which I appreciate a lot. What I value are new development opportunities I have been offered and I am still being offered till this day. And probably I could add dozens of other reasons, but you can always check on your own.

I am always saying that the future of work is all about people, the people feeling connected to the culture of their company and the vision of their organisation. Job is much more than a pay cheque. It is a place you go to improve your skill set, contribute to the greater good, and collaborate with other awesome people. And that is the case of our bright success. We are surrounded by Bright People every day.

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

Bright New Year Everyone! Let’s make 2019 the best year ever!

Originally published at [brightinventions.pl](https://brightinventions.pl/blog/) 

By Urszula Stankiewicz, Social Media & Employer Branding Girl @ Bright Inventions
[Email](ula.stankiewicz@beightinventions.pl), [LinkedIn](https://www.linkedin.com/in/urszula-stankiewicz-7bb10577/)
How I deployed my Node.js Bot to Heroku
Tags: opensource, heroku, node, devops
Published: 2019-01-14 09:28:56

---
title: How I deployed my Node.js Bot to Heroku
published: true
description: As you all know that Heroku is a platform as a service which helps developers to build, run, and operate applications entirely in the cloud. I have started with free dyno which is for experimenting and only has 512 MB RAM.
tags: opensource, heroku, nodejs, devops
---

As you all know that Heroku is a platform as a service which helps developers to build, run, and operate applications entirely in the cloud. I have started with free dyno which is for experimenting and only has 512 MB RAM.

I am using Windows so the steps will be of Windows machine.

At first I need to download the Heroku CLI from https://devcenter.heroku.com/articles/heroku-cli. It says that it updates the path but you need to double check, for my case I need to manually update the Path. Before installing just check that you have node and npm installed in your system.

Then I logged into Heroku using command heroku login which asked my Email and Password. Once authenticated, I created my first app using command heroku create which creates a app for me.

Since my app was not in GitHub, I need to create it using git init and then adding heroku as my remote using command git remote add heroku https://git.heroku.com/my-app-name.git. Then we need to commit the code using command git commit -am "Initial Commit". Once done, just pushing it to heroku git push heroku master.

Since my app is a bot, I need to create a ProcFile on the root of the directry, the contents of the ProcFile is shown below

`worker: node index.js`

I pushed the code again with the same command git push heroku master. And then switched on the Worker and switched off the web as shown below.

![](https://3.bp.blogspot.com/-Rqfs7aKavsM/W89P4qtJacI/AAAAAAAAC2Y/_E9Bj4vN3-Q6YY4pi3G-Z0kZeg6Pdy3WgCLcBGAs/s640/heroku-deployment.PNG)

Also since I was using some confidential information in my bot, like a bot key I created a config vars in the settings tab as shown below and then used it using process.env.KEY and process.env.NAME in the bot.

![](https://4.bp.blogspot.com/-OSgpIBQ_hqM/W89QFE4olAI/AAAAAAAAC2c/jXa01CnMBdUpmV1t7xG8DtQRtjmJAwNrwCLcBGAs/s1600/heroku-deployment1.PNG)

In this way you can deploy your bot with Heroku. Happy Coding :)

Source : [CodingDefined.com](https://www.codingdefined.com/2018/10/how-i-deployed-my-nodejs-bot-to-heroku.html)
Support for PostgreSQL 11 in dotConnect for PostgreSQL, LinqConnect, SSIS Components, and Entity Developer by Devart
Tags: postgresql11, dotconnect, software, sqldeveloper
Published: 2019-01-14 09:24:59

---
title: Support for PostgreSQL 11 in dotConnect for PostgreSQL, LinqConnect, SSIS Components, and Entity Developer by Devart

published: true

description: Devart offers support for the latest PostgreSQL 11  version in the newly released dotConnect for PostgreSQL 7.12 and SSIS Data Flow Components 1.10 as well as in LinqConnect, and Entity Developer products

tags: PostgreSQL 11, dotConnect, software, SQL developer

---

Devart, a Czech software provider of database connectivity solutions and tools for database management and development, introduced support for PostgreSQL 11 in the newly released dotConnect for PostgreSQL 7.12 and SSIS Data Flow Components 1.10 as well as in LinqConnect, and Entity Developer products. Now it is possible to connect to PostgreSQL 11 with Devart products and use its new features, such as partitioning of data by a hash key, JIT compilation of expressions in WHERE clauses, etc.

Besides, Entity Developer, LinqConnect, and dotConnect fully support PostgreSQL 11 stored procedures, which can be used in mapping, etc. Together with that, the executing stored procedures in dotConnect for PostgreSQL has some peculiarities in comparison to stored functions.

dotConnect for PostgreSQL is an enhanced ORM enabled data provider for PostgreSQL that builds on ADO.NET technology to present a complete solution for developing PostgreSQL-based database applications.

SSIS Data Flow Components allow integrating database and cloud data via SQL Server Integration Services (SSIS) and provide easy to set up cost-effective data integration using SSIS ETL engine as well as high performance data loading, convenient component editors, SQL support for cloud data sources and lots of data source specific features.

LinqConnect is a fast, lightweight, and easy to use LINQ to SQL compatible ORM solution, supporting SQL Server, Oracle, MySQL, PostgreSQL, and SQLite. It allows you to use efficient and powerful data access for your .NET Framework, Metro, Silverlight, or Windows Phone applications supporting Code-First, Model-First, Database-First or mixed approaches.

Entity Developer is a powerful ORM designer for ADO.NET Entity Framework, NHibernate, LinqConnect, Telerik Data Access, and LINQ to SQL. It introduces new approaches for designing ORM models, boosts productivity, and facilitates the development of database applications.

To download the updated versions of Devart products, please visit https://www.devart.com/products.html. 
 
About Devart

Devart is one of the leading developers of database tools and administration software, ALM solutions, data providers for various database servers, data integration and backup solutions. The company also implements Web and Mobile development projects.
Learn more about Devart at https://www.devart.com.
Fixtures loader for TypeORM
Tags: node, javascript, typescript, typeorm
Published: 2019-01-14 08:59:25

---
title: Fixtures loader for TypeORM
published: true
canonical_url: https://github.com/RobinCK/typeorm-fixtures
description: Relying on faker.js, typeorm-fixtures-cli allows you to create a ton of fixtures/fake data for use while developing or testing your project. It gives you a few essential tools to make it very easy to generate complex data with constraints in a readable and easy to edit way, so that everyone on your team can tweak the fixtures if needed.
tags: nodejs, node, javascript, typescript, typeorm
---
Picker select cascader for react native
Tags: reactnative, ios, android, select
Published: 2019-01-14 08:36:05

---
title: "Picker select cascader for react native"
published: true
description: test
tags: reactnative, ios, android, select 
---

![picker](https://thepracticaldev.s3.amazonaws.com/i/0aiwxjj08k3h360hk9i7.gif)
![select](https://thepracticaldev.s3.amazonaws.com/i/4q4eo3ry72r2egvwhbvr.png)
![picker](https://thepracticaldev.s3.amazonaws.com/i/c6zylie2ehnea79cc909.png)

npm: https://www.npmjs.com/package/react-native-picker-cascader 
github: https://github.com/asifsha/react-native-picker-cascader
medium: https://medium.com/@asiif.shariif/react-native-picker-cascader-75feb640d8de
IMBA is not MBA
Tags: fun, imba, javascript, scrimba
Published: 2019-01-14 08:10:16

---
title: IMBA is not MBA
published: true
description: 
tags: fun, imba, js, scrimba
cover_image: https://thepracticaldev.s3.amazonaws.com/i/k6l7k96dhd8khq31lrzb.png
---

IMBA is a new web language. As the introduction on the site Scrimba is developed with IMBA.

Following is the code for Todo sample, clear to follow.

```ruby
tag Todo < li
	def ontap
		data:completed = !data:completed

	def render
		<self .done=data:completed> data:title

tag App
	def addItem
		if @input.value
			data.push(title: @input.value)
			@input.value = ""
		
	def render
		<self.vbox>
			<form.header :submit.prevent.addItem>
				<input@input type='text'>
				<button> 'add'
			<ul> for item in data
				<Todo[item]>

var items = []
Imba.mount <App[items]>
```

Sample code of its site:

```js
Imba.mount <nav#hero ->
	<a href='/guides'> "Get started"
	<a.github href=linkToGitHub> "GitHub"
```

I don't know what is MBA here. Go look [IMBA](http://imba.io/).
Access your daily URL's using a shortcut
Tags: productivity, jira, chrome, extension
Published: 2019-01-14 08:06:45

---
title: Access your daily URL's using a shortcut
published: true
description: Helps you access URL's that are on same domain but they have a different ending. For example Jira stories.
tags: productivity, Jira, chrome, extension
---

Hello,
this is my first post here, I decided to post this here because I believe that most of the people that uses this site have the same problem as I had. I hope that this will ease your daily work and increase your productivity.

I'm a developer for 6+ years, and no matter on which project I'm working on there is always a list of URL's that I'm opening every day. For example Jira stories. They all seem the same, but only the last part of the path is different. Since I'm using Google Chrome I developed an extension that will help me access these urls.

You can install the extension from [here](https://chrome.google.com/webstore/detail/combine-url/lnmkibhfmgahenghonphjlepcdbdjpon).

For example, if you have a lot of tasks in Jira and all they have the same base URL but only the last few characters are different.

* https://jira.yourcompany.com/browse/AX-3830
* https://jira.yourcompany.com/browse/AX-3822
* https://jira.yourcompany.com/browse/AX-2592  

  You can set up this extension as:

![Sample set up](https://raw.githubusercontent.com/stevcooo/urlcombine/master/img/sampleSetUP.png)


And when you press CTR+SHIFT+F, a popup will appear where you only write the last 4 characters, for example 3830, and by pressing enter or Go button, the link will be opened in new tab.

![Sample link](https://github.com/stevcooo/urlcombine/blob/master/img/taskUrl.png?raw=true)

If you're interested on the source code you can find it here: https://github.com/stevcooo/urlcombine

# Blog
https://blog.kostoski.com/blog/9
Best Top developer Community Every Developer Should Visit
Tags: community, developer, programming
Published: 2019-01-14 03:36:30

---
title: Best Top developer Community Every Developer Should Visit
published: true
description: information about developers
tags: community, developer, programming
---

Usually you will find website and developer community and these community will help building a website and helpfull developers making better website or app.

There are lots of community on the internet, Developers are such a quirky bunch that no ordinary website will do, so i have put together this collection of must-visit websites that cater to developer needs to stay on top of the latest in tech news, network and discuss projects and troubleshooting with your peers, sites for beginners to master programming, and of course a few fun sites to visit when you need a break from your latest development project.

###<a href="https://dzone.com">Dzone</a>#
It is one the best best guidance developers, Over a million developers belong to DZone, making it a prominent programming news hub for today’s programming professionals and developers. Covering everything from agile to the cloud, devops, big data, integration, performance, and more, DZone is a valuable source for the latest insights from every corner of the industry.

###<a href="https://stackexchange.com">Stack Exchange</a>#
StackExchange is the platform that brings you StackOverflow (which also happens to be StackExchange’s largest community in the technology category), but it’s also home to a variety of other communities of interest to programmers and developers.

###<a href="https://github.com">Github</a>#
No list of websites for developers is complete without a mention of GitHub, one of the most widely used code repositories with projects ranging the full spectrum from the open-source to private collaborations. 

###<a href="https://sitepoint.com">Sitepoint</a>#
Site point is learning website here you can learn anything form this website. 

###<a href="https://www.reddit.com/r/programming/">Reddit Programming</a>#
It is Reddit for developers! Reddit is the go-to community for discussing the latest development trends, tech news, and everything else on the busy developer’s mind. 

###<a href="https://slashdot.org">Slashdot</a>#
A huge interactive source about all the latest blog posts and news stories related to technology and coding, SlashDot was created in 1997 by Rob “CmdrTaco” Malda but today is owned by BIZX, LLC.

###<a href="https://bitbucket.org">Bitbucket</a>#
Bitbucket offers unlimited public and private repositories, and it’s free for individuals as well as organizations with five or fewer users. For larger groups, pricing is more than reasonable. 

###<a href="https://dev.to">Dev.to</a>#
Dev.to is a super for developers here lots of developers write there interesting topics and Where programmers share ideas and help each other grow.

I hope this article is helpfull for developer purpose.
Swift Minimum GET/POST Request Codes
Tags: swift
Published: 2019-01-14 02:14:14

---
title: Swift Minimum GET/POST Request Codes
published: true
description: 
tags: swift
---

Copy and paste these codes and get started making an app!

## GET Code

```swift
let url = URL(string: "https://httpbin.org/get")!
let task = URLSession.shared.dataTask(with: url) { (data, response, error) in
    if let error = error {
        print("error: \(error)")
    } else {
        if let response = response as? HTTPURLResponse {
            print("statusCode: \(response.statusCode)")
        }
        if let data = data, let dataString = String(data: data, encoding: .utf8) {
            print("data: \(dataString)")
        }
    }
}
task.resume()
```

## POST Code

```swift
let url = URL(string: "https://httpbin.org/post")!
var request = URLRequest(url: url)
request.httpMethod = "POST"
let task = URLSession.shared.dataTask(with: request) { (data, response, error) in
    if let error = error {
        print("error: \(error)")
    } else {
        if let response = response as? HTTPURLResponse {
            print("statusCode: \(response.statusCode)")
        }
        if let data = data, let dataString = String(data: data, encoding: .utf8) {
            print("data: \(dataString)")
        }
    }
}
task.resume()
```

## Swift Version
```
Apple Swift version 4.2 (swiftlang-1000.11.37.1 clang-1000.11.45.1)
Target: x86_64-apple-darwin18.2.0
```
Cara Halaman Pertama Pada Hasil Pencarian Google
Tags: seo, google
Published: 2019-07-07 05:00:43

---
title: Cara Halaman Pertama Pada Hasil Pencarian Google
published: true
tags: seo, google
canonical_url: https://www.okabrionz.com/post/cara-halaman-pertama-pada-pencarian-google/
---

Coba search site:blogspot.com di Google. Ketika saya mencobanya beberapa waktu lalu, keluar hasil 321.000.000. Artinya ada 321.000.000 halaman web pada blogspot.com yang terindeks oleh Google. Tentu urusan ranking soal lain. Tapi terindeks saja sudah sudah satu langkah positif. Beberapa diantara halaman-halaman tersebut memiliki ranking yang bagus. Meskipun pada blogspot.com, bukan pada website kita sendiri, memiliki halaman page dengan ranking bagus membawa banyak manfaat. Lalu bagaimana caranya mendapatkan ranking yang tinggi dengan blogspot.