teleren/devto huggingface dataset:
Day 33 of 100DaysOfCode
Tags: 100daysofcode, javascript, functional, codenewbie
Published: 2020-09-30 18:57:04

Today I completed the challenges for functional programming at freeCodeCamp and also finished Chapter 8 of Eloquent JavaScript.

Doing them I got more familiar with making pure functions and having fewer side-effects on my code. Also worked on my exception handling skills. 

I'm happy that I worked on these as I have a bad habit of not finishing my projects. 

### What I did today:

#### 1.Finished the functional programming challenges at FCC
https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/functional-programming/

#### What I learned from it:
* Using the slice method instead of splice
* Getting more comfortable with this 
* Concatenating strings and arrays
* Using reduce method on arrays
* Using the sort method
* Using forEach, every and some
* Introduction to arity and currying

#### 2. Finished reading and completed the exercises of EJS CH8
https://eloquentjavascript.net/08_error.html

#### What I learned from it:
* Exception handling
* try and catch
* Using finally statement
* Selective error catching

#### Time spent learning:
Task 'FCC'. Elapsed time: 1 h 1 min 40 s
Task 'Reading_EJS'. Elapsed time: 0 h 25 min 45 s
Task 'EJS_exercises'. Elapsed time: 0 h 22 min 11 s

