teleren/devto huggingface dataset:
Excel Sheet Column Number
Tags: java, codenewbie, computerscience, challenge
Published: 2020-08-11 15:51:41

Given a column title as appear in an Excel sheet, return its corresponding column number.

For example:

    A -> 1
    B -> 2
    C -> 3
    ...
    Z -> 26
    AA -> 27
    AB -> 28 
    ...
Example 1:

Input: "A"
Output: 1
Example 2:

Input: "AB"
Output: 28
Example 3:

Input: "ZY"
Output: 701
 

Constraints:

1 <= s.length <= 7
s consists only of uppercase English letters.
s is between "A" and "FXSHRXW".

Here is my solution:


     class Solution {
          public int titleToNumber(String s) {
             int result=0;
             for(char c:s.toCharArray())
                 {
                int d=(int)(c)-'A'+1;
            
        result=result*26+d;
            
              }
           return result;
        
      }
      }

This is a LeetCode August Challenge Question
HappyCoding❤️
Traefik Training Early Access
Tags: tutorial, devops, learning, traefik
Published: 2020-08-11 15:44:21

It's here! Today, we launched our Traefik Training platform for early access. In collaboration with the Traefik Community, fellow Docker Captains & Traefik Ambassadors, and the 56K.Cloud team, we crafted a training course based on real-world deployments of Traefik.

