teleren/devto huggingface dataset:
On Glitch This Week
Tags: glitch, glitchthisweek, showdev
Published: 2019-06-14 16:08:00

---
title: On Glitch This Week
published: true
canonical_url: https://glitch.com/@glitch/glitch-this-week-june-12-2019
series: Glitch This Week
cover_image: https://cdn.glitch.com/0aa2fffe-82eb-4b72-a5e9-444d4b7ce805%2FdevTwoG10.png?v=1560528032874
description: Just a few projects that caught our eye this week on Glitch (June 12, 2019).
tags: glitch,glitchthisweek,showdev
---

Glitch This Week is a regular series in which we round-up just some of the amazing projects that fantastic creators have made on [Glitch](https://glitch.com/). Here are a few projects that caught our eye this week.

## [Get Doodling](https://glitch.com/~doodle-place)

[Lingdong Huang](https://glitch.com/@LingDong-)'s "[doodle-place](https://glitch.com/~doodle-place)" is a virtual world inhabited by user-submitted, computationally-animated doodles. Anyone can draw something, which then gets automatically animated before being added to a wireframe world populated with other folk's doodles.

Of course, this is the internet, so the user-submitted doodles are frequently phallic. But it's a lot of fun nonetheless 😅

{% glitch doodle-place app %}


## [Make a Zine](https://glitch.com/~zine-machine)

We love zines at Glitch - we've even made a few of [our own](https://glitch.com/culture/tag/zine/). So I will admit to having something of a soft spot for "[zine-machine](https://glitch.com/~zine-machine)" by [Rowan Merewood](https://glitch.com/@rowan-m).

It's a template for making zines that you can read online or print, cut, and fold to make your own physical version. You know, to read IRL. This voodoo is achieved through a print-specific CSS grid layout. But by remixing the template, you're a big chunk of the way along to making your own zine.

{% user rowan_m %}
{% glitch zine-machine app %}


## [Celebrate Emoji Makers](https://glitch.com/~ft-emoji-league)

If your workplace is anything like mine, your group chat is a whole lot of custom emojis. Well, it seems that the Financial Times is a lot like that too, at least judging from [Bren Brightwell](https://glitch.com/@quarterto)'s app, "[ft-emoji-league](https://glitch.com/~ft-emoji-league)". It's a league table for Slack workspace custom emojis, listing the names of folks who have created the most. You can remix it, swap a few variables, and see who has _a little too much_ time on their hands in your office.

{% glitch ft-emoji-league app %}

Other apps in [this week's round-up](https://glitch.com/@glitch/glitch-this-week-june-12-2019) include an online multiplayer world made entirely of emojis, a favicon that shows a page preview, and a minimal i18n library. [Check them out](https://glitch.com/@glitch/glitch-this-week-june-12-2019)!
What gives you the most anxiety when freelancing?
Tags: discuss, webdev, entrepreneur, freelance
Published: 2019-06-14 15:46:18

---
title: What gives you the most anxiety when freelancing? 
published: true
description: 
tags: #discuss #webdev #entrepreneur #freelance
---

For me, its always been invoicing.

My mother owns a computer repair store and in my teens, I was responsible for invoicing which had to be met with perfection. Had to capitalize words a certain way, word things a certain way.

I will spend so much time reviewing and perfecting invoicing.
Getting rid of Time Zone issues within Azure Functions
Tags: dotnet, azure, serverless
Published: 2019-06-14 15:45:06

---
title: Getting rid of Time Zone issues within Azure Functions
published: true
tags: dotnet,azure,serverless
canonical_url: https://blog.maximerouiller.com/post/getting-rid-of-time-zone-issues-within-azure-functions/
---

Your client wants to run a database clean up task every day at 2 am. Why? Mostly because it's when there's no traffic on the site and it reduces the amount of risk of someone encountering problems due to maintenance tasks.

Sounds good! So as an engineer, you know that task is periodic and you don't need to create a Virtual Machine to handle this task. Not even an AppService is required. You can go serverless and benefit from those free million monthly executions that they offer! Wow. Free maintenance tasks!

You create a new Function app, write some code that looks something like this.

```csharp
[FunctionName("DatabaseCleanUpFunction")]
public static void Run([TimerTrigger("0 0 2 * * *")]TimerInfo myTimer, ILogger log)
{
    // todo: clean up the database
}
```

Wow! That was easy! You publish this application to the cloud, test it out manually a few times maybe then publish it to production and head back home.

When you get back to the office the next day, you realize that the job has run yes... but at 10 pm. Not 2 am. What happened!?

You've been struck by Time Zones. Oh, that smooth criminal of time.

## Default time zone

The default timezone for Azure Functions is UTC. Since I'm in the Eastern Time Zone, this previous function now runs at 10 pm instead of 2 am. If there were users that were using my application at that time, I could have severely impacted them.

That is not good.

## The Fix

There are two ways to go around this. One, we change our trigger's CRON Expression to represent the time in UTC and keep our documentation updated.

The second way is to tell Azure Functions in which timezone they should interpret the CRON Expression.

For me, a man of the best Coast, it involves setting the `WEBSITE_TIME_ZONE` environment variable to `Eastern Standard Time`. If you are on the lesser Coast, you may need to set yours to `Pacific Standard Time`.

However, let's be honest. We're in a global world. You need [The List™](https://docs.microsoft.com/previous-versions/windows/it-pro/windows-vista/cc749073(v=ws.10)?WT.mc_id=devto-blog-marouill#time-zones).

Find your region on that list, set it in the `WEBSITE_TIME_ZONE`, and Azure Function automatically set the correct Time Zone for your CRON expression.
4 handy ways to create an element with properties in Javascript
Tags: javascript, webdev, discuss, frontend
Published: 2019-06-14 15:41:37

---
title: 4 handy ways to create an element with properties in Javascript
published: true
description: A post to show some different ways to create elements with properties in javascript 
tags: #javascript #webdev #discuss #frontend
---

Here are some different ways to create an element with some properties using Javascript. You can paste all of them directly in the console. Some are more handy than others, but the purpose of this post is primarily for fun.

# The Oldschool

```javascript
let elem1 = document.createElement('div');
elem1.id = 'fizz';
```

# The Coolest

I learnt this here on dev.to with [Sam Thorogood](https://dev.to/samthor), and im not finding the original post for now (i cant remember where but i know that i read about it on his post). Thanks Sam.

```javascript
let elem2 = Object.assign(document.createElement('div'), {
  id: 'fizz'
});
```

# The Expensive

I think this can be very useful when you want o create a complex element tree with many children and have sure that is all ok.

```javascript
let html = '<div id="fizz"></div>';
let elem3 = new DOMParser().parseFromString(html, 'text/html').body.firstChild;
```

# The Ugly

```javascript
let elem4 = document.createElement('div');
for (var [key, value] of Object.entries({id:'fizz'})) {
  elem4[key] = value;
}
```

I didnt checked all the concerns with those codes as compatibility etc, but i think its a nice thing to know anyway. Google or friends can surely help about the applicability concerns. If you know some other cool ways, please share :)
[SOLVED]Why doesn't my Django app display the 404 page even when Debug = False?
Tags: help, django
Published: 2019-06-14 15:27:35

I think I've tried everything I found on the internet in the past 2 days and I can't find the right setting to display the error pages.

My views are

<pre>
...
from django.shortcuts import render, render_to_response
from django.template import RequestContext

def handler404(request, exception, template_name="404.html"):
    response = render_to_response("404.html")
    response.status_code = 404
    return response

def handler500(request, exception, template_name="500.html"):
    response = render_to_response("500.html")
    response.status_code = 500
    return response
</pre>

Settings.py

<pre>
DEBUG = (os.environ.get('DEBUG_VALUE') == 'False')

ALLOWED_HOSTS = ['*', '127.0.0.1']
</pre>

Main urls.py
<pre>
handler404 = 'portfolio.views.handler500'
handler500 = 'portfolio.views.handler500'
</pre>

I use Python 3.7 and Django 2.2

Anyone know this?

## [This is the link to the Solution](https://dev.to/pedromendes96/comment/c143)
Learn Modern JavaScript
Tags: javascript, develop, web
Published: 2019-06-14 15:24:32

---
title: Learn Modern JavaScript
published: true
description: javascript, web, html
tags: javascript, develop, web
---
![](https://thepracticaldev.s3.amazonaws.com/i/ill7x2ucavs7uoibz4hl.png)

*JavaScript* is the language for the web. 

**Any web app uses it**. Including all the popular web apps like banking, youtube, twitter, social networks. Really any web app.  

On top of that, **most websites use JavaScript**.

If you want to be a web developer, you should know JavaScript. 
But *where do you start learning JavaScript?*

You can take the free course below.

Do you want to learn JavaScript?

* <a href="https://skl.sh/2MXY8tc">*Watch free course*</a>


Get started with JavaScript today!
Did you transition to tech from another career?
Tags: discuss, career
Published: 2019-06-14 15:16:09

---
title: Did you transition to tech from another career?
published: true
tags: discuss, career
---

I'd love to hear if you've transitioned to tech from another career and why you decided to make the switch! 

**🌟Your answer _may_ be included in my [UndergroundJS](https://undergroundjs.com/) keynote talk in August! 🌟**
What was your win this week?
Tags: weeklyretro
Published: 2019-06-14 14:53:46

👋👋👋

Looking back on your week -- what was something you're proud of?

All wins count -- big or small 🎉

Examples of 'wins' include:

- Getting a promotion!
- Starting a new project
- Fixing a tricky bug
- Cleaning your house...or whatever else that may spark joy 😄

Happy Friday!

BTW - I'll be doing all the things associated with 'getting married' starting next week so Michael will be taking over the next three retro posts! You should follow him :)

{% user michaeltharrington %}
Angular (click) - multiple functions? 
Tags: angular, javascript, discuss
Published: 2019-06-14 15:10:01

Scenario
-> on click of a button you need to check data from two functions with (click) attribute.

Do you :
A) create a third function which encapsulates the two & pass that in the (click).
Example : (click)="thirdFunction()"
B) you pass both of them.
Example : 
(click)="first(); second();"

What seems to be the best practice for you?
How does your team approach unit testing?
Tags: discuss, testing, javascript
Published: 2019-06-14 15:06:44

I work for a large organisation, but a fairly new team. Our tech stack is JavaScript based (Node, Typescript, Angular, AWS Lambda). As a core principle for our team, we strive to always hit 100% unit test coverage in any project we work on. 

While this is generally a great practice to follow, after doing this for multiple projects I can see some downsides to always having to hit 100%. 

Eg:

- Having to fully mock certain things (Databases, AWS Services, etc...) just to hit the magic 100% number.
- Sometimes tests are added only to ensure the code is covered, instead of actually being a useful test.
- Having a 100% coverage policy takes a lot of time and effort to do, but doesn't actually ensure the app works end-to-end without also adding E2E tests.

From experience, I think a middle ground with high test coverage, but also including end-to-end testing seems like a better way to test applications (although this also has challenges).

I would be interested to hear about other options / opinions here, and if there are other means to ensure test coverage is high, but also functional.
It's Friday: let's dev in music!
Tags: discuss, music, productivity, friday
Published: 2019-06-14 14:59:35

As a developer, I really enjoy to code while listening to some music (it's one of the benefits of our job). I think it helps me to focus and destress.

At work, when I look around me, there's only one or two people who aren't wearing headphones... 😅

![Pingu](https://media.giphy.com/media/ku5EcFe4PNGWA/giphy.gif)

I'll share with you each Friday a song that I particularly liked. I know everybody won't like the songs I'll share, but it's not the main purpose. The goal of these posts is to exchange about this awesome way to focus or chill up in our job (coding is stressing and it varies depending on each developer).

Why ? I think we can all exchange about songs and kind of music that we're listening to at job (and why). To my mind, it brings joy and happiness (especially the Friday). Let's relax and enjoy life a little bit!

Today, it's the song "Love.Me" from the artist "Driver". It comes from the album "Forest" which is really good.

{% youtube q0AOk4CxYhw %}

Feel free to let me know if you liked the song, the post type and to share any song you're currently listening to and what is the importance of music at work for you.

Finally, I would like to share with you this awesome article that deals with music at work:
{% link https://dev.to/perigk/the-definite-guide-to-pick-the-correct-music-while-working-2e7n %}

Have a nice Friday! 🖖
10 years of web development; 10 life lessons.
Tags: webdev, career, learning, reflection
Published: 2019-06-14 14:37:52

---
title: 10 years of web development; 10 life lessons.
published: true
description: 10 years of web development; 10 life lessons.
tags: webdev, career, learning, reflection
cover_image: https://blog.davidjeddy.com/wp-content/uploads/2019/06/10_years_of_web_development-930x620.jpg
---

Soured from [my blog](https://blog.davidjeddy.com)

<!-- wp:paragraph -->
<p>Ten years ago (2009) the economic recession was in full swing. Every week another bank would collapse, millions of homes would go into foreclosure proceedings, and I started my career as a professional web developer. With a degree in hand and a little hobby experience, I set out into the cruel, cruel job market.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":1472} -->
<figure class="wp-block-image"><img src="https://blog.davidjeddy.com/wp-content/uploads/Automotive_Engines/transmission-new.jpg" alt="" class="wp-image-1472"/><figcaption>Anyone know what this is?</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>It took nearly 6 months to find my first role as a 'jr web developer'. Later finding out I was the only candidate that could create a working submit form. Yea, 4 year degree to show off something I knew _before_ university. Soon, I'll be a Infra-Engineer for a payment processor after spending a couple years in the SRE/DevOps consulting realm. Here are the 10 lessons I have learned over the last 10 years the in information technology.</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul><li>Knowledge is a resource best shared.</li><li>The end user is always correct; conversely, the end user is never correct. </li><li>The end user will always find a way to use your program differently than intended. </li><li>If you know more about a subject than everyone else in the room, you are the expert.</li><li>You are your own best champion. No one knows your strengths and weaknesses better than you. Put yourself where you want to be.</li><li>Learn something new every day; the results are compounding.</li><li>Break complex systems into small single focus pieces. Systems are easier to understand, manipulate, and iterate as small pieces.</li><li>Ignore the imposter syndrome feelings, no one knows everything about everything.</li><li>Everything is an abstraction. Understand the low level means you automatically understand 1/2 the higher level abstractions.</li></ul>
<!-- /wp:list -->

<!-- wp:image {"id":1339} -->
<figure class="wp-block-image"><img src="https://blog.davidjeddy.com/wp-content/uploads/Chad_Hagan_Art_and_Design/Broad-Institute/Assemblage_crop.png" alt="" class="wp-image-1339"/><figcaption>So many things, so complicated.</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>So there you go. Successes, failures, hard won battles, and easily lost fights. Distilled down to 10 learned lessons. So how about you, any lessons you have learned in the past decade you can share?</p>
<!-- /wp:paragraph -->


[Photo by Matthew Fournier on Unsplash.](https://unsplash.com/photos/5NM32v14n6M)
Which programming YouTube Channels are you following?
Tags: discuss, youtube, programming, askdev
Published: 2019-06-14 14:33:47

---
title: Which programming YouTube Channels are you following?
published: true
tags: discuss, youtube, programming, askdev
---

I'm working on a new cool project (Open Source 🤩) and for it I need to know: which programming YouTube Channels are you following?

I'll share more about this project after I have it live, but before I need the data! :smiley:
Creating of shy.js to build Stateful DOM.
Tags: javascript, jquery, frontend
Published: 2019-06-14 14:31:12

---
title: Creating of shy.js to build Stateful DOM.
published: true
description: 
tags: #js #javascript #JQuery #front-end
---

Over the years, I've been writing different size, scale web apps.
I started with jquery at the beginning and wrote many apps at a production level. I enjoyed the JQuery concept of holding DOM elements by selectors and do whatever you want with it.
It was amazing and making sense to me how it works until I used (React.js), and it did blow my mind I mean just the concept of the component design paradigm and passing the state all over the components tree just was state of the art and power saving and efficient rendering.

But it comes with a price which is the learning curve, many of my friends are web designers and finding it hard to adopt (React.js), and they always be crazy when they see the verity of (React.js) Examples that written in weird stuff (ES6, Typescript, JSX). 
And they almost only involved with simple apps that live inside landing pages that they design (Forms, Simple Scroll interactivity, price table, product preferences checks, carts, etc.).
 However, Jquery looks very easy for them and easy to include and start. 

So I thought that might bringing (Reactjs) concept to them mixing it with jquery style would help :) 

that's why I created (shy.js) tiny javascript library for apps that lives inside landing pages.

https://github.com/rayeddev/shy.js

still, in early development, I hope it makes sense to you and please bless with feedback
JavaScript and Scope III - Arrow Functions
Tags: javascript
Published: 2019-06-14 14:22:01

As you saw in the [JavaScript and Scope I - Intro](https://blog.toddbiz.com/blog/2019-06-01-javascript-and-scope/) and [JavaScript and Scope II - Functions](https://blog.toddbiz.com/blog/2019-06-03-javascript-and-scope-ii/), functions create a new scope which will hide or shadow the value of variables in a higher scope, such as global scope.

What about arrow functions? Let's go back to our first ever code example and change it to an arrow function.

```js
var bar = () => {  var foo = 2;
  console.log(foo); // logs 2
}

bar();

// Edit and run the code if you don't remember
// what the next line results in.
console.log(foo);
```
<div class="jsfiddle-link">
  <a href="https://jsfiddle.net/tchaffee/xqtwu138/" target="_blank">Edit in JSFiddle</a>
</div>

If you run the code above, you'll see that scope behaves the same as a regular function declaration: The `foo` variable only exists inside the function scope, and does not exist in the global scope.

The same is true of all the other examples given so far. If you want to see for yourself and have a few minutes, go ahead and edit every code example from the previous two articles and change them to use only arrow functions. Use the example above as a guide for how to change a regular function declaration to an arrow function. In each case, you will need to declare a variable to give the arrow function a name. Here are all the examples from the last two articles.

<div class="jsfiddle-link">
  <a href="https://jsfiddle.net/tchaffee/0oy9jc1n/2/" target="_blank">Example 2, Edit in JSFiddle</a>
</div>

<div class="jsfiddle-link">
  <a href="https://jsfiddle.net/tchaffee/0jwyg6za/" target="_blank">Example 3, Edit in JSFiddle</a>
</div>

<div class="jsfiddle-link">
  <a href="https://jsfiddle.net/tchaffee/bue5zf9w/" target="_blank">Example 4, Edit in JSFiddle</a>
</div>

<div class="jsfiddle-link">
  <a href="https://jsfiddle.net/tchaffee/x3f1Ln8e/" target="_blank">Example 5, Edit in JSFiddle</a>
</div>

There are a couple of exceptions to how scope works in arrow functions. Arrow function scope does not include its own `this` or its own `argument` object, which will be covered in another post. For now we are focusing on the scope of declared variables.

In summary you can count on arrow functions to have their own scope for declared variables, just like regular function declarations.
This Week In Work #3
Tags: review, weeklyreview, weeklyretro
Published: 2019-06-14 14:15:24

---
title: This Week In Work #3
series: This Week In Work
published: true
description: 
tags: review, weeklyreview, weeklyretro
---

It seems a tradition to say that this was last time:

{% link seawolf/this-week-in-work-2-j7 %}

I've recently been on holiday with my family and had a week-long trip visiting our biggest client, so you had to wait to hear what I've been paid to do this week.


### Ready to Launch!

We've been working towards the launch of the project that I'm leading! I've made sure to keep up the documentation and meeting minutes so everyone listening can shout out as early as possible.

Both parties have accepted some shortcomings, and - importantly - backed-up by numbers, so we can launch our MVP quicker. It's great to have a cross-company team that wants to learn and iterate!

##### Conclusion

It's just as important to keep focussed on the _why_ at the start of a project as it is through to the end. Don't be afraid to let something change before launch, if it is important enough.

### Breathing Space

It's been refreshing to wind-down for a few hours by working on a side-project. I'm deliberately using different designs and software patterns to what I'd normally do, in a more hands-on approach to reading books. I tend to appreciate the differences and side-effects more, this way. I hope to share more as the product takes shape, though to some it might be interesting already!

##### Conclusion

Professional development doesn't have to be academic, like reading thick books or writing proposals or reports. A company that trusts their colleagues won't complain if they are spending a small amount of time building things for themselves - competition clauses apply, of course! It's important to use that time to stretch yourself, as you've got the safety of being able to throw it away without costing your employer too much money.
Decode Row & Column
Tags: flutter, androidappdevelopm, softwaredevelopment, iosappdevelopment
Published: 2019-06-29 15:57:50

---
title: Decode Row & Column
published: true
tags: flutter,android-app-developm,software-development,ios-app-development
canonical_url: https://medium.com/@greg.perry/decode-row-column-8b88ad2d758c
---

[![](https://cdn-images-1.medium.com/max/901/1*A6paCgaut29QscgEXlQ-dg.png)](https://medium.com/@greg.perry/decode-row-column-8b88ad2d758c?source=rss-64fbd8c9e171------2)

An in-depth look at the Row and the Column widget

[Continue reading on Medium »](https://medium.com/@greg.perry/decode-row-column-8b88ad2d758c?source=rss-64fbd8c9e171------2)