teleren/devto huggingface dataset:
Day 473 : Know My Style
Tags: hiphop, code, coding, lifelongdev
Published: 2021-10-15 22:13:06

_liner notes_:
- Professional : Pretty good day. Caught with my team members. Went over the suggestions for my upcoming blog post. Did a live stream where I helped step through creating a Web Component. And we were successful! Pretty cool. Also worked on a new project.

- Personal : So, I had a late meeting with some folks from another company based on the West Coast. Had a really good talk. Looking forward to working with them in the future. I watched "Squid Game" and did some work on my side project. Made some pretty good progress. I got it kind of working. Not the way I originally intended, but it looks like there are some difficulties with Service Workers that I was not aware of. I may have found a workaround, but I need to do more testing.

![The Lofoten Islands, Norway with an island in the middle with a large mountain and smaller islands surrounding it with a large mountain range in the distance](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3wztr8sluy0jm0sxhsud.jpg)

Just bought a bunch of tracks off Bandcamp and going to go through tracks for the radio show tomorrow. I want to watch another episode of "Squid Game" and clean up my side project some more. Just a couple of more pages and I'll have it functional. Next is to do some layout/color/style tasks and I know my style, it'll probably be pretty minimal. Maybe I'll find some inspiration somewhere.

Have a great night and weekend!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube AWopCjZPX6E %}
Lab 5 - Refectory code and git rebase

Tags: opensource
Published: 2021-10-15 21:43:13

## Intro
For my fifth lab, we have to implement refactor our Static site generator CLI repo.

## Refactor
### Move handler file to handler folder
I moved my ssgHandler.js to src/utils/handler instead of being in the root folder. This helps to have everything in a respective folder.
### Remove unused package
Removed some unused package import. They were some import declaration in the code that was never used. Removing it can make a cleaner code.
### Remove duplicate code
In the code, they were some redundant code that wasn't necessary or can be simple to make it less redundant. 
### Add error handling for await
Add error handling for await, I wrapped most of the await call into a try/catch to handle the error. This makes code traceability easier.
### Use promisified versions of fs
Removed promise wrapper for some node fs function. Instead changed to `fs.promise`. 
### Isolate function not related to ssgHandler to its own files
ssgHandler.js file was getting bigger and there is a lot of function that wasn't related such as reading files, data processing. I moved every unrelated function to its own file. So it is making it easier to maintain in the future.

### Refactor names
In my code, there is some naming issue like inputPaths the name is in plural but the input path should only be a single path. To avoid some confusion I renamed it to inputPath

## Rebase

After making all the commits for the above change. I wanted to squash into 1 commit. I first run the command `git rebase -i master` and pick the commit that I needed to combine together to squash and leave one commit to be pick. After saving the files I wasn't happy with the name of the commit, I run the command `git commit --amend` and changed the name. ([b092da9](https://github.com/Kevan-Y/text-ssg/commit/b092da9bd16a97e51e89fdeba052996b0d10c963))

# Conclusion
Cleaning the code is something useful, it will help in the future as the project grows to have better maintainability.
Git rebase is super powerful too, It is like merge but can combine everything into 1 commit.
Por favor alguém me ajuda em um erro do VS code usando a linguagem Dart!
Tags: dart, vscode, flutter, app
Published: 2021-10-15 21:14:29

Preciso de ajuda!!! estou iniciando meus estudos na linguagem Dart usando o VS code porém ao usar o "FlatButton" eu não consigo declarar uma variável dentro pois da erro, já fiz algumas pesquisas e tentei outros comando mas não deu certo. 

essa é a linha de código em que apresenta erro com "----"

void main(List<String> args) {
  runApp(MaterialApp(

    title: "app",
    home: Container(
      color: Colors.white,
      child: Column(children:const <Widget> [

       ---- FlatButton(onPressed: () {
          print("Erro")
        },----- child:

        Text(
          "Button",
          style: TextStyle(
            fontSize: 10,
            color: Colors.black,
            fontWeight: FontWeight.bold,
            fontStyle: FontStyle.italic
          ),
          )
        )
      ],),
    ),
));
}
First contribution on a react native repo
Tags: opensource
Published: 2021-10-15 21:04:09

