teleren/devto huggingface dataset:
When Are You Ready to Freelance as a Front-End Developer?
Tags: beginners, career
Published: 2019-12-05 13:08:31

---
title: When Are You Ready to Freelance as a Front-End Developer?
published: true
date: 2019-12-05 12:45:22 UTC
tags: beginners, career
canonical_url: https://carlanderson.xyz/when-are-you-ready-to-be-a-front-end-freelancer/
cover_image: https://images.unsplash.com/photo-1543269865-f576bdee5d1d?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjExNzczfQ
---

> When can I take a full front-end web project and start working as a freelancer, and how much knowledge do I need?

A newbie developer asked this in the JavaScript Facebook group – and it's a good question. After all, when you've been grinding out several months of online courses, a big question is _when do I start getting paid for this?_

Many of the responses from other beginners were suggesting new technologies to learn or concepts you need to know, but the answer is much more straightforward:

_You're ready to freelance when you can find people to pay you for your work._

Your development skills, while helpful for landing contracts, are secondary to your ability to sell yourself to clients, close deals, and build a successful sales funnel. As long as you can repeatedly find clients, you're able to freelance.

## Should you freelance?

The thing is, as a freelancer, you're a small business. It comes with a lot of extra non-development work, like marketing yourself, negotiating contracts, creating invoices, and doing your taxes.

Take a moment to think about your _reasons_ for wanting to freelance. Almost any reason will do, so long as you acknowledge that:

1. Freelancing is a significant time investment
2. Becoming a freelancer isn't easier than finding a job

You'll also want to check that your current situation can survive the instability that freelancing brings. It's not uncommon to hit patches where you aren't getting paid for several months at a time, which may be a killer if you're pay-check to pay-check.

