teleren/devto huggingface dataset:
TGIF 🎉🎊
Tags: javascript, htt, beginners, svelte
Published: 2020-01-10 17:18:01

**Thank God it’s Friday**


Yeah it’s Friday friends, I know it has been a great week so far, A great week of new beginning, new projects,  promotions at work or you just accomplish those tasks, 🤨 
Cheers🍻 

As we all Stay Happy learning those new things, pls don’t forget to  always 
Feel Good while you do More. 
Smile 😁

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

Bind:(“TGIF”)
What is best source to master Angular in 2021 ?
Tags: discuss, angular, webdev, career
Published: 2020-01-10 16:53:52



Hi all :smile:, Let's discuss what is best source to learn and master `Angular` from scratch in 2020 ?

Below I am sharing 7 sources which I came to know: :+1:

1. Learn using `Angular` official [docs](https://angular.io/docs)
2. Learn using Top Angular Course in [udemy.com](https://www.udemy.com/) or [pluralsight.com](https://www.pluralsight.com/)
3. Learn using [frontendmasters.com](https://frontendmasters.com/learn/angular/) courses.
4. Learn using [ultimatecourses.com](https://ultimatecourses.com/courses/angular) - little costly. 
5. Learn using [indepth.dev](https://indepth.dev/angular/)
6. Learn free using popular YouTube videos
7. Buy a popular `Angular` book

Do you like to read books or watch course videos and do Hands On ? 

Do you know any best course in `Angular` ?

What do you think ? 
What is the best source ? 
How are you planing to master ?
Goats On A Map (no-code tutorial + free template)
Tags: nocode, lowcode
Published: 2020-01-10 16:40:01

---
title: Goats On A Map (no-code tutorial + free template)
published: true
description: Learn how to build a google maps app without code
tags: #nocode #no-code #lowcode #low-code
---
# No-Code Google Maps 

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/98xgcf2l10mw92d0ryjo.gif)

Hi everyone, I'm Andrew, and I'm building NoCo. It's a no-code development platform. We're just getting started so if you have any thoughts on other tutorials or are trying to build something, let me know!

Our latest feature is Google Maps. You can put custom icons, cluster icons, and create a custom pop up when an item is clicked on all without code. Your users can sign up and add goats to the map and they will appear on the unauthenticated home page. 

You can view a demo [here](https://noco-apps-5e167161cfaee200117e7ebe-app-dev-iqwznvcybq-uc.a.run.app/)

Let's kick it off with the map component. In NoCo, you can choose custom markers, cluster elements, and add a custom info window.  

You can also set the center, and tie it to a data model so users could upload coordinates and you could display them on a map. Now, in reality, this mapping feature would probably be used in a larger scope such as a field agent recording data on a car accident and geo-stamping their activity automatically. It's easy to think of more complicated use cases but just for show, we're going to stick with putting goats on a map.


![no-co google maps component](https://blog.noco.io/content/images/2020/01/Screen-Shot-2020-01-09-at-7.16.37-AM.png)

Let's just briefly go over the data model for this application. It's very simple, with only one data model in addition to the users table (that comes out of the box). We don't have to do anything with the user model for this app.


![no-code data model for gps coordinates](https://blog.noco.io/content/images/2020/01/Screen-Shot-2020-01-09-at-7.19.24-AM.png)

If you notice on the right hand side, there's a lat and lng field. They're both of a data type called "float". Essentially we need to tell the database that a number like -118.199997 shouldn't be trimmed to -118. That's what the Float field type does.

That was probably the most complicated part, so congrats. You're well on your way to understanding Goats on A Map.

The next section lets authenticated users add a goat to the map.

![add a goat](https://blog.noco.io/content/images/2020/01/Screen-Shot-2020-01-09-at-7.33.41-AM.png)

No secrets here. Users can add the name, lat, lng, and upload a photo, and it will appear on the map.

The point of this template is to get you up and running with mapping on NoCo quickly. You can clone this template for free, just head over to https://app.noco.io to sign up and clone this template.
dev.to video uploads not transcoding
Tags: help, meta
Published: 2020-01-10 16:33:40

Hi all. I uploaded my first video a few days again, and that worked fine. I uploaded another video a couple days ago, and it is still transcoding. Same with a few others I tried since then. They are all transcoding.

Am I doing something wrong? Did I stumble into a bug with my specific account? Are video uploads / transcoding down or timing out?

Thanks for the help!
Writing for CodeTips
Tags: watercooler, codetips, writing
Published: 2020-01-10 16:32:13

[CodeTips](https://www.codetips.co.uk) is not a Social Media platform like Dev, it's not an "open for everyone/everything" writing experience like Medium.

I like to see CodeTips as between a personal blog and everything else out there.

We're never going to have hundreds of writers, nor do we want to, that can write whatever they want like FreeCodeCamp. We want a handful of regular writers, that decide what to write about.

If you are interested in writing for [CodeTips](https://www.codetips.co.uk) please leave a comment, or get in [Contact](https://www.codetips.co.uk/contact-us/).
PostgreSQL Pro Tip: Beware of BETWEEN
Tags: sql, postgres, database
Published: 2020-01-10 16:30:02

Be careful when using `BETWEEN` with timestamps. You might end up chopping off a whole day of data 😬

Imagine you were chief safety inspector at a local trampoline park (bonus points if that is your job in real life). You might write a query like this to get a report of accidents in December:

```sql
SELECT *
FROM accidents
WHERE created_at BETWEEN '2019-12-01' AND '2019-12-31'
```
Looks good, right? Nope.
  
This query would omit any mishaps the whole day of December 31. Why? **Your query only looks from midnight** on Dec 1 to midnight on Dec 31. Any bump, abrasion, or mid-air collision that occurred after midnight on the 31st won't be in your results. The query above is the same as:
```sql
SELECT *
FROM accidents
WHERE created_at >= '2019-12-01 00:00:00.000000'
AND created_at <= '2019-12-31 00:00:00.000000'
 ```
You can avoid this problem by writing the query:
```sql  
SELECT *
FROM accidents
WHERE created_at >= '2019-12-01'
AND created_at < '2020-01-01'
```
The lesson: save `BETWEEN` for discrete quantities like integers. And stay away from trampoline parks. We’ve seen the data and it doesn't look pretty.
How to implement a feature like add stories similar to Facebook or Instagram on the web?
Tags: webdev, explainlikeimfive, mean, mern
Published: 2020-01-10 16:23:11

---
title: How to implement a feature like add stories similar to Facebook or Instagram on the web?
published: True
description: Can anyone please suggest any idea about how to implement a feature like add stories similar to Facebook or Instagram on the web?
tags: web-dev, explainlikeimfive, MEAN, MERN
---
game coding in scratch
Tags: 100daysofcode
Published: 2020-01-10 16:17:02

I taught game coding in scratch today.
Children liked to draw without pencil tool.

[![View on vgy.me](https://i.vgy.me/qVDf6g.png "View qVDf6g.png on vgy.me")](https://vgy.me/u/qVDf6g)

scratch.mit.edu/

day17
Banner exchange platform for open source projects
Published: 2020-01-10 16:09:54

There are many open source projects that are created without a budget, waiting to be discovered, so I thought that one way to help would be to create a tool that helps to exchange banners, transparent, open source and untracked, to randomly display source projects.

-Anyone with a website (not necessarily with an open source project) can display banners.
-Anyone with an open source project can subscribe.

I created this subscription form if you are interested:
[https://airtable.com/shrdmMU9Hdlj6sYKf](https://airtable.com/shrdmMU9Hdlj6sYKf)
Why do you write on DEV?
Tags: discuss
Published: 2020-01-10 16:08:54

What's your reason for constantly writing on DEV, sometimes spending even hours or days on a single post?

* Are you seeking attention, want to get lots of reactions?
* Do you want to share your experiences/ideas?
* Want to help others with your posts?
* Maybe for future references?
* Or something completely else?

Let's discuss, tell us why you write here 😄
Sitecore JSSでレイアウトにプレースホルダを追加する
Tags: sitecore, jss
Published: 2020-01-10 16:05:27

以下の方法でプレースホルダを追加できます。

① `/src/Layout.js`のLayoutコンポーネントにプレースホルダを追加する
```diff
 const Layout = ({ route }) => (
   <React.Fragment>
     ...(省略)...
+    <Placeholder name="my-placeholder" rendering={route} />
     ...(省略)...
   </React.Fragment>
 );
```

② `/sitecore/definitions/placeholders.sitecore.js`に①のプレースホルダを追加する。
```diff
 export default function addPlaceholdersToManifest(manifest) {
   manifest.addPlaceholder(
+    { name: 'my-placeholder', displayName: 'My Placeholder' },  
     { name: 'jss-main', displayName: 'Main' },
   );
 }
```

③ `/package.json`の`rootPlaceholders`に①のプレースホルダを追加する。
```diff
   "config": {
     "appName": "myapp",
     "rootPlaceholders": [
+      "my-placeholder",
       "jss-main"
     ],
     "sitecoreDistPath": "/dist/myapp",
     "sitecoreConfigPath": "/App_Config/Include/zzz",
     "graphQLEndpointPath": "/api/myapp",
     "language": "en"
   },
```
Sitecore JSSでウェブサイトのデフォルト言語を日本語にする
Tags: sitecore, jss
Published: 2020-01-10 16:01:27

以下の方法で日本語化できます。


① `/data/routes`, `/data/dictionary`内の`en.yml`を`ja-JP.yml`にリネーム

② `/package.json`の`language`を以下のように修正
```diff
  "config": {
    "appName": "myproject",
    "rootPlaceholders": [
      "jss-main"
    ],
    "sitecoreDistPath": "/dist/myproject",
    "sitecoreConfigPath": "/App_Config/Include/zzz",
    "graphQLEndpointPath": "/api/myproject",
-   "language": "en"
+   "language": "ja-JP"
  },
```

③ `/sitecore/config/{project-name}.config`を以下のように修正
```diff
 <site patch:before="site[@name='website']"
       inherits="website"
       name="myproject"
       hostName="myproject.dev.local"
       rootPath="/sitecore/content/myproject"
       startItem="/home"
+      language="ja-JP"
       database="master" />
```
Web devs: Learn these four things in 2020
Tags: webdev, javascript, discuss
Published: 2020-01-10 15:39:10

There's an overwhelming amount of new frameworks, tools, and methodologies in the web dev world – whether you're a beginner web developer, or an expert, it can be hard to know what to learn next. In the newest video on the [Bytesized Code YouTube channel](https://www.bytesized.xyz/s/youtube), I'll tell you about four things I think you should explore this year, and why. Hop in the comments of the video and let me know what you're planning on learning this year!

{% youtube wvGfIMPc_SU %}

If you enjoyed the video, give it a thumbs-up, and [subscribe to our channel](https://www.youtube.com/channel/UC046lFvJZhiwSRWsoH8SFjg?sub_confirmation=1) for more web dev content every week. We also have a newsletter where we send out what's new and cool in the web development world, every Tuesday – [join here](https://www.bytesized.xyz/newsletter)!
Stage. Commit. Push. A Git Story (Comic)
Tags: git, beginners, comics, illustrated
Published: 2020-01-10 15:36:53

---
title: Stage. Commit. Push. A Git Story (Comic)
published: true
description: When we're getting started with [Git](), it can be difficult to understand where our files live, how they change state, and when exactly they leave our local machine to reach the external repository. I have an analogy for that.
tags: git, beginners, comics, illustrated
series: Git Illustrated
cover_image: https://thepracticaldev.s3.amazonaws.com/i/jr4fyx4uqh3v0oreou2a.png
---

When we're getting started with [Git](https://git-scm.com/), it can be difficult to understand where our files live, how they change state, and when exactly they leave our local machine to reach the external repository. 

I have an analogy for that:

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

In practice:

1. Work on your postcard (implement your changes). 
2. Put it on the *"staged" pocket* when you're ready to commit (`git add`).
3. Stamp the postcard (`git commit`).
4. When you're ready, put the postcard in the mailbox (`git push`).

For an actual Git guide, please check out [this post](https://dev.to/digitalocean/how-to-use-git-a-reference-guide-6b6) from my friend [Lisa](https://twitter.com/lisaironcutter).
Friday Night Deploys: #7 Goodbye 2019, You Trash Fire (New Year’s Resolutions)
Tags: podcast, webdev, jokes
Published: 2020-01-10 15:36:30

It's a new year, which means it's time to remember that you forgot to post about the last episode of the last year!

This time the DevPlebs talk about: Analytics! The resurgence of rap metal! Burning down a Hot Topic! Perverted philosophers! Marketing the podcast to children! Our three listeners in Australia! Hammering down? Competitive Minesweeper! Low Hanging Fruit! The Fentanyl crisis! Selling the podcast to Disney! Air Bud! Robbing a bank! Making a nemesis of Mark McGrath from Sugar Ray! Our New Year's Resolutions!

## Listen to The Full Episode!
{% spotify spotify:episode:0Mqbi5SYSrCPdQxgJAYnEg %}

**We're also on...**
**Apple Podcasts:** https://apple.co/2FEQvkZ
**Google Music Podcasts:** https://bit.ly/2NfygXB
**YouTube:** https://bit.ly/2R3FmRW

## Get In Touch With Us!
If you would like to share your new year's resolutions that you want us to read out in the next episode you can reach us at the following...

**Twitter:** [@DevPlebs](https://twitter.com/DevPlebs).
**Email:** deadbeats@devplebs.tech

## Follow Our Twitters... If You Want!
[DevPlebs](https://twitter.com/DevPlebs).
[Keith Brewster](https://twitter.com/brewsterbhg).
[Phil Tietjen](https://twitter.com/phizzard).

You can also ask questions or give us some feedback about the show!
New Year, New VS Code Themes
Tags: discuss, vscode, productivity, webdev
Published: 2020-01-10 15:35:31

---
title: New Year, New VS Code Themes
published: true
description: Share your favorite VS Code themes so we can create a list of them and everyone can find new ones to try out.
tags: discuss,vscode,productivity,webdev
---

# What are your favorite VS Code themes (color and file icon themes)?

Let's get a list of themes together so we can all find new ones to try out.

### My Favorite Color Themes
- During the day: [Night Owl](https://marketplace.visualstudio.com/items?itemName=sdras.night-owl&WT.mc_id=devto-blog-brcl)
- At night: [Azure Dark Theme](https://marketplace.visualstudio.com/items?itemName=eddyw.azure-dark-theme&WT.mc_id=devto-blog-brcl)

> Quick Tip: If you want to have your theme changed based on the time of day check out the [Sundial extension](https://marketplace.visualstudio.com/items?itemName=muuvmuuv.vscode-sundial&WT.mc_id=devto-blog-brcl).

### My Favorite File Icon Theme

- [Material Icon Theme](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme&WT.mc_id=devto-blog-brcl)
[VIDEO] Writing CRUD operations for a Swift API 🍭🍦 (Swift 5.1/Vapor 3)
Tags: thetealpickle, swift, backend, vapor
Published: 2020-01-10 15:14:10

---
title:[VIDEO] Writing CRUD operations for a Swift API 🍭🍦 (Swift 5.1/Vapor 3)
published: true
description: 
tags: #thetealpickle #swift #backend #vapor
cover_image: https://thepracticaldev.s3.amazonaws.com/i/7q3fo6uc12523f5e97xd.PNG
---

HELLO INTERNET.👋🏾<br> In this video I go into creating CRUD endpoints for a Swift API !! 🖥

{% youtube zutaVUCQs5s %}

CRUD stands for Creating Retrieving Updating Deleting
Let's get CRUDy 😁

CRUD operations are ways to interact with a database and in this video I show you how to create CRUD endpoints within a Swift API.

This API is created using the Vapor framework and leverages the Fluent library for abstracting out our database interactions.  

You can download the repository I am working on for this video on my [GitHub](https://github.com/thetealpickle/cheese-api-swift) at my cheese-api-swift repository💪🏾
Check out the other videos in the series! 📺

 
<b>Stay connected with me on the internet @thetealpickle, leave a response or send me a tweet on twitter. Dont forget to share the ❤️<br>
Namaste. Jessica 🥔
</b>
Apple Special Event - Introducing 16" MacBook Pro (recreation)
Tags: apple, macbook, presentation
Published: 2020-01-10 14:50:30

Hi all,

This is my video recreating an Apple Product Event. In this video, I introduce the new 16" MacBook Pro to the attendees and the press. I made this video to keep my presentation skills sharp while teaching others how to present like Apple. I will have part 2 of this video detailing how it was made and analyzing Apple's presentations techniques.

Video: https://www.youtube.com/watch?v=IuAIBY6NE6k

The video script is at: https://quanticdev.com/articles/how-to-present-like-apple

All feedback is welcome and I will try to incorporate comments/suggestions into the upcoming analysis video.
Question Friday #1: What is your top 5 tool you use on a daily basis?
Tags: discuss, webdev, productivity
Published: 2020-01-10 14:48:06

What are the top 5 tools you use on a daily basis. 

I use 

At work:
 Visual studios 
 Affinity 
 Browsers(Chrome, Firefox, Internet Explore)
 Excel(to keep track of time)
 Spotify(can’t work without music)

At home:
 Atom
 Trello
 Spotify
 Browsers
 Github Desktop

Also if you wish recommend a few other tools
Udacity Nanodegree
Tags: discuss
Published: 2020-01-10 14:33:32

---
title: Udacity Nanodegree
published: true
description: Opinions about Udacity
tags: discuss
---

👋 

I’m thinking about throwing down some 💰 for a Udacity NanoDegree for possibly Java programming, Cloud Programming, or DevOps. Is anyone familiar or have any experience working with Udacity? 🤔
What is something that you recently learned that you wish you would have learned or understood earlier?
Tags: python, discuss, tutorial
Published: 2020-01-10 14:31:40

---
cover_image: https://res.cloudinary.com/practicaldev/image/fetch/s--AlkrUEij--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://thepracticaldev.s3.amazonaws.com/i/ky6qufl9twxbih2ch6p7.jpg
canonical_url: https://waylonwalker.com/blog/what-is-something-that-you-recently-learned-that-you-wish-you-would-have-learned-or-understood-earlier-1/

---

Cover Photo I call **gaining clarity** by [David Travis](https://unsplash.com/@dtravisphd?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on [Unsplash](https://unsplash.com/s/photos/clarity?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)

----

Mine is the python debugger.  I was a long holdout thinking that print statements were sufficient.  That was untill I started having errors crop up in functions that took minutes to run.  The thing that I most notably wish I would have known about is post_mortem.



# Example

``` python
[ins] In [4]: def repeater(msg, repeats=1): 
         ...:     "repeats messages {repeats} number of times" 
         ...:     print(f'{msg}\n' * repeats) 

[ins] In [5]: repeater('hi', 3)                                                                                                                                                                                                                       
hi
hi
hi

[ins] In [6]: repeater('hi', 'a')                                                                                                                                                                                                                     
---------------------------------------------------------------------------
TypeError                                 Traceback (most recent call last)
<ipython-input-6-0ec595774c81> in <module>
----> 1 repeater('hi', 'a')

<ipython-input-4-530890de75cd> in repeater(msg, repeats)
      1 def repeater(msg, repeats=1):
      2     "repeats messages {repeats} number of times"
----> 3     print(f'{msg}\n' * repeats)
      4 
```

# Debug with iPython/Jupyter

``` python
%debug
```


# Vanilla Debug 

``` python
import pdb
import sys

pdb.post_mortem(sys.last_traceback)
```

# More

For more information about the debugger checkout the real python article.  https://realpython.com/python-debugging-pdb/ 

Also keep a bookmark of the table of pdb commands  from the article https://realpython.com/python-debugging-pdb/#essential-pdb-commands 



# Debug Session

![debug session](https://thepracticaldev.s3.amazonaws.com/i/1tnri6wdwimwk7i83cvg.png)
Daily Challenge #158 - RGB To Hex Conversion
Tags: challenge
Published: 2020-01-10 14:30:09

---
title: Daily Challenge #158 - RGB To Hex Conversion
published: true
description: complete the method so that passing in RGB decimal values will result in a hexadecimal representation being returned. 
tags: challenge
---

The `rgb()` method is incomplete. Complete the method so that passing in RGB decimal values will result in a hexadecimal representation being returned. 

The valid decimal values for RGB are `0 - 255`. Any (r,g,b) argument values that fall out of that range should be rounded to the closest valid value.

*The following are examples of expected output values*:

`rgb(255, 255, 255) # returns FFFFFF`
`rgb(255, 255, 300) # returns FFFFFF`
`rgb(0,0,0) # returns 000000`
`rgb(148, 0, 211) # returns 9400D3`



***
_This [challenge](https://www.codewars.com/kata/513e08acc600c94f01000001) comes from jhoffner on CodeWars. Thank you to [CodeWars](<https://codewars.com/>), who has licensed redistribution of this challenge under the [2-Clause BSD License](<https://opensource.org/licenses/BSD-2-Clause>)!_

_Want to propose a challenge idea for a future post?  Email **yo+challenge@dev.to** with your suggestions!_
Why does typescript not conditionally pick the right type in a union?
Tags: typescript, help, question
Published: 2020-01-10 14:05:29

---
title: Why does typescript not conditionally pick the right type in a union?
published: true
description: 
tags:
 - typescript
 - help
 - question
---

Why does the | (Union) operator not work as a logical or?

In the following snippets I would've expected it to see that the `name` property is available in 1 of the provided union options? Instead it errors that it can't find name because it is not available in `MyDevice` but it is available in the interface provided in the union.

How do you go about conditionally deciding to pick the interface instead of MyDevice when the `name` property is available?

I know conditional types exist but that doesn't seem like an option because I'm providing plain interfaces and not types/interfaces with generics.

![img](https://i.imgur.com/4illPLh.png)

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/1jya7fmn5ae1wz0wqaiz.png)
Moving from startups to global companies with Max Katz from IBM
Tags: podcast, developermarketing, devrel
Published: 2020-01-10 13:29:40

Happy New Year!

Trick question of the week:
*How different is practising developer marketing at a startup vs at one of the world’s largest companies?*

For our guest in this episode, it’s like moving to another country. Under the Hood of Developer Marketing is back in 2020 with a new episode that touches several subjects from a heavyweight in the field: Max Katz.

Max walks us through the lessons learned, the KPIs, the priorities that changed along the way as he moved from a startup to leading the developer advocacy program and a big team at IBM.

A great, all-inclusive episode you'll love, to kick-off the new year! 

[Listen to the episode here.] (https://www.developermarketingpodcast.com/) 

**Max Katz** is the Program Director for Developer Advocacy at IBM. He leads a team of Developer Advocates, together they provide developer education in NA West region.

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/9487fpnscwydkjzmudlu.png)