teleren/devto huggingface dataset:
🚀10 Trending projects on GitHub for web developers - 2nd October 2020
Tags: react, javascript, graphql, webdev
Published: 2020-10-02 14:32:34

Trending Projects is available as a weekly newsletter please sign up at [www.iainfreestone.com](https://www.iainfreestone.com) to ensure you never miss an issue.

### 1. visx 

visx is a collection of reusable low-level visualization components. visx combines the power of d3 to generate your visualization with the benefits of react for updating the DOM.

{% github airbnb/visx %}

---

### 2. graphQL Code Generator

GraphQL Code Generator is a tool that generates code out of your GraphQL schema. Whether you are developing a frontend or backend, you can utilize GraphQL Code Generator to generate output from your GraphQL Schema and GraphQL Documents 

{% github dotansimha/graphql-code-generator %}

---

### 3. Tesseract.js

Tesseract.js is a javascript Optical character recognition (OCR) library that gets words in almost any language out of images.

{% github naptha/tesseract.js %}

---

### 4. Tech Interview Handbook

Carefully curated content to help you ace your next technical interview, with a focus on algorithms. System design questions are in-progress. Besides the usual algorithm questions

{% github yangshun/tech-interview-handbook %}

---

### 5. reveal.js

reveal.js is an open source HTML presentation framework. It enables anyone with a web browser to create fully featured and beautiful presentations for free.


{% github hakimel/reveal.js %}

---

### 6. GitHub Actions Starter Workflows

These are the workflow files for helping people get started with GitHub Actions. They're presented whenever you start to create a new GitHub Actions workflow. 

{% github actions/starter-workflows %}

---

### 7. Apollo Client

Apollo Client is a fully-featured caching GraphQL client with integrations for React, Angular, and more. It allows you to easily build UI components that fetch data via GraphQL.

{% github apollographql/apollo-client %}

---

### 8. GG Editor

A visual graph editor based on G6 and React

{% github alibaba/GGEditor %}

---

### 9. Open

Open is a free React landing page template designed for developers/makers who want to create a quick and professional landing page for their open source projects, SaaS products, online services, and more.

{% github cruip/open-react-template %}

---

### 10. Renovate

Automated dependency updates. Multi-platform and multi-language.

{% github renovatebot/renovate %}

---

Trending Projects is available as a weekly newsletter please sign up at [www.iainfreestone.com](https://www.iainfreestone.com) to ensure you never miss an issue.

If you enjoyed this article you can [follow me](https://twitter.com/iain_freestone) on Twitter where I regularly post bite size tips relating to HTML, CSS and JavaScript.
World's first no-code freelance marketplace
Tags: showdev, bubble
Published: 2020-10-02 14:27:28

Hi all 👋

In our agency and freelance no-code work, we've noticed a really strong growth in the volume of no-code projects, especially in the past year or so. Luckily, it seems like no-code is definitely becoming an appealing solution to more and more startups, solo founders, but also "traditional" companies.

Being that the first generation of makers is already out there, with many of us starting agency businesses or working as freelancers, we wanted to create a freelance platform dedicated specifically to no-code and put our skills and expertise in front of as many clients as possible. With a lot of awesome learning communities around, there seems to be a gap when it comes to finding a good amount of no-code project work in a single place - I am sure many of you are over the chaotic search for the few no-code jobs on Freelancer and Upwork. On top of that, the upfront bidding process on such platforms makes sustainable and rewarding work a pretty hard thing to pull off - and that should not be the case!

Personally, I have been obsessed with marketplaces for years so this was a perfect opportunity for myself and the team to create something we truly care about.

On Codemap, you can find (only) new no-code projects, get client requests, send proposals, and get hired. NO bidding, NO "connect" or whatever kind of fees for freelancers or agencies. Also, no need to manage RFPs via email, you can speak to and manage multiple clients within your own dashboard. So, pretty much an end-to-end marketplace.

It would be awesome to have you check out codemap.io and sign up if you are interested in finding no-code work or are looking for experts.

Our current product roadmap includes quite a lot of new and helpful features - it would be really great to hear your initial feedback on the app but also what you would like to see come next.

And, of course, if you like what we have made, give us an upvote on Product Hunt:
https://www.producthunt.com/posts/codemap-2

Thanks all and cheers! Hope you'll like the platform 😉

Goran
Code Cards: Image Change on Hover
Tags: javascript, codenewbie, beginners, womenintech
Published: 2020-10-02 14:16:19

I have some exciting news! 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/c33mofcpdso4byxlxgot.png)

Firstly, I hit over **100 followers** on dev.to! I want to thank you so much for your support. It means so much to me that there are people out there who believe in my work. It really keeps me motivated. 

Now during this past week, I have been working on putting together something really special and I am so happy to finally share my **Code Cards** with you! These cards are based on code that I've learned so far. I will be posting them daily via Twitter and will blog about them weekly. Each card will feature code that will vary in difficulty and my goal is to have an entire collection for reference. 

Making these cards really helped me understand code a little better and I hope that it will help someone out there too. I also had a really fun time designing the look of my cards using [Figma](https://figma.com).

My first Code Card that I would like to share with you is **Switching Photos on Hover with JavaScript**.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/n9vyp6mkyjd6nocp0ddf.png)

You can see it in action here: [CodePen](https://codepen.io/freddilynne/pen/xxVoYKV)

Let me know what you think and enjoy!

Until next time!

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/h4as8ppg0u73on7y8677.png)

######Pssst . . . Don't forget to follow me on Twitter for daily Code Cards! [@freddilynne](https://twitter.com/freddilynne)
yshare = flutter + themoviedb
Tags: dart, showdev, codenewbie
Published: 2020-10-02 14:00:36

Hello devs, first article here, i want to show you my first app on the #PlayStore.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/f1wnhlnmy2jvdwn84mgb.jpg)

The name is an internal **joke**, i can change it later.


In this app, I focused on dribbble designs, which would bring a pleasant and usable look, be easy to understand and get around.


On the technology side, the [Flutter](https://flutter.dev) was used in combination with the [TheMovieDB Api](https://www.themoviedb.org), [MobX](https://pub.dev/packages/mobx) for state managements, [admob_flutter](https://pub.dev/packages/admob_flutter) for monetization with ads, [shared_preferences](https://pub.dev/packages/shared_preferences) for saving favorites to the local storage, [flutter_modular](https://pub.dev/packages/flutter_modular) for dependency injection, [dio](https://pub.dev/packages/dio) for http requests, [EvaIcons](https://pub.dev/packages/eva_icons_flutter) for icons other than Material (already tired) and [cached_network_image](https://pub.dev/packages/cached_network_image) to facilitate image caching.


# [Download](https://play.google.com/store/apps/details?id=com.azambuja.yshare)

### All **feedback** is graciously welcome

#### TODO

1. i am still working on the portuguese translation


![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/vtnxk570zy1rf10l36t7.jpg)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/838qg65hd15gm46robzd.jpg)
Day 35 of 100DaysOfCode
Tags: 100daysofcode, javascript, freecodecamp, codenewbie
Published: 2020-10-02 13:48:42

Continued on where I left off yesterday. Read more CH9 of Eloquent JavaScript and did the intermediate algorithm challenges on freeCodeCamp.


### What I did today:

#### 1. Continued CH9 of EJS
https://eloquentjavascript.net/09_regexp.html

#### What I learned from it:
* Backtracking
* The replace method
* Working with different levels of greed
* The search method

#### 2. Continued the intermediate algorithm scripting challenges
https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/

#### What I learned from it:
* More problem-solving and working with arrays


#### Time spent learning:
Task 'Reading_EJS'. Elapsed time: 49 min 33 s
Task 'FCC'. Elapsed time: 39 min 12 s

#### Total time: 1 h 28 min 45 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

I found this really interesting video which explains the "Map of Computer Science". This means explaining a little bit of everything related to the field. The visuals are also excellent and I recommend you check it out. 

{% youtube SzJ46YA_RaA %}

**Outro**
Thank you for reading and see you all tomorrow!
October 2nd, 2020: What did you learn this week?
Tags: weeklylearn, discuss, weeklyretro
Published: 2020-10-02 13:46:40

It's that time of the week again. So wonderful devs, what did you learn this week? It could be programming tips, career advice etc.

<center>

![Deadpool and his cohorts chatting](https://media.giphy.com/media/w7fJO4TOqiaSQ/giphy-downsized-large.gif)
</center>

Feel free to comment with what you learnt and/or reference your TIL post to give it some more exposure.

{%tag todayilearned %}

And remember, if something you learnt was a big win for you, then you know where to drop it as well.👇👇🏻👇🏼👇🏽👇🏾👇🏿

{% link https://dev.to/devteam/what-was-your-win-this-week-1mah %}

<center>

![Big win. Danny Devito walking away from a huge explosion](https://media.giphy.com/media/U6pavBhRsbNbPzrwWg/giphy-downsized-large.gif)
</center>
MLOps
Tags: machinelearning, mlops, bigdata
Published: 2020-10-02 13:30:51

---
title: MLOps
published: true
description: MLOps — is a combination of technologies and processes of machine learning and approaches to the implementation of developed models in business processes
tags: ml, mlops, bigdata
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/leo7u8a2yriwr770ub8d.jpg
---

Our ML algorithms are fine, but good results do require a significant team of data specialists, data engineers, field experts, and more support staff. And while the number and cost of expert staff is not constraining enough, our understanding of how to optimize for nodes, layers, and hyperparameters is still primitive. Finally, moving models into production and keeping them up to date is a final hurdle, given that the estimation created by a model can often only be achieved by continuing to use the same expensive and complex architecture used for learning. It should be understood that moving to production is a process and not a step and it starts long before the model development. Its first step is to define the business objective, the hypothesis of the value that can be extracted from the data, and the business ideas for its application.

MLOps — is a combination of technologies and processes of machine learning and approaches to the implementation of developed models in business processes. The very concept emerged as an analogy of DevOps in relation to ML models and ML approaches. DevOps is an approach to software development that allows increasing the speed of implementation of individual changes while maintaining flexibility and reliability through a number of approaches, including continuous development, division of functions into a number of independent microservices, automated testing and deploying of individual changes, global performance monitoring, a system of prompt response to detected failures, etc.

MLOps, or DevOps for machine learning, allows data science and IT teams to collaborate and accelerate model development and implementation by monitoring, validating, and managing machine learning models.

Of course, there is nothing new here — everyone has been doing it one way or another for a while. Now just a hype word appears behind which there are usually ready-made solutions like Seldon, Kubeflow, or MLflow.

Image by <a href="https://pixabay.com/users/xresch-7410129/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=5090539">xresch</a> from <a href="https://pixabay.com/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=5090539">Pixabay</a>


------

**Thank you for reading!**

Any questions? Leave your comment below to start fantastic discussions!

Check out [my blog](https://luminousmen.com/) or come to say hi 👋 on [Twitter](https://twitter.com/luminousmen) or subscribe to [my telegram channel](https://t.me/iamluminousmen).
Plan your best!
To improve good security practices
Tags: testing, security, webdev, vulnerability
Published: 2020-10-02 13:26:49

In my work we are using Vega Vulnerability Scanner which is a free open source tool that I discovered recently for security testing.
We saw thanks to this tool that we had some problems with SQL injections. It can be used as a test platform for web security testing.
highly recommended I leave the link of the official site
https://subgraph.com/vega/download/#download
Python Backup in the War on Cats
Tags: python, archlinux, contributorswanted, hacktoberfest
Published: 2020-10-02 13:20:58

---
title: Python Backup in the War on Cats
published: true
description: I've made a little Python app for my own needs but now I need some help to attend other users
tags: python, archlinux, contributorswanted, hacktoberfest
// cover_image: 
---

Hello friends! Since we're in Hacktoberfest, I thought: why not asking for help?

# An app to disable keyboards etc.

I'm a developer, I work from home, I use Ubuntu, and I have cats. This all led to some issues:

![My cat, Mel, sleeping on the keyboard of my laptop](https://github.com/brandizzi/input-device-indicator/raw/main/doc/mel.png)

So I created [Input Device Indicator](https://github.com/brandizzi/input-device-indicator/), a tiny Python applet to disable my keyboard and trackpad once my cat decides she wants to sleep in the warm of my computer.

That said, there are two improvements I'd really like to add to the applet that (I believe) are not that hard but I don't have much time right now.

So, if you

* want to do something in **Python** (not related to data science) and
* uses a **desktop Linux** OS

...we could use some help!

# Arch Linux packaging

Recently I got this ticket asking for [packaging for Arch Linux](https://github.com/brandizzi/input-device-indicator/issues/6). I don't use Arch Linux so setting up everything to do it may take some time... If you already use the distro, even if you don't know how to package, we can work on it faster.

# Localization

Currently, the applet text is only available in English. [I'd like to make it localizable, by using gettext](https://github.com/brandizzi/input-device-indicator/issues/2).

# Would you like to help?

I guess these are not the most exciting tasks for most people, but I'm sure they are quite interesting for some more specific groups of developers. Also, I feel these tasks are simple enough to be doable by a beginner in short time, but challenging enough to show how "outdoors" development "feels".

Of course, I'll be here to help, even pairing and having video calls sometimes.

If you liked the idea, let me know!


I guess they are tasks simple enough to be doable by a beginner in short time, but challenging enough to show how "outdoors" development "feels".
Flutter 1.22 Stable Release is out for Android 11 and iOS 14 Features

Tags: flutter, android, ios
Published: 2020-10-02 12:50:58

During the past several weeks, Apple and Google have launched the most recent version of their operating systems respectively. The most recent update to Flutter, which happens to be the cross-platform application development framework of Google, provides the developers with the best of iOS 14 as well as Android 11.

 
What is Flutter?

In case you are not familiar, Flutter is an application development platform that helps to create applications for iOS, Android, Linux, Mac OS, the Web, and also Windows devices from the identical codebase. Given that Google has developed it, the team works hard for supporting the most recent features of every single innovative version of Android, like making the dark mode of Android 10 quite easy to include in your app.

Flutter 1.22 – Changes it Will Bring

With the release of Flutter 1.22, the company is adding a couple of primary features even though they happen to be somewhat minor.

    The first feature is the inbuilt ability to avoid putting essential components of your application inside a camera punch hole or display notch.

    The second one is that it is now possible for the Flutter apps to be animated properly and also be in sync once the Android keyboard is closed and opened.

Flutter 1.22’s more intriguing features are derived from the update of iOS 14. Beginning with this particular release, the developers of Flutter will be able to preview the capability of creating App Clips. The “Cupertino” styled take has also been included by Flutter on the expanded icon set which was added by Apple with iOS 14.

Moreover, with this particular release, the team of Flutter has been able to work out the problems specific to iOS 14, which made the apps operate less perfectly, such as unwanted clipboard notifications and crashes.

Learn more in details here:https://www.rlogical.com/blog/flutter-1-22-release-is-out-for-android-11-and-ios-14
Day 34 of 100DaysOfCode
Tags: 100daysofcode, javascript, freecodecamp, codenewbie
Published: 2020-10-02 08:57:07

Today was a pretty short day. Had a lot of other things to attend to so only had little under an hour's worth of coding time. 

Started the intermediate algorithm scripting challenges at freeCodeCamp. These were fun and required some real problem-solving. 

I also started reading CH 9 of Eloquent JavaScript. It's about regular expressions. Not my favorites, but I'll try to enjoy the chapter!


### What I did today:

#### 1. Started the intermediate algorithm scripting challenges
https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/

#### What I learned from it:
* Problem-solving skills
* Manipulating arrays
* Using the filter method and array functions
* Using the arguments object

#### 2. Started CH9 of EJS
https://eloquentjavascript.net/09_regexp.html

#### What I learned from it:
* Brushed up on different methods related to regexp
* Using sets of characters
* Using JavaScript Date objects

#### Time spent learning:
Task 'FCC'. Elapsed time: 34 min 54 s
Task 'Reading_EJS'. Elapsed time: 23 min 51 s

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


**Outro**
Thank you for reading and see you all tomorrow!
Hacktoberfest 2020: Registration Now Open 
Tags: opensource, hacktoberfest, contribute
Published: 2020-10-02 12:50:52

Today’s the day! Commit to open source (pun intended) by signing up for Hacktoberfest! 
link https://hacktoberfest.digitalocean.com/

Hacktoberfest is a month-long celebration of OSS that highlights the truly collaborative nature of building software. Developers from all across the world challenge themselves to contribute four or more PRs to open source projects within the month of October. It’s an opportunity to develop new relationships, contribute your first or hundredth contribution, and earn some sweet physical or digital swag.

We’re exactly one week from the start of Hacktoberfest, so get ready by registering today. You can use this last week to start thinking about which projects you want to contribute to! Here are a few projects that are looking for collaborators:

And regardless of whether or not you know your project(s) yet, let us know if you plan on participating:
Day 18 - Redesigning My Portfolio
Tags: html, css
Published: 2020-10-02 12:37:40

Yesterday I completed a redesign of my portfolio. The concept was to play with colors but maintain a straightforward approach to the UI of page.

I wanted to build a sense of depth and movement with colors. So I literally used an animated gradient background for the landing intro section! 

![Intro](https://media.giphy.com/media/E6cbNrqGJAUB4HkwJw/giphy.gif)

You can check out the rest of my portfolio [here](https://www.joannesenoren.com). Or you can enjoy the gif below! I look forward to adding more applications that come out of this 30 challenge to my list of projects!

![portfolio gif](https://media.giphy.com/media/bSKailb1gihP7NagZ1/giphy.gif)

## What I Learned
Everytime I build wireframes for my portfolio then start coding, it doesn't exactly end up being the original design! It's the one ongoing project that I let it take me where it ends up going.

## How This Will Help Me
I think the design reflects a little bit more of who I am, and helps tells a better story of my background with the About Me page.

Onto the next challenge!
Make a 3D Picture Viewer with React / A-Frame
Tags: react, webdev, javascript, aframe
Published: 2020-10-02 12:24:15

{% youtube 0EgmXYQi2oc %}

in this tutorial / coding walkthrough I show you how to make a 3D Picture viewer with React-Aframe and React which allows you to view a 3D picture on a wall with editable height and width   

https://www.npmjs.com/package/aframe-react