teleren/devto huggingface dataset:
I don't want to be a {*} developer
Tags: story, webdev, hiring
Published: 2019-10-31 22:21:59

Hello 👋

(English is not my first language, please don't mind the mistakes)

I'm a web developer and I'm working for almost 2 years in the same place in Brussels after being graduated. I was hired as Javascript developer. Today, I don't give a shit of the role they can give to any developer.

Firstly, let me explain my journey as developer from the beginning to today.

I have written my first lines of code at the age of 14. I learnt C, PHP, Python in the field and to be honest, I have an experience that all graduated developers don't have necessary: self-educated from the beginning, how to work and learn alone without a teacher, to cope by myself.

As I said, I was hired to be a Javascript developer in my company. I didn't care of the technology I will use, so I accepted the post. Just arrived in my first mission, I was one of the best developer in this company. It was simple, always the same things with different clients, very basic. A day of August, I received a call from the internal web agency of my company, they are known to be famous, the cherry in top of the cake. They needed a Vue.js developer, I accepted. 

I asked to stay in the web agency, I knew that I can learn so many things that I'll never be able to learn on any mission. I was accepted.
I did Javascript for months, successfully and sometimes with fails but there is a thing on my head...

> You're a developer, you are able to solve any problem in any language. Why are you a Javascript developer ? You can get and give better !

We're in July, I asked to work with the PHP team. An interview later and I'm a part of the team. I'm still working with them sometimes but mostly alone. Last months, I spend my time to fix bugs on many projects with different technologies. Angular.js (seriously guys ? 🙄 ), Vue.js, give my expertise before the beginning of projects, etc.

I'm currently working alone on a project with Laravel and Vue.js, designing the UI. Something asking to UX experts if everything is good and it's often good.
I did a demo today on the project where I was alone these 2 last weeks, my boss was really surprised about it. He knows I worked on all sides, thing that I'm not supposed to do. He was surprised because they know me as a back-end developer, front-end only to fix bugs on projects.
I also build the docker infrastructure. It's the devops'es role. I don't care.

I'm a developer. I can learn any language or framework and use it in a few weeks. Development still my passion. So what ? Am I supposed to do the same thing, everyday for life ? I don't think so. 🤷‍♀️

What about you ? Are you blocked in a role which you don't want ?
Would you tell us your story ?
Vue3 composition API: a list of good resources
Tags: vue, javascript, webdev, tutorial
Published: 2019-11-04 17:12:57

---
title: Vue3 composition API: a list of good resources
published: true
cover_image: https://thepracticaldev.s3.amazonaws.com/i/0ks2ldwfnklcstjjsvp6.png
description: A curated list of awesome things related to vue3 composition api
tags: #vue, #javascript, #webdev, #tutorial
---


Vue3 is coming soon! And one of the most exciting feature of this new version is the composition API 🙌


I created an open source list of cool resources you should check if you want to learn about it:

👉 [Awesome Vue Composition API](https://github.com/kefranabg/awesome-vue-composition-api) 👈

Hope it will help, feel free to contribute to improve the list 🙏
Grow your coding skills with Coding Garden 😍👨‍💻👩‍💻✌️
Tags: javascript, react, node, webdev
Published: 2019-11-01 12:05:31

Hello 👋

(English is not my first language, please don't mind the mistakes)

I want to share about a tech/coding youtuber, who sits on top of my youtube creators list: [Coding Garden with CJ](https://www.youtube.com/channel/UCLNgu_OupwoeESgtab33CCw).

I think it is a very good resource to grow your coding skills and become a better developer day by day. 

CJ has a great style of doing things and he has also taught students at coding bootcamp, which really makes him a very good mentor. I am following him since last year, and from his #1st stream I became his fan.

Great thing about CJ is he teaches the topic in a very simple manner so beginner can get to know all about it.

CJ does livestreams which helps a lot as it shows how to debug/refactor our code in real-time because most of the other tech youtuber's just upload the tutorial which does not showcase what goes behind the scene like debugging some error etc...

These are the different kinds of livestreams he does:

[Solving code-katas on Codewars](https://www.youtube.com/watch?v=Oq7r8metsD8&list=PLM_i0obccy3sZGzZdpEtxPcR1iPIV0taQ) -- If you are learning to code then you must check this out.

[Morning tea with CJ](https://www.youtube.com/watch?v=udOoWdIsvlc&list=PLM_i0obccy3u9N5DX0dChLrrDwdJVif8X) -- In these he talks about latest javascript, webdev news and build things with the latest tech.

[Frontend Frameworks](https://www.youtube.com/channel/UCLNgu_OupwoeESgtab33CCw/playlists?view=50&sort=dd&shelf_id=8) -- Here he builds web apps in realtime using React, Vue, Angular or Svelte


And for more you can check the [playlist](https://www.youtube.com/channel/UCLNgu_OupwoeESgtab33CCw/playlists) where he have build full stack apps + deployed it.


If you like this post then show some ❤️. Also share your favourite tech youtube channels, so everyone can learn ✨

Happy Coding 🐱‍🏍
Does Fullstack developer experience count?
Tags: discuss
Published: 2019-11-06 00:21:08

---
title: Does Fullstack developer experience count?
published: true
tags: discussion
---

I can provide more context in `EDIT` if requested.

## Context

I am currently working as a Fullstack developer in United States. I love JavaScript and creative development (interactive content, web applications), and my current stack is Laravel Php + Vue.js.

I am 19 years old, been to college for 3 quarters. Dropped out after got a pretty good job for my age and experience.

I want to have a successful career as a Software Engineer. Going up to a salary that could sustain a household of multiple kids on a single paycheck. Aka around $110k+ a year in WA.

## Question

Question is: **Does fullstack developer experience count as valid Software Engineer experience** that can help me in getting a higher-paying job with the years of experience that I am getting.

And if it doesn't, should I drop the job after a major project is complete, and get a loan, a degree, and then get a Software Engineer and build a career from somewhat of a clear sheet?
Essais on REST API
Tags: todayilearned, webdev
Published: 2019-11-01 21:32:44

REST (Representational State Transfer) is based on HTTP. I will write some basic information about the REST API. It is not a structured REST explanation, I will write down some notes about it.

If a request is cached, the response can be sent from one of the intermediaries (Proxy or Gateway) without reaching to server.

### REST Methods

* __GET:__ Retrieve information about the REST API resource
* __POST:__ Create a REST API resource
* __PUT:__ Update a REST API resource wholly
* __DELETE:__ Delete a REST API resource or related component
* __PATCH:__ Update a REST API resource partially or wholly
* __HEAD:__ Identical to GET requests but only returns HTTP headers
* __OPTIONS:__ Describes the communication options for the target resource
* __CONNECT:__ Establishes a tunnel to the server identified by the target resource
* __TARGET:__ Performs a message loop-back test along the path to the target resource

And here are some helpful information about various REST methods:
* GET requests can be cached POST requests never cached
* GET requests to remain in browser history POST request does NOT
* GET request can be bookmarked POST requests can NOT
* GET requests to have length restrictions POST request have NOT
* PUT requests insert or update a record depending upon whether the given record exists
* PATCH requests set or update selected properties only and NOT the whole data.
* Idempotent requests: Making multiple identical requests has the same effect as making a single request.
* POST, CONNECT and PATCH methods are NOT idempotent.
* GET, HEAD, OPTIONS, PUT, DELETE and TRACE methods are idempotent.

For more information, I suggest you visit the related page in [W3C](w3.org) and the related [Mozilla Developer Network page](https://developer.mozilla.org).
Comparison of Material UI with Google Material Design
Tags: javascript, react, tutorial, computerscience
Published: 2019-11-01 22:16:35

Originally posted [here](https://youtu.be/I1dqDr0KGHM)


Material-UI is an excellent framework to develop beautiful React components faster! You can start with Google Material Design out of the box or create your own design system.


It's faster than ever to build beautiful and consistent apps using React and Material-UI.

Learn how Google Material Design could be directly implemented using Material-UI and ReactJS.

Check out the course [trailer](https://youtu.be/hhZ6yFvCWho)
And the full course on [Material-UI with React](http://bit.ly/2SZDYyw)
Day 25 : The Day
Tags: hiphop, code, coding, lifelongdev
Published: 2019-11-02 01:41:15

_liner notes_:
- Professional : Spent the day tightening up my application and showing it to some team members. Got some really good feedback. There's some more options I would like to add.

- Personal : Today was the day of productivity. Did my laundry and ironing. Researched some more stuff for a side project I'm working on. Bought some items for that side project. Mowed my lawn. Currently putting together the radio show tomorrow. With all that, I forgot to post this blog. haha

![Lithuania countryside with a single orange tree](https://thepracticaldev.s3.amazonaws.com/i/edddp03oc5da4zc2y3t9.jpg)

My co-host said that he'll be able to make the radio show tomorrow so it'll be good to have him back. I want to finish up the Svelte tutorial and start writing code for my side project. Not much planned this weekend, so I want to get as much done as I can.  Back to planning for the radio show.  

Have a great weekend!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube KNaIPkdAElQ %}
What is Hactoberfest to you?
Tags: hacktoberfest
Published: 2019-11-02 23:23:48

Well Hactoberfest 2019 has come and is in the process of winding down. For most, it's a matter of checking their mail for some really kewl schwag, a t-shirt (or two, if last year is any indication) and some neat laptop stickers to proudly announce that the owner of that deck lid is a certified FOSSie.

But what is the real value in Hactoberfest? Beyond the incentive to exchange scwhag for PRs? is it in recognition of services rendered? Is it in the self-gratification that a task was completed resulting in gifts of appreciation?

Therein lies the crux, I believe, contained right there in that last sentence - appreciation. Certainly, you're thinking, 'Yes, he's referring to appreciation from the FOSS community', but no, I think it's the appreciation of accomplishment that one derives from being first persuaded, and then astonished, that they too can actually be one of these enigmatic contributors to the community.

It's not about what we're going to get from it, it's about bringing people into the fold, showing them that they too can do this, can participate, be a valuable asset to the community, and welcomed for doing so.

It's about the appreciation that one has for one's self, in knowing that not only can someone else rely upon them, but that they can rely upon themselves. And in the end, they feel good about themselves moving forward with a new confidence to help as a contributor to FOSS and even, make new friends, mentors, and change the world we live in.

And.... Okay, sure. It's about the schwag too ;)
Passing CLI arguments to excutables with 'go run'
Tags: go, cli
Published: 2019-11-02 23:43:51

---
title: Passing CLI arguments to excutables with 'go run'
published: true
description: Command-line arguments are a common way to parameterize execution of programs. For example, go run hello.go uses run and hello.go arguments to the go program.
tags: GoLang,CLI,
---

os.Args provides access to raw command-line arguments.

Note that the first value in this slice is the path to the program, and os.Args[1:] holds the arguments to the program.

You can get individual args with normal indexing.

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/rt0900lfuw2j3u8dsse9.png)

To experiment with command-line arguments run 'go run cli.go parameter-1 parameter 2'

```
[ parameter-1 parameter 2]
 parameter-1
```
ES 2019 fun stuff even though 2019 is already almost over
Tags: javascript
Published: 2019-11-03 00:34:11

ecmascript has released some new functionality throughout 2019. I'm going to go over a few of the things that has been implemented in javascript
javascript implemented a flat() that flattens arrays

<code>
const a = [1,[2,[3,[4]]]]
a.flat() //=> [1,2,array(2)]
a.flat(3) //=> [1,2,3,4]
a.flat(Infinity)
</code>

pass infinity for unknown depth. will flatten into a single array

can turn array into objects. If you want an object with more that on key value pair the array must be formatted as <code>[[k,v],[k,v],[k,v]]</code> (that will give you and object with 3 key value pairs.) for single key value pair use [[k,v]] If the nested array only has one element it will only assign a key with value undefined. everything after the second element in the nested array will not be used

<code>
let objectWannaBe = new Map([[key1, value1], [key2, value2]])

Object.fromEntries(objectWannaBe) //=> { key1: value1, key2: value2 }
</code>

              import React from 'react';
              import logo from './logo.svg';
              import './App.css';

added more trim functionality
<code>
const a = "   a "
const newA = a.trimStart() //=> "a "
newA.trimEnd() //=> "a"
</code>

<code>
function.toString() is a thing
</code>

you can use catch without passing it an argument
Azure Cloud Shell ☁🐚 | Windows Terminal | Visual Studio Code
Tags: azure, windowsterminal, azurecloudshell
Published: 2019-11-04 23:22:58

#Interagindo de outras formas com o Azure Cloud Shell.

E ae, pessoal, beleza? Trazendo algumas formas de interagir com o Azure Cloud Shell, neste artigo vou conectar no cloud shell com o Windows Terminal e com o Visual Studio Code, afinal posso usar minha máquina Linux(Sim o Cloud Shell é um Ubuntu por debaixo dos panos)para testar alguma aplicação, executar testes de disponibilidade de serviços, administrar serviços, criar novos serviços, enfim, o que sua imaginação permitir.

##Azure Cloud Shell e Windows Terminal 

O Windows Terminal está disponível na Microsoft Store, oferece suporte a GPU, ou seja, consegue interpretar emojis, etc... Te dá possibilidade de conectar em aplicações de linha de comando ou shells (Command Prompt, PowerShell, Cmder) isso com o intuito de ganhar produtividade. Para os amantes da linha de comando assim como eu, é uma ótima solução. 😁

>Obs: O Windows Terminal está em preview e para utilizá-lo é necessário ter o Windows 10 na versão 1903.

![Atalho ctrl+shift+6 para acessar o Cloud Shell através do Windows Terminal](https://thepracticaldev.s3.amazonaws.com/i/u8yaipu0zwwxmx67r2wh.png)

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/xhj0nttb7nquglryxvuf.png)

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/aimbc5j8gtn8duqn152v.png)

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/dyhyu190fbv44vpc63i0.png)


##Azure Cloud Shell e Visual Studio Code

No Visual Studio é bem simples utilizar o Azure Cloud Shell, se você já utiliza a extensão Azure Account, você já está habilitado a utilizar no Visual Studio code, se não, é bem fácil instalar.

1. Selecione o menu de Extensões na barra lateral esquerda ou **(ctrl+shift+x)**. 
2. Pesquise por Azure Account. 
3. Clique em instalar.
4. Após a instalação é necessário se autenticar no Azure **(ctrl+shift+p)** digite **Azure: Sign In**
5. Para iniciar o console vamos utilizar o mesmo atalho **(ctrl+shift+p)** porém vamos executar outro comando, temos duas opções para interagir no Cloud Shell Bash ou PowerShell, **Azure: Open Bash in Cloud Shell** ou **Azure: Open PowerShell in Cloud Shell**. 

> Vou escolher PowerShell, mas se você tem mais intimidade com o Bash fique a vontade para escolher a que lhe agrada mais, no caso do Bash para interagir com os recursos do Azure será através do **Az Cli**, já com o PowerShell posso utilizar o Módulo Az ou o Az Cli.


![Acessando o azure cloud shell via Visual Studio Code e teste do Azure Cli](https://thepracticaldev.s3.amazonaws.com/i/xl3nimc2bg5bbtkjx1sj.png)

![Acessando o azure cloud shell via Visual Studio Code e teste com o Modulo Az do PowerShell](https://thepracticaldev.s3.amazonaws.com/i/9p0a9m1hv8ekz9oxvjhe.png)

É isso pessoal, demonstrei duas formas de interagir com seus recursos no Azure, são passos bem simples para interagir com linha de comando através do Cloud Shell, que no dia a dia fazem total diferença na produtividade, seja de um Administrador ou Desenvolvedor.
Who Are the Career Switchers' Role Models?
Tags: careerswitcher, inclusion
Published: 2019-11-03 05:07:19

The other day, Dan Abramov [tweeted this](https://twitter.com/dan_abramov/status/1189285636412497921) in a thread about intentional inclusion:

!['When you just enter the industry, it's important to have role models. People you look up and can relate to. "I wanna be like X". I've had my share of role models who showed what was possible and who I could become.'](https://thepracticaldev.s3.amazonaws.com/i/0wrgni5lkacgoci2yhj9.png)

I started thinking. There's no one at my work I know of who's come from a similar background as me. I can see what career progression looks like for all the devs with CS degrees, but I don't know what it looks like for someone who switched careers to engineering after being mid or senior level in another field. 

Who are the people that career switchers can look up to and say "That person did it, so can I"?
Using external scripts with NuxtJS
Tags: vue, beginners, help
Published: 2019-11-03 09:43:39

I'm very new to Nuxt and I can't work out how to import other Javascript libraries.

For example, I am using Bulma in my project and find the [BulmaJS](https://bulmajs.tomerbe.co.uk/docs/0.10/1-getting-started/2-installation/) library very useful as it saves me a lot of time. I appear not to be importing BulmaJs correctly into my project, but cannot figure out what I am missing?

After research, I have reached the following conclusions which may or may not be correct.

After installing `npm install --save-dev @vizuaalog/bulmajs` I have added the following code.

`/plugins/navbar.js`
```
import Navbar from '@vizuaalog/bulmajs/src/plugins/Navbar';
export default Navbar;
```
`/nuxtconfig.js`
```
plugins: [
 '@/plugins/navbar.js'
],
```
This results in a SyntaxError Unexpected identifier error?

I have found most other aspects of Nuxt very logical, but seem to be missing the point when it comes to using Javascript within projects. Another example was using [Browser Update](https://browser-update.org/), I added this as a static file and used in my footer component, again a bunch of warnings.

What am I not understanding?
Async & Overview async/await
Tags: javascript, promises, webdev
Published: 2019-11-04 05:03:35

tl;dr `async/await` is a great way to deal with asynchronous behavior, once you get the hang of the syntax which I find more straightforward than `<Promise>.then()`

# Overview
## Syntatic Sugar!? 

That's right you heard that correctly, Promises are abstractions on callbacks if you don't know those that's fine, I suggest eventually learning more on them. What async/await happens to be is the syntax to make dealing with promises and implementing certain behaviors. 
 
## Only Synchronous benefits? No. 
   So one of those behaviors is the quasi-synchronous execution of your calls. Which can be highly useful if you need certain data before another. However, if the data is not needed sequentially you can also allow parallel behavior by passing them into a `Promise.all()`
```javascript
const data = await Promise.all([call1, call2]) 
```
A great [Stack Overflow Answer](https://stackoverflow.com/a/45286517/8367146) covers how Promise.all very thoroughly and even briefly talks about the **[fail fast](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/all#Promise.all_fail-fast_behaviour)** 

##Node 12 async/await is faster than Promises...Seriously! 
   So `async/await` is syntactic sugar on Promises so Promises MUST be faster and more performant than `async/await`, well that isn't the case. If you want to delve deep down that [rabbit hole I welcome you to it, I tried and my head hurts still lol](https://v8.dev/blog/fast-async#async-performance-improvements)

#Async 
  
##Promise Generator
   I won't go too far into the details but `async` returns an AsyncFunction. However, with `async` you declare and it the function behaves far more synchronously it would look something like `async function Something(){}` this function now returns a Promise! 
## Examples
I also like to use `try/catch` for error handling with `async/await`.
```javascript
async function someCall(someAPIURL) {
  const data = fetch(`${someAPIURL}`, { method: "GET" });
  return data;
}

let data;
  try {
data = await someCall(
`https://www.googleapis.com/books/v1/volumes?q=isbn:0747532699`);
} catch(error){
data = error
}

console.log(data)
```
Mysql 5.6: alter column to set default to current_timestamp

Published: 2019-11-04 04:14:26

hould be so simple but I'm pulling my hair out trying to figure this out.

This example mimics the migrations I'll run - essentially it's add a new nullable column to the table, set the value to match   https://citeref.com/easybib/ https://easytax.onl/irs/ another column, then default it to current_timestamp/not nullable going forward.

DROP TABLE IF EXISTS test https://nitroloan.onl/fedloan/
Laravel 6 install setup with bootstrap and vue js and new make:auth

Tags: laravel
Published: 2019-11-04 06:04:21

    
    laravel new laravel_vue

    cd laravel_vue
    composer require laravel/ui
    php artisan ui vue --auth
    npm install 
    npm run dev

Read Blog: https://realprogrammer.in/laravel-6-install-setup-with-bootstrap-and-vue-js-and-new-makeauth/

Watch Video: https://www.youtube.com/watch?v=wHxMMy4-mB8
Chrome attach debug with WebStorm
Tags: chrome, debug, web, webstorm
Published: 2019-11-04 09:07:12

---
title: Chrome attach debug with WebStorm
published: true
description: 
tags: chrome, debug, web, webstorm
---

1) Launch chrome with a command described in [vscode-chrome-debug - Attach](https://github.com/microsoft/vscode-chrome-debug#attach). Here we use port 9929 for the Chrome Debugging protocol (`--remote-debugging-port=9229`). Confirm that chrome properly listens the port:

```sh
$ netstat -an | grep 9229
tcp        0      0 127.0.0.1:9229          0.0.0.0:*               LISTEN

$ lsof -i :9229
COMMAND   PID USER   FD   TYPE DEVICE SIZE/OFF NODE NAME
chrome  18347  wsh  132u  IPv4 729759      0t0  TCP localhost:9229 (LISTEN)
```

2) On WebStorm, create a Configuration of "Attach to Node.js/Chrome":
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/167409/2d45d2cc-d993-8633-3113-cfd90c1a3096.png)

3) Start debug with the created configuration. A dialog appears with the list of the opened tabs, then choose the one you want to debug (Here I choose [Friendly Chat from Firebase tutorial](https://github.com/firebase/friendlychat-web)).

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/167409/a9310b13-1e14-27dc-170d-1cc7ef565d0a.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/167409/c5470ab2-e9b0-1ed7-c4bc-606eb4cfe38d.png)

Way to go!