Techniques for Data Visualization on both Mobile & Desktop, by Nadieh Bremer | Visual Cinnamon
▻https://www.visualcinnamon.com
From doing nothing all the way to creating a different chart for mobile and desktop. I’ll share and explain these and many more examples
22 Steps to Making The Ultimate Chatbot
▻https://hackernoon.com/22-rules-you-should-never-break-when-building-a-bot-ddb2efcac70d?source=
In this #tutorial, we’re going to walk you through the most common mistakes made in each phase of bot building — conception, training, building or connection.Building a bot is a rewarding experience: creating your own artificial intelligence is amazing! However, it can be a challenge, and there are mistakes to avoid. In this piece, we’re going to walk you through the most common or damaging mistakes new bot builders make in each phase of bot building: conception, training, building, connection, user experience and maintenance. Let’s roll!ConceptionBuilding a bot doesn’t start at the first line of code. It starts much earlier, during the conception.During that first step, it’s important to define the use case of your chatbot. What is the problem you want it to solve? What are your business (...)
#docker Swarm, Kubernetes’s clever little borther
▻https://hackernoon.com/docker-swarm-kubernetess-clever-little-borther-49ac3d0a853?source=rss---
Docker Swarm, Kubernetes’s clever little brotherIs kubernetes suitable for any container based project?There is no doubt that kubernetes is one of the most talked about technologies in the domain of #cloud and #containers. Kubernetes provides a complete solution to managing containers, but there are cases where it is not the best solution.The main disadvantage of kubernetes is its complexity and learning curve. This complexity is due to several reasons:We need to know both the “language” of Docker and the “language” of kubernetes.There are a lot of “moving parts” in the infrastructure (kube-apiserver, etcd, kube-scheduler, kube-controller, kubelet, kube-proxy etc..)There are many types of objects (Service, Pod, Deployment, ReplicaSet)A vast amount of features that we do not necessarily need.In (...)
Linear Programming in #python : A Straight Forward #tutorial
▻https://hackernoon.com/linear-programming-in-python-a-straight-forward-tutorial-a0d152618121?so
Linear programming is one of the most common #optimization techniques. It has a wide range of applications and is frequently used in operations research, industrial design, planning, and the list goes on. Alas, it is not as hyped as machine learning is (which is certainly a form of optimization itself), but is the go-to method for problems that can be formulated through decision variables that have linear relationships. This is a fast practical tutorial, I will perhaps cover the Simplex algorithm and the theory in a later post.Problem StatementJust to get an idea, we are going to solve a simple problem regarding production scheduling. Imagine that you work for a company that builds computers. A computer is a fairly complex product, and there are several factories that assemble them (...)
Build a Progressive Web App In #vuejs, from Zero to Hero! PART 2— The Service Worker
▻https://hackernoon.com/build-a-progressive-web-app-in-vuejs-from-zero-to-hero-part-2-the-servic
Build a Progressive Web App In VueJs, from Zero to Hero! PART II — The Service WorkerIn this #tutorial, we will implement and discuss the Service Worker, one of the core technologies that adds the astonishing offline-first experience of a native app to a regular web app.In fact, this article is the second part of a series that teaches you how to develop a so called progressive web app in VueJS!Part I — Build the Tax Calculator App in VueJS.Part II — Make the App work offline.No worries if you haven’t done Part I you can also start straight into building #pwa features. Let’s get going!Offline-first ParadigmOn the web of today the majority of websites and web apps simply fail when there is no network connection. This is so common, that users of today don’t even complain about this poor experience.For (...)
A Progressive Web App in Vue #tutorial , Part 1 — The Vue App
▻https://hackernoon.com/a-progressive-web-app-in-vue-tutorial-part-1-the-vue-app-f9231b032a0b?so
The BasicsBuild a Progressive Web App In #vuejs, from Zero to Hero!The concept of Progressive Web Apps (PWAs) is a framework agnostic approach which seeks to combine discoverability and accessibility of a website with the functionality of a native app.Since couple of years I see an increasing interest technologies which bridge the gap between web- and native-apps.In 2018 PWAs have made a great step towards mainstream adoption. By now, plenty of companies like Pinterest, Uber, Twitter, Trivago, The Washington Post, Starbucks, have already created PWAs to run parallel to their native apps.The reason is obvious, plenty of these companies report very promising numbers, mostly as astonishing as the 97 percent of increase in conversions Trivago has seen.Why should we start developing PWAs now?In (...)
Create an Alexa Radio Skill in 5 Minutes with Standard Library and #nodejs
▻https://hackernoon.com/create-an-alexa-radio-skill-in-5-minutes-with-standard-library-and-nodej
Create your own Alexa Radio Skill with your favourite streaming stations. Once deployed, you can say Alexa, open radio and Alexa will start streaming a radio station. You can stream a particular genre by saying Alexa, ask radio to play Jazz music. You can, of course, add or delete the stations, so you can have a completely personalised music playing experience. Getting up and running is super simple.If you haven’t checked out Code on Standard Library, do that right now. Sign up and get an account. It’s free.Next, click on Open and this will open up a panel with some featured templates you can use.Click on the Community API Sources tab and search for alexa-radio-skill. Click on Create API to use it as a template for your own service. Once it’s created, proceed to the next step.Minute One: (...)
DevOps101 — First Steps on #terraform: Terraform + OpenStack + #ansible
▻https://hackernoon.com/terraform-openstack-ansible-d680ea466e22?source=rss----3a8144eabfe3---4
DevOps101 — First Steps on Terraform: Terraform + OpenStack + AnsibleI’m currently a teacher assistant 👨💻@ Técnico Lisboa, and I’m working closely with Dr. Professor Rui Cruz 👨🏫at the It Infrastructure Management and Administration 🖥, a masters level course @ Técnico Lisboa.This #tutorial aims to provide you with an introduction to Terraform. Terraform will be leveraging the deployment an infrastructure on OpenStack. Ansible will provision the deployed machines. We will use Vagrant to manage the machine with Terraform and Ansible installed.In DevOps101 — Infrastructure as Code With Vagrant (LAMP Stack), I’ve introduced the Agile #devops movement. It aims to automate work and allow you to launch faster.If you are planning to start a business or side-project, something that you have to take into account is (...)
How Artists Can Set Up Their Own Neural Network — Part 3 — Image Generation
▻https://hackernoon.com/how-artists-can-set-up-their-own-neural-network-part-3-image-generation-
How Artists Can Set Up Their Own Neural Network — Part 3 — Image GenerationAlright, so we’ve installed linux and the neural network now it’s time to actually run it!First though I want to apologize for the delay in getting these last two parts of the #tutorial series out. As I explained in my Skonk Works post, I’ve been learning so fast that it’s actually been kind of hard to catch time to digest and write any of it down.For instance, this tutorial series began with teaching you how to install Ubuntu 16.04, but support for Ubuntu 16.04 has just ended and you really should install Ubuntu 18.04, which is what I did after wiping my desktop and turning it into a fulltime personal cloud server! This is good because now I have a completely dedicated Linux machine to run neural network batch jobs on (...)
#artist #artist-neural-network #neural-networks #setup-neural-network
#slack’n Go : Batch Presence Aware Bot
▻https://hackernoon.com/slackn-go-batch-presence-aware-bot-bcea4d7ae672?source=rss----3a8144eabf
We shall create a Slack Bot in Go which aware of Batch Presence change event.Essentially we are going to build and run the example given here: ▻https://github.com/nlopes/slack/blob/master/examples/connparams/connparams.go. This #tutorial give a more detailed actions of how to make it run, so that even a relatively new can follow this easily.Step by Step CommitsAn examples of presence change event is when a member of the chat group changes their status from active into away.Slack provides an update to their API for a more efficient presence change detection, by having it in a batch. This is in accordance to proliferation of groups with large members in Slack, where changes of presence could resulting in expensive handling of many events at a short period of time, or at the cost of missing (...)
How to make a Hacker News clone in under a minute without writing any code
▻https://hackernoon.com/how-to-make-a-hacker-news-clone-in-under-a-minute-without-writing-any-co
Check out the clone at ▻https://hacker-news-clone.threadbase.io/Upvote-style communities are hugely popular because they…Allow the users of the #community to decide what the best content is rather than friend-of-friend algorithms or sorting by newest.Allow posters and commenters to feel a sense of accomplishment when their content is bubbled up to the top.Allow lurkers to instantly see the most important things relevant to their community at the top of the feed.But if you want to make an upvote-style community like Hacker News or Product Hunt, you need to learn how to program a little bit to get something set up.Or at least, you used to need some programming experience.Today, I’ll show you how you can use a product we’re building called Threadbase to make a Hacker News clone in under a minute. (...)
A tutorial on Principal Component Analysis (▻https://tkv.io/posts/tu...
▻https://diasp.eu/p/7887409
How We Mapped 1.3m Data Points Using Mapbox - Features - Source: An OpenNews project
▻https://source.opennews.org/articles/how-we-made-our-broadband-map-using-mapbox
Five things to learn from the Financial Times’ broadband map
By David Blood and Ændrew Rininsland
OpenStreetMap Carto Tutorials
▻https://ircama.github.io/osm-carto-tutorials
#OpenStreetMap #Carto is the style used for the Standard tile layer of OpenStreetMap.
This independent site includes unofficial #tutorials to set-up a development environment of OpenStreetMap Carto and to manage this software. It will allow exploiting the style and also being able to contribute to the developments.
To implement this site I kept track of technical notes that have been useful to me and that I hope will also be of help to master OpenStreetMap Carto fast, learning all most relevant aspects from the ground up.
All pages of this site allow commenting. You can also contribute or create GitHup issues. Opening GitHup issues is the most effective way for correction requests.
Crypto #trading Bots — An Introduction to Cryptohopper and How it Works
▻https://hackernoon.com/crypto-trading-bots-an-introduction-to-cryptohopper-and-how-it-works-772
Curious about crypto trading bots but have never had a chance to use one? This will be the first guide in a series of posts that highlight the benefits and show you how to get started with the most popular crypto trading tools.What is Cryptohopper?Cryptohopper is a cloud-based trading bot that lets you configure strategies and automate your trading across multiple exchanges. The main benefit of using a cloud-based tool like this is the extremely simple setup process and 100% uptime of your crypto trading bot. When compared to some of the self-hosted bots, this is a huge advantage as you don’t need to worry about a stable internet connection or your computer being compromised.How do I get started trading with Cryptohopper?After creating an account and logging in for the first time, click (...)
Seedbank
▻http://tools.google.com/seedbank
We call them “seeds”. Each seed is a machine learning example you can start playing with. Explore, learn and grow them into whatever you like.
Getting Started with #react-Redux
▻https://hackernoon.com/getting-started-with-react-redux-1baae4dcb99b?source=rss----3a8144eabfe3
Let me set the stage: you’ve come up with a great idea for a web app, and you’ve decided to build it with React. By way of completely arbitrary example, let’s say it’s a guitar chord finder with an interactive guitar neck and a submission form (like, say, this one).Shameless self-promotion!You’ve made a couple to-do lists, watched a couple tutorials, and you think you’ve got the hang of all this “props” stuff, so you jump right in. It’s going well enough — you’ve got your top level app component, maybe a form, a guitar component… and then, it starts to dawn on you. You’re going to need a guitar… with six strings… with twelve frets each… which all need to communicate information about whether or not they’re muted, pressed, or open…which need to be able to communicate with the form and express a chord… (...)
A Common Misunderstanding About #python Generators
▻https://hackernoon.com/a-common-misunderstanding-about-python-generators-dbc622914d33?source=rs
I received the following email a few days ago:Jeff,It seems that you know about iterators. Maybe you can explain some weird behavior. If you run the code below you will find that the function is treated differently just because it has a ‘yield’ in it somewhere, even if it’s completely unreachable.def func(): print("> Why doesn’t this line print?") exit() # Within this function, nothing should matter after this point. The program should exit yield "> The exit line above will exit ONLY if you comment out this line."x = func()print(x)When I run the code, I get the following output from the print() call: <generator object func at 0x10e968a50>.So what’s going on here? Why doesn’t that line in func() print? Even if yield is completely unreachable, (...)
How my app grew by 5,800% in one month with no branding or marketing
▻https://hackernoon.com/how-my-app-grew-by-5-800-in-one-month-with-no-branding-or-marketing-ca51
All it took was this simple weekly approach and patience.Building and promoting a new consumer product is one of the most challenging things you can do as an entrepreneur. While there are many approaches on how to design, test, build and promote apps, usually they don’t seem to bring real results.Then you start wondering, maybe it’s the product? Maybe there’s not enough market feat? Or is it bad execution? Or maybe we should grow the marketing and branding budget! Maybe we’re not targeting the right audience? Maybe we should build more features!When you start questioning everything, things usually get even worse. You start defocusing from the main goal and start wasting energy and money on all kinds of wide approaches.The worst is when you think it’s all a matter of growing your marketing (...)
#product-development #growth-strategy #lean-startup #product-management #tutorial
Introduction to Machine Learning Algorithms: Logistic Regression
▻https://hackernoon.com/introduction-to-machine-learning-algorithms-logistic-regression-cbdd82d8
Build your Logistic Regression model from scratchLogistic regression is the most famous machine learning algorithm after linear regression. In a lot of ways, linear regression and logistic regression are similar. But, the biggest difference lies in what they are used for. Linear regression algorithms are used to predict/forecast values but logistic regression is used for classification tasks. If you are shaky on the concepts of linear regression, check this out. There are many classification tasks done routinely by people. For example, classifying whether an email is a spam or not, classifying whether a tumour is malignant or benign, classifying whether a website is fraudulent or not, etc. These are typical examples where machine learning algorithms can make our lives a lot easier. A (...)
How to Use #opencv in React Native for Image Processing
▻https://hackernoon.com/how-to-use-opencv-in-react-native-for-image-processing-db997e73678c?sour
If you have ever wondered how to process your images using OpenCV with React Native, then you’re in the right place.OpenCV together with React Native enables you to process images on mobile devices (most likely you’d like to process images taken by your device’s camera).The top advantages of those are:Easy to implement.Easy to use.Lots of tutorials all over the Internet and solid official documentation of OpenCV.The size of your mobile app will be only a dozen or so megabytes bigger.Let me show you how I used the OpenCV and React Native step by step to process my images, but first a few words of introduction.What is OpenCV?OpenCV (Open Source Computer Vision Library) is an open source computer vision and machine learning software library. OpenCV was built to provide a common infrastructure for (...)
15 Best Web #design and Development Tutorials of 2018 for Beginners
▻https://hackernoon.com/15-best-web-design-and-development-tutorials-of-2018-for-beginners-9895b
Here are 15 best web design and development tutorials for starters, covering responsive and flat web design, font design, front-end development, tools and so on.All the resources you need to learn web design and development can be found online, but it’s easy to get overwhelmed with a number of YouTube videos to watch, a lot of articles to read and millions of courses to buy. So, we’ve hand-picked the best 15 web design and development tutorials that you can find on the web. If you pick some of them and put in the time to practice, you’ll be surprised how much you can learn and achieve finally.1. Web Design TutorialsA. Responsive web designBeing firstly put forward by Ethan Marcotte, the responsive web design has swept down both of front-end and design field. Also, it has now become an (...)
Building a Music Streaming App using React Native
▻https://hackernoon.com/building-a-music-streaming-app-using-react-native-6d0878a13ba4?source=rs
React Native is a framework for building native apps using React and #javascript. In this post, I’ll walk through the process of building a music streaming similar to Spotify. What’s really cool is that the exact same code is going to work for both iOS and Android, and the apps are going to be 100 % native (no WebViews or anything).We’re going to build the ‘Now Playing’ screen, which looks like this on Spotify:Somebody stole my car radio, so now I’m gonna steal Spotify’s UI.Since I’m not a designer, and I really like Spotify’s clean design, we’re going to use this as a reference for our building our player. In the third image, I’ve opened up a screenshot in Keynote, and added rulers all over the image to accurately measure the positions, margins, font sizes etc. for all the different elements in (...)
#python Interview Question #fizzbuzz
▻https://hackernoon.com/python-basics-8-fizzbuzz-441e97c6c767?source=rss----3a8144eabfe3---4
▻https://medium.com/media/bd7f5cf49d59a279d36442e185efa6e5/hrefWrite a program that prints the numbers from 1 to 20. But for multiples of three print “Fizz” instead of the number and for the multiples of five print “Buzz”. For numbers which are multiples of both three and five print “FizzBuzz”.Method 1: Concatenating Stringsfor num in range(1,21): string = "" if num % 3 == 0: string = string + "Fizz" if num % 5 == 0: string = string + "Buzz" if num % 5 != 0 and num % 3 != 0: string = string + str(num) print(string)Method 2: Use if, elif, and elsefor num in range(1, 21): if num % 3 == 0 and num % 5 == 0: print(’FizzBuzz’) elif num % 3 == 0: print(’Fizz’) elif num % 5 == 0: (...)
DIY explainer video, what it takes when you have no skill
▻https://hackernoon.com/diy-explainer-video-what-it-takes-when-you-have-no-skill-56f1e17db221?so
Hi there! I am Maxim, and I have been programming for most of my life. Over the course of last year, I spent most of my time working on my own project called OneBar. Every time we had something exciting to share, we needed a video to demonstrate it to people. Our first two demos were simple screencasts with a bit of voiceover and background music. They worked quite well but, recently we went through a major pivot, re-designed OneBar from scratch and wanted something better than a plain screencast. I had a little user story in mind, and I wanted it to be a part of our demo so, I started looking for ways how to make more advanced videos. I’ve analyzed a few paid options like using online explainer makers or hiring a freelancer. All of them were either too restrictive (online editors), or (...)
#tutorial #video-production #design #startup-life #after-effects