teleren/devto huggingface dataset:
How a simple tweet got me 24x more YouTube subscribers
Tags: twitter, tech, writing, motivation
Published: 2020-03-11 12:39:33

---
title: How a simple tweet got me 24x more YouTube subscribers
published: true
description: How a simple tweet got me 24x more YouTube subscribers
tags: twitter, tech, writing, motivation
---

I've been struggling for a while to send my 18k (soon 19k) [twitter followers](https://twitter.com/florinpop1705) to subscribe to my [YouTube channel](https://youtube.com/florinpop) (only 8k subs) with very little results... until one tweet just... EXPLODED! 😆

For the past 3 weeks I've been Live Streaming like crazy (over 60 hours worth of content) in order to finish this new challenge ["Conquering freeCodeCamp's Curriculum"](https://www.youtube.com/playlist?list=PLgBH1CvjOA62oNEVgz-dECiCZCE_Q3ZFH).

I wanted to do this because I knew it would help a lot of people considering the fact that the curriculum covers a wide range of topics (from basic **HTML/CSS** and **JavaScript** to **React**, **Redux**, **NodeJS**, **Express**, **MongoDB** and more...).

My hope was that this challenge will boost my subscribers count and my viewership helping me reach my biggest goal for 2020 (**100,000 subscribers** on YouTube), but it didn't go the way I planned it...

Although some people were constantly showing up in the Live Streams, the viewership dropped slowly. 😞

I was getting a boost of likes on the tweets in which I was posting an image with the new certifications that I was getting (2-400 likes), but when I was going live I was still getting a low number of viewers and not a lot of new subscribers.

Nevertheless, I continued going through the sections and at the end I ended up covering all of the topics mentioned above. Which IMO is very useful for those who want to start but need a little help. They can just watch me do the same thing AND talk my reasoning behind it PLUS some extra tips&tricks.

So I thought that I should just create a tweet in which I'm going to list all of the topics and tell people that: "Hey... I got you covered if you want to learn these!".

The effort for this tweet was minimal... 5 minutes of work, but then the tweet just... EXPLODED! 

I got **more subscribers in 1 hour** than I was getting in **1 day** (and still counting... 🤞).