[Traefik Training](https://www.thebyte.io/traefik-training)



![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/k9v9g4tc87f4bfqs8ykj.png)
Screpy Not Just an SEO Tool. Click to TRY DEMO
Tags: saas, developers, seo, showdev
Published: 2020-08-11 15:32:35

![Screpy SEO Analysis and Monitoring Tool](https://dev-to-uploads.s3.amazonaws.com/i/nr1139c8iobf4jvbcvuh.png)

Screpy is different from all the SEO tools you have used so far.

Because it does not only do SEO analysis of your site. It performs pagespeed analysis, w3c analysis, keyword tracking and uptime monitoring.

[Try Our DEMO](https://screpy.app/login?demo)
Solve your SEO issues with A.I
Tags: seo, ai, web, analysis
Published: 2020-08-11 15:25:39

![Screpy - AI-Based SEO Analysis Tool](https://dev-to-uploads.s3.amazonaws.com/i/svxm92rx12kt3tnbua0t.png)

Screpy is an AI-Based web analysis tool that can analyze all pages of your websites in one dashboard and monitor them with your team.

It finds any issues of your website and motivates you to solve them.

[Screpy SEO Tool](https://screpy.com)
SQL Join
Published: 2020-08-11 15:21:39

Different Types of SQL JOINs
Here are the different types of the JOINs in SQL:

(INNER) JOIN: Returns records that have matching values in both tables
LEFT (OUTER) JOIN: Returns all records from the left table, and the matched records from the right table
RIGHT (OUTER) JOIN: Returns all records from the right table, and the matched records from the left table
FULL (OUTER) JOIN: Returns all records when there is a match in either left or right table
The Troublegazing Mindset ⊹╰(⌣ʟ⌣)╯⊹
Tags: tips, learning, productivity
Published: 2020-08-11 15:14:41

There is problem solving.

Then, there is troubleshooting.

I am putting the last touches on a beta version of Howl - provocative tech to radically transform the C# programming experience. It has been very hard work, and I cannot wait to tell you all about it. 

I will wait.

I left the comfort of my preferred operating system and went to check the "Windows situation".

One thing leading to another: the atom-tree-sitter-npm-gyp stack I am depending on may or may not percolate on Windows as easily as it brewed on Mojave (notice I didn't say "macOS" as this would include Catalina).

As Windows is displaying its "blue screen of updating" please make yourself comfortable: let me stir your trouble-gazing spirit.

## Being grateful

One step towards solving pesky engineering problems is gratitude.

Why need I install (to me) relatively obscure software instead of sitting on the couch munching pop corn?

The answer is simple: it has *everything* to do with me *right now* : Gyp powers Tree-Sitter - awesome tech - which powers my syntax highlighting; which tremendously (chuckle) enhances the user experience of my (as yet non-existent) users.

The opposite of gratitude is: negging the software stack you are standing on. 

I brewed coffee. Got a break. If this drags on I will go and learn more about [GYP](https://gyp.gsrc.io), cause why not?

Onto another, equally important dimension in happy, effective trouble-shooting.

## Extrospection

In all, a lack of patience for technology(\*) has influenced my career and learning orientation throughout. You could say I am more of a CS guy, less of a hacker. 

Notwithstanding. 

Two years ago I was offered decent work involving compatibility. Meaning, switching between OSes. Installs and re-installs. VMs. Ironing every kink. Herding compilers.

This has taught me one thing: *a goal oriented, inductive mindset does not solve everything*. If you try to solve this kind of issue with a mental hammer, you will tire out and give up.

People say "admire the problem" sarcastically. 

Meanwhile, many setup/installation/wobbly tech annoyances get solved by moving in quietly and instead of "how do I get this @#$^$% thing to work", be "Okay, I want to learn about this, let me see how it works".

All the way to 

〜 *I will check out the source and rebuild this whole thing myself to see what fork in the code caused this error to display*.

Hammers are for breaking doors, not assembling clockwork.

## Pending a conclusion

The blue screen of nether is still on. That's okay. With patience, gratitude and an open ended approach to engineering problems... ...some things are possible. 

⊹╰(⌣ʟ⌣)╯⊹

*(\*) `Technology` being aptly defined as "what doesn't work".*
Mobile first, but if desktop, additional UI
Tags: webdev, discuss, responsive, mobile
Published: 2020-08-11 15:06:45

How would you approach this problem? When the screen size is larger, there should possibly be more UI. (And when screen size is small, there shouldn't be necessary bundle size.)

<small>It MUST never fail on mobile.</small>

Also, if required, when installed as mobile native, there can also be additional features.

- Latest web API is probably enough for most things, anyway
  - Except for annoying [Web Push Notification](https://developers.google.com/web/ilt/pwa/introduction-to-push-notifications), if disabled at first...
Build Failed with an Exception – Unable to merge dex
Published: 2020-08-11 15:02:30

Problema:

FAILURE: Build failed with an exception.

* What went wrong:

Execution failed for task ‘:app:transformDexArchiveWithExternalLibsDexMergerForDebug’.

> java.lang.RuntimeException: java.lang.RuntimeException: com.android.builder.dexing.DexArchiveMergerException: Unable to merge dex

Solução:

1) Vá até o android/app/build.gradle

2) Adicione o seguinte comando dentro do defaultConfig:

```
multiDexEnabled true
```

Ficará algo assim:
```
defaultConfig {
        // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html).
        applicationId "me.alexandrefreire.vendas"
        minSdkVersion 16
        targetSdkVersion 28
        versionCode flutterVersionCode.toInteger()
        versionName flutterVersionName
        testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
        multiDexEnabled true
    }

```
Few Tips for writing better commit messages
Tags: git, php, javascript
Published: 2020-08-11 15:02:27

I was reading the source code of Vuejs 3 just a few minutes back and found a commit message template used by Evan You. It looked interesting to me. check and try to apply it in your workflow, if you like it.

Prefixes to add before commit messages:
```
test: (working on tests)
refactor: (refactoring the code)
fix: (doing some bug fixes
feature: (adding the new feature) 
build: ( adding some package or something required when building)
types: (adding the variable type, interface or something like that)
style: (some CSS or style improvement that does not affect the core functionality)
docs: (wrote some documentation or code comments)
wip: (full form: work in progress, when something is under work in progress usually some complex stuff that has to be done in parts)

```



example commit message:


```
fix: fixed title not defined on the jobs page

```


## Improved

One more idea I learned from Angular Contribution Guide. we can improve our commit messages further to include the area of changes.

After Commit prefix like `fix` or `refactor` you can include the module or feature in brackets. just like following.

```
fix(auth): fixed the refresh token issue

refactor(registration): Improve the performance by putting email sending logic in queue
```

Thanks for reading.
Git: The Power of the Dash
Tags: git, productivity, learning, thisweekilearned
Published: 2020-08-11 15:00:49

This week I racked up another nugget of git knowledge. The beauty in this one is its simplicity.

Have you ever been bouncing back and forth between branches and wished there was a more efficient way than typing out the branch name each time (even with tab complete)? I present you with:

`git checkout -`

That command will checkout your previous branch. But, that's not the only git command that accepts the dash, it can also be used with rebase, merge, and cherry-pick.

_- AND -_

After I shared this in my engineering Slack channel, a colleague pointed out that it can be utilized in file tree navigation:

`cd -`

Talk about a game changer! Now traversing backwards can be done with a few less keystrokes. 


------

This post is part of an ongoing *This Week I Learned* [series](https://dev.to/noelworden/beginning-of-a-blog-series-5aj3). I welcome any critique, feedback, or suggestions in the comments.
Diagrama do Ciclo de Vida Vue.js
Tags: vue
Published: 2020-08-11 14:59:13

Abaixo está um diagrama para o ciclo de vida da instância. Você não precisa entender completamente tudo o que está acontecendo neste momento, mas conforme você aprender e construir mais coisas, este diagrama será uma referência útil.

![drawing](https://dev-to-uploads.s3.amazonaws.com/i/p6e0aoy8nubyq9kmoumd.png)
Passando parâmetros para um Stateful Widget no Flutter
Tags: dart
Published: 2020-08-11 14:51:32

Aprenda a passar parâmetros para um Stateful Widget no Flutter. Não passe parâmetros para o estado usando seu construtor. Você só deve acessá-los usando this.widget.myField.
```dart
class MyStateful extends StatefulWidget {
  final String foo;

  const MyStateful({Key key, this.foo}): super(key: key);

  @override
  _MyStatefulState createState() => _MyStatefulState();
}

class _MyStatefulState extends State<MyStateful> {
  @override
  Widget build(BuildContext context) {
    return Text(widget.foo);
  }
}

```
Leetcode 1346: Check If N and Its Double Exist
Tags: javascript, leetcode, algorithms, hashtable
Published: 2020-08-11 14:46:19


This problem is part of [the Introduction to Data Structures Arrays-101](https://leetcode.com/explore/learn/card/fun-with-arrays/527/searching-for-items-in-an-array/) section in LeetCode.

## Problem Statement
Given an array arr of integers, check if there exists two integers N and M such that N is the double of M ( i.e. N = 2 * M).

More formally check if there exists two indices i and j such that :

* i != j
* 0 <= i, j < arr.length
* arr[i] == 2 * arr[j]

**Example 1**
```
Input: arr = [10,2,5,3]
Output: true
Explanation: N = 10 is the double of M = 5,that is, 10 = 2 * 5.
```
**Example 2**
```
Input: arr = [7,1,14,11]
Output: true
Explanation: N = 14 is the double of M = 7,that is, 14 = 2 * 7.
```
**Example 3**
```
Input: arr = [3,1,7,11]
Output: false
Explanation: In this case does not exist N and M, such that N = 2 * M.
```

**Constraints:**

* 2 <= arr.length <= 500
* -10^3 <= arr[i] <= 10^3

## First thought - Solution 1: two loops
```
 var checkIfExist = function(arr) {
     for(let i=0;i<arr.length;i++){
         let target = arr[i]
         for(let j=i+1;j<arr.length;j++){
             if(target === arr[j]*2 || target === arr[j]/2){
                 return true
             }
         }
     }
     return false
 };
```
**Time complexity** : O(n²)
**Space complexity** : O(n)

## Solution 2: hash table
We could also use `hash table` data structure to solve this problem using Set object or array.

1. Iterate over the array and check if element in array multiplied by 2 or divided by 2 is equal to the element in the `Set` object.
2. If existed, then return true
3. If not existed, then add the element in the Set object.


```javascript
var checkIfExist = function (arr){
    let newSet = new Set()
    for(let i=0;i<arr.length;i++){
        if(newSet.has(arr[i]/2) || newSet.has(arr[i]*2)){
            return true
        }else{
            newSet.add(arr[i])
        }
    }
      return false
}
```

NOTE: considering 0 in array

* [0,0] - output is True
* [0,10,7,1] - output is False

**Time complexity** : O(n)
For each element, we try to find its match in the Set object by looping through the array which takes O(n) time.

**Space complexity** : O(n)
The space complexity is O(n) because it needs a variable newSet  to store the data.
Building SSR React Micro Frontends | By Ruben Casas & Nelly Kiboi
Tags: webdev, tutorial, javascript, react
Published: 2020-08-11 14:42:49

---
title: Building SSR React Micro Frontends | By Ruben Casas & Nelly Kiboi
published: true
description: Learn how to build scalable React Applications following the micro frontend pattern using One App, a new modular approach to web application development.
tags: webdev, tutorial, javascript, react
//cover_image: https://direct_url_to_image.jpg
---

Big thanks to Ruben and Nelly who gave a really exciting talk this week!

Here is the link to the replay of the live event:
https://youtu.be/r92CUWlDwgE

{% youtube r92CUWlDwgE %}

Learn how to build scalable React Applications following the micro frontend pattern using One App, a new modular approach to web application development.

Ruben Casas and Nelly Kiboi are both developers in awesome software developers in American Express and I am really excited to have them both as guests.

Follow Nelly Kiboi on Twitter here:
https://twitter.com/nellykiboi

Follow Ruben Casas on Twitter here:
https://twitter.com/Infoxicador

Hopefully will be useful to all levels, beginners are welcome. 💜

Prerequisites:

- A laptop with a web dev environment

- A cheerful and inquisitive attitude

We now have a Discord and everyone is welcome.
Join using this link:
https://discord.gg/WXmHTP3

---

[Follow me on Twitter](https://twitter.com/nialljoemaher)

Subscribe on [Codú Community](https://www.youtube.com/c/Cod%C3%BACommunity)
HTTP Methods Explained
Tags: beginners, javascript
Published: 2020-08-11 14:35:50

As a frontend developer you'll most likely be interacting with a lot of APIs. It's especially important to understand the different methods you can use when interacting with an API  and the responses you receive back.

We'll be going over HTTP methods for REST APIs. So first let's talk about what in the world a REST API is. 

REST stands for "representational state transfer" and is a set of rules developers need to follow when they create their API. REST APIs have five types of methods aka the type of request you send to the server.

Those methods are the following:

1. GET
2. POST
3. PUT
4. PATCH
5. DELETE

Each method performs one of four possible actions:

1. Create
2. Read
3. Update
4. Delete

You may have heard these actions referred to as `CRUD` before.

Let's dive into each method and what responses you get for both a successful and invalid request.

## GET
**What it does**: Requests retrieve resource information. 
**Action**: Read
**Successful response**: 200 OK
**Error response**: 404 not found

## POST
**What it does**: The server creates a new entry in a database
**Action**: Create
**Successful response**: 201 Created
**Error response**: 404 not found or 409 conflict - if the resource already exists

## PUT
**What it does**: Updates an existing resource
**Action**: Update
**Successful response**: 200 OK 
**Error response**: 204 no content, 404 not found or 405 method not allowed

## PATCH
**What it does**: Very similar to `PUT` but makes a partial  update on a resource
**Action**: Update
**Successful response**: 200 OK
**Error response**: 204 no content, 404 not found or 405 method not allowed

## DELETE
**What it does**: Deletes resources
**Action**: Delete
**Successful response**: 200 OK
**Error response**: 404 not found or 405 method not allowed

A quick summary of the responses you may see is that anything in the 200 range means the request was successful, anything in the 400 range means an error has originated from the client and the 500 range means an error has originated from the server.

---

Have you stumbled upon any cool APIs that you've worked with before? I'd love to hear about them in the comments!

Be sure to follow me on [Twitter](https://www.twitter.com/karaluton) for lots of posts about tech, and if I'm being honest, lots of posts about dogs too.
Top YouTube Channels To Level Up Your CSS Skills
Tags: css, html, webdev, webdesign
Published: 2020-08-11 14:35:15

  Online Tutorials

Visit- https://www.youtube.com/channel/UCbwXnUipZsLfUckBPsC7Jog

  Dark Code

Visit- https://www.youtube.com/channel/UCD3KVjbb7aq2OiOffuungzw

  Easy Tutorials

Visit- https://www.youtube.com/channel/UCkjoHfkLEy7ZT4bA2myJ8xA

  Coding Master

Visit- https://www.youtube.com/channel/UCAWlEyBwKpRXXvdRBkch-ng

  Coding Nepal

Visit- https://www.youtube.com/channel/UCk7xIEmd3MeyhIu2StLX5yA

  Online Web Ustaad

Visit- https://www.youtube.com/channel/UC8xTHK97Ng__KZvGcO_K7CA

  Divinector

Visit- https://www.youtube.com/channel/UCki4IDK86E6_pDtptmsslow

  Coding Artist

Visit- https://www.youtube.com/channel/UC15exV5s79D_aYGADudlwpQ

  Web Dev

Visit- https://www.youtube.com/channel/UCZc238wXqeN2M2uXQaY9MEw

  CSS Coder

Visit- https://www.youtube.com/channel/UChWD0lOFgiQ8C_pB3Ldac9g
0 to 1M$
Tags: productivity, devops
Published: 2020-08-11 14:18:01

Hello guys, it's August 11th, 2020, 4:00 PM. I'm 35 years old, I make a good living but I'm changing everything!
 *I'm going to challenge myself. 
 *I'm going to become a dev.
 *I'm going to take up sport seriously.
 *I'm going to improve my English. 
 *I'm doing this blog to stay on course. 
 *I'm going to post every day my evolutions, keep a Trello for my follow up. 
 *I'm going to track my time.
 *I'm going to impose routines and explain all my projects as I progress. 


 **I'm going to make 1M$**

I'll explain how I'm going to do it, you'll have the real time I spend there.

I'm make that for me and my first (and final) goal is to help pleitoceine park.
React. Functional vs class components
Published: 2020-08-11 14:13:14

0


Is it possible to use both Functional and Class Components in a single React App?. I am building a website UI with React, back end has been build with NodeJS. The templates I am using was build with Class Components where they new Components I am introducing are Functional with Context API's. Can they work together or is it necessary I convert all the Class Components to Functions?.
https://stackoverflow.com/questions/63359346/react-functional-vs-class-components
Download Instagram reels video in a flutter.
Tags: flutter, flutterpackage, flutterinsta
Published: 2020-08-11 14:11:21

Hello friends, I have published the flutter package [flutter\_insta](https://pub.dev/packages/flutter_insta) to pub.dev

Using this package you can get details of the Instagram user such as profile picture URL, a number of followers, following, Bio, website and **download reels video**.

Package link: [https://pub.dev/packages/flutter\_insta](https://pub.dev/packages/flutter_insta)

Github link:  [https://github.com/viralvaghela/flutter\_insta](https://github.com/viralvaghela/flutter_insta)

# Example:

    import 'package:flutter_insta/flutter_insta.dart';
    
    String downloadLink =  await flutterInsta.downloadReels("https://www.instagram.com/reel/CDlGkdZgB2y/"); //URL
Javascript's setTimeout can sort an array, how?
Tags: javascript, node, discuss, beginners
Published: 2020-08-11 14:07:43

setTimeout function of the Web API's with Javascript; can sort an array.

Example: 
```javascript

[111,20,13,4,544,32,12,414,123].forEach((item) => {

   setTimeout(()=> console.log(item), item);

});
```

The same works for negative as well, 
Example:
```javascript
let arr = [10, -100, 650, -25, 5, -50];

const min = -Math.min(...arr)

arr.forEach((item) => {
  setTimeout(() => console.log(item), item + min);
});

```

Any guesses how?
Of course, not an efficient way to do it.

Clue: Call-Stack and Web API's
TC39er.us with Allen Wirfs-Brock!
Tags: javascript, podcast
Published: 2020-08-11 14:05:00

In this episode of [TC39er.us](https://TC39er.us) we have [Allen Wirfs-Brock](https://twitter.com/awbjs?lang=en)!

Dreaming  the future of software; Project Editor  ECMAScript 2015; Reformed Smalltalker; JavaScript historian!

Listen to [Episode 7 with Allen Wirfs-Brock](https://tc39er.us/posts/episode-7-allen-wirfs-brock/) 🎧

**We shall be talking about:**

* What brought him to tech?
* How was tech when Allen started programming in the mid 1960s!
* His journey in the TC39 committee.
* What happened there with ES4?
* JavaScript historian, what future holds for us?
* ECMA Fellow and ACM Distinguished Engineer?
* What's your fav proposal and why?

P.S: Don't forget to read [JavaScript: the first 20 years](https://dl.acm.org/doi/10.1145/3386327) a paper by Allen Wirfs-Brock and Brendan Eich!
Create ROR+React(RR) App with Tailwindcss
Tags: rails, react, tailwindcss, webdev
Published: 2020-08-11 14:04:46

## APP Overview
RailsReactBlog is a CRUD app.
 
# This App will help you:
* To configure and create a CRUD Rails application with React.
* To configure and use Tailwind in React-Rails(RR) app.
* To show custom alert messages by using Tailwind.

# Goal
This is currently an ongoing project. I am thinking about adding a user log in, signup module, and also comments functionality.

# Built with
* Ruby on Rails
* Reactjs (react hooks, react-router)
* React-icons
* Tailwind used for styling

**Demo Link**: [reactOnrails](https://react-on-rails-blog.herokuapp.com/)
Here is a Github Repo. This app is very simple to use. Follow **Setup section** instructions on github to use it.
**GitHub Repository**: [RailsReact Blog](https://github.com/MA-Ahmad/react_rails_blog)

It is my 2nd project in React Series. I have also created a React Blog app with chakraUI.
**Demo Link**: [reactBlog](https://ma-ahmad.github.io/reactBlog)
**Post**: [Dev](https://dev.to/m_ahmad/create-react-app-with-chakraui-and-formik-libraries-6fi)
Is using Python like, the aspect of how you dynamically display data  in vue?
Tags: vue, components, style, react
Published: 2020-08-11 13:58:40

Can you look at Python, like with Classes, Dictionaries or Tubles,
Like how Vue “dynamical displays data” like with “name:”bob” and then you use that as in either this.name or it’s displayed name? 
But, with python, it’s just without the styling you can also do?, it’s just the info???
WayScript Raises $5M Seed Round
Tags: startup, wayscript, serverless
Published: 2020-08-11 13:51:20


What is WayScript?
------------------

WayScript is a platform that empowers developers to rapidly turn scripts running on a local machine into full-fledged internal business applications. 

With WayScript, developers can seamlessly build, deploy, and maintain custom internal tools for wide ranging use cases including running cloud functions, workflow automations, serverless applications, and data processing. 

WayScript’s friendly user interface handles the scaffolding of server deployment, event triggering, API integrations, interfaces, and more while always allowing developers to get low-level with code (in the programming language of their choosing). 

The platform is also developing an admin layer for managing permissions, onboarding, teams, and collaboration.

Supported by a growing community of developers, WayScript gives developers superpowers to turn local scripts into company-wide applications. Thousands of businesses’ developers are already using WayScript for mission critical applications.

View the entire article:
https://wayscript.com/learn/wayscript-raises-$5m-seed-round