##Intro
For release 0.2, we are participating in the Hacktoberfest. I started to search for some issue with the label "good first issue" and I end up with one issue in the [heylinda](https://github.com/heylinda) repo.
The issue was [Upgrade Expo to the latest version](https://github.com/heylinda/heylinda-app/issues/84). It was a simple task. 

First I fork the repo, then clone it and install all packages needed to run in my local. To run the application I had to do `yarn run start`. Since it is in react native I need an emulator on my desktop or an IOS or Android phone. I choose to use the expo application in Android to run the application on my phone. After playing around in the application it was time to upgrade expo to the latest version. I run `yarn upgrade expo` to upgrade expo to the latest version. After upgrading it. I had to re-run the application locally and test the application that it didn't break anything.
When the testing was done I created a pull requested [PR#85](https://github.com/heylinda/heylinda-app/pull/85).

It felt great contributing to someone else repo. Even though the issue was not something complex
string.prototype.substring() vs string.prototype.substr()
Tags: javascript, beginners, webdev
Published: 2021-10-15 20:43:07

# Introduction
The `string.prototype.substr()` method and the newer `string.protoype.substring()` method, at first glance, accomplish the same thing: for a given string, return a smaller sub-string from some position within the string. there are, however, subtle differences between the two methods, which I will detail below. But first, let's review the parameters of the two methods:

##The string.prototype.substr() Method

The `string.prototype.substr` takes two parameters, `start` and `length` in the order `substr(start,length)`. Both parameters expect non-negative numbers.

The method returns a string starting at index `start` of the object string and of length `length`. If `length` is omitted or undefined, it will return characters to the end of the string. 

if `start` is a negative number, the index starts counting from the end of the string, but the `length` parameter still makes it count towards the end of the string

###Example
```js
let word = "Apple Pie"

let substr1 = word.substr(1,4) // 'pple'
let substr2 = word.substr(6) // 'Pie'
let substr3 = word.substr(-3,2) // 'Pi'
let substr4 = word.substr(-9,5) // 'Apple'
```
The `string.prototype.substr()` method is the older of the two methods, and is currently marked as [deprecated]https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/substring. While it remains functional, it is recommended to use the `string.prototype.substring()` method instead, as it could be removed from future versions of ECMAScript.

##The string.prototype.substring() Method

The `string.prototype.substring()` takes two parameters, `indexStart` and `indexEnd` in the order `substring(indexStart,indexEnd)`. Both parameters are numbers. For a given string object, it returns characters from index specified in `indexStart` up to but not including the character at index `indexEnd` 

If `indexStart` is omitted, it will return characters to the end of the string. If `indexStart` is larger than `indexEnd`, the method will reverse the two values, such that the larger of the two arguments is passed as `indexEnd` and the smaller of the two is passed as `indexEnd`. Any argument that is negative is treated as 0, while any argument that is larger than the length of the string object is treated as the length of the string object.

###Example
```js
let word = "Apple Pie"

let substring1 = word.substring(1,4) // 'ppl'
let substring2 = word.substring(6) // 'Pie'
let substring3 = word.substring(-3,2) // 'Ap'
let substring4 = word.substring(4,1) // 'ppl'
```
Polymorphism in Software Development:

Tags: javascript, webdev, beginners, programming
Published: 2021-10-15 20:27:24

If you understand the concept of inheritance and polymorphism, I know that your code is always clean, simple, and optimized to fulfill its function efficiently. If you don't understand it yet, don't worry, I'll tell you what it's about so you can simplify your work.

Technically speaking, **polymorphism is the capacity that some languages ​​have, that allows them to send syntactically the same messages to objects of different types (but with the same inheritance) and that each one responds in its own way.**

Therefore, as its name says and as we can deduce from the small definition that I have given you in the previous paragraph, polymorphism starts from the idea that **a method has many forms and that it responds accurately depending on what class it belongs to.**

For example, in a video game, we can have an object called a character, and it can have different classes such as warrior and magician, which respond to the same method called attack. However, as we have said that they must respond correctly depending on their class, the polymorphism would ensure that the warrior's attack is, for example, with a sword and that of the magician with a book and a spell, thus being the character, a polymorphic object.

In summary, it is a mechanism that allows the same method to be different depending on the class that is using it and avoids the creation of a different function for each class.

In short, Polymorphism consists of redefining a method of a parent class in a child class, in this way, the key utility of polymorphism is to reduce the maintenance of computer programs to the maximum, through a great advantage, which is to create new types without the need to alter those that we have already done previously.

**Overloading**

It is a compile-time method. It means that there are several methods present in a class but with the same name although different types, orders, or numbers of parameters, that is, independent of each other. In other words, overloading is defining a new method the same as an old one, but changing the type or number of parameters, thus using it for the same function but with different behavior.

**Overriding**

It happens at runtime using the same method, therefore, unlike overloading, it uses the same signature, in two classes that share the same inheritance and connect through it. In this case, the parameter must be the same and is used when a different function must be done.

Remember that all the concepts related to software development are better understood when they are put into practice, you have the theory now it's up to you to sit down and start applying it in your own projects.

**Based on your experience, how would you simply define polymorphism?**

I read you in the comments.

-

Remember that you can also join the conversation through my social networks, you can find me on Twitter as **@BarnuevoLeo** and find me on LinkedIn as **Leo J. Barnuevo.**
Refactoring and Git Rebase
Published: 2021-10-15 20:15:48

The deep dive into the git universe continues. One really cool concept I have learned this week is [git rebase](https://git-scm.com/book/en/v2/Git-Branching-Rebasing): it is like moving a series of commits to a new base commit.

### Series of commits

To practice, I worked on refactoring my [static-dodo](https://github.com/menghif/static-dodo) project in a new branch that I called `refactoring`. I started by fixing the code format from previous contributions using [prettier](https://prettier.io/). I then changed the code to get rid of global variables. To do that, I had to split up some code into separate smaller functions. At each of these steps, I created a new commit to make sure I could easily go back to the previous version if anything broke (And things broke a lot while doing this!).

### Putting it all together

Once satisfied with what I had, I used the command `git rebase main -i` to rebase into the main branch. The `-i` stands for interactive mode and it opened my editor to allow me to customize my commit.

All the commits made in the refactoring branch are now displayed in chronological order. Each line shows a command word (`pick` by default), a commit id and the commit message. Like this:

`pick 28cd74de fix code format with prettier`

These are the available commands to use:
```
# Commands:
# p, pick <commit> = use commit
# r, reword <commit> = use commit, but edit the commit message
# e, edit <commit> = use commit, but stop for amending
# s, squash <commit> = use commit, but meld into previous commit
# f, fixup <commit> = like "squash", but discard this commit's log message
# x, exec <command> = run command (the rest of the line) using shell
# b, break = stop here (continue rebase later with 'git rebase --continue')
# d, drop <commit> = remove commit
# l, label <label> = label current HEAD with a name
# t, reset <label> = reset HEAD to a label
# m, merge [-C <commit> | -c <commit>] <label> [# <oneline>]
# .       create a merge commit using the original merge commit's
# .       message (or the oneline, if no original merge commit was
# .       specified). Use -c <commit> to reword the commit message.
```
I used `squash` for all the other commits in the list to merge them all into the first commit. To change the final commit message I used:
`git commit --amend`. Now the [commit message](https://github.com/menghif/static-dodo/commit/4a009bbe2cc9693262a2db195c0f73c4c4d2f978) includes everything. I could have also used changed `pick` to `reword` to edit the commit message during the interactive git rebase.

### Outcome

I believe the code is now easier to read and easier to maintain going forward. The code looks very different now and there is definitely more that could be improved. I love the git rebase workflow and it is for sure something I will continue to use going forward.
VS Code Keyboard Reference Sheets
Tags: webdev, css, html, beginners
Published: 2021-10-15 19:43:00

The Visual Studio IDE (integrated development environment) is **a software program for developers to write and edit their code**. Its user interface is used for software development to edit, debug and build code. Visual Studio Code lets you perform most tasks directly from the keyboard. 
> 
Microsoft Visual Studio is an integrated development environment from Microsoft. It is used to develop computer programs, as well as websites, web apps, web services, and mobile apps.

## Keyboard rules
**Each rule consists of:**

- 
A key that describes the pressed keys.
- 
A command containing the identifier of the command to execute.
- 
An optional when clause containing a boolean expression will be evaluated depending on the current context.

Chords (two separate keypress actions) are described by separating the two keypresses with a space. For example, **Ctrl+K Ctrl+C**.

**When a key is pressed:**


- 
The rules are evaluated from bottom to top.
- 
The first rule that matches, both the key and in terms of when is accepted.
- 
no more rules are processed.

- 
if a rule is found and has a command set, the command is executed.

## Keyboard Shortcuts Reference:

Below are links to the three platform-specific versions (US English keyboard):

**1.** Windows

**2.** macOS

**3.** Linux

![vscode (1).png](https://cdn.hashnode.com/res/hashnode/image/upload/v1633256711511/5xqObue9S.png)

**1.** Windows Keyboard Reference Sheet

![KeyboardReferenceSheet.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1633256754937/thBJNlyul.png)

**2.** macOS Keyboard Reference Sheet

![Screenshot (1960).png](https://cdn.hashnode.com/res/hashnode/image/upload/v1633256815834/l9GJwaKYK.png)

**3.** Linux Keyboard Reference Sheet

![Screenshot (1959).png](https://cdn.hashnode.com/res/hashnode/image/upload/v1633256865271/2gPJqbLHGq.png)

Thanks for reading!!

## Follow Me:
- Hire me:[Fiverr](https://fiverr.com/binatenoor) (WordPress Website Developer & Designer | SEO)
- 20 [Google Chrome Extension](https://techbinate.com/20-google-chrome-extensions-for-freelancer-work/) Which helpful for freelancer work
- 3 Ways To Get Your First Order on [Fiverr](https://techbinate.com/3-ways-to-get-your-first-order-on-fiverr-in-2022/) in 2022
- [5 Free Books Reading Online](https://techbinate.com/free-books-reading-online/)
- [What is Freelancing and How does Freelancing work?](https://techbinate.com/what-is-freelancing-and-how-does-freelancing-work)
- [5 High Demand Internet Marketing Services in 2022](https://techbinate.com/5-high-demand-internet-marketing-services-in-2022/)
- [6 Best Weight loss Apps Help You Hit Your Goals](https://techbinate.com/best-weight-loss-app/)
Time to Refactor!
Tags: opensource, javascript, beginners, programming
Published: 2021-10-15 19:41:03

## Hey,
This [Lab](https://github.com/Seneca-CDOT/topics-in-open-source-2021/wiki/lab-5) goal is to refactor our code and to make our first rebase!

To be completely honest, I had refactored my code long time ago, when David made [Issue #7](https://github.com/GMOTGIT/GMOT-SSG/issues/7) and [Issue #6](https://github.com/GMOTGIT/GMOT-SSG/issues/6).
So for this lab I had to make only a few changes to make it good to go.

---

## How I Did It?
I tried to remove all redundant and duplicated code I had, I made everything into functions and put every function in its own module, this way my main file has only a few lines of code.
Now, the code is way easier to understand and more efficient too.


## Which modules I have created?
My SSG now is composed of the following modules:
-[GMOT-SSG.js](https://github.com/GMOTGIT/GMOT-SSG/blob/main/GMOT-SSG.js)
-[htmlAssembler.js](https://github.com/GMOTGIT/GMOT-SSG/blob/main/htmlAssembler.js)
-[htmlMaker.js](https://github.com/GMOTGIT/GMOT-SSG/blob/main/htmlMaker.js)
-[writeFile.js](https://github.com/GMOTGIT/GMOT-SSG/blob/main/writeFile.js)
-[yargsConfig.js](https://github.com/GMOTGIT/GMOT-SSG/blob/main/yargsConfig.js)

---

## Time to Rebase!
This was my first time rebasing anything, it was not complicated to be honest, with the “-i” flag it allowed me to choose which option I wanted for each commit I had so I made my 3 commit became only one with the fixup option.
It is pretty useful, specially for me because I use to make a lot of commits.

Thank you for reading!
NGX-Nework Get Network Speed 
Tags: npm, productivity, angular, typescript
Published: 2021-10-15 19:23:13

How many times you want from client to upload or download something and you need to be sure his network is fast so with simplest package every and updated continuously with new features NgxNetwork you can do that. let's finish the work 👷‍♂️👷‍♀️


https://www.npmjs.com/package/ngx-network


give a user great experiance by add this tool to your angular project with simple steps and make the client see his current network speed 
![awesome clients](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tslqf7s3gb3l9wk6yi9m.gif)
that can be awesome clients always likes more features.


![support](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ziv0chjtk07gg1tbe0jp.gif)


please support me by comment about any suggestions or anything need to add to this amazing tool
First Pull Requests - SnapIT HacktoberFest 
Tags: javascript, opensource, react, hacktoberfest
Published: 2021-10-15 18:51:13

I began working on pull requests for HacktoberFest this week. I haven't really done much work on big repos, other than my classmates or my own. I found a great project by [SnapITSolutions](https://github.com/SnapITSolutions) that is an open source project that directs users to their in-person and virtual hackathons. 

I enjoy working with react and websites so I thought this would be fun to work on.  I solved two open issues that were created by another developer.  The first was [adding support for other languages to the homepage](https://github.com/SnapITSolutions/snapit-hacktoberfest/issues/114). The other included [adding support for other languages to the registration page](https://github.com/SnapITSolutions/snapit-hacktoberfest/issues/113).  

In order to fix these issues, I first had to add the translations required into a json file for both <code>es-us</code> and <code>en-us</code>. I then had to ensure the react-intl module was imported to provide the service for each page. Lastly, I added <code>FormattedMessage</code> to all buttons and textfields as a wrapper, in order to translate all of the values. 

After I was done creating my pull request, I realized I missed a step in the contribution guidelines that require all pull requests to be linted and tested with [ESLint](https://eslint.org). Tests failed the first time but I was able to correct it by simply importing the react-intl module in one of the pages. 

The code was eventually [merged](https://github.com/SnapITSolutions/snapit-hacktoberfest/commit/d75cdb318499422d3beb7a6c53f1be68ea76f5d0) by the developer. I created one pull request instead of two which meant less credit for Hacktoberfest, so the developers were nice enough to allow me to create another one.  

It felt great contributing to the community and communicating with someone who's all the way in Texas. I hope to continue to work on this project and make it even better!
Best Blockchain Wallet In 2021
Tags: blockchain, crypto, wallet
Published: 2021-10-15 18:17:54

Now, all think about this, a wallet that can hold all the cryptos. Now add blockchain to blockchain transactions, no exchanges are required. Add mining and Staking, with a fee of just 0.001 LBY
16000 TPS and AI 4 node layer security system, you can say this is the NexGen.
LibonomyOS is live on their website, I hear they add BTC, ETH, and DASH in the next few weeks.

I have been testing the solutions they offer and I have to say these are going to be very big soon.

LIBONOMY WALLET
Web Scraping Software Reviews & Tips To Help You Scrape The Internet 
Published: 2021-10-15 18:02:48

Web scraping (also known as screen scraping and web harvesting) is the technique and process of extracting data from websites through software or a script.

The final goal is to gather information across several sources and transform it into structured data for further analysis, use, or storage.

Although there are several ways to do web scraping, the best way to do it is by combining the power of web scraping software and programming languages to ensure scalability and flexibility.

Today, we’ll explore how to pick the right tool for your project, as well as our best tips for scraping virtually any website on the internet.

https://www.scraperapi.com/blog/web-scraping-software-reviews/