A couple of things to note about the tweet:
1. It's broken down in 2 separate tweets
2. The first [tweet](https://twitter.com/florinpop1705/status/1237688367497859077) is the list of the technologies which you can learn from my channel - "shareable content"
3. The second [tweet](https://twitter.com/florinpop1705/status/1237689680583438338) contains the actual link to my YouTube channel PLUS a call-to-action: "subscribe"
4. Didn't want to add the link inside the tweet because AFAIK Social Media platforms tend to not promote the links to outside sources that much, so I'm trying to avoid that

I hope this little experience of mine helps you too! Let me know if it does or if you have any questions! 😃

Links:
[Twitter - florinpop1705](https://twitter.com/florinpop1705)
[YouTube - florinpop](https://youtube.com/florinpop)
The Basics of Color Assets
Tags: xcode, iosdevelopment, macosdevelopment
Published: 2020-03-11 12:38:27

---
title: The Basics of Color Assets
published: true
description: 
tags: Xcode, iOS development, macOS development
---

This post is going to explain the basics of Color Assets in iOS or macOS projects.

I made a screen recording about how to use Color Assets to use different colors for light and dark mode based on the system settings. It is below.

{% youtube _U833RUUHG4%}

Before getting started, what are **Color Assets**? Color Assets live in the `.xcassets` folder and are colors that can be used in a project. You can use a color picker to assign the color and then call that color’s name in your app.

# To add an asset to your project

1. Navigate to the `Assets.xcassets` file
2. Click the `+` in the bottom left
3. Choose `New Color Set` from the menu
4. Double click on the Color to give it a new name

![](https://github.com/maeganjwilson/swift-examples/blob/master/Posts/color-assets/add%20color%20asset.gif?raw=true)

# To adjust the color of the asset, open the inspector on the right.
![](https://github.com/maeganjwilson/swift-examples/blob/master/Posts/color-assets/inspector.png?raw=true)

In the Inspector, you can change the name of the color set, change what devices to use it on, whether this color is different based on light/dark mode of the device, and change the colors using the sliders for Red, Green, Blue, and opacity. There’s also an option to change based on localization since different cultures have different meanings to different colors.

Once you change settings for Devices, Appearances, and Localization, you will need to click on the proper color swatch to change the color. Like in the picture below.

![](https://github.com/maeganjwilson/swift-examples/blob/master/Posts/color-assets/Screen%20Shot%202020-03-11%20at%207.30.25%20AM.png?raw=true)

Any time you want to use the Color Asset in your code, you need to call it.

```swift
// in iOS:
let color = UIColor(named: "color_name_here")

// in macOS:
let color = NSColor(named: "color_name_here")
```

And that’s the basics of utilizing Color Assets.

---

If you enjoy my posts, streams, and apps, consider encouraging my efforts. 

[![](https://github.com/maeganjwilson/appsbymwblog/blob/master/static/images/patron.png?raw=true)](https://www.patreon.com/appsbymw)

<a href="https://www.buymeacoffee.com/appsbymw" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/arial-blue.png" alt="Buy Me A Coffee" style="height: 51px !important;width: 217px !important;" ></a>
What is UI Design?
Tags: uiweekly, typescript, ux, graphql
Published: 2020-03-11 12:16:00

UI is the design or visual graphics that help in the interaction between humans and devices.

Please Like, Share & Comment: https://bit.ly/2vdBrcq

It is also one of the ways which help users to interact with an application or a website. UI is a mixture of graphics and typography.

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


The main objective of UI design is to make communication with users very smoothly and efficiently and by fulfilling the user’s contentment.

A top-notch UI design helps in accomplishing any task easily without causing any unnecessary glitch.

The design of UI must be done with the utmost care, by balancing all the technical and visual elements precisely to produce a system that is usable and adaptable rather than being only operational.
How to find the Best UI designer for Mobile Application?
Tags: uiweekly, ux, graphql, typescript
Published: 2020-03-11 12:11:47

Looking for a UI Designer, great! But are you in a hectic position where you don’t know how to find the best one? Don't worry let me help you.

https://bit.ly/2Iaj3UZ

First things first, Do you have any idea who is a UI Designer? and what role does he play in designing Mobile Applications?

User interface(UI) Designer is an innovative person who comes up with unique ideas to gratify the expectations of end-users. He is the backbone for any Mobile Application and constitutes a crucial part in the success of any Application. He builds a bridge that helps the user to meet and experience the visual and graphical typography.

The success of any App depends upon the UI Design. A top-notch UI design helps in fulfilling any task easily without causing any unnecessary glitch.
The design of UI must be done with the utmost care, by balancing all the technical and visual elements precisely to produce a system that is usable and adaptable rather than being only operational.


![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/tnhfbtfrj2ihfzt4pj73.png)
What kind of physical exercises do you maintain to be fit and healthy?
Tags: discuss, help, productivity
Published: 2020-03-11 12:06:54

---
title: What kind of physical exercises do you maintain to be fit and healthy?
published: true
description: we sit and code for a long time. so what are the physical exercises should we do to be fit and healthy.
cover_image: https://imgbbb.com/images/2020/03/11/chander-r-AtfA8NDgpKA-unsplash.jpg
tags: discuss, help, productivity
---

**Hi, folks, I was wondering what kind of physical exercises should be considered as a bare minimum to be fit?** 

I don't want to be a bodybuilder. I just want to be healthy, not to get diabetes, back pain, cancer or heart issues. I try to walk regularly. But, I am getting fat, having back pain and sick on every seasonal change! 

**So, what do you do to be healthy?** 

![physcial exercise](https://media.giphy.com/media/hNkaMEn1KVhcs/giphy.gif)

Cover Photo by Chander R on Unsplash
Best Practices for Developing Staggering Conversational UI
Tags: uiweekly, javascript, css, codenewbie
Published: 2020-03-11 12:05:31

Conversational UI makes it easier for human and computer interaction. CUI's let the user express them in the most natural way possible. The use of artificial intelligence and natural language processing in conversational UI increases its efficiency to interact with humans and provide the service for which they are designed. Mainly they are used in ChatBots to help users find something or answer their questions. In the era when the conversational UI's were not developed, user's questions were asked through queries, by identifying the keywords and mapping them on to the related queries.


<h2>Trending Best Practices for Conversational UI's (CUI's)</h2>

The idea of designing CUI's is to make them flawless and easy to understand to collaborate. Users, ChatBots, and voice assistants should find it simple and easy to use the interface, so the command structure should not be complex in nature. It should give the user a smooth and distraction-free experience with its usage, flow, and the words that are used during the interaction. It should be lucid, empathetic, and corrective. Following the standard industry practices to design CUI's is always fruitful. The following are some of the guidelines defined for the creation of stunning interfaces:

#1) Background must constitute of elegant and essential features only

#2) CUI's should be precise

#3) Lucid phrases should be used

#4) Eliminate false options to avoid dead ends

#5) Prefer a voice that represents the brands' psyche

#6) Resolve the conflicts arising due to the misunderstanding of the commands


<a href="https://addwebsolution.com/blog/best-practices-designing-staggering-conversational-ui">Read the Full Post Here</a>
The Designing versus Testing Mindset
Tags: unittests, tdd, testing, softwaredesign
Published: 2020-03-11 11:36:41

Previously, we touched on [two different categories of automated tests](https://principal-it.eu/2019/10/taxonomy-of-tests/), namely **solitary** and **sociable** tests. Also we discussed how and why [the test pyramid](https://principal-it.eu/2019/11/test-pyramid/) is a useful model to have a healthy mix of both kinds of tests. The bottom line of the [previous blog post](https://principal-it.eu/2020/03/why-write-maintainable-unit-tests/) is that only having high-level sociable tests without any solitary tests, basically an “ice cream cone” testing strategy, can be quite detrimental.

Why? Because solitary and sociable tests each serve different purposes. They serve different purposes because they stem from a different mindset.

Solitary tests originate from a _“design”_ mindset. Solitary tests apply a certain pressure on the design of the system. They clearly indicate design flaws when they pop up. In order to accomplish this, we isolate small parts of the system and drive their design using Test-Driven Development. The process of TDD is about learning and designing. The solitary tests that come out of this process are merely a useful side-effect.

Sociable tests are only about verifying an expected outcome, which is just fine and very much needed as well. Sociable tests originate from a _“testing”_ mindset. They don’t drive or put any pressure on the design of the system. The reason for this is that they are inherently farther removed from the detailed implementation. Sociable tests are usually more verbose and therefore take longer to write. Because their inherit nature of taking more time to write and to run, it’s not really feasible to let them participate in a fast feedback process.

There is a process named [Acceptance Test-Driven Development](https://en.wikipedia.org/wiki/Acceptance_test%E2%80%93driven_development) (ATDD), which is related to TDD, but is more focused on being a collaborative process between users, testers and developers. This can be a useful process for driving out sociable tests.

The focus of solitary and sociable tests are completely different. And again, this is all fine because designing and testing software are two entirely different things. We need a lot of “designing” as well as “verification” activities in order to build useful software systems. Make sure to have both instead of choosing only one over the other.
DO YOU KNOW WHAT IS CLOUD COMPUTING & WHAT ARE THE BENEFITS OF CLOUD COMPUTING SERVICES?
Tags: software, development, company, ahmadabad
Published: 2020-03-11 11:25:02

Everyone is talking regarding “cloud computing.” But what does it mean? Cloud Computing is while you use a computer/server which is provided to you by someone else. This server has to be accessed over the internet by using a web-based tool for personal or business use.
Cloud computing is a kind of outsourcing of software and data storage & processing. Users access files & applications by logging in from any device that has an internet connection.
https://blog.arkinfosoft.com/technology-news/what-is-cloud-computing-benefits-of-cloud-computing-services/
super(props) in React
Tags: react, webdev, javascript, discuss
Published: 2020-03-11 11:23:56

I know this is basic but its always good to hear. I prefer this as a discussion rather than a tutorial.

Most people just put super(props) as it will make no harm to code and there is no time in the earth to know the reason why the thing is working, just let it be. Yes, I know that but let's dig deeper into Class Component and find out why do we need super(props) in our constructor.

<b>Q. Why do we need super(props)? </b>    
<b>This allow to access <i>this.props</i> in Constructor </b> 

Let's explore it: 

In fact, the super() function calls the parent class's constructor. 


```javascript
class Clock extends React.Component {
 constructor(props){
   // super(props);       let's put it in comment for now
   console.log(this);
 }
  render() {
       
        console.log(this.props)
       
    }
}
```
In this code, you are creating a Clock component which is inherited from Parent React.Component.

 ```javascript 
 console.log(this)
```
Try above code and you will get undefined in console. <I>A child class constructor (which for now is Clock Class) cannot make use of **this** until super() has been called.</I> **Remember I only said constructor**

But, there is no effect outside the constructor. it does not affect later rendering or availability of <i>this.props</i> in the render() function.

By calling super(props), you are calling the constructor of React.Component.
Which means that super() is a reference to the parent class constructor() which in the above case is of React.Component which is the base class of Component Clock.

When you pass props to super, the props get assigned to <i>this</i>.


Another thing is that: 

If you use **super(props)**, you can call methods that use <i>this.props</i> in from constructor, like <i>this.Home(),</i> without having to pass on the props parameter to those methods/functions.

 ```javascript
class Animal {
  constructor(home) {
    this.shelter = home;
  }
}

class Sheep extends Animal {
  constructor(props) {
    super(props);
    this.Home(); 
  }

  Home() {
        console.log('Sheep lives in' + this.shelter);
  }

}
```

The code explains the statements above code blocks. Here we can call Home() function from the constructor. If you made the close observation, this is just bolstering the things I talked earlier i.e <i>this</i> and remember we are using <i>this.Home()</i> only after we call super().

<h4> BONUS and THINK-TANK QUESTION AND ANSWER </h4>

Here inside constructor(), we call the super() function with no parameter inside.
 ```javascript
  {
    super();
    console.log(this.props); //guess what will be the output here.
  }
```
Can you guess the output?

Yes, it will give an undefined because we called constructor but props are not associated with **<i>this</i>** which inhibits us to call **this.props**.

If you have any different ways to present super() or more info, please comment below.

Thank you,
Have a good day and Take care.
Do you want to know about How to build a Chatbot with Dialogflow?
Tags: android, javascript, java, devops
Published: 2020-03-11 11:22:50

Dialog Flow from Google (earlier known as API.ai) is a great platform for developing chat bots for multiple platforms. Earlier when Dialog Flow was known as API.ai, they had an Android and iOS client library to integrate chat bot into mobile apps. But after merging into Google, the existing library is not getting updated rather we are seeing Dialog flow added to Google’s Cloud platform and a new Java-based client API is being developed.

In this article, I will show you how you can integrate a chat bot developed in Dialog Flow using new Java client API.

Read more here: https://medium.com/@rlogicaltech/build-chat-bots-with-dialog-flow-step-by-step-guidelines-e42d29e1c618
Commander Lazy
Tags: bash
Published: 2020-03-11 11:06:33

The other day I was thinking,

I spend way too much time going up my terminal history, so I tried to create an alias with the grep command and my life got immediately better: 

```
alias ??='history | grep '
```

I can now pick and replay the command I need:  

```
~/WorkSpace/ : ?? yarn
   10  yarn dev
   14  yarn install
   16  yarn dev -- -p 5783
   23  yarn build-storybook
   24  yarn run-storybook
   63  yarn
   65  yarn
   87  yarn
   89  yarn
   90  yarn
   96  yarn
  135  yarn add eslint --dev
  136  yarn add @typescript-eslint/parser --save-dev
  144  yarn
  154  rm  admin-client/yarn-error.log
  170  rm -f yarn.lock
  171  rm -f admin-client/yarn.lock
  174  cd admin-client && yarn install
  175  cd .. && yarn install
  183  rm -f yarn.lock
  184  rm -f admin-client/yarn.lock
  187  cd admin-client && yarn install
  188  cd .. && yarn install
  193  co -- yarn.lock
  245  rm -f yarn.lock
  246  rm -f admin-client/yarn.lock
  249  cd admin-client && yarn install
  250  cd .. && yarn install
  255  yarn build
  256  yarn build
  270  yarn build
  294  yarn build
  297  yarn build
  299  yarn build
  300  yarn build
  303  yarn build
  304  yarn build
  305  yarn build
  384  co -- admin-client/yarn.lock
  503  ?? yarn
```

But then I quickly became tired with the copy-paste routine and looked into hotkeys (I am using iTerm). 

It turns out that Settings > Pointer > Bindings could really implement what I needed: ![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/xrgqncuvv6vcjswmxv5p.png)

Now I can simply select the command I need, CMD+right click and voilá :)
I'm looking for examples of 2D simulators. Do you know of any?
Tags: discuss, help, simulation, 2d
Published: 2020-03-11 10:05:41

Hi :)

I'm looking for examples of 2D, top-down simulators of robots, vehicles, machines or similar things. Searching on github doesn't bring up many results and searching the internet with a search engine usually leads to some simulator game (even if I exclude search terms like "game" etc.).

As an example, here's a project that simulates a bunch of cars in a 2D environment: [https://github.com/oseiskar/js-car](https://github.com/oseiskar/js-car)

If you know of any 2D simulation software, it would be great if you'd leave a comment.

Thanks and have a great day!
Focus On Creating Value, Not Code
Tags: coding, mindset, learning, startup
Published: 2020-03-11 09:28:41

---
title: Focus On Creating Value, Not Code
published: true
description: Why it is better to focus on the 
tags: coding, mindset, learning, startup
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/hq6fwb44x9l29asl2o27.png
canonical_url: https://medium.com/shipharder/focus-on-creating-value-not-code-a45f2d9cd07c
---
Too often, we want to start working on a solution in a heartbeat 💓.

# Starting On The Solution Too Fast

We start designing. We grab a coffee and start coding at once. Or load up our tools and get that project started. 🏃🏻‍♂️ Run. Run. Run.

There's nothing wrong if you're doing this to learn by doing, but if you want to build a viable product or just something that solves a problem for you or others, the diving-in-head-first-method might not be the best one.

I get it: 

> as a coder, I know how fun it is to code a solution to any problem.

But more often than not, this gets you into trouble further down the path:
- Missed scenarios 😕
- Wrong assumptions 😞
- Error-prone implementations 😖

# Solve By Focusing On Value First

Prevent those troubles by thinking about #valuefirst: what is the thing you're trying to solve /create. And, more importantly:

WHAT IS THE VALUE YOU CAN PROVIDE WITH THE SOLUTION? 🤔

If you need to test before you can define the value, start with setting up a  proof of concept (PoC) using tools that help you to validate your assumptions:
- non-coding / low-coding tools
- Use Excel
- connect services using [Zapier](www.zapier.com) to set up a workflow
- validate your idea using a SIMPLE landing page

These kinds of PoC setups can be done quickly and while they aren't going to be the final solution, they WILL prove to you if all the time you're investing will pay off eventually. 

> It's better to waste 10 hours on an idea proven wrong than 1000 on a working solution never being used

Don't worry about scaling, best practices. Look and feel. 🙅🏻‍♂️

Worry about testing and validating the solution you want to create and the value it will create for its users. 

# Actionable steps to do this

Here are the steps I take when I validate the value of my idea:

1. Create a simple PoC in code/demo video/visualization showing the main idea of the solution
2. Create a **simple** landing page for my idea (using [Carrd.co](www.carrd.co))
3. Get the PoC in people's hands asap and get to test it out by/with them for early feedback
4. Tweak the idea and ask for $$$ (if a viable product is your goal)

This mindset isn't earth-shattering: it's what the book [The Lean Startup](https://amzn.to/3aPpwkt) and Pieter Levels' book [Make: bootstrappers handbook](https://makebook.io) already describe.

> Stop building on assumptions and start validating before you build 




Code Hard, Ship Harder

*Let me know how you've validated your ideas. Any tools, tips or tricks are welcome!*

*This article is also published [on Medium](https://medium.com/shipharder/focus-on-creating-value-not-code-a45f2d9cd07c)*
What's New In Codeigniter4 Installation
Tags: codeigniter, php, programming
Published: 2020-03-11 09:19:00

Codeigniter4 is rewrite of framework and has lot of differences compared to previous version. Lets see what's new in codeigniter4 installation instructions.

**Codeigniter3 Installation**

Codeigniter3 offers only [Manual Installation](https://codeigniter.com/user_guide/installation/index.html) in 4 steps.

1.Download and unzip package
2.Upload CI folder and files on server
3.In *application/config/config.php* file set base URL.
4.For database use, set settings in *application/config/database.php* file. If you want to use encryption or sessions, set encryption key.

**Codeigniter4 Installation**

Codeigniter4 offers 3 ways of installations.

1.Manually Installation
2.[Composer Installation](https://codeigniter4.github.io/userguide/installation/installing_composer.html)
3.[Git Installation](https://codeigniter4.github.io/userguide/installation/installing_git.html)


I'll write in detail about composer and git installations in coming posts.

Keep Learning!!