Once you've decided that freelancing is for you, I highly recommend checking out [Brennan Dunn's Double Your Freelancing](https://doubleyourfreelancing.com/category/start-freelancing/) - it has excellent articles for freelancers of all levels. It will get you started on the right foot.

----
[Are you stuck on JavaScript Tutorials? Sign up to my newsletter for more helpful articles to get you moving again](https://pages.convertkit.com/9f030a68c9/cd303b3d7b)
what should be best technology stack for R project?
Tags: help, r, python, discuss
Published: 2019-12-05 12:14:14



I want to create an application which will generate the graphs using R in which I will take data from database and pass to R project, R will do some operation and pass it back to front end?

I have several questions before I start project

1. Which programming language/framework I should use (C#, Python, PHP, Node)?
2. Which database should I prefer?

In short, what should be technology stack for this kind of project?
TypeError: produits.map is not a function
Tags: react
Published: 2019-12-05 12:07:16


TypeError: produits.map is not a function

Hi all

I'm new in react js. I followed this tuto "https://pusher.com/tutorials/consume-restful-api-react" and i tried to adapt for me.
here is my code content:

file App.js
<code>
import React, {Component} from 'react';
import logo from './logo.svg';
import './App.css';
import './bootstrap.min.css';
import Produits from './components/produits';

class App extends Component{

  render(){
    return(
      <Produits produits={this.state.produits} />
    )
  }

  state = {
    produits : []
  };

  componentDidMount(){
    fetch('https://servitis.com/apirest_php/actions/read.php')
      .then(res => res.json())
      .then((data) => {
        this.setState({ produits: data })
      })
    .catch(console.log)
  }

}


export default App;
</code>


File Produits.js
<code>
import React, {Component} from 'react';
import logo from './logo.svg';
import './App.css';
import './bootstrap.min.css';
import Produits from './components/produits';

class App extends Component{

  render(){
    return(
      <Produits produits={this.state.produits} />
    )
  }

  state = {
    produits : []
  };

  componentDidMount(){
    fetch('https://servitis.com/apirest_php/actions/read.php')
      .then(res => res.json())
      .then((data) => {
        this.setState({ produits: data })
      })
    .catch(console.log)
  }

}


export default App;
</code>

After compiation, here is error genereted : TypeError: produits.map is not a function

So, i need your held.
Thank you!
How to replace your \n to <br>
Tags: html, php
Published: 2019-12-05 11:50:04

Have you ever try to replace **'\n' to '\<br\>'** by php

You should write this str_replace("\n", "\<br\>", $string);

If you write this str_replace('\n', "\<br\>", $string);

That will go bad because "\n" is actually 0x0A but '\n' is just 0x5C6E!
On.NET Episode: Building Serverless web applications with Blazor and Azure Functions
Tags: webassembly, dotnet, serverless, webdev
Published: 2019-12-05 11:48:23

In this episode of On .NET, Jeff Hollan from the Azure Functions team comes to discuss the benefits of pairing Webassembly applications built Blazor along with Azure Functions. 

You see how easily we can use .NET to build serverless backend APIs and host rich browser experiences on serverless storage. We also give you some homework to do as well 😎.

{% youtube whyb5zgcLNM %}

If you liked this video and would like to see some more of our .NET content, please subscribe to our [.NET Developers YouTube Channel](https://www.youtube.com/channel/UCvtT19MZW8dq5Wwfu6B0oxw).


## Useful Links
* [Learn about Blazor](https://dotnet.microsoft.com/apps/aspnet/web-apps/blazor?WT.mc_id=ondotnet-c9-cephilli)
* [Blazor and Azure Functions for Serverless Websites](https://channel9.msdn.com/Events/dotnetConf/NET-Conf-2019/B203?WT.mc_id=ondotnet-c9-cephilli)
* [Get Started with Azure Functions](https://docs.microsoft.com/en-us/azure/azure-functions/?WT.mc_id=ondotnet-c9-cephilli)
* [Jeff's Blog](https://hollan.io/)
I'm working on a guide for developers who want to blog, but don't know where to start. What questions should I answer? 
Tags: discuss, writing
Published: 2019-12-05 11:40:45

The title says it all. I'm working on a brief guide tentatively titled "Start a technical blog today." I want it to be as useful as possible. If you've ever started blogging, or wanted to start but couldn't, what got in your way? 

# UPDATE
This course is now live! 
{% link /gsto/showdev-i-ve-put-together-a-free-writing-course-for-developers-5hp %}
Introducing Azure Heroes with Blockchain-based badges
Tags: discuss, career, opensource, azure
Published: 2019-12-05 11:33:29






Are you an inclusive leader? content hero? community hero? mentor or maker? we would like to hear from you!

There are limited tokens, go claim yours [now](https://www.microsoft.com/skills/azureheroes?WT.mc_id=heroes-devto-adpolak).



Microsoft and [Enjin](https://enjin.io/) have collaborated in a local pilot to create a **blockchain-based** recognition program. The Azure Heroes badgers were created in a number of original and unique designs that have been tokenized into a digital asset on the Ethereum public blockchain. 

{% youtube xPJmHJQLQ3c %}

##Curious how it works?
Under the hood, there is **Ethereum** platform. When you receive a cute badger in your wallet, you're actually taking ownership of Non-fungible Tokens (NFT) which is unique and one-of-a-kind! This is a digital asset with no monetary value.



## Not sure what to do? write us with your questions and comments here!


There are limited tokens, go claim yours [now](https://www.microsoft.com/skills/azureheroes?WT.mc_id=heroes-devto-adpolak?WT.mc_id=heroes-devto-adpolak).
Digitialagentur
Published: 2019-12-05 11:28:29

Als Spezialist für Digitales Marketing mit über 15 Jahren Erfahrung sorgen wir für messbar mehr Umsatz und loyale Kunden im Onlinehandel. Damit helfen wir Ihnen zum entscheidenden Vorsprung vor dem Wettbewerb. Mit einem Team aus hochqualifizierten Mitarbeitern aus den Bereichen Online-Marketing, eCommerce, Web-Usability und Management, wird auch Ihre Werbemaßnahme zum Erfolg. Optimerch steht für optimierten Handel. Mit einem Marketing-Mix aus den Fachbereichen STRATEGISCHE BERATUNG, KREATIVE KOMMUNIKATION und DIGITALE LÖSUNGEN, sorgt Optimerch für Ihren Unternehmenserfolg.
Mehr unter https://www.optimerch.de/
[Feedback] codeception: version rush
Tags: php, versionrush
Published: 2019-12-05 11:28:14

---
title: [Feedback] codeception: version rush
published: true
description: 
tags: #php, #versionrush
---

https://github.com/Codeception/Codeception/issues/5532#issuecomment-530741981

of course i understand that maintaining compat layers is very painful but dropping symfony 3.4 support is a very bad idea. 

symfony 3.4 is a LTS release. it is [supported until nov 2020][1] and gets security updates until nov 2021. 

it was my choice to stick with this version so i can use my time to build new things and not keeping all my projects up to date. i assume that also some companies go for LTS releases, they also want to invest their workers time into new projects instead in keeping all project up to date with the latest framework version.

in the past years the "version rush" gets more and more terrible. i am not a big company, i am a one person company and really struggle to keep everything up to date. 

today an update is not "i make a security update and my lib, app, tool, ... is secure again and i can move on", no its you get an update with your necessary secuirity updates AND you get tons of new features and you also loose a lot of features. features you need, featrues you build upon. also many updates breaks things. a lot of people out there even don't use SemVer (or they use SemVer but like google does it for chrome).

i often discuss with user why they don't update ....... (insert software/lib/app/... here) and that it is very important to update,.... but a user only want that the thing works (what it does without update) without much effort, without getting used to the new interface, without searching for the new locations for the functions and menu items. i tell them, that its very important to update... security...
but i can understand them.

without good [SemVer][semver], [LTS][lts] and [BC][bc] layer we all get to tired to update. 

Rasmus Lerdorf asking his audience who is using php 5.x (watch at least min 26:08-26:45)
https://www.youtube.com/watch?v=wCZ5TJCBWMg&t=1568

but thats reality.

so please add a BC layer so that we can test our new and old application with your awesome testframework.

[1]: https://symfony.com/roadmap/3.4
[bc]: https://en.wikipedia.org/wiki/Backward_compatibility
[semver]: https://semver.org/
[lts]: https://en.wikipedia.org/wiki/Long-term_support
Don't Work Alone
Tags: career, beginners
Published: 2019-12-05 10:42:40

One of the recurring things that come to bite me and my team is having a less experienced engineer or new joiner work completely alone on a project for weeks or months. We’ve done this multiple times, and the results were always similarly dire. The engineer ends up building something slightly - or very - different than what we intended to. They took a _lot_ longer to do it - and their morale was down, due to feeling lonely and unproductive this time. They did make mistakes, but did not have anyone give them feedback, to learn from it. Every time we sat down and did a retrospective on what to do different, next time, we agreed on the same thing: have someone to work with from the start.

**Now, as a practice, I always make sure non-senior engineers don’t work completely alone, no matter how small the project at hand is**. This often means that second engineer is a “part-time advisor” or buddy. This setup has worked far better. Now, the less experienced engineer has someone to bounce ideas off and plan with, someone to consistently review their code, and someone to hold them accountable to their progress. If they are a really productive and autonomous developer than the second engineer doesn’t have much work to do. However, if they are going down the wrong path, the other developer can help them out much earlier. Also, this setup is great for [informal mentoring and faster professional growth](https://blog.pragmaticengineer.com/developers-mentoring-other-developers/).

If you find yourself working alone - and don’t have a manager who sets up some kind of pairing - then take steps to fix this. Ask another engineer on your team to be your buddy for the project, doing a quick check-in with you every day, and reviewing your planning and doing code reviews. If they politely decline, talk with your manager, and try to convince them of the productivity benefits for the team. Sure, the more experienced developer will need to spend more time with you, but in return, you will not only get things done quickly but also grow faster. Soon, you’ll be able to help others on the team, in a similar way.

----

*This article was originally posted on [The Pragmatic Engineer Blog](https://blog.pragmaticengineer.com)*

_About me:_ I'm an engineer turned engineering manager, working at the intersection of Silicon Valley & European startups and tech companies. Follow me here and [on Twitter](https://twitter.com/GergelyOrosz). I write longer essays on software engineering on my blog, [The Pragmatic Engineer](https://blog.pragmaticengineer.com/). I also send a [monthly newsletter](https://blog.pragmaticengineer.com/newsletter/) with notes on software engineering, tech leadership and interesting things I've been thinking about.
A Complete Guide to Install McAfee Antivirus on PC
Tags: mcafeecomactivate
Published: 2019-12-05 10:30:30

McAfee.com/activate is a complete technical guide where you can get easy technical guidelines to perform the instructions needed for a successful McAfee activate. First of all, you need to login in into mcafee.com/activate and enter your 25 digit activation code and go for “get protected” button. You need to follow all the instructions displayed on this website and get installed McAfee Antivirus on PC in the proper ways. By doing it, you can get complete installation McAfee Antivirus on computer system. If you’re facing any issues in the procedure, online antivirus experts are available 24/7 to provide quick support.
https://l-mcafeecomactivate.com/
React 16+ Responsive Carousel Tutorial with Examples
Tags: react, javascript, responsivecarouseltutorial, react16
Published: 2020-02-07 08:56:49

---
title: React 16+ Responsive Carousel Tutorial with Examples
published: true
date: 2019-12-05 10:26:41 UTC
tags: React, JS, Responsive Carousel Tutorial, React 16+
canonical_url: https://www.positronx.io/react-responsive-carousel-tutorial/
---

The post [React 16+ Responsive Carousel Tutorial with Examples](https://www.positronx.io/react-responsive-carousel-tutorial/) appeared first on [positronX.io](https://www.positronx.io).

**This is a step by step React Responsive Carousel tutorial. In this tutorial, we will learn how to implement Carousel in a React app using React Responsive Carousel package.**

Carousels are commonly used on the front of the applications to show image galleries, sell products, show related blogs, show repetitive related content and to grab the attention of new visitors on the web or mobile application.

[click here to read more](https://www.positronx.io/react-responsive-carousel-tutorial/)
Vue.js: build a full stack app with firebase, vuex and router
Tags: vue
Published: 2019-12-05 10:01:38

---
title: Vue.js: build a full stack app with firebase, vuex and router
published: true
description: 
tags: vue
---
![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/lodu9jhveql05nufgb1g.JPG)

**Packt Video:** 6 hours 5 minutes

**Author:** Chris Dixon

**Overview**

Take your JavaScript and Vue skills to the next level by learning state management, routing, authentication, and Firebase

**Learn:**   

• Discover core Vue concepts such as for instance methods, looping, components, data binding, passing data and event handling
• Understand how to apply routing concepts such as scroll behaviour and navigation guards
• Integrate Firebase with projects for persistent data storage and authentication

During this course, you will build a full stack project and discover how to integrate state management, front-end routing, databases, authentication and code splitting.

You will build a pizza restaurant project from scratch which allows users to place an order from a menu section. These orders are then pushed to Firebase for persistent data storage. You will also create an admin section, where authorized users can add or remove menu items and manage orders that are placed. These orders will also be pushed to Firebase. All your pages will be managed by the Vue Router and you’ll learn to create routes, navigation methods, navigation guards, binding routes and different router modes.

This project uses Vuex for state management, which will give your app a single store for all of your state. It will be kept in sync with Firebase, so you’ll always have easy, local access to your data. By the end of this course, you will be well-versed with JavaScript and Vue and have developed the skills you need to build robust projects from scratch.

All the codes and supporting files for this course are available at -https://github.com/PacktPublishing/Vue.js-Build-a-Full-Stack-App-With-Firebase-Vuex-and-Router
The leading developer communities, ranked
Published: 2019-12-05 09:57:12


Which are the largest developer communities globally?

The 1 million developer club is a live watchlist of developer communities (large-scale tech platforms, open-source, language communities etc.) featured against the 1-million registered developers benchmark.

The list is instantly updated when new data come to light and is verified by the /Data team, whereas all entries are revised every quarter.

Check out the list here: https://www.1milliondeveloperclub.com/
Weekly Newsletter covering Developer Productivity
Tags: productivity
Published: 2019-12-05 09:50:10

https://devtendo.substack.com/

Building and supporting software does not require you to be in the office every day. Companies like GitLab, Digital Ocean, CircleCI, InVision, and Stripe have realized that remote work gives them a recruiting and productivity advantage over the competition.

We are witnessing a big cultural shift - remote work is going mainstream for engineers in the "maker's schedule"
Lessons from Panic Inc
Tags: industryinsight
Published: 2019-12-05 13:52:24

---
title: Lessons from Panic Inc
published: true
date: 2019-12-05 09:45:49 UTC
tags: Industry Insight
canonical_url: https://steadfastcollective.com/articles/lessons-from-panic-inc/
cover_image: https://steadfastcollective.com/app/uploads/2019/10/panicgif-1200x900.gif
---

<iframe src="https://www.youtube.com/embed/JNaLtNkSsDI" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

Panic is a team-based out in Portland, America who published the recent video game [Untitled Goose Game](https://goose.game/) and the award-winning [Firewatch](http://www.firewatchgame.com/).

What you may not know is that Panic’s legacy was built crafting Apple applications, especially those who help web-developers.

Other core products of theirs include, Coda, Transmit and Prompt. It was only later in 2016 they starting publishing video games.

> Through their 22 years of developing products, the Panic team have gained a reputation for delivering high-quality products.

Here are three lessons we can learn from watching how they work.

### Lesson One: Focus

Panic’s products are excellent, and if a product is not exceptional or preforming as hoped, the team will cut the product from their range. Status Board was an excellent example of this. Status Board was an iOS app designed to create beautiful data dashboards, however back in 2016 they announced they were discontinuing the product due to lack of market, you can read more [about that here.](https://panic.com/blog/the-future-of-status-board/)

> ![🖼](https://s.w.org/images/core/emoji/11/72x72/1f5bc.png) Speaking of Transmit, it's been quite a journey since 1.0. [pic.twitter.com/fWdJt4X4p8](https://t.co/fWdJt4X4p8)
> 
> — Panic (@panic) [March 4, 2019](https://twitter.com/panic/status/1102685062187765760?ref_src=twsrc%5Etfw)

<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

### Lesson Two: Transparency

Panic has always been open and transparent in the way they operate. Their [blog](https://panic.com/blog/) is fantastic look into how they work and the direction they’re facing.

I believe that transparency is a good indicator that a business is moving forward and keen to take their customers on that journey.

### Lesson Three: Self Awareness

I believe Panic understand their key audience and products, which in turn is their core income. While Panic is now publishing games, their focus is on building a suite of development tools for an audience which they have grown over many years.

For a long time, they ran their customer services enquires through Twitter, giving customers a quick and direct way to reach them.

* * *

Panic has been around for 22 years, and I expect they will be around for 22 more. They consistently build outstanding products, and we should all be looking towards them.

##### Image from https://panic.com

The post [Lessons from Panic Inc](https://steadfastcollective.com/articles/lessons-from-panic-inc/) appeared first on [Steadfast Collective](https://steadfastcollective.com).
Coldfusion/Lucee/CFML & Cosmos DB
Published: 2019-12-05 09:44:46

Last year I experimented with Azure’s Cosmos DB. It didn’t end up getting used but I had a simple proof of concept that worked and I thought others might find it useful as an introduction to using Cosmos DB with Lucee or Coldfusion.

This is a very simple demo and the code is not structured how you would in a real-world project, but the aim was to make the code as simple to understand as I could.

As Cosmos DB is accessed through an API this demo is essentially a function that interacts with its API and its particular requirements. I’ve only covered the basic functions of CosmosDB in this demo but all other functions will be a case of reading the manual and updating the functions.

https://github.com/dominicr/CFCosmosDB