teleren/devto huggingface dataset:
[astuce] 3 étapes pour utiliser les webservices Joomla! 4 dans Docker
Tags: webdev, webservice, joomla4
Published: 2020-03-17 15:34:09

---
title: [astuce] 3 étapes pour utiliser les webservices Joomla! 4 dans Docker
published: true
date: 2020-03-09 05:03:07 UTC
tags: webdev,webservice,joomla4
canonical_url: 
---

Salut les joomlers de l'extrême!

Voici quelques commandes à taper dans votre terminal (sur Linux ou macOS et peut-être Windows)

1. Installer la dernière version de Docker sur votre machine
2. git clone [https://github.com/alexandreelise/j4x-docker](https://github.com/alexandreelise/j4x-docker) j4x
3. cd j4x && chmod 700 develop && ./develop up --build

Note: Changer les informations nécessaires à vos besoins. C'est encore en phase de développement..

C'est une installation non officielle de Joomla 4 sur Docker. Pour plus d'information [ce lien](https://docs.joomla.org/J4.x:Setting_Up_Your_Local_Environment "Joomla 4.x Installation en local").
3 étapes pour utiliser les webservices Joomla! 4 dans Docker
Tags: webdev, docker, webservices
Published: 2020-04-09 22:41:13

---
title: 3 étapes pour utiliser les webservices Joomla! 4 dans Docker
published: true
date: 2020-03-09 05:03:07 UTC
tags: webdev,docker,webservices
canonical_url: 
---

Salut les joomlers de l'extrême!

Voici quelques commandes à taper dans votre terminal (sur Linux ou macOS et peut-être Windows)

1. Installer la dernière version de Docker sur votre machine
2. git clone [https://github.com/alexandreelise/j4x-docker](https://github.com/alexandreelise/j4x-docker) j4x
3. cd j4x && chmod 700 develop && ./develop up --build

Note: Changer les informations nécessaires à vos besoins. C'est encore en phase de développement..

C'est une installation non officielle de Joomla 4 sur Docker. Pour plus d'information [ce lien](https://docs.joomla.org/J4.x:Setting_Up_Your_Local_Environment "Joomla 4.x Installation en local").
Atualizando o Node.JS para a sua última versão.
Tags: node
Published: 2020-03-09 04:27:17

Sou iniciando em JavaScript e nesse final de semana, quando estava tentando instalar um pacote com comando "npm install node-sass --save-dev" como uma dependência de desenvolvimento do package.json, estava com um erro que não consegui identificar no "Log". Coisa bem de iniciante mesmo!!!! kkkkkkkkkkk
Deixei passar um dia no dia seguinte, fui verificar qual era versão do node instalado no me computador e vi que era uma versão antiga e assim que atualizei consegui fazer o a configuração do Webpack conforme um tutorial que achei bem legal para iniciantes. 

> link do Ricardo Sanches 
>"https://www.youtube.com/watch?v=sU3W2ZTt-8I"

**1º.Passo: limpar o cache do npm** 
 
```sh
$ sudo npm cache clean -f
```

**2º.Passo: Instalação do pacote n (Pacote para gerenciamento do Node.JS)**

```sh
$ sudo npm install -g n  (-g é para pode instalar em modo Global)
```

**3º.Passo: Atualização**

```sh
$ sudo n stable  
```

**4º.Passo Para verificar basta executar o seguinte comando:**

```sh
$ node -v ou node --version
```

OBS: Se caso você quiser atualizar para uma versão mas antiga pode usar o seguinte comando:

```sh
$ sudo n 0.12.7   (0.12.7 é só o exemplo da uma versão)
```
More coding knowledge
Published: 2020-03-09 04:26:34

Lesson 15 Discussion:
	
1.	Explain the lesson in your own words
2.	Include the following questions:
	What is the difference between a function and a method?
	Why are structures a better way to define data than just declaring 
        a series of variables?

A.	The lesson for 15 was the Structures lesson. It teaches how to build structures and how structures can be used to create custom types. It explains the difference between methods and functions. Methods are associated with an object and a function is called by a name. 
B.	It also explains why it is better to use a structure rather than a series of variables. Variables would be too much code which would be too complicated to read. An structures can be reused instead of rewriting the series of variables over and over again.
Supported, Jacque Kept Coding
Tags: wecoded
Published: 2020-03-09 03:29:49

---
title: Supported, Jacque Kept Coding 
published: true
tags: shecoded
---

[Last year](https://dev.to/jnschrag/supported-jacque-coded--486g), I shared how supported I've generally felt in the tech community since I started being a more active participant in it.

I've continued to be supported this year in so many ways. I began writing about code online, and the reception by the Dev Community has been incredible. Writing those posts led to having more conversations and feeling more comfortable in sharing my own journey in becoming a better developer. Conversations online turned into speaking opportunities at meetups and conferences, with a few more to come.

I'm grateful that I've had so many positive experiences this year, and have been actively encouraged and supported by so many people. I look up to so many of you, especially my fellow lady devs, and promise to continue to support you as you've supported me while I keep coding, writing, and speaking. I could not have done it without all of you. 💚
How to copy a list in Python
Tags: python, list, copying
Published: 2020-03-09 02:43:53

---
title: How to copy a list in Python
published: true
description: 
tags: #Python #list #copying
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/gbschfxqsfc7cmc49cgc.jpg
---


In programming, we work a lot with "list" data structure.
Some might run into the issues when working with "list" in Python.
Often times we would like to copy a list to another variable to reuse.
So how do we do that in Python?

1.Wrong way:

```javascript
old_list = ["Donald is a guy", "Sunshine", 3]
new_list = old_list

```
If we do this, it actually create a new variable "new_list" which points to the exact memory of old_list.
So when we change the value of old_list or new_list, both list will be changed.

```javascript

old_list.append("Parapara")
new_list.append("akaka")
print(new_list)
print(old_list)

```

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/o416uxramtzu08lznt2k.PNG)

2.Correct way:

To  copy a list, we need to make a slice that includes the entire original list by omitting the first index and the second index ([:]).

```javascript

old_list = ["Donald is a guy", "Sunshine", 3]
new_list = old_list[:]

```
Then we append new item to the list

```javascript

old_list.append("Parapara")
new_list.append("akaka")
print(new_list)
print(old_list)

```
Let's see the result:

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/rs8o0jiborqgho89fige.PNG)

That's it.
Happy coding!!!
Gatsby Develop ERROR #98123 WEBPACK, Generating SSR bundle failed
Tags: gatsby, webpack, troubleshoot, 98123
Published: 2020-03-09 02:26:41

Hi,

I'm new to using gatsby and am attempting to follow the tutorial on gatsbyjs.org. I have been successful in downloading and setting up node.js, GIT, and installing the Gatsby CLI. The next part of the tutorial gives instructions on how to create a gatsby site using the Hello-world starter. In the Node.js command prompt I complete the following steps:

1. Run gatsby new hello-world https://github.com/gatsbyjs/gatsby-starter-hello-world.
2. Run cd hello-world.
3. Run gatsby develop.

After running gatsby develop I receive the error:

 ERROR #98123  WEBPACK

Generating SSR bundle failed

[BABEL] C:\Users\Kelly Snyder\hello-world\.cache\develop-static-entry.js: No "exports" main resolved in C:\Users\Kelly Snyder\hello-world\node_modules\@babel\helper-compilation-targets\package.json

File: .cache\develop-static-entry.js

I have no idea what this means or how to fix it, so I was hoping to find some guidance here. Thank you!
Prepping for DSAs: Make Array Consecutive
Tags: algorithms, bigo, dsa
Published: 2020-03-09 02:16:58

#### PROBLEM
![problem][problem]

#### BRUTE FORCE
While I was thinking of a brute force algorithm, one idea that came into my mind was:

![brute force algorithm][bruteForce]
Having that algorithm in mind, I wanted to check the efficiency of my algorithm. I can implement my own Quicksort algorithm, however for this problem, I intend to practice the DRY principle. Sorting an array in Java (line 1) is guaranteed to be [`O(n log n)`](https://docs.oracle.com/javase/7/docs/api/java/util/Arrays.html#sort(int[])). The next iteration starting on line 2 would take `O(n)` since we are iterating each element in the array. I believe the other lines are constant. As a whole, the running time of our brute force algorithm is `O(n log n)` since we only care about the dominant term from `O( n + n log n)`.

The question now is, "Is this enough?" At this rate, there is no other way that I know of that can lessen the running time. The "best" sorting algorithm suitable for this problem is of `O(n log n)`. 

I can make it more concise.

#### Final Solution
![solution][solution]

*How did I arrive here?*

_Motivation_: We can count the length of the range between two numbers `x,y` where x is the minimum and y is the maximum. With out array sorted out in increasing order:

`statues[statues.length - 1]` is the maximum element which happens to be the last element of the array since it is sorted in increasing order. Since arrays are zero-indexed, hence comes the `minus 1` from the total length. `statues[0]` is the minimum element. The difference of max and min is the length of the range between those numbers. 

We added 1 to the difference of max and min since, again, arrays are zero-indexed. `((statues[statues.length - 1] - statues[0]) + 1)` indicates the supposed length of the range given the min and max. 

The `- statues.length` at the end of the formula is how we get the missing numbers in our range to satisfy the requirement of getting the missing numbers of elements in our array which the element should be exactly 1 greater that its previous(keep in mind that this is sorted in increasing order).

The running time of this algorithm is still `O(n log n)`.

*To illustrate:*

![illustration][illustration]


*PS: I would appreciate comments in improving the algorithm that I have.*


[problem]: https://drive.google.com/uc?id=1zsOX8BAKmqAhMMIQ7m1akAaCyVdSSkAQ
[bruteForce]: https://drive.google.com/uc?id=1XzfjvuT6STPH4CzTHQLTiC2ui6VKMMkn
[solution]: https://drive.google.com/uc?id=1HR6Y1MsQiQgjTt0fqxmiXupIHXCIwDJz
[illustration]: https://drive.google.com/uc?id=1xRJ8dOvCf3fFhZKnrJHgjrWy_KcqrBzE
Prepping for Data Structures and Algorithm
Tags: algorithms, dsa
Published: 2020-03-09 02:13:52

I have always thought of Technical Interviews especially during Data Structures and Algorithm questions to be detrimental. I always find it hard to wrap around the questions and find a good algorithm for it.  I coward and tend to expect the worse. Until one day, I told myself to courage up!

As a software engineer, coder, developer, software developer or whatever you call yourself, having the foundation on data structures and algorithms (DSA) is a must on our tool belt. Having that foundation is fundamental to help shape our critical minds into reaching a solution to problems which is both efficient and effective. For interviewers, it gives them a peek to what our perspective is when facing obstacles in coding.

Not acing that interview is your fault alone. The best way to prevent it is to prepare and practice, then prepare and practice again. It is recursive. 

Preparing for technical interviews is very subjective. As for me, I am making this article as an introduction to one of my preparation techniques. 

I will be posting my train of thoughts as to how I would solve a DSA problem. Think of it as a mock interview but a monologue written. Disclaimer, I am in no way expert and I am still learning. I would love to receive feedback and comments that would help me.

The problems that I will be solving are questions from various coding platforms online.

This is me prepping for my technical interview.
Nevertheless...
Tags: discuss, womenintech, inclusion, wecoded
Published: 2020-03-09 01:54:12

Today is March 8th, International Women's Day. An event that was born in New York City in February 1909. In 1917 it was picked up by Soviet Russia and celebrated on March 8, and soon after the rest of the socialist and communist countries followed. The US started celebrating International Women's Day in 1977, about a decade after it was picked up by a feminist movement. 

Yes, March 8 is a feminist holiday that was born in the United States.

Yet, on this day I came across a post on twitter:

{% twitter 1236088204672942080 %}

Now, full disclosure: I have a degree in computer science, however, I also attended a coding boot camp, because, well, I wanted to 💁🏻‍♀️. So, according to this post I am a "pretend programmer" 🤣, I guess?

When I first read the message, I was dumbfounded and didn't even know how to feel exactly. But then I got it! It seems to me, that the person who posted the message bashing on "women in coding" is threatened by us, women. But, women getting into tech is natural, and there will only be more of us in STEM. Better get used to it! 

Anyway, in my experience, people who are confident in their skills and knowledge, regardless of sex, gender, occupation, industry, and do on, won't discriminate. Instead, they'd be happy to help, show around, and create connections. 

March is Women's History Month, and the message linked in my post is disrespectful, regardless of the date it was originally posted. Even the last paragraph doesn't help the author. We see you, buddy! 

What does the community think about this one? 🤔
Object destructuring
Tags: javascript, beginners
Published: 2020-03-09 01:33:22

#Object destructuring

[![Image from Gyazo](https://i.gyazo.com/a77309b8a748dda2fe74e9b333a8d5e6.png)](https://gyazo.com/a77309b8a748dda2fe74e9b333a8d5e6)

What's wrong with this picture?

Nothing of course, the function works properly and does what it needs to. But, imagine you were working with a humongous object filled with all kinds of properties. It would be pretty nice to make this more readable and type-friendly. 

##Meet Object destructuring

[![Image from Gyazo](https://i.gyazo.com/7d902dd5278b202d8559cd99e69403af.png)](https://gyazo.com/7d902dd5278b202d8559cd99e69403af)

Notice what I've done inside of the function. I've taken all the properties of the object passed through the function(assuming I know what properties will be inside), and destructured them so I can call them without referencing the actual object, since I have already done so. This helps make the code readable, and with a larger object, makes writing out the properties much more convenient. 

##Still not convinced? 

Let me give you an extreme example:

[![Image from Gyazo](https://i.gyazo.com/ba9e91ab6f91cb43dae62af392fdfbe7.png)](https://gyazo.com/ba9e91ab6f91cb43dae62af392fdfbe7)

You may come across an object with a value that you need nested very deep, or multiple values that you need. Instead of assigning three variables on three lines and calling all of them individually, you can use the assumed object format and gather them in one line like so:

[![Image from Gyazo](https://i.gyazo.com/ecb2c3c7d9c58b2d870bab49b0bb257b.png)](https://gyazo.com/ecb2c3c7d9c58b2d870bab49b0bb257b)

I've taken the assumed structure of the object and replaced where the values should be with an assigned variable. For the rest of the function I can now play with all of these values after extracting them once. You can also use this assignment in the function parameter:

[![Image from Gyazo](https://i.gyazo.com/96f6ab7ca60d831626a609312f84cb5e.png)](https://gyazo.com/96f6ab7ca60d831626a609312f84cb5e)

Hopefully this post has helped and brought something to your attention that I personally find useful. There's a lot more you can do with object destructuring, here's a more thorough breakdown on [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment).
Project Aurora Update V00.01.02
Tags: uwp, github, xaml, csharp
Published: 2020-03-09 01:05:07

It has been a slow start for Aurora; basically the dreaded WebAuthenticationBroker, which is the standard way in UWP of performing OAuth, struck again.

If you know this control, you're already cringing.

The unreliability of this particular control has led me to halt development before, as trying to maintain with it and keep it going is to the most part not worth while.

But this time, I needed to figure something out. 

In this particular case, the issue was with it using Internet Explorer under the hood.  

You read that right; in 2020 it uses Internet Explorer.  Not edge, not some form of Chromium, IE11.

This isn't supported by GitHub (Hilarious that Microsoft's development environment focusing on Microsoft operating systems doesn't work with Microsoft's code repository, no?)

So I found some code which would help me use Edge engine.  Woohoo!

Of course it didn't work.  It got kinda close though and gave me what I needed to write my own.

That took me a week.

Then I continued to find little issues which needed ironing out.  The last of which was clearing it's local data so it would permit log on from multiple different accounts.

With that done, and a spanking new icon added, here are some progress screenshots:

![New Icon and Purple app theme](https://i.pinimg.com/originals/4b/ba/cd/4bbacd9291bc3b8a1aaefc058bab9ede.png)
New Icon and Purple app theme

![Multi Account List and main layout](https://i.pinimg.com/originals/7b/87/ce/7b87cea50f5739c345e247d8a2e12851.png)
Multi Account List and main layout

![OAuth](https://i.pinimg.com/originals/94/08/d1/9408d107e9549da38d896e41fbad4162.png)
OAuth

![User Home Account tab, only just started](https://i.pinimg.com/originals/5b/bd/0d/5bbd0d00347581bea3fd556027c85b28.png)
User Home Account tab, only just started
Nevertheless, Ana Carolina Coded
Tags: wecoded
Published: 2020-03-09 00:55:37

## Sempre tive curiosidade e alguma intuição de que devia seguir pela área de tecnologia, mas até 2018 eu não havia tido coragem real de ir atrás desse conhecimento da forma que melhor funciona para mim: um curso de graduação.

## Para seguir este sonho e levá-lo adiante, prestei vestibular e no ano passado (2019), entrei em Análise e Desenvolvimento de Sistemas pela FATEC São Caetano.

## Tenho muitos desafios ainda por vencer, mas vejo que a cada dia aprendo mais, no meu curso, no meu estágio (na área!) e por conta própria também.  

## Minha primeira formação foi na área de Humanas. Isso foi muito importante, pois, foi a partir das Humanas que eu descobri que podia fazer o que eu quisesse e que a equidade de gênero é muito importante e necessária, não apenas na área de TI como em todas.

## Eu espero que mais mulheres possam ter a oportunidade e a coragem de perseguirem seus sonhos e entrarem na área de TI também, e que suas vozes e presenças sejam respeitadas e acreditadas como merecem. 

## **8M - Dia Internacional da Mulher**
Web Design Pick ‘n’ Mix 05
Tags: frontend, css, design, productivity
Published: 2020-03-09 10:00:55

---
title: Web Design Pick ‘n’ Mix 05
published: true
date: 2020-03-09 00:10:00 UTC
tags: frontend, css, design, productivity
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/nfva7baotsy1ca7sf27j.jpg
canonical_url: https://nervewax.com/web-design-pick-n-mix-05/
---

So it’s been a long while since my last [Pick ‘n’ Mix](https://nervewax.com/tag/pick-n-mix/)… this one has been in my drafts for ages, so I thought I’d write it up now that I’ve collected a good amount of stuff.

The image this time is the amazing photography of [Paweł Czerwiński](https://unsplash.com/@pawel_czerwinski) over on Unsplash.

## Design

[Figma](https://www.figma.com/) - A web app, for design and prototyping. Besides using this for web design, it’s also a really good free alternative for something like Illustrator or Sketch.

Even if you’re not really into design, Steve Schoger’s [Refactoring UI](https://www.youtube.com/watch?v=ZT4WRRhacWk) videos are great. His [CSS Day 2019 talk](https://www.youtube.com/watch?v=7Z9rrryIOC4) was also a good one.

## Front end

[cssstats.com](https://cssstats.com) - A great little tool for scanning and fixing up your CSS.

[micormodal](https://micromodal.now.sh/) and [microtip](https://microtip.now.sh/) - Two handy JS libs built by the same people, that take care of modals and tooltips. Both are lightweight, accessible and unopinionated style-wise, what more could you want?

[picsum.photos](https://picsum.photos) - Lorem ipsum… but for photos. This pulls photos from Unsplash and allows different sizes to be defined in the url. Really handy for quickly building out any html that includes an image.

[CSSBattle](https://cssbattle.dev) - A CSS battleground, with challenges to recreate designs in CSS with as little code as possible.

[Rellax](https://dixonandmoe.com/rellax/) - A lightweight, vanilla JS parallax library. This lib was so easy to use, I dropped in on my blog billboards within a couple of minutes of learning it existed!

[Scroll behaviour smooth](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior) - Smooth scrolling now built into CSS. `scroll-behavior: smooth;`

> Using outline with a negative outline-offset, you can emulate collapsing borders for responsive Flexbox layouts. No breakpoints. [pic.twitter.com/UGybVsh3jB](https://t.co/UGybVsh3jB)
> 
> — overflow: heydon (@heydonworks) [August 16, 2017](https://twitter.com/heydonworks/status/897722364267548672)

[free-for.dev](https://free-for.dev/) - Loads of links to free dev stuff.

## Other

[Notion](https://www.notion.so/) - A note taking web app, that includes things like Trello style boards, knowledge bases and wikis. I used it a bit, and it seems really good for a digital notes tool. Although I’m actually just using good old notebooks myself ✍️

[expodal](https://jessekorzan.github.io/expodal) - The Most Explosive Modal on the Web. 💥
What data does an API ask for to draw a pixel on the screen?
Tags: api, video, graphics, opengl
Published: 2020-03-09 00:05:47

For example for a pixel with a depth of 10bits the following should be delivered:

-30 bits of data for the colour: R=10, G=10, B=10.
-Position where to draw the pixel (X,Y)
-And here's where I ask myself, does the API ask for more information or is that all?