teleren/devto huggingface dataset:
What are your favorite freelance sites to find work?
Tags: freelance, remotework, freelancesite, reactdevelope
Published: 2020-01-20 07:35:21

---
title: What are your favorite freelance sites to find work?

published: true
description: I've seen Upwork and freelancer, but wondering what are people's favorite freelance sites?


tags: #freelance #remotework #freelancesite #reactdevelope
---

I've seen Upwork and freelancer, but wondering what are people's favorite freelance sites?
extreme desktop virtualisation example
Tags: virtualisatio, desktop
Published: 2020-01-20 08:40:11

how we used to containerise before docker was invented - heres a windows desktop running [xubuntu](https://xubuntu.org/download/) and [linuxliteos](https://www.linux.org/pages/download/) [virtualbox](https://www.virtualbox.org/wiki/Downloads) vms

![windows desktop with xubuntu and linuxliteos vms](https://res.cloudinary.com/osde8info/image/upload/v1579509165/desk7_h6zspy.png)
what is your most annoying browser feature ?
Tags: discuss, browser, html
Published: 2020-01-20 09:37:25

what is your most annoying browser feature ?


here are some starters
* auto play videos
* NOTIFICATIONS !

btw you CAN block notification in chromium and firefox

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

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/hwv2u4u4h9ku3f1jc978.png)
Become a Front-End Developer || course review (Educative.io)
Tags: education, webdev, frontend, beginners
Published: 2020-01-20 10:22:04

---
title: Become a Front-End Developer || course review (Educative.io)
published: true
description: Today we're taking a behind-the-scenes look at the Become a Front-End Developer learning track on Educative.io
tags: education, webdev, frontend, beginners
cover_image: https://thepracticaldev.s3.amazonaws.com/i/bb9ff5johbjcuieyz01m.jpg

---

Hello devs! Today we're taking a behind-the-scenes look at the _Become a Front-End Developer_ learning track on Educative.io. 

####As I've swooned in other videos &  articles, Educative is one of my top platforms for software development education in 2020 and this track is no exception. 

Because I freaking love this platform, I'm a proud affiliate and may get  a few bucks if you sign up for something. They're currently offering a subscription discount. Use my link:

✅ https://www.educative.io/track/beginning-front-end-developer?aff=x06V

Become a Front-End Developer contains six courses, organized logically where you'll learn a helping of theoretical knowledge, plus hands-on activities with HTML, CSS, JavaScript and more. 

There are a few things that separate Educative from other platforms and one of the big ones is their coding playgrounds. You don't have to spend any time setting up your dev environment or hit your head on the wall when stuff isn't working. It's all in the browser, ready to go where you can edit/run code and see the results in real time. With illustrations, quizzes, and well-written content there's a lot to explore with this track. 

####The Front-End Developer learning track consists of the following 6 courses: 

Web Development: A Primer
Learn Web Development from Scratch: Go Beyond the Syntax
The Complete Advanced Guide to CSS
Complete JavaScript Course: Build a Real World Web App from Scratch
Intermediate JavaScript: Build Frontend Components
A Complete Guide to Launching your Website: From Local to Live

Have you taken this track or explored any other of their courses? What are your thoughts? Let me know in the comments below!
How to Beautify Lua Code?
Tags: lua
Published: 2020-01-20 15:19:37

Are you using Lua Code? If yes then this tutorial is must helpful for you because everyone likes good looking code. 

So you are manually beautifying Lua code, why not use automatic beautifier. 

So today in this tutorial I will introduce [Lua Beautifier](https://goonlinetools.com/lua-beautifier/).

![](https://res.cloudinary.com/practicaldev/image/fetch/s--jvht4f6y--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://thepracticaldev.s3.amazonaws.com/i/wcs3fk6q0l9rob2cqrx9.png)

### Here is How to Beautify Lua Code?

1. First Open [Lua Formatter](https://goonlinetools.com/lua-beautifier/)
2. Click on Clear Button to Clear Demo Code
3. Paste Minified Lua Code
4. Click on Format Button
5. Now Press Copy Button to Copy Formatted Lua Code

Do you want to Minify Lua Code? If yes then read [this guide](https://dev.to/goonlinetools/how-to-minify-lua-code-4ni7).

Thanks for reading this article if you have any question regarding then please ask in the comment box.
Replication in AEM(Adobe Experience Manager)
Tags: aem, java
Published: 2020-01-22 11:08:16

Replication is a process of activating/publishing a page and it's content from author to publish environment. AEM provide replication [API](https://helpx.adobe.com/experience-manager/6-3/sites/developing/using/reference-materials/diff-previous/changes/com.day.cq.replication.Replicator.html) to build a custom step that replicates content from the Author instance to the Publisher instance.

**Replication using Replicator API**
Initially, We need to create a Replicator instance by using @Reference annotation.
```javascript
@Reference
private Replicator replicator;
```
Next, We need to create a session instance and then pass this object to replicate API. Here I have shared a sample code snippet for creating a session instance.  
```javascript 
ResourceResolver resolver = request.getResourceResolver();
        session = resolver.adaptTo(Session.class);
```

Finally, we need to pass the session instance and path to the replication API.
Here I have shared an example that will activate/deactivate web page based on a flag.
```javascript
  private void managePageActivation(Session session, String path,boolean isReplicate) 
     {

    try {
			if (isReplicate) {
				replicator.replicate(session, ReplicationActionType.ACTIVATE, path);
				log.info("Page activated: ", path);
			} else {
				replicator.replicate(session, ReplicationActionType.DEACTIVATE, path);
				log.info("Page De-activated: ", path);
			}

    } catch (ReplicationException e) {
			log.info("Replication failed "+e.getMessage(), path);
			e.printStackTrace();
    }
}

```
In the above function will do the following things,
<li> The function will accept session instance, web page link and status for identifying which operation to be performed(Activation or Deactivation). The path is look like this **/content/your-project/xxxx/en/user**
</li>
<li>Then we will call the replicate(Session session, ReplicationActionType type, String path) to replicate the content to the publish instance.</li>

In my next [post](https://dev.to/jerinraj55551/replication-api-in-aem-adobe-experience-manager-part-2-4jp9), I will explain how to activate/deactivate the content(asset and web page) by reading the path from an excel file.

I would like to hear your thoughts and suggestions from you to make it better.
Building A Business On Building Data Driven Businesses
Published: 2020-01-20 16:03:24

<p>In order for an organization to be data driven they need easy access to their data and a simple way of sharing it. Arik Fraimovich built Redash as a way to address that need by connecting to any data source and building attractive dashboards on top of them. In this episode he shares the origin story of the project, his experiences running a business based on open source, and the challenges of working with data effectively.</p><p><a href='https://www.pythonpodcast.com/redash-data-driven-dashboards-episode-246/'>Listen Now!</a></p>
What bash aliases can't you live without?
Tags: bash, alias, discuss
Published: 2020-01-20 16:23:18

Here's some of mine:

Change up 1, 2 or 3 directories:

```sh
alias .....='cd ../../../..'
alias ....='cd ../../..'
alias ...='cd ../..'
alias ..='cd ..
```

Example:
```sh
mcrowe in /tmp/level-1/level-2/level-3/level-4/level-5 
$ ....
mcrowe in /tmp/level-1/level-2 
$ 
```

Grep history:
```sh
alias gh='history | grep --colour=auto'
```

Strip line numbers from history "history cut"
```sh
alias hc="history | cut -b 8-
```

`ps` commands:
```sh
alias psa='ps faux'
alias psag='ps faux | grep
```

`psa`: shows detailed output:
```
USER       PID %CPU %MEM    VSZ   RSS TTY      STAT START   TIME COMMAND
root         2  0.0  0.0      0     0 ?        S    Jan15   0:00 [kthreadd]
root         3  0.0  0.0      0     0 ?        I<   Jan15   0:00  \_ [rcu_gp]
root         4  0.0  0.0      0     0 ?        I<   Jan15   0:00  \_ [rcu_par_gp]
```

`psag`:  Grep `psa` output:
```
$ psag nemo
mcrowe   15096  0.0  1.8 1095252 454104 tty2   Sl+  Jan16   3:12              |       \_ nemo
mcrowe   26147  0.0  0.0  17532   868 pts/1    S+   11:19   0:00              |       |               \_ grep --color --exclude-dir=.svn --exclude-dir=.git nemo
mcrowe    2366  0.0  0.1 822992 42108 tty2     Sl+  Jan15   0:17              \_ nemo-desktop
```
Reusable navbar, Animated headline | Module Monday 70
Tags: showdev, githunt, webdev, javascript
Published: 2020-01-20 22:47:20

---
title: Reusable navbar, Animated headline | Module Monday 70
published: true
description: Module Monday 70
tags: showdev, githunt, webdev, javascript
cover_image: https://res.cloudinary.com/component/image/upload/b_rgb:ffffff,c_lpad,h_350,w_800/v1579463051/navbar_c6ezew.gif
canonical_url: https://guide.anymod.com/module-monday/70.html
---

## Open source modules

Mods can be used on any website, web app, or anywhere else. There are hundreds more like these built & shared on [AnyMod](https://anymod.com).

Click a mod to see it along with its source code.

## Reusable nav
Navbar for all widths that's easy to clone and reuse.
<a class="btn btn-sm" href="https://anymod.com/mod/top-menu-aldnkb?preview=true">View mod</a>
<a href="https://anymod.com/mod/top-menu-aldnkb?preview=true">
  <img src="https://res.cloudinary.com/component/image/upload/v1579463051/navbar_c6ezew.gif"/>
</a>

## Details section
Pre-styled content section for informing your visitors.
<a class="btn btn-sm" href="https://anymod.com/mod/details-section-with-icons-mlroal?preview=true">View mod</a>
<a href="https://anymod.com/mod/details-section-with-icons-mlroal?preview=true">
  <img src="https://res.cloudinary.com/component/image/upload/v1579459473/details_vrmpdx.png"/>
</a>

## Animated header
Preset animation -- just add content.
<a class="btn btn-sm" href="https://anymod.com/mod/headline-section-ralbmd?preview=true">View mod</a>
<a href="https://anymod.com/mod/headline-section-ralbmd?preview=true">
  <img src="https://res.cloudinary.com/component/image/upload/v1579463058/headline_zkkcvs.gif"/>
</a>

## Colorful gallery
Showcase project sections or a portfolio.
<a class="btn btn-sm" href="https://anymod.com/mod/colors-sections-dkdmmd?preview=true">View mod</a>
<a href="https://anymod.com/mod/colors-sections-dkdmmd?preview=true">
  <img src="https://res.cloudinary.com/component/image/upload/v1564793728/colors_uprohk.gif"/>
</a>

## Timeline carousel
Add events to a timeline with this slick slider.
<a class="btn btn-sm" href="https://anymod.com/mod/slider-timeline-barrkl?preview=true">View mod</a>
<a href="https://anymod.com/mod/slider-timeline-barrkl?preview=true">
  <img src="https://res.cloudinary.com/component/image/upload/v1561169392/screenshots/timeline.gif"/>
</a>

<hr>

I post new mods from the community [here](https://dev.to/tyrw) every (Module) Monday -- I hope you find them useful!

Happy coding ✌️
A Responsible Programmer
Tags: codequality, career
Published: 2020-01-26 08:47:12

It's Sunday... so in an attempt to bring something meaningful out of it. I decided to watch something about `Design Principles` as it's a current hot topic on my team and I came across this video of 'Uncle Bob' (Robert Cecil Martin) speaking at Laracon 2018.

It's a hour long talk but what grabbed my attention is at the near end of the video, he talks about being a responsible programmer.

So, a financial agency had an algorithm they used to break down a large trade into smaller chunks of trades and it was working quite well and later they wrote a new one and pushed it while keeping the old one there and just disabled it with a "flag" while that flag comes in via incoming transactions!!

Some of you might have got some tingling sensation down your spine after reading this.

Later a new tax law comes in and they modified the code to compensate for it pushed to servers but left out 1 server by "mistake" and 10 minutes later got a call from SEC. The coders panic and replace it will old code... TOTAL CHAOS! 450 million dollars down the drain in just 45 mins.

The point he was trying to make it, that the functioning of society depends upon us in many different ways and It's very predictable that one fine day some poor software guy or girl might do something stupid and kill 10000 people..

The next thing will be the government pointing fingers at us and that time you can't make excuses like our boss told us that it's very "urgent" and we had to deliver this by today evening since that would be ridiculous.

Some strict regulations might get imposed upon us in future in form of lists showing what programming languages, frameworks or even IDEs to use and what's prohibited and nobody is gonna like that. 

Now I might be come off as paranoid but sooner or later this is gonna happen if we don't understand the seriousness of it.

So before the government imposes it, we should go ahead and apply some regulations by ourselves just like the doctor's community did.

The best candidate is TDD (Test Driven Development) that makes sure you and your code is reliable. I just want you folks to give it some thought. That's it. Till then adios! I will be back. Bye for now :)

Here's the link BTW: https://www.youtube.com/watch?v=NeXQEJNWO5w
devto unicorn confusion !
Tags: discuss, smn, bmn, curating
Published: 2020-01-26 10:59:16

as a newbie to devto i had to look up what a unicorn post was on wikipedia and so initially assumed they were auto generated by devto !

HOW wrong could i have been ! on devto they are NOT ! you can even "use it as a subtle dislike button" ! @ben 

https://dev.to/search?q=unicorn%20button

and sometimes its called the pony button ! so its actually a great (sic) example of a bad UI / UX

what do you use the unicorn button for ? 

PS anyone remember the outrage when twitter changed their "like" button to a "love" button
What is the best CMS to feed API for a static site generator?
Tags: gatsby, javascript, discuss
Published: 2020-01-26 17:03:59

The content is not going to be all dev-related, so `dev.to` API is not an option.

What about WordPress API? Is it a good choice? BTW, I hate WordPress, because the editor isn't Markdown-based.

When I google for `static site generator`, everyone seems to forget that the number of contents can get large, like so many pages -- and I want the content to be save in Markdown.

Some other reasons to use an API.

- Searchable blog is more efficient with an API -- https://www.gatsbyjs.org/docs/adding-search/#use-an-api-based-search-engine
- I want to put comment engine in the API as well, if possible
    - I think comment is not possible on a SSG without an API
Neomorphism designs, UI components library
Tags: css, frontend, ui, neomorphism
Published: 2020-01-26 20:30:34

Every while a new design trend arise and became the dominator of the shape of the period. Recently, the neomorphic design style becoming very [trending](https://dribbble.com/tags/neomorphism) and is gaining more and more popularity.

## The Neomorphism Design

You can form this effect, by adding two shadows to your flat-designed elements, one is a light shadow from the top left of the element, and the other is a dark shadow towards the bottom right. the combination of both creates the effect of the elements pushing themselves through your display.

You can read more about how to apply this technic in-depth here: [Design trends: Neomorphic design](https://medium.com/@s.jagoori/design-trends-neumorphism-59a9ba9d9284).


![Neomorphism design components](https://thepracticaldev.s3.amazonaws.com/i/nbe6xriuh9t2qlc7kkhd.png)

The first time I saw this design concept, I immediately loved it. I started to apply it to some basic web components; buttons, inputs, etc..

Then I had an idea, why not create a full set of UI components based on this concept.

I reviewed the most famous frameworks and components libraries structure and concepts, to design the structure I will follow. In the end, I summed up to:

* Each component will have five sizes (xs, sm, md, lg, xl).
* Components size will depend on its font-size only; when change the component's `font-size` property, its width, height, margin, and padding will be changed respectively because they all are in `em` unit.
* The grid will have also five media breaking points (xs, sm, md, lg, xl).
* Shadows depth will have five levels, in addition to two shadows style emboss and deboss.
* Classes naming conventions will be a modified version of [SUIT naming convention](https://github.com/suitcss/suit/blob/master/doc/naming-conventions.md)
* The components are written in [Stylus](http://stylus-lang.com/) because it's the best 🤪🤪.

After TWO days of hard work 🤓🤓, and lots of potions coffee. I want to introduce [Neomorphism, UI components library](https://ismail9k.com/neomorphism). (creative name, right? 🤷‍♂️🤷‍♂️)

{% github ismail9k/neomorphism no-readme %}

## Final words

This project very far from completion, it still work-in-progress. I plan to include more components, and support dark-theme too, and maybe in the future expose it as React/Vuejs components. I just wanted to share it as early as possible, to gather feedback, and maybe to force myself, to dedicate more time to work on it 😭😭. Thank you for reading.
Shedrack Akintayo went remote first... and other things I learned recording his DevJourney
Tags: devjourney, career, learning, remote
Published: 2020-01-28 13:45:00

---
title: Shedrack Akintayo went remote first... and other things I learned recording his DevJourney
published: true
description: Shedrack Akintayo is a remote web developer from Nigeria. After interviewing him for the DevJourney podcast, here are the key takeways I personally took out of the discussion.
tags: DevJourney, Career, Learning, Remote
cover_image: https://thepracticaldev.s3.amazonaws.com/i/0pwg2z5ulroaellnkjw1.png
canonical_url: https://timbourguignon.fr/devjourney85
---

This week, I published Shedrack Akintayo's #DevJourney story on my eponym Podcast: [Software developer's Journey](https://devjourney.info). Among many other things, here are my main _personal_ takeaways:

* Shedrack likes going to the bottom of things. This holistic approach helps him better understand where to invest his time and energy.
* He has a very structured day: time to work, time to learn, time to exercise and time to do nothing! Only thus can he really strive with his need for depth.
* Shedrack encourages us to be active when learning, trying things out, not just reading or watch tutorials or courses, but hitting the  "pause" and writing the code.
* Once again, Shedrack highlights the importance of having a great mentor. His career started because someone took interest in him and showed him the way.
* During his job interviews, Shedrack asks a lot of questions. Being genuinely interested is what moved the needle for the better during his interviews.
* His remote work tips are communication and empathy. Without those, you will not be able to really connect with a remote team. And you have to be intentional in building a connection.
* Shedrack is the first person I met that took a contract, realized he wasn't qualified enough, and suggested his client to take a break for him to learn and come back. This is very courageous!
* The main driver for Shedrack's community involvement is "giving back"... and he intends to give back a lot! For instance through the OSC-Africa community.
* In order to start in the OpenSource Software World, Shedrack advises us to find an issue listed on a OSS Project and fix it.

Thanks Shedrack for sharing your story with us!

{% user sheddy_nathan%}

You can find the full episode and the shownotes here:
* On [devjourney.info](https://devjourney.info/Guests/85_ShedrackAkintayo.html)
* Or directly [here on DEV](https://dev.to/devjourneyfm)

Did you listen to his story?

* What did you learn?
* What are your personal takeaways?
* What did you find particularly interesting?
Variables y Constantes.
Tags: swift, tutorial
Published: 2020-01-27 12:17:14

---
title: Variables y Constantes.
published: true
description: Esta es la segunda parte donde conocerás acerca de los valores de estado en Swift.
tags: swift, tutorial
---
<p>En esta segunda parte conocerás acerca de los distintos valores de estado en Swift, constantes y variables. Comencemos !</p>
<h3>Variables.</h3>
<p>En Swift, los valores de estado variables son aquellos cuyo valor asignado no es fijo y este puede cambiar en cualquier momento. Ya sea dentro de la lógica de la app debido a alguna condición o algún proceso de iteración o secuencia.</p>
<p><br></p>
<p>Siempre debemos definir el estado del valor de una propiedad al crear esta.</p>
<p><br></p>
<p><code>var propiedad = "Un string"</code></p>
<p><br></p>
<p>después, podemos cambiar el valor de la <em>propiedad </em>que creamos:</p>
<p><br></p>
<p><code>propiedad = "ahora soy otra cosa"</code></p>
<p><br></p>
<p>esto simplemente no sería posible con un valor de estado <em>constante</em> o <code>let</code> .</p>
<p><br></p>
<h3>Constantes.</h3>
<p>Las propiedades con estado constante o <code>let</code> son aquellas que simplemente son propiedades de las cuales su valor nunca cambiará.</p>
<p><br></p>
<p><code>let meaningOfLife =  42</code></p>
<p><br></p>
<p>el valor de esta propiedad es <em>42</em> y dicho valor nunca cambiará dado que nombramos su estado como constante o <code>let</code>. </p>
<p><br></p>
<p>si intentamos hacer algo como lo siguiente:</p>
<p><br></p>
<p><code>meaningOfLife = 23</code></p>
<p><br></p>
<p>el entorno de desarrollo (i.e. IDE) nos lanzará un error pues previamente declaramos que su estado sería constante. </p>

<p>En la siguiente lección conoceremos sobre los distintos tipos de coleccione de datos que existen en Swift y sobre porque son tan importantes. Hasta pronto !</p>