teleren/devto huggingface dataset:
What do you do to be up-to-date on new Frameworks and Technologies?
Tags: webdev, discuss, career, react
Published: 2018-05-02 02:47:04

---
title: What do you do to be up-to-date on new Frameworks and Technologies?
published: true
description: How do you keep yourself learning new technologies when your current work doesn't use them?
tags: #webdev #discuss #career #react
---
Hi, this is my first post on Dev.to and I'm joining with a topic that some of us may have faced at some point in our careers as Developers...

How do you keep yourself learning new technologies when your current work doesn't implement/use them?

Turns out that I've been working for three+ years in a company using Object Oriented JavaScript, good Design Patterns, Functional Testing, CI, etc. But, we don't use the so <b>popular and new</b> Frameworks as React/Redux, VueJS, AngularJS due to the nature of the project (policies, licenses, the instability of FE Frameworks :-), etc).

I try to learn in my free time, but sometimes the free time isn't enough to be up-to-date on those new technologies, (if you've picked the wrong one your Resume won't make it count, last time I chose Ionic). Now, I'm thinking on switch jobs to one that uses *new and fresh* Frameworks however, it's hard to get interviews because I don't have *"work experience"* on those Frameworks. Although, I have been following the best practices, patterns, etc, I think recruiters doesn't give me the opportunity for an interview because my Resume doesn't include implicitly *"work experience"* on those.

I really love and enjoy programming and learning new technologies but sometimes it's good to go out and breath fresh air as well.

Just wondering if you had been in this situation? What do you guys do to prevent this from happening? What are your thoughts on staying for that long on those kind of jobs that doesn't always use the latest technologies?

Thanks,
Adán
What do you use for organize yourself? --to do list managers--
Tags: discuss, todo, list, managers
Published: 2018-05-02 01:28:56

---
title: What do you use for organize yourself? --to do list managers--
published: true
description: 
tags: discuss, todo, list, managers
---

Well, my doubt is simple: I need to organize work, family stuff and hobbies, need a good app for organize all that kind of stuff. Do you use something cool and OS (Open Source) and have app for iOS? Many thanks!
Learning to work for myself
Tags: freelancing, discuss
Published: 2018-05-02 00:30:36

---
title: Learning to work for myself
published: true
description: This is just a quick shout out to ThoughBot for their awesome *playbook*
tags: freelancing, discuss
---

I'm looking to start working for myself, but I don't know how to work with clients.  I have experience with Rails and developing web applications, but the business side of things are foreign to me.  I guess the start of everything involves me working for myself, so I'd be my first client.  *I'd have to say that I'm a little light in the experience department.*

One glimmer of light has come from ThoughtBot.  They are big on open source work and transparency.  They have their *Playbook* to show how they engage with new clients to plan and develop client software solutions.

https://thoughtbot.com/playbook

I'm planning on going through their stuff to get more of an idea of how to 'work' for myself so I can get closer to working with others.

### Do you work for yourself?

Any advice or input would be much appreciated.
Looking for back-end project ideas for beginners
Tags: help, backend, beginners, web
Published: 2018-05-01 21:37:41

---
title: Looking for back-end project ideas for beginners
published: true
description: Beginner back-end ideas
tags: help, back-end, beginner, web
---

I've been doing web development for about a year now, but I've definitely focused on front-end stuff during that time. This is mostly because I've found it to be a little easier to start and finish my ideas.

I've been wanting to do more back-end work but I typically have a difficult time thinking of simple, useful, and interesting ideas that I can finish. Most of what I've come up with revolve around building some API, which is something I definitely want to do but I'm not always sure about where to start.

I'd love to know if there are other fun or interesting ways to get into back-end programming. It would ideally provide a useful learning experience for someone who has conceptual knowledge but no practical experience with server-side development. The ideas don't have to be restricted to a specific language or technology, but I've been interested in using the following if it helps:

- Python
- Node
- Go
- Rust

