teleren/devto huggingface dataset:
STEPS Kochi - Digital marketing training in kochi 
Published: 2020-09-28 09:23:04

Learn from the leaders of Digital Marketing (SEO, PPC, Social media- Facebook, LinkedIn, Twitter, Mobile, Ecommerce Marketing) from Kerala's No.1 training institutes / classes in Kochi.
Learn from the leaders of Digital Marketing (SEO, PPC, Social media- Facebook, LinkedIn, Twitter, Mobile, Ecommerce Marketing) from Kerala's No.1 training institutes / classes in Kochi.


•	Digital Marketing strategy helps reach out to a large audience all within a small investment.
•	Digital Marketing helps to build brand reputation.
•	Digital Marketing is Important to market/establish your business online.
•	Digital marketing in business helps generate higher revenues.

Register now : https://www.stepskochi.com/digital-marketing-training-kochi
Data Science training in kochi
Published: 2020-09-28 09:20:49

Data Science, also known as data-driven science, dealing with unstructured and structured data, and it is a large field covering everything from data collection, cleaning, standardization, analysis, visualization and reporting. Data Science is the combination of statistics, mathematics, programming, problem-solving, capturing data in ingenious ways, the ability to look at things differently, and the activity of cleansing, preparing and aligning the data. The main 3 components involved in data science are organising, packaging and delivering data.
STEPS offers the best training in Data Science in kochi, kerala in a real IT park.
Register now : https://www.stepskochi.com/data-science-training-kochi
React obfuscate: Hiding source code from developer tools
Tags: todayilearned, react, webdev
Published: 2020-09-28 09:02:00

When you run `yarn build` in a create-react-app application, React minifies the code during the build and generates source maps. JS code thus becomes obfuscated as a byproduct of minification. 

If you take a look inside `build/static/js`, you will see that with each `.js` file, there is an accompanying `.js.map` file. The JS files are loaded with your website, and the `.map` sourcemap files are loaded on demand, when developer tools are opened, so that you are able to navigate around the original code.

To disable sourcemap generation, run your build with `GENERATE_SOURCEMAP=false`. This will ensure that `.map` files will not end up in the bundled build. 

```
"scripts": {
    "build": "GENERATE_SOURCEMAP=false react-scripts build"
}  
```