#### Total time: 1 h 49 min 36 s
Time spent is tracked by my [TaskTimer](https://www.arttupyykonen.com/tasktimer/) script and the [WakaTime app](https://wakatime.com/about).


### Links and videos

Watch these 10 JavaScript tips by Dev Ed!

{% youtube mNJ06S60B9k %}

### Summary of Eloquent JavaScript Chapter 8
"Mistakes and bad input are facts of life. An important part of programming is finding, diagnosing, and fixing bugs. Problems can become easier to notice if you have an automated test suite or add assertions to your programs.

Problems caused by factors outside the program’s control should usually be handled gracefully. Sometimes, when the problem can be handled locally, special return values are a good way to track them. Otherwise, exceptions may be preferable.

Throwing an exception causes the call stack to be unwound until the next enclosing *try/catch* block or until the bottom of the stack. The exception value will be given to the *catch* block that catches it, which should verify that it is actually the expected kind of exception and then do something with it. To help address the unpredictable control flow caused by exceptions, *finally* blocks can be used to ensure that a piece of code always runs when a block finishes." 

End of summary. You can find the original from [here](https://eloquentjavascript.net/08_error.html#h_ErccPg/l98)

**Outro**

Thank you for reading and see you all tomorrow!
As a developer how do you create and send emails?
Tags: discuss, emails
Published: 2020-09-30 18:34:43

---
title: As a developer how do you create and send emails? 
published: true
description: 
tags: #discuss #emails
//cover_image: https://direct_url_to_image.jpg
---

As a developer, we often have to create and send HTML emails.

How do you create them? Where do you get email inspirations? Do you test on different email clients? 

Please share the tools and resources you use.
My Project: SmartHub
Tags: hacktoberfest, dotnet, vue3, codenewbie
Published: 2020-09-30 18:34:28

I started this project last year after my university degree. Where I started with a decentralized smarthome and moved to a monolithic server over time. I learned a lot (refactored very often 😁).
For a long time I plan to write about this idea/project and now that the *Hacktoberfest* is coming up, I see this as a perfect opportunity.
I have very little skills in maintaining projects, I suppose I could learn it this year.

## Idea

The Idea behind [Smarthub](https://github.com/SmartHub-Io/SmartHub) is to make smarthome software on raspberry pis etc. more accessible to the average person, by making the installation and the Ui as easy as possible. But also having more advanced features and configurations for the users who wants them.

## Why ??

I know there is already a lot of software out there like OpenHAB, Home Assistant, etc.... So why write it myself?

My goal is that I can completely use __SmartHub__ at my home and make it an open source project where everyone (especially beginners) can try out, learn new things and contribute.


---
There are multiple repositorys under [Smarthub-Io](https://github.com/SmartHub-Io), one is for the actual project, one for documantation and one for plugins.  

I have also written a small plugin for some [*shelly*](https://shelly.cloud/us/) devices and so far it would work over http.(After moving i need to reinstall my ledstrips again.)
And at the moment there aren't all basic features implemented, like adding devices over the Ui, propper CI/CD, and some things are still a bit hacky even in development, but it's getting close to be smoothened out over time.


---
> Feel free to check out any of these repos. 🚀
The project is still at its early stage, so please check it out and show some love. Leave a star if you like it. 😊
Learning Javascript
Tags: beginners, javascript, help
Published: 2020-09-30 18:20:44

Hello fellas,
Hope you are doing great.

The thing is I have recently started learnig front-end from very basic. And I learnt HTML/CSS and built some basic project pages using them. You can check in my profile.

Now I started learning ##Javascript.
I watched basic tutorial on youtube of basic output perform conditional and logical operation.

Now what step should I take??
Suggestions and comments.

Thanks.
Let's grow together.
DEVSOR happy coding.
Simple guide to accessibility in email design
Tags: email, design, tutorial, webdev
Published: 2020-09-30 18:14:03

---
title: Simple guide to accessibility in email design
published: true
description: Design and coding to make emails accessible
tags: email, design, tutorial, webdev
cover_image: https://blocksedit.com/content-code/img/accessibility-design-code.png
---

The basics:
* Make your design easy to read
* Use alt tags and descriptions for images
* Set a presentation role on tables used for design
* Use headers for titles
* Use p tag for paragraph text
* Make sure the lang attribute is set
* Encode any special characters

###[Read the short design and coding guide](https://blocksedit.com/content-code/accessibility-habit/)
Understanding Dynamic Programming - Tabulation vs. Memoization | Learn Algorithms with Phanto
Published: 2020-09-30 18:13:27


{% youtube 4KdfomRGDAE %}

In this video we explain what dynamic programming is, and what types of dynamic programming solutions there is (Memoization vs. Tabulation). 

I say “we” because I’m not alone. I have Phanto with me, it’s my pet elephant who helps me preparing these videos. :)

I hope you will find it helpful.

If you like to keep in touch you can [follow me on twitter](https://twitter.com/AmasCreates).
Model of official webpage
Tags: html, css, webdev, beginners
Published: 2020-09-30 18:10:45

Hello guys,
I had not been recently active due to my mid-sem exam.

But interests come back and knock you again right.
So I am here with new webpage model to enhance and boost my HTML and css knowledge.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/pxmjwptr99psi1d13xmd.jpg)

Link to my project is [this](https://jsfiddle.net/2k4r6ocw/)


All the suggestions and comments are highly appreciated.
Let's grow together.
Code DEVSOR

Thanks
Layered Pattern
Tags: architecture, software, codedesign
Published: 2020-09-30 18:10:34

---
title: Layered Pattern
published: true
description: Layered pattern is the most well known and used pattern
tags: architecture, software, codedesign
series: Software Architecture Patterns
//cover_image: https://direct_url_to_image.jpg
---
Layered pattern is the most well known and used, probably everyone uses or used this pattern in application development. This pattern splits the code into layers where each layer has responsibility, upper layers call to underlying layers to execute the operations. For example:

1. UI layer
2. Application layer
3. Data access layer

UI layer calls to the application layer it in turn executes functions from the data access layer which stores the data in some data storage.
How Media Query Is Going To Change Your Flutter App.
Tags: flutter, design, application, responsive
Published: 2020-09-30 18:06:15

> #### Media Queries are an indispensable groundwork for responsive design. 

Using it in web design has always been a good practice to ensure a reactive rendering of the layout & it's components.
Similarly, it plays a huge role in applications too because writing code & queries for every device's aspect ratio is not very efficient. A good usage of it will result in your release build ending up looking exactly like what you tested during development.
Luckily in Flutter we have MediaQuery that helps us in ensuring the padding & margin stay constant for every device layout. It is a great factor in reducing testing times for medium/big scale apps.

### _This is all it takes for the responsive magic_ ✨
```
horizontal: MediaQuery.of(context).size.width / 15,
vertical: MediaQuery.of(context).size.height / 15
```
To give you a perspective on the exact difference between an app using MediaQuery and the other not using it I have created 2 simple apps which have 6 containers each one having a different color separated by symmetric Padding Widget which has MediaQuery in both horizontal and vertical values making it dynamic according to each screen. Here are some screenshots:
### 6.5" screen (Model - Samsung Galaxy A51)
- Without MediaQuery 

<img align="left" src="https://dev-to-uploads.s3.amazonaws.com/i/4tz4ap9nk0j6pe2x0y8v.jpg" alt="Galaxy A51" width="180" />
- Using MediaQuery

<img align="left" src="https://dev-to-uploads.s3.amazonaws.com/i/puu1ukf05tihrwaq7waa.jpg" alt="Galaxy A51" width="180"/>

### 5.0" screen (Model - Motorola Moto G [3rd Gen])
- Without MediaQuery 

<img align="left" src="https://dev-to-uploads.s3.amazonaws.com/i/zu4mw1o40psfy3ptmdew.JPG" alt="Galaxy A51" width="180"/>
- Using MediaQuery

<img align="left" src="https://dev-to-uploads.s3.amazonaws.com/i/pkbup81rlrwc2ws6bbok.JPG" alt="Galaxy A51" width="180" />

Note that the screenshots containing MediaQuery look exactly the same even after a huge difference in screen sizes. 

_Thank you for reading!_

<img src="https://i.gifer.com/5q5.gif" alt="Thank you" width="120"/>

Full code
- <a href="https://gist.github.com/Maddoxx88/c6f541675179cc54f36573218d1b5762"> Code for Widget with MediaQuery </a>
- <a href="https://gist.github.com/Maddoxx88/b949a72823b7b2f30118ebd37d6921cb"> Code for Widget with Constant Values </a>
Self Hosting to the Xtreme | Server on Mobile?!
Tags: android, go, tutorial
Published: 2020-09-30 18:05:37



How I got a server to run on Android without rooting it.

[Continue reading on DSC VIT Vellore »](https://medium.com/gdg-vit/self-hosting-to-the-xtreme-server-on-mobile-2b205d9bd84d?source=rss-14899f3695b2------2)
15 - From design, to coding, to app with SwiftUI & authoring books with Craig Clayton
Tags: podcast, swift, author, communitybuilder
Published: 2020-09-30 17:54:41


{% spotify spotify:episode:6UcipxHnk09XJLHoRRL2rS %}

iOS Developer, SwiftUI Pioneer, Community organizer, Conference Speaker, Author, Workshop creator and seemingly a master of time itself. Ladies and Gentlemen, today's guest is **Craig Clayton**!

**Swift For Good Book:** [https://www.swiftforgood.com](https://www.swiftforgood.com)

**SwiftUI Projects:** Build six real-world cross-platform mobile applications using SwiftUI from scratch: [https://www.amazon.com/SwiftUI-Projects-real-world-cross-platform-applications/dp/183921466X/ref=sr_1_2?dchild=1&keywords=Craig+clayton&qid=1599664573&sr=8-2](https://www.amazon.com/SwiftUI-Projects-real-world-cross-platform-applications/dp/183921466X/ref=sr_1_2?dchild=1&keywords=Craig+clayton&qid=1599664573&sr=8-2)

**Design to Swift UI:** https://designtoswiftui.io

**Craig on Twitter:** [https://twitter.com/thedevme](https://twitter.com/thedevme)

**Craig's talk at try Swift NYC:** [https://academy.realm.io/posts/try-swift-nyc-2017-craig-clayton-creating-rich-custom-ui-notifications/](https://academy.realm.io/posts/try-swift-nyc-2017-craig-clayton-creating-rich-custom-ui-notifications/)

**Craig's talk on SwiftBond:** [https://academy.realm.io/posts/slug-craig-clayton-my-name-is-bond-swift-bond/](https://academy.realm.io/posts/slug-craig-clayton-my-name-is-bond-swift-bond/)

**iOS 12 Programming for Beginners: An introductory guide to iOS app development with Swift 4.2 and Xcode 10, 3rd Edition:** [https://www.amazon.com/dp/1789348668/ref=sr_1_1?dchild=1&keywords=Craig+clayton&qid=1599664573&sr=8-1](https://www.amazon.com/dp/1789348668/ref=sr_1_1?dchild=1&keywords=Craig+clayton&qid=1599664573&sr=8-1)
Be part of Fission this Hacktoberfest
Tags: showdev, kubernetes, faas, hacktoberfest
Published: 2020-09-30 17:51:37

---
title: Be part of Fission this Hacktoberfest
published: true
description: 
tags: showdev, kubernetes, faas, hacktoberfest
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/2rk29qxbhcnq8pqiykbu.png
---

Fission is a fast serverless framework for Kubernetes with a focus on developer productivity and high performance. Fission operates on just the code: Docker and Kubernetes are abstracted away under normal operation from the user, though you can use both to extend Fission if you want to. [You can learn more about the Fission project here](https://github.com/fission/fission)

> Think of like AWS Lambda - but you can run it on any Kubernetes cluster!

This Hacktoberfest is part of Fission and contribute. No contribution is small and here are some things to get started

```
We are doing an online meetup for those interested in
contributing to Fission & BotKube, check out 
the details here:

https://bit.ly/33A7vps  
```

> Don't miss out on Swag while you contribute :)  https://www.infracloud.io/blogs/infracloud-joins-hacktoberfest-2020/

1) The Contributing page is a good start & overview of basic information and how to get started: https://github.com/fission/fission/blob/master/CONTRIBUTING.md

2) If you are new to Kubernetes, there are many areas such as CLI experience or documentation that you can contribute to.

> You should also Checkout the BotKube project by Prasad, more info here: https://dev.to/prasadg193/contribute-to-botkube-during-hactoberfest-33pk 

3) Fission uses [Keda-Connectors](https://github.com/fission/keda-connectors) for integrating with external systems. These connectors are completely standalone and do not need deep knowledge of Fission or Kubernetes and are great for people new to Cloud Native. You can read more about contributing to Keda Connectors here: https://github.com/fission/keda-connectors/blob/master/CONTRIBUTING.md

4) Interact with team through Slack/Twitter & Github, all coordinates here: https://fission.io/community/
A unified deep learning for time series framework
Tags: contributorswanted, python, machinelearning, pytorch
Published: 2020-09-30 17:47:32

[Flow Forecast is an open source deep learning for multivariate time series forecasting, classification, and anomaly detection platform written in PyTorch](https://github.com/AIStream-Peelout/flow-forecast). Our goal is to build a general open source time series framework (somewhat analogous to HuggingFace has done for NLP) and enable users to solve complex real world forecasting problems. Additionally, we aim to solve pressing AI4Good problems. For instance, we are currently using Flow-Forecast to create county level COVID-19 forecasts as well as project flash floods around the U.S.

We are currently, looking for new contributors to add new models, benchmark existing models, correct bugs, and enhance our cloud provider integrations. We welcome developers and data scientists of all skill levels to come and contribute. We wall also be hosting an official Sprint at PyData Global.  

- You can look at some of the things we are working on [here](https://github.com/AIStream-Peelout/flow-forecast/projects/5)

Hope to see you on the project!
Scilla, information-gathering tool!
Tags: security, go, github
Published: 2020-09-30 17:43:07

Hi everyone! I've just created scilla, a new personal project written in Go. It's in its infancy, by the way I would like to share my effort with the community. It's hosted on my Github profile! (https://github.com/edoardottt/scilla). If you have some advices for me, I reeaally would like to hear others' opinions =)
                  
Have a nice day, edoardottt
Daily Challenge #294 - Sum and GCD Practice
Tags: challenge
Published: 2020-09-30 17:39:33

---
title: Daily Challenge #294 - Sum and GCD Practice
published: true
series: Daily Challenge
description: Given sum and GCD, return the two numbers that fit.
tags: challenge
//cover_image: https://direct_url_to_image.jpg
---

Given the sum and greatest common divisor of two numbers, return those two numbers in ascending order. If the numbers do not exist, return -1 or your language's equivalent. 

###Examples
Given sum = 12 and gcd = 4...

solve(12,4) = [4,8]. The two numbers 4 and 8 sum to 12 and have a gcd of 4.

solve(12,5) = -1. No two numbers exist that sum to 12 and have gcd of 5.

solve(10,2) = [2,8]. Note that [4,6] is also a possibility but we pick the one with the lower first element: 2 < 4, so we take [2,8].

###Tests
`solve(12,4)`
`solve(16,8)`
`solve(21,7)`

Good luck!

***
_This [challenge](https://www.codewars.com/kata/5dd259444228280032b1ed2a) comes from KenKamau 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!_
Useful DEV Tools (Contributors wanted)
Tags: hacktoberfest, github, productivity, contributorswanted
Published: 2020-09-30 17:39:10

# Useful DEV Tools

for a while, i posted "Useful DEV Tools" on dev.to, and i made a [repo on GitHub](https://github.com/lucasgdb/useful-dev-tools) with useful tools.

## Github repo

{% github lucasgdb/useful-dev-tools no-readme %}

## How to contribute

- Fork the repo.
- Make the changes.
- Commit them.
- Push them.
- Open a Pull Request on the GitHub.
- Wait :)

## Post on dev.to

{% link https://dev.to/lucasgdb/useful-tools-for-developers-2c00 %}


### Remember: The hacktoberfest event starts on **October 1st**.
Good event, friends :)

{% tag contributorswanted %}

{% user lucasgdb %}
Top 10 Reasons Why 87% of Machine Learning Projects Fail?
Tags: opinion, artificialintelligen, datascience, datastrategy
Published: 2020-10-01 21:03:50

---
title: Top 10 Reasons Why 87% of Machine Learning Projects Fail?
published: true
date: 2020-09-30 17:36:49 UTC
tags: Opinion,ArtificialIntelligen,DataScience,DataStrategy
canonical_url: https://breakdowndata.com/top-10-reasons-why-87-of-machine-learning-projects-fail/?utm_source=rss&utm_medium=rss&utm_campaign=top-10-reasons-why-87-of-machine-learning-projects-fail
---

We see news about Machine learning everywhere. Indeed, there is a lot of potential in Machine learning. According to Gartner’s predictions, “Through 2020, 80% of AI projects will remain alchemy, run by wizards whose talents will not scale in the organization” and Transform 2019 of VentureBeat predicted that 87% of AI projects will never make it into production. Why is …

[Top 10 Reasons Why 87% of Machine Learning Projects Fail? Read More »](https://breakdowndata.com/top-10-reasons-why-87-of-machine-learning-projects-fail/)

The post [Top 10 Reasons Why 87% of Machine Learning Projects Fail?](https://breakdowndata.com/top-10-reasons-why-87-of-machine-learning-projects-fail/) appeared first on [Break Down Data](https://breakdowndata.com).
How to Upgrade Your Node Versions on Linux Development Machines and Keep up to Date
Tags: node, npm, yarn
Published: 2020-10-01 12:46:44

---
title: How to Upgrade Your Node Versions on Linux Development Machines and Keep up to Date
published: true
date: 2020-09-30 17:28:15 UTC
tags: Nodejs,node,npm,Yarn
canonical_url: https://releasecandidate.dev/how-to-upgrade-your-node-versions-on-linux-development-machines-and-keep-up-to-date
---

If you are running a Linux development (or even Mac or Windows) machine as I am, you might have noticed that your node version is quite outdated at times. The official dependency channels are usually several versions behind the latest version. Here, I show how I use NVM to keep it up to date.

How to find out which version of node I'm running 
--------------------------------------------------

To see which node version you are using you can simply run:

```bash
node -v
```


on your console. This will show you the latest version. For my machine, at the time of writing, it looks like this:

![](https://lh5.googleusercontent.com/eAK7lr-BiJtC8tfKkJfPXssPU66t-c__fCbU7anH0QxdxIcSyOVlKpshp7L2yEEBTWJbnTHdI35Aw-Yn7zTdmn1kVZjvvFzpou253B3K6nvbTn7Uq_wh4rp1AJRqHOLnuPZMJhqr)

Time to meet: nvm
-----------------

NVM is a [version manager for node](https://github.com/nvm-sh/nvm/). It's an open-source package that allows you to switch the node version on your development machine easily without installing packages manually every time.

You can [install it](https://github.com/nvm-sh/nvm/#installing-and-updating) easily using one of the commands on the GitHub repo.

After the installation you can install node versions using:

```bash
nvm install 12.18.2
```

and use it with:

```bash
nvm use 12.18.2
```

Avoid bash to fall back onto the system-node
--------------------------------------------

If you are opening a new terminal, your system will automatically reload the system-installed node version. To avoid this and run automatically on the latest node version, you can instruct nvm to always use the latest stable version:

```bash
nvm alias default node
```

Done!
-----

Ten minutes' work to install nvm can save you from constant issues and time-drain maintaining it manually. Get it done and forget about it. Also, don't forget to like this post and subscribe to my newsletter here on the blog.
Create a nxn array
Tags: javascript, webdev, codenewbie, beginners
Published: 2020-09-30 17:24:36

```
const size = 3;

const arr = new Array(size)
  .fill()
  .map(
    (_) =>
      new Array(size).
        fill(null)
  );

console.log(arr);
```

---

**Thanks for reading 💙**  
Follow **@codedrops.tech** for daily posts.  
[Instagram](https://www.instagram.com/codedrops.tech/) ● [Twitter](https://twitter.com/codedrops_tech) ● [Facebook](https://www.facebook.com/codedrops.tech/)

Micro-Learning ● Web Development ● Javascript ● MERN stack ● Javascript  
**[codedrops.tech](https://www.codedrops.tech/)**