Looking forward to seeing your ideas. Thanks!
GitHub Pages Now Support HTTPS - Use It!
Tags: webdev
Published: 2018-05-01 21:15:03

---
title: GitHub Pages Now Support HTTPS - Use It!
published: true
description: GitHub finally announces HTTPS support for sites hosted using their GitHub Pages service.
tags: webdev
canonical_url: https://www.remotesynthesis.com/blog/github-pages-https
---

Today [GitHub announced](https://blog.github.com/2018-05-01-github-pages-custom-domains-https/) that custom domains will support HTTPS. This is great news!

As many of you may already know, [GitHub Pages](https://pages.github.com/) was a great (and completely free) way to host static sites. It has built in integration for anyone using [Jekyll](https://jekyllrb.com/) so that it will automatically rebuild your site whenever new code is checked in. However, you could deploy and host any static site, which made it a great solution for things like personal blogs or event sites or project sites.

The drawback, up until now, was that you could not use HTTPS without the support of something like [CloudFlare](https://www.cloudflare.com/), which offers a free account with a shared SSL cert. This is fine for many projects, but not always suitable. For instance, I hosted some event sites for work on GitHub pages, and you had no way to know with whom you shared the SSL cert (which, for a company, could lead to some embarrassment).

The only other option was to accept the the dreaded "Your connection to this site is not secure" warning. This warning only gets worse if, as [planned for July in Chrome 68](https://techcrunch.com/2018/02/08/chrome-will-soon-mark-all-unencrypted-pages-as-not-secure/), Chrome begins marking pages as "not secure" prominently in the address bar.

Even better, GitHub has added the ability to configure your URL to enforce HTTPS, meaning that any visitors to the unsecured version of your domain will be automatically redirected to HTTPS.

If you want to get started configuring your domain for GitHub Pages, [check the documentation](https://help.github.com/articles/using-a-custom-domain-with-github-pages/) and then walk through the instructions in the [announcement post](https://blog.github.com/2018-05-01-github-pages-custom-domains-https/) to configure SSL or in their [documentation of the feature](https://help.github.com/articles/securing-your-github-pages-site-with-https/).
Azure .NET Cloud Developer Advocates
Tags: azure, cloud
Published: 2018-05-01 18:52:30

---
title: Azure .NET Cloud Developer Advocates
published: true
tags: azure, cloud
---

![Azure Logo](https://cdn.hashnode.com/res/hashnode/image/upload/w_240,h_240,c_thumb/v1524473475544/B1ntAzsnM.jpeg)
Microsoft Azure is an open, flexible, enterprise-grade cloud computing platform. Ask us anything about cloud computing!

[Ask Us!](https://hshno.de/r1CWZQo3z)
What is the easiest way to make a video/text chat app?.
Tags: webdev, help
Published: 2018-05-01 18:44:37

---
title: What is the easiest way to make a video/text chat app?.
published: true

description: gotta add a video/text chat feature in my website ,this is a project for NGO . So,is there any free/cheap scalable solution for this,some opensource framework etc.

tags: #webdev #help
---
Learning Generative Art; day 2 "Feather" 🐦
Tags: beginners, art, graffiti, showdev
Published: 2018-05-01 16:26:01

---
title: Learning Generative Art; day 2 "Feather" 🐦
published: true
description: I drew an image expressing a feather with p5
tags: beginners,art,graffiti,showdev
---


Continuation of [My first step in learning Generative Art](https://dev.to/ohbarye/my-first-step-in-learning-generative-art-3674).

## "Feather"

I drew an image expressing a feather; it is a beautiful thing that no creature on the earth has.

![image](https://user-images.githubusercontent.com/1811616/39481377-353be79c-4da6-11e8-9746-6f8a4cc4e12e.png)

![image](https://user-images.githubusercontent.com/1811616/39481690-3c932dce-4da7-11e8-9659-00ba54532ba9.png)


```js
function setup() {
  createCanvas(600, 400);
  background(224)
  noStroke();
  for (var i = 0; i < 300; i++) {
    var r = random(0,200);
    fill(color(random(i),random(i),random(i), 77));	
    bezier(random(300, 580), random(300, 350), 400, 400, 44, 0, r, r);
    bezier(600, 600, random(r), random(350), 400, 400);
  }
}

function draw() {
}

```

## TIL 📝

Randomized numbers accelerate fun of creating generative art because the same code results every differnt image.
Tips for a to-be Amazon SDE
Tags: beginners, career, discuss
Published: 2018-05-01 17:06:25

---
title: Tips for a to-be Amazon SDE
published: true
description: As a total beginner and to-be Amazon SDE, can you give me some tips
tags: beginner, career, discuss
---

Hi all, #firstpost
I am, by education an Electronics Engineer. I started learning Data Structures and coding last summer, and landed a job at Amazon India through college hiring. I am pretty decent at writing code, but lack "formal-education" and exposure like internships, open-source etc. like my other peers. 

Being extremely new to the world of software development, and soon to-be put in an important position, Can you please share some tips on getting early-wins in my career, and forming right habits that go a long way.

Thanks.
Let's Start Bootstrap Editor
Tags: bootstrap, frontend, bootstrapeditor
Published: 2017-11-16 00:26:30

---
title: Let's Start Bootstrap Editor
published: True
description: Introduction of BootstrapEditor
tags: Bootstrap, frontend, BootstrapEditor
---


![Alt text of image](https://thepracticaldev.s3.amazonaws.com/i/01rfdu969378mwe05stj.png)
URL:http://www.venezia-works.com/bst/



#Do you know Bootstrap Editor?
With Bootstrap Editor you can create a Bootstrap page in just 1 second.

#Who made it?
Bootstrap Editor is a tool made in Japan.
[Daisuke Yamazaki](https://mvp.microsoft.com/ja-jp/PublicProfile/5000050) made it.

#What is the attention degree of Japan?
It has not received much attention yet.
However, [in an article](https://qiita.com/yuxio/items/33ed210f58b649ce261b) I wrote, I gained 5000 views with [qiita](https://qiita.com/).


#Just choose usage template! simple!
URL: http: //www.venezia-works.com/bst/

Unnecessary server construction / installation is unnecessary.
You can work online.

One of the green "Bootstrap 4" "Bootstrap 3"
You can start as soon as you press the button.

#Various templates


Basic grid page
![Basic grid]
(https://thepracticaldev.s3.amazonaws.com/i/zuevcw11c98ytp0613zo.png)


Landing page
![Landing page](https://thepracticaldev.s3.amazonaws.com/i/uodrrwhhul59r4a7r2m9.png)


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



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



Other functions
■Save / Open / Clear
"Save" temporarily saves the data being edited. "Open" redisplays the saved data. "Clear" deletes saved data.

■Download
File downloading data being downloaded

■CODE
Editor color selection (Emmet)

■Nomal
Bootstrap template color selected

■Live View
Preview the CODE being edited (PC, Tablet, Phone, CodeOnry)

■error indication
Show JavaScript error

#at the end
When trying bootstrap online or creating pages easily,
Please use Bootstrap Editor!


http://www.venezia-works.com/bst/
Do you think the differences between HTML and XHTML are generally well-understood?
Tags: webdev, discuss, javascript, react
Published: 2018-05-01 15:53:08

---
title: Do you think the differences between HTML and XHTML are generally well-understood? 
published: true
description: 
tags: webdev, discuss, javascript, react
---

React really threw a wrench in webdev by making [XHTML](https://www.w3schools.com/html/html_xhtml.asp) cool. I think the subtle differences to look out for between HTML and XHTML got lots of attention when it was new, but now that React is so standard and so widely adopted in bootcamps I'm worried that some of the gotchas are getting overlooked.

Thoughts?
Switched to Alacritty
Tags: terminal, alacritty
Published: 2018-05-01 15:16:43

---
title: Switched to Alacritty
published: true
description: Why I switched to Alacritty
tags: terminal, alacritty
---


I just switched to using Alacritty (as in about 40 mins ago, give or take). It's a fair bit more bare bones then the ITerm2 I was using but to be completly honest I never used any of the extra features provided by it so I'm not missing anything. 

It's a lot faster than Iterm2 by a lot I'm also finding that Nvim has sped up a lot and by far the best feature is that it's solved one the biggest bugbears I've ever had about Iterm2 (and Apples Term). I use Powerline fonts but one the biggest issues is that ITerm2 never rendered them properly as a result the tips of the powerline characters stuck up and as a result made everything just a little bit ugly. That problem is non-existent on Alacritty (at least for me)

AS for negatives there are a few. To use it as an `.app` you have to clone the repo and then build it, not a big issue but it took a while. 

I did have issues getting Alacritty to find the font I wanted. I told it to look for a font called `Knack Regular Nerd Font Complete` but it kept saying it didn't exist. I posted an issue and someone said they tried `Knack Nerd Font` so I tried that and it worked.

Finally there is a bug I get with tmux, where the last character of the status line is moved to the beginning of the next line. For some people it would be a deal breaker but for me I can live with it as it appears next to buffer tab line (airline) on neovim so I don't notice it plus I can live with that over misaligned powerline characters so long as I set the last line of the tmux status line to `|`. I've added an [issue on Github](https://github.com/jwilm/alacritty/issues/1288) so hopefully it gets fixed soon.

Any way, I'm really liking it and can't wait for it to get even better.
Creating a production ready API with Python and Django Rest Framework - part 1
Tags: django, rest, python, tutorial
Published: 2018-05-01 13:09:08

---
title: Creating a production ready API with Python and Django Rest Framework - part 1
published: true
description: The aim if this tutorial is to show how to create a production ready solution for a REST API, using Python and Django Rest Framework.
tags: django,rest,python,tutorial
cover_image: https://thepracticaldev.s3.amazonaws.com/i/tqmpbu69ym1fzhae1emt.png
---

The aim if this tutorial is to show how to create a production ready solution for a **REST API**, using **Python** and [Django Rest Framework](http://www.django-rest-framework.org). I will show you how to first create a very basic API, how to handle the authentication and permissions and I will cover deployment and hosting of images. The full source code of the tutorial is available at: <https://github.com/andreagrandi/drf-tutorial>

### Summary of the complete tutorial

1.  Create the basic structure for the API
2.  [Add Authentication and POST
    methods](https://www.andreagrandi.it/2016/10/01/creating-a-production-ready-api-with-python-and-django-rest-framework-part-2/)
3.  [Handling details and changes to existing
    data](https://www.andreagrandi.it/2017/03/12/creating-a-production-ready-api-with-python-and-django-rest-framework-part-3/)
4.  [Testing the API](https://www.andreagrandi.it/2017/08/17/creating-a-production-ready-api-with-python-and-django-rest-framework-part-4/)
5.  Switching from Sqlite to PostgreSQL
6.  Hosting the API on Heroku
7.  Add an Image field and save images to S3

### Create the basic structure for the API

For this tutorial I will assume you have correctly installed at least **Python** (I will use Python 2.7.x), [**virtualenv**](https://pypi.python.org/pypi/virtualenv) and [**virtualenvwrapper**](https://virtualenvwrapper.readthedocs.io/en/latest/) on your system and I will explain how to create everything else step by step.

**Note:** at the time of writing, the tutorial has been based on **Django 1.10.1** and **Django Rest Framework 3.4.7**

### Creating the main project structure

```output
mkdir drf-tutorial
mkvirtualenv drf-tutorial
cd drf-tutorial
pip install django djangorestframework
django-admin.py startproject drftutorial .
cd drftutorial
django-admin.py startapp catalog
```

### Data Model

We will create the API for a generic products catalog, using a very simple structure (to keep things simple). Edit the file **catalog/models.py** adding these lines:

```python
from __future__ import unicode_literals
from django.db import models


class Product(models.Model):
    name = models.CharField(max_length=255)
    description = models.TextField()
    price = models.DecimalField(decimal_places=2, max_digits=20)
```

You can find the rest of the tutorial on my blog https://www.andreagrandi.it/2016/09/28/creating-production-ready-api-python-django-rest-framework-part-1/
[GERMAN] Bear of the Day - Pseudo Tabellen mit Markdown und Code Blocks
Tags: bear, tipp, german, deutsch
Published: 2018-05-01 12:57:18

---
title: [GERMAN] Bear of the Day - Pseudo Tabellen mit Markdown und Code Blocks
published: true
description: Pseudo Tabellen mit Markdown und Code Blocks
tags: Bear, Tipp, German, Deutsch
---

> Dieser Tipp funktioniert leider nur eingeschränkt am Mac, da in der iOS (iPhone) Darstellung durch den kleinen Screen und Line Wrapping durcheinander gebracht wird. :( 

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

Zum jetzigen Zeitpunkt (15.04.2018) besitzt [Bear for iOS (App Store Link)](https://itunes.apple.com/us/app/bear-beautiful-writing-app/id1016366447?ls=1&mt=8) und [Bear for Mac OS (App Store Link)]([https://itunes.apple.com/us/app/bear-beautiful-writing-app/id1016366447?ls=1&mt=8) leider nicht die Möglichkeit Tabellen darzustellen. 

Nun habe ich aber dennoch den Schritt gewagt und werde vollständig zu Bear umziehen, gerade da ich für mein Informatik Studium so wenig Ballast (verschiedene Apps) nutzen möchte. 

Als ich meine `.md` Datein in Bear von iA Writer kopierte viel mir auf, dass meine Tabellen natürlich komplett durcheinander geraten sind. Da ich aber wusste, dass die gut formatiert waren überlegte ich diese einfach in ein `Code Block` zu packen. 

> Code Blocks erzeugt man wie oben im Bild zu sehen mit drei `Gravise, einfach`  [Wikipedia Link](https://de.wikipedia.org/wiki/Gravis_(Typografie)).  

Ich finde sie sehen brauchbar und gut lesbar aus, auch wenn diese Möglichkeit wahrscheinlich an ihre Grenzen läuft, wenn man wirklich lange Tabellen aufstellen möchte.

In der Hoffnung, dass die Entwickler von Bear nun aber die standart Markdown Implementation von Tabellen nutzen werden, werd ich einfach so bald diese erschienen ist, die Code Blocks von den Tabellen entfernen und hoffentlich dann wunderschön aussehende Tabellen haben.

Falls ihr weitere Ideen für ein Bear of the Day habt, vor allem wie ihr so mit Mathematischen Formeln umgeht, schreibt mir, [@KurzGedanke](https://twitter.com/KurzGedanke), doch einfach ein Tweet und lasst es mich wissen. 😊
Command as a service
Tags: bash, go, rest, api
Published: 2018-05-01 12:05:27

---
title: Command as a service
published: true
description: Run bash commands as RESTful services.
tags: bash, go, rest, api
---

Did you hear about FaaS? Now you can run shell commands as RESTful services (CaaS) with just a command and an endpoint.

![really??](https://sayingimages.com/wp-content/uploads/did-you-oh-really-meme.png)


https://github.com/cooldrip/comando
PnP PowerShell adding navigation links
Tags: powershell, spfx, code, pnp
Published: 2018-05-01 09:20:34

---
title: PnP PowerShell adding navigation links
published: true
description: PnP PowerShell OOTB navigation code 
tags: #powershell #spfx #code #pnp 
---

How to add a Navigation link with child links to numerous sites with PnP PowerShell


```
$tenantUrl = "https://YOURTENENT.sharepoint.com/"

$cred = Get-Credential

$sites = "Site1", "Site2", "Site3", "Site4"

foreach($name in $sites) {  

    Connect-PnPOnline -Url "$tenantUrl/sites/$name/SitePages/" -Credentials $cred

    Add-PnPNavigationNode -Title "Parent Link" -Url "$tenantUrl/sites/mysite/SitePages/somesite1.aspx" -Location "QuickLaunch"
    Add-PnPNavigationNode -Title "Child one" -Url "$tenantUrl/sites/mysite/SitePages/somesite2.aspx" -Location "QuickLaunch" -Header "Parent Link" 
    Add-PnPNavigationNode -Title "Child two" -Url "$tenantUrl/sites/mysite/SitePages/somesite3.aspx" -Location "QuickLaunch" -Header "Parent Link" 
    Add-PnPNavigationNode -Title "Child three" -Url "$tenantUrl/sites/mysite/SitePages/somesite4.aspx" -Location "QuickLaunch" -Header "Parent Link" 
    Add-PnPNavigationNode -Title "Child four" -Url "$tenantUrl/sites/mysite/SitePages/somesite5.aspx" -Location "QuickLaunch" -Header "Parent Link" 
}
```
Checkout these excellent PowerShell resources 

My good friend Velin Georgiev blog is an excellent resource on all things SharePoint
https://blog.velingeorgiev.com/provision-custom-list-sharepoint-pnp-powershell

Also found this great Cheat sheet
http://compari.tech/powershell
JSON.NET append to existing key
Tags: netcore, aspnetcore, csharp, beginners
Published: 2018-05-01 08:59:05

---
title: JSON.NET append to existing key
published: true
description: JSON.NET append to existing key
tags: netcore, aspnetcore, csharp, beginner
---

A quick example for appending to an existing key in a JSON.NET object, since for me at least it wasn't clear in the documentation.

```csharp
JObject myJson = new JObject(new JProperty("errors", new JObject()));

/// we can now reference it as follows just match the type

myJson["errors"].Value<JObject>().Add(new JProperty("title", title));
```

Small update:

You can even add multiple entries to an JArray the same way

```csharp
/// assuming errors is a JArray, this will automatically append new entries
ErrorReponse["errors"].Value<JArray>().Add(new JObject(new JProperty("title", title)));
```
Simple memorization
Tags: ruby, beginners
Published: 2018-05-01 08:58:21

---
title: Simple memorization
published: true
description: how to memorize using `||=`
tags: ruby, beginner
---

I know `||=`, but I have to know more feature of this.


- Simple simple
```ruby
class Smile
  attr_accessor :smile

  def ensmile
    @smile = "SMILE"
  end
end
```

- Use memo simply
```ruby
class Smile
  attr_accessor :smile

  def ensmile
    @smile ||= "SMILE"
  end
end
```

- TEST With begin 1)
```ruby
class Smile
  attr_accessor :smile

  def ensmile
    @smile ||= begin
      "SMILE"
    end
  end
end
```

- TEST With begin 2)
```ruby
class Smile
  attr_accessor :smile

  def ensmile(cry: false)
    @smile ||= begin
      cry ? "CRY" : "SMILE"
    end
  end
end
```

- TEST includes handling error
```ruby
class Smile
  SmileError = Class.new(StandardError)

  attr_accessor :smile

  def ensmile(cry: false)
    @smile ||= begin
      raise SmileError if cry
      "SMILE"
    rescue SmileError
      "CRY"
    end
  end
end
```

- Spec file
```ruby
require 'spec_helper'
require_relative '../lib/smile'

RSpec.describe Smile do
  let(:smile) { described_class.new }
  describe '#ensmile' do
    it 'returns "SMILE"' do
      expect(smile.smile).to be_nil
      expect(smile.ensmile).to eq 'SMILE'
      expect(smile.smile).to eq 'SMILE'
    end

    it 'returns "CRY"' do
      expect(smile.smile).to be_nil
      expect(smile.ensmile(cry: true)).to eq 'CRY'
      expect(smile.smile).to eq 'CRY'
    end
  end
end
```

repo: https://github.com/shtakai/simple-smile