![learned](https://media.giphy.com/media/3orifhln1wZJ7lTbyw/giphy.gif)
If You Are Looking For The Best Mobile App Development Company in Bangalore, You Are in Right Place!!
Published: 2020-09-28 09:00:34

A mobile app development company builds the basis for perceptive business by working with complicated and innovative technologies and rapidly developing business environments, to offer optimized project performance. At Apprient, a team of talented professionals offers mobile application development services for your business.
 
An expert team of our <a href="https://www.apprient.com/mobile-app-development/">mobile application development company in Bangalore</a> builds attractive and easy to use apps that one can simply fall for the designs and its accurate functionality. Our quality services include:

1. User-Friendly Interface
2. Low Budget
3. Customization
4. BYOD Preferences
5. Strongly Secure
6. Fast App delivery

Our mobile app developers’ team delivers creative, reliable, and secure mobile applications. They know app preferences and the latest technology trends. Our mobile app developers are ready to dedicate themselves exclusively to your project, they will listen and answer you. They will take good care of your security, safety, and confidentiality. Our professional team conveys complete mobility solutions that encounter the requirements of our clients and their customers.

We promise to deliver the latest technology apps development services in every industry. Our mobile application development company in Bangalore has grown vastly to deliver a full range of satisfaction. Apprient holds a notable position as a top mobile app development companies worldwide for creating the latest and collaborating interfaces.

While we center around your improvement needs, we'll assist you by building up a mobile app that will take your business idea from conceptualization to a very much adored application on Apple's App Store and Google Play, from where it will be easily accessible to anyone. Among the other app development companies, what separates us is the start to finish answer for making an extraordinary portable encounter over different stages, gadgets, and OS versions, with proceeded with help and upkeep to react to your present moment and long-term needs.

So, to get an innovative, top quality, and high functionality mobile app for your business, hire the best mobile application development company in Bangalore. For more details kindly visit us!!

Click Here To Know More: <a href="http://www.musicrush.com/apprient/blog/57438/understanding-why-your-business-needs-an-app">http://www.musicrush.com/apprient/blog/57438/understanding-why-your-business-needs-an-app</a>
[Java] Add WordArt to Word Document
Published: 2020-09-28 08:36:32

Compared with ordinary text, WordArt is more creative and decorative, it is often used in the beautifully designed magazines or posters. In this article, I will introduce how to add WordArt in a Word document by using Free Spire.Doc for Java.


**Installation**
**Method 1:** Download the [Free Spire.Doc for Java](https://www.e-iceblue.com/Download/doc-for-java-free.html) and unzip it. Then add the Spire.Doc.jar file to your Java application as dependency.

**Method 2:** You can also add the jar dependency to maven project by adding the following configurations to the pom.xml.

```xml
<repositories>
   <repository>
      <id>com.e-iceblue</id>
      <name>e-iceblue</name>
      <url>http://repo.e-iceblue.com/nexus/content/groups/public/</url>
   </repository>
</repositories>
<dependencies>
   <dependency>
      <groupId>e-iceblue</groupId>
      <artifactId>spire.doc.free</artifactId>
      <version>2.7.3</version>
   </dependency>
</dependencies>
```

**Add WordArt**

```java
import com.spire.doc.*;
import com.spire.doc.documents.*;
import com.spire.doc.fields.ShapeObject;
import java.awt.*;


public class WordArt{
    public static void main(String[] args) throws Exception {
        //Create a Word document.
        Document doc = new Document();

        //Add a section
        Section section = doc.addSection();

        //Add a paragraph.
        Paragraph paragraph = section.addParagraph();

        //Add a shape
        ShapeObject shape = paragraph.appendShape(250, 70, ShapeType.Text_Wave_4);

        //Set the position of the shape
        shape.setVerticalPosition(80);
        shape.setHorizontalPosition(100);

        //Set the text of WordArt
        shape.getWordArt().setText("Thanks for reading");

        //Set the fill color
        shape.setFillColor(Color.CYAN);

        //Set the border color of the text
        shape.setStrokeColor(Color.BLACK);

        //Save the document
        doc.saveToFile("WordArt.docx", FileFormat.Docx_2013);
    }
}
```
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/aee6mqrqo9wokwl951oo.png)
Functional programming is conversational, OOP is abstract art
Tags: functional, oop
Published: 2020-09-28 08:35:23

Functional, OOP and procedural styles are all valid, just different - and in fact complementary.

To explore how, here's a fundamental question: What is it *really* like to program in a functional, procedural or an OOP style? I don't mean the technical nuts-and-bolts, which many folk have and will write about. I mean from a personal perspective - what thinking style are you using and is it suited to the task at hand?

I was reading [an article by Arsen](https://dev.to/aismagulov/a-process-is-the-opposite-of-personal-interaction-35p6) recently, on the different interactions implicit in software engineering teams. For example, engineering processes are basically code procedures that are both impersonal and hard to stop once started. But very useful and efficient for well-understood activities.

Consider modern art (such as the article's header pic which is a part of "Little painting of fir-trees" by Paul Klee). It takes a lot of thought and consideration to distill a thought or a scene into an abstract representation on canvas. And once done it is hard to undo - the links between painting and reality are not always obvious or reversible. But the end-point is powerful and imparts meaning quickly. Of course, the meaning you extract might not always be what the painter intended you to see!

Contrast this with the interactive conversation that is pair-programming or an agile sprint. Feedback is rapid, change is easy (desired) and you have more control over the questions and answers.

A common development process therefore might start with some rapid-feedback activity, when the solution space isn't clear. But over time become more structured.

We can apply the same concept to the style of programming. Start functional, move to objects with message passing once the structure is clearer and more organisation is needed (the [objects may be functions with closures](https://dev.to/stopachka/classes-are-just-a-fancy-way-of-writing-higher-order-functions-7k) or some other OOP concept). Then convert some of the fundamental activities into fast and efficient procedures when you can cope with the loss of control this implies.

Functional, OOP and procedural styles are all valid, just different - and in fact complementary.
React vs Vue: Which one is better in terms of Performance & Memory Consumption?
Tags: react, beginners, webdev
Published: 2020-09-28 08:34:53

React was developed in order to address specific Facebook needs, and remains to be handled by the tech firm. There were certain doubts about the license to React in the past; currently, however, the tool operates under the MIT License, making it open source. The corporate backing of React, particularly from such a significant figure, signifies stability in the long run and indicates that React will continue to be developed with long-term support.

Vue.js is an open-source framework for building complex UI. It enhances a lot of concepts. Vue is marketed as a progressive platform that means you can migrate your existing projects one feature at a time. Vue can go between a lightweight library and a full-fledged system, depending on your needs.

<h2> Performance & Memory Consumption

There are two key metrics that decide an app's speed: start-up time and runtime performance. 

Both libraries have tiny bundle sizes (31 KB for Vue/84.4 KB uncompressed and 32.5/101.2 KB for React) that speed up the initial load. 

You check this benchmark for runtime performance, which compares startup times, allocation of memory, and the duration of operations for popular JS frameworks and libraries. 

The efficiency of both libraries is outstanding. Vue is significantly better in memory allocation and startup times while React is a tad faster at runtime. 

You shouldn't judge a library's performance based on benchmarks alone. The speed may differ considerably based on application size and your optimization efforts.

Both libraries have:
<ul>
<li>server-side rendering (SSR)</li>
<li>tree shaking</li>
<li>bundling</li>
</ul>

They even use a virtual DOM. Since it is a resource-intensive process to change the real DOM, the modifications are first applied to the virtual DOM. 

The modification of a component state in React will re-render all of its child components. 

You can use PureComponent, shouldComponentUpdate or immutable data structures to boost efficiency and performance. However, this technique may trigger inconsistencies in the DOM state in those rare instances where the render performance for child components is not managed by the component's props. 

On the other hand, Vue monitors dependencies that prevent unwanted child component renderings.

As a beginner, React.js project development may seem challenging, but one can simplify the whole process by breaking down an application into smaller components. Try to focus on building one feature at a time, and keep connecting the dots as you move forward into the intricacies of development.

<H3>React.js Projects for Beginners<H3/>

https://codersera.com/blog/reactjs-projects-for-beginners/
https://www.upgrad.com/blog/react-project-ideas-topics-beginners/
Background image for vs code
Tags: vscode
Published: 2020-09-28 08:34:50

If you are like me, who likes to spend a considerable amount of time making your work a bit more exciting with a workspace environment. This article helps you to customize your vscode background in 2 steps.

# **Steps**
1. install this [vscode plugin](https://marketplace.visualstudio.com/items?itemName=shalldie.background). 
2. in vscode run `CMD/CTRL + SHIFT + P` and choose `The Open Settings (JSON)` command and copy the following 

```json
  "background.enabled": true,
  "background.loop": false,
  "background.useDefault": false,
  "background.useFront": false,
  "background.style": {
        "content": "''",
        "pointer-events": "none",
        "position": "absolute",
        "z-index": "99999",
        "width": "70%",
        "height": "100%",
        "margin-left":"30%",
        "background-position": "right",
        "background-size": "cover",
        "background-repeat": "no-repeat",
        "opacity": 0.1
    },
  "background.customImages": [
        "https://cdn.wallpapersafari.com/5/23/AMbq2m.jpg",  "https://ih1.redbubble.net/image.810930104.5005/raf,750x1000,075,t,FFFFFF:97ab1c12de.jpg",
        "D:/ec/images/terminal/robot.jpg",
    ]
```
---

On the restart, you should see your cool new editor with a background image.

> **Note**: *To remove the warning from vscode, click on the little setting button and then select don't show again.*
Innovative things explored by SEM marketers
Tags: seo, digitalmarketing
Published: 2020-09-28 08:13:21

The basic principle of this internet marketing is to support web pages, especially through paid advertising, through the increasing exposure of search engine sites. Ideally, SEM marketers try to help SEOs / content writers to improve the search engines and to try to modify or rewrite their content and architecture to raise the pay per click (PPC) listed on the Search Engine Results pages. SEM stands primarily for search engine marketing. SEOs are more advanced and seek to restore profiles, knead keywords in headlines and build a sitemap with the developments in SEO technology that is perfect for crawlers. Although many SEO and SEM marketers have pioneered the sites that control the search engine outcomes or SERPs of today and tomorrow.<a href="https://ublinternational.com/Digitalmarketing">best digital marketing agency</a>
My #100DOC - Day 32
Tags: 100daysofcode, challenge, log
Published: 2020-09-28 08:07:31

#### **Today's Progress**: 
1. **[Redesign of my portfolio](https://github.com/pablohs1986/pablohs1986.github.io)** (2h 30min):<br>I made the sticky navbar and footer, header, and started with the about section and JavaScript logic for the portfolio, all with Bootstrap 4.
    
#### **What I learned**: 
* Review of html basics.
* Review of Bootstrap basics.
* Review of JavaScript basics.

#### **Total time**:
2h 30min.
100DaysOfCode | Day 44-46
Tags: challenge, 100daysofcode, beginners, python
Published: 2020-09-28 08:05:22

▄█ █▀█ █▀█ █▀▄ ▄▀█ █▄█ █▀ █▀█ █▀▀ █▀▀ █▀█ █▀▄ █▀▀
░█ █▄█ █▄█ █▄▀ █▀█ ░█░ ▄█ █▄█ █▀░ █▄▄ █▄█ █▄▀ ██▄


Hey Everyone, how is it going?

I'm here again to share my experience with you since day 44(Now 46)!

That's kind of curve when it comes to learning new things, sometimes it's easy to learn, and sometimes it's the opposite!
So that would be your art to stay in the process and make some progress even if you think that's not in your case!

Since day 44, I'm working on my web application and gonna make a route for users, so they can edit their information and can upload a profile picture.

__Flask__ is so damn cool but sometimes I get confused about it, but there's no worry, cause I'm still in my great journey!



#Keep Moving Forward ツ

##Enjoy Your Journey 👊

##Code with 💛

__🅑🅐🅝🅙🅘__
Monday Express BigO Notation [Day 2]
Tags: datastractures, algorithims, devcircles
Published: 2020-09-28 07:58:57

---
title: Monday Express BigO Notation [Day 2]
published: True
description: Hello welcome to the second BigO notation challenge where we will be solving a few challenges
tags: #datastractures #algorithims #devcircles
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/c5b6uew9ug4gb0i2ijvq.jpg
---
### Hello welcome to the second BigO notation challenge where we will be solving a few challenges. 

# Today we will be taking a new route just to understand what BigO Notation is 

# What is BigO Notation?
- Big O notation is the language we use for talking about how long an algorithm takes to run (time complexity) or how much memory is used by an algorithm (space complexity). Big O notation can express the best, worst, and average-case running time of an algorithm. [Big-O Notation: A Simple Explanation with Examples](https://medium.com/better-programming/big-o-notation-a-simple-explanation-with-examples-a56347d1daca)
{% medium https://medium.com/better-programming/big-o-notation-a-simple-explanation-with-examples-a56347d1daca %}

### Well said you can check that blog which has a lot of explanation about O Notation. 

There are 4 key things to consider while solving BigO challenges

1. When you have different steps in your algorithm you add them 

2. You drop constants as they are described as (o) of n

3. If you have different inputs you use different variables to represent that eg

4. You drop non dominate terms

You can watch a simple explanation of [BigO Notation](https://www.youtube.com/watch?v=v4cd1O4zkGw) {% youtube v4cd1O4zkGw %}


# Thank you for reading see you next week :tada:
Letting the Framework Dictate My Project
Published: 2020-09-28 07:36:02

(still backlogged at day 6 at the time of publishing)

# Day 4 of 100DaysOfCode

Despite writing an (not so humble) [awesome article detailing my database designing skills](https://blog.justinho.studio/designing-a-database-to-track-my-sneakers), I have had to change up my database structure to better fit HypeTracker into the Laravel ecosystem.

The main reasons are:

1. Many implicit functions work with surrogate keys instead of natural keys for the primary key constraint (basically using an integer id instead of a human readable string)
2. Eloquent ORM does not support composite primary keys!

I actually already noted the second point in my day 2 post but the combination of these two problems made me unable to retrieve items through the hasMany relationship.

So I just gave up and added id fields as primary keys for all my tables.

![Refactoring Migrations to Add ID Primary Keys](https://dev-to-uploads.s3.amazonaws.com/i/okctm920gc8tog5m3jc3.png)

Thankfully Laravel migrations made the process of altering table fields using PHP code nice and easy but I am still not happy about wasting that time.

The takeaway? Frameworks have hard rules that are basically "my way or the highway".

Follow my coding adventure on Twitter [@justinhodev](https://twitter.com/justinhodev)!
Evaluate Division | Leetcode Day 24
Tags: python
Published: 2020-09-28 07:30:16

Problem - 
>You are given equations in the format A / B = k, where A and B are variables represented as strings, and k is a real number (floating-point number). Given some queries, return the answers. If the answer does not exist, return -1.0.

Example
```
Input: equations = [["a","b"],["b","c"]], values = [2.0,3.0], queries = [["a","c"],["b","a"],["a","e"],["a","a"],["x","x"]]
Output: [6.00000,0.50000,-1.00000,1.00000,-1.00000]
```
Intution - Find the path from source to destination, multiply the edge weights
Solution - 
```
from collections import defaultdict
class Solution:
    def calcEquation(self, equations: List[List[str]], values: List[float], queries: List[List[str]]) -> List[float]:
        g = defaultdict(list)
        for i in range(len(equations)):
            eq = equations[i]
            val = values[i]
            s, d = eq
            g[s].append((d, val))
            g[d].append((s, 1/val))
        head = (equations[0][0], 1)
        # print(g)
        def dfs(root, path, s, d):
            nonlocal st
            st.add(root[0])
            path = path + [root]
            if s in st and d in st:
                return path
            res = None
            for child in g.get(root[0], []):
                if child[0] not in st:
                    res =  dfs(child, path, s, d)
                    if res is not None:
                        return res
        ans = []
        for s, d in queries:
            if s == d:
                if s in g:
                    ans.append(1)
                else:
                    ans.append(-1)
                continue
            st = set()
            path = dfs((s, 1), [], s, d)
            if path is None:
                st = set()
                path = dfs((d, 1), [], s, d)
            if path is None:
                ans.append(-1)
            else:
                flag = False
                res = 1
                id_p = [el[0] for el in path]
                s_i = id_p.index(s)
                e_i = id_p.index(d)
                if s_i <= e_i:
                    for i in range(s_i + 1, e_i + 1):
                        res*= path[i][1]
                    ans.append(res)
                else:
                    for i in range(s_i, e_i, -1):
                        res *= 1/path[i][1]
                    ans.append(res)
        return ans
```
Blog Backlogged On Day 3
Published: 2020-09-28 07:17:13

I can finally see why people enjoy using Twitter along their busy lives. Despite enjoying writing long-form content more, I have neglected to post anything on any of my blogs because I prioritized my time onto HypeTracker and work instead.

I am now going to summarize my days along with thoughts about them further along my development (for reference this is day 6 of my challenge at the time of publishing)

# Day 3 of 100DaysOfCode

Finished adding mutators and relationships in Laravel using their Eloquent ORM (incorrectly). I have created applications in PHP before but I was too familiar with Object-Oriented Programming languages where more boilerplate classes like Data Access Objects existed. 

Laravel provides a lot of implicit conversions based on field and function names which actually saves a lot of scaffolding time. (still not sure how another developer can come into the project and know the Model structure though)

Ended up having to edit my commits a few times on a PR branch and force push haha.

![A lot of force pushes on this branch](https://dev-to-uploads.s3.amazonaws.com/i/5nu2y3jh8b2i8c69o4k1.png)

So the trick to editing previous commits is this git command:
```bash
// Replace 'x' with the number of commits prior 
// to current head that you want to edit.
// You can find the number of commits with git log 
// or even replace HEAD with the commit id.

$ git rebase -i HEAD~x
```
It brings up a list of commits along with instructions for replacing the `pick` keyword with the action that you want to do (the ones I use most frequently are `edit` for changing the commit and `reword` to just change the commit message).

HOWEVER there are dangerous implications to force pushing rebased commits and I would not recommend it unless it's your own branch / has not been pushed publicly. [More details here](https://www.atlassian.com/git/tutorials/rewriting-history/git-rebase)

Because this is a personal / hobby project I just left it in.

Keep up with my journey on Twitter [@justinhodev](https://twitter.com/justinhodev)!

Project Repository (PR referenced above):

{% github https://github.com/justinhodev/hype-tracker/pull/7 %}