teleren/devto huggingface dataset:
CodePen isn't displaying correct colors
Tags: help, beginners, codepen, codenewbie
Published: 2019-03-27 14:57:18

---
title: CodePen isn't displaying correct colors
published: true
tags: help, beginners, codepen, codenewbie
---

Hi everyone!

I just finished 'The Image Gallery' project from Colt Steele's Online WebDev bootcamp. Everything turned out the way I wanted while I was coding along and opening up the page in my browser, the colors display correctly. However, when I put the project on CodePen, the colors revert back to black/inverse navbar and gray text.

{% codepen https://codepen.io/natastro/pen/vPqErg %}

Any help is appreciated!
Swift 5 is out and is now ABI stable. Who is using Swift for web development?
Tags: webdev, swift
Published: 2019-03-27 14:37:51

---
title: Swift 5 is out and is now ABI stable. Who is using Swift for web development?
published: true
description: 
tags: webdev, swift
---

Swift 5 was released today, and is said to provide ABI stability; a big deal for anyone making a serious investment in this language.

https://swift.org/blog/swift-5-released/

My question is this.. how many of you are licking your chops at the idea of using this for web development? if you're using it already, what are you experiences thus far?
Junior WebDev Career Advice Needed
Tags: help, career, advice, webdev
Published: 2019-03-27 13:52:33

---
title: Junior WebDev Career Advice Needed
published: true
description: 
tags: help, career, advice, webdev
---

Hey! So I'm 19 years old and I'm a Junior Web Developer in the UK. The company I work for has recently offered me the chance to study for a Foundation degree in Software Engineering which is a 24-month course.

However, just before being offered this opportunity, I made contact with some friends that could potentially allow me to move to London and live (with fairly cheap rent) where I'd hope to find another Junior role. *Currently I live at home, which is quite rural.*

The trouble is I can't decide which would be more beneficial to my career. Is spending 2 years to achieve only a foundation degree working from home as valuable as spending those 2 years progressing in my Junior role in potentially a larger business in the city?

All advice is welcome!
Thanks :)
Sick beats, tutorials & podcasts, oh my!
Tags: discuss, motivation, learning, career
Published: 2019-03-27 13:51:00

---
title: Sick beats, tutorials & podcasts, oh my!
published: true
description: What do you like to listen to while you work?
tags: discuss, motivation, learning, career
---

During the work week, I tend to listen to a Spotify playlist while I work. 

Somedays, I feel like it's a missed opportunity.

Why not listening to a tutorial or something related to the dev skills I am trying to learn in my free time?

What do you all listen to while you work. Music, technical tutorials, podcast or something else?
Most Popular Development Posts Of The Week (27 March 2019)
Tags: javascript, webdev, vscode, frontend
Published: 2019-03-28 10:51:03

---
title: Most Popular Development Posts Of The Week (27 March 2019)
published: true
tags: javascript,webdev,vscode,frontend
canonical_url: https://medium.com/daily-now/most-popular-development-posts-of-the-week-27-march-2019-482ffbe8eec0
cover_image: https://cdn-images-1.medium.com/max/1024/1*S8nphnmUI7ZuQFLc-haIPw.jpeg
---

> I knew that if I failed I wouldn’t regret that, but I knew the one thing I might regret is not trying

- [The Best Software Development Project Management Tools, Compared](https://app.dailynow.co/r/03ffc772c3628299bb10142be58dd8e9) by [Owen Williams](https://medium.com/u/9cca1cc5944f)
- [Stop using so many divs! An intro to semantic HTML](https://app.dailynow.co/r/b98ba33a3d9400a143d58d3bba2ec517)
- [Top 5 Frontend Development Megatrends](https://app.dailynow.co/r/e1b094a417fed634d509362ea057132a)
- [7 Essential Features of Visual Studio Code for Web Developers](https://app.dailynow.co/r/041d36d03aabbf409cd1770d550edada) by [Bret Cameron](https://medium.com/u/d4a4110b5d57)
- [10 Interesting JavaScript and CSS Libraries for March 2019](https://app.dailynow.co/r/66724a98dff86bfd3a63c358a4ea3e58)
- [How to build a real-time dashboard with free JS libraries: a step-by-step guide](https://app.dailynow.co/r/8e1914ba4d2d7cb6217fec0a99abf21c) by [WebDataRocks](https://medium.com/u/e334c2078da7)
- [Announcing Bit’s new Component Discovery Experience ✨](https://app.dailynow.co/r/c514625e3d325f4a5e208e3138db7093) by [Jonathan Saring](https://medium.com/u/c9a6ef212193)
- [How I’ve Made Thousands of Extra Dollars With Just A Laptop And My Mind](https://app.dailynow.co/r/d34a86acfe6ec0cd461113d3f299046f) by [Jon Brosio](https://medium.com/u/619b53ccda0)
- [Google Stadia](https://app.dailynow.co/r/ee91144c83902f7edf501d60eb5c4fba)
- [3 Ways to Set Default Value in JavaScript](https://app.dailynow.co/r/fbf33c987fdf157f6a5e6d458ba55b60)

* * *

[_Thanks to Daily_](https://www.dailynow.co/) _developers can focus on code instead of searching for news. Get immediate access to all these posts and much more just by opening a new tab._

![](https://cdn-images-1.medium.com/max/1024/1*m8Uf-6F4Q5AOp_wW6tbKSQ.jpeg)
Google Stadia: New Gaming Platform Without Console
Tags: googlestadia, gamingtechnology, stadia, webappdevelopment
Published: 2019-03-27 13:15:07

---
title: Google Stadia: New Gaming Platform Without Console
published: true
description: Google has recently announced its entry into the gaming world with Stadia, a cloud-based gaming environment that will provide cross-platform gaming experience. Google will enable buttons on YouTube in gaming videos for Stadia users to directly play the game on a web browser.  
tags: google stadia, gaming technology, stadia, web app development
---
<img src="https://thepracticaldev.s3.amazonaws.com/i/4f03q3la2bpowjotgicn.png"/>

Gaming is a booming industry which is growing rapidly, Sony’s PlayStation, Microsoft’s Xbox and Nintendo’s Wii are the mammoths of this industry who have remained unchallenged for quite a while. Google has recently announced its entry into the gaming world with Stadia, a cloud-based gaming environment that will provide cross-platform gaming experience. Google will enable buttons on YouTube in gaming videos for Stadia users to directly play the game on a web browser. The idea of Stadia is pretty amazing but extremely difficult to implement, in this article we will discuss what Google would have done to pull off this web application development.

Read Full Story here: <a href="https://www.decipherzone.com/blog-detail/Google-Stadia--New-Gaming-Platform-Without-Console">Google Stadia: New Gaming Platform Without Console</a>
Effective Modern C++ by Scott Meyers
Tags: books, cpp
Published: 2019-03-27 13:15:00

---
title: "Effective Modern C++ by Scott Meyers"
published: true
description: "The book which completely changed my view on C++ and made me enjoy coding in it"
tags: [books, cpp]
---
[Effective Modern C++](https://amzn.to/2VZrLec) is the book with the biggest impact on my professional life recently. As I've written already, I used to work with older versions of C++, mostly with C++03.

[Scott Meyers](https://www.aristeia.com/) in Effective Modern C++ explains the new elements of C++11 and goes into details about the tips and tricks about them.

He has 42 (coincidence? I doubt...) items split into 8 chapters. If you speak a little bit of modern C++, you'll realize who important those chapters are. Lambdas, Move Semantics, Smart Pointers, the auto keyword. Just to name half of them.

Although this book doesn't have to be read from cover to cover, I think it's worth it. But keep it close to you, because it's the kind of book, you'd be glad to check once in a while. Either for looking up something specific or just to reread some of the item titles and their key takeaways.

[This book](https://amzn.to/2VZrLec) is not for those who just started their C++ journey, it's rather for those who are already familiar with the syntax and worked on at least smaller projects, but either want to make their move to C++11 or just want a better understanding of modern C++.

As usual, [Scott Meyers](https://www.aristeia.com/) didn't disappoint us with his book, [Effective Modern C++](https://amzn.to/2VZrLec), a must-read for C++ programmers.

_This article has been originally published on [my blog.](https://devreads.sandordargo.com/effective-modern-cpp/)_
Display Server Side Validation Errors with Angular
Tags: angular, forms, validation, crosspost
Published: 2019-03-27 12:36:07

---
title: Display Server Side Validation Errors with Angular
cover_image: https://juristr.com/blog/assets/imgs/server-side-validation-errors.png
description: Binding server validation errors to your Angular form
tags: angular, forms, validation, crosspost
published: true
canonical_url: https://egghead.io/lessons/egghead-display-a-server-side-validation-error-response-onto-an-angular-form
---

Input Validation is a big topic when it comes to forms. And even more in those large, enterprisey apps, where validation can become really crazy. Now, Angular forms of course provide different mechanisms for handling validation out of the box. However, in this article I won't go into those details, I will rather show you a possible strategy for visualizing server side validation errors.

Before starting straight away, we can basically have these types of validation:

- **client-side -** they prevent you even from submitting the form itself. The simplest for sure being the required validator, or others like checking the max length etc.
- **client-side async -** typical use case: checking for the availability of the username. By using an async validator, we can call a function on the server via an API to verify whether the user provided value (in this case the username) has not already been taken. Aside from the difference that we call a server API, the behavior is quite similar. Unless the validator is satisfied, we won't be able to submit our form.

Sometimes however, we **have to submit the form** to be able to perform more cross-cutting validation logic. We might need to take the data combine it with other data (from the DB) we only have available on the server side, before ultimately then returning either a success status or fail due to "validation errors". Such validation errors can then be targeted to a single field (i.e. the username field) or even the entire entity (or user model).

[Read more &raquo;](https://juristr.com/blog/2019/02/display-server-side-validation-errors-with-angular/?utm_source=devto&utm_medium=crosspost)

## TL;DR

Might want to watch the according [Egghead.io lesson](https://egghead.io/lessons/egghead-display-a-server-side-validation-error-response-onto-an-angular-form) then :wink:...
DevOps Maturity Assessment — PDF Checklist To Print
Tags: devops, checklist, devopsassessment, guide
Published: 2019-03-27 11:54:30

---
title: DevOps Maturity Assessment — PDF Checklist To Print
published: true
description: 
tags: DevOps, Checklist, DevOps Assessment, Guide
---

 ![What Is Your Company DevOps Adoption Level?](https://cdn-images-1.medium.com/max/800/1*-z2ohAhngxXlWcaKtHqg1w.png)


#How well are you doing DevOps?

This is going to be short.

When you mean DevOps — you should not ask **‘IF’**, better ask **‘HOW’**. Doing DevOps is no longer a differentiator in itself. You have to do it better than your competitors which requires improving key capabilities. This is an incredibly complex and case-specific task.

To make it easier, together with my colleagues I have prepared a list of **29 KEY QUESTIONS** you can use to gauge the maturity of your company's software delivery competency.

You can PRINT it and USE at your DevOps team meeting to better understand your needs.

Click the link to grab your checklist: **[https://bit.ly/2JJYtyd](https://bit.ly/2JJYtyd)**

![What Is Your Company DevOps Adoption Level?](https://cdn-images-1.medium.com/max/800/1*cQixYoW2QzQrcwggJ9FQJQ.png)

And feel free to share it.
Being a Mentor at Google Summer of Code 
Tags: opensource, python, webapi, mentoring
Published: 2019-03-27 11:36:33

---
title: Being a Mentor at Google Summer of Code 
published: true
description: 
tags: OpenSource, Python, web-api, mentoring
---

Hi,

I am Lorenzo (@Mec-iS), administrator and mentor at [**hydraecosystem.org**](http://hydraecosystem.org) and contributor for Python Software Foundation Mentorship Program.

We are an organisation at its third year developing for Google Open Source Program, in particular at [Google Summer Of Code (GSOC)](https://summerofcode.withgoogle.com/), take a little time to read about as it is a great driver for Open Source initiatives!

We are looking for mentors to help with [code-reviewing students' Python contributions on Github and/or review/write our documentation](https://github.com/HTTP-APIs). For an overview you can also take a look to [our blog](https://medium.com/w3c-hydra-development-community). If you are interested we can provide support for becoming a good mentor and loads of knowledge about REST Web APIs and Python.

Cheers,

Lorenzo

PS. You can join via [Slack](https://hydraecosystem.slack.com)

![logo](https://thepracticaldev.s3.amazonaws.com/i/7puxni62sxrapwixg2kc.png)
Sending an Ajax Call by clicking a checkbox to Controller
Tags: ajax
Published: 2019-03-27 11:24:47

---
title: Sending an Ajax Call by clicking a checkbox to Controller
published: true
description: Ajax Example (Send data via URL)
tags: #ajax
---

$(document).ready(function() {
    $("input[name='field_name']").click(function(){
          var checkedValue = $("input[name='field_name']:checked").val();       
          var post_url = "controller_name/function_name/" + checkedValue;
           $.ajax({
                    type: "POST",
                    url: post_url,
                    success: function(d)  {       
                    } //end success
                }); //end AJAX
        });
});
How do you learn / evolve with Gatsby? 🤨
Tags: gatsby, learning, community, react
Published: 2019-03-27 11:19:30

---
title: How do you learn / evolve with Gatsby? 🤨
published: true
description: Three questions to understand how we could improve the Gatsby learning experience
tags: ["gatsby", "learning", "community", "reactjs"]
---

I've been thinking a lot about learning Gatsby and if there are ways we could improve it... But before doing anything, I need **your input** to learn what is **really relevant**, so do you mind answering the following (quick) questions? No need to answer all of them 😄

- Other than the docs, where do you search for knowledge on Gatsby? How does that work for you?
- What areas of Gatsby were / are the hardest for you to learn?
- And, finally, what do you think of the Gatsby community?

Have an amazing day and **thank you for your time** 💜
An open source plateform for collaborating on global issues
Tags: react, opensource
Published: 2019-03-27 11:06:52

---
title: An open source plateform for collaborating on global issues
published: true
description : 
tags: #react #opensource
---

Hey fellow devolopers !
With our team we are building a tool that can really empower communities to unite both online/offline and tackle global problems. Fully open source and free so everyone in the world can use it.

We've made a little website to explain the plateform, our roadmap & tech stack.
http://build.onearmy.world/

If you have any feedbacks they are welcome in this thread :)
Implementing Authentication with Azure AD
Tags: applicationsecurity, azure
Published: 2019-03-27 09:14:43

---
title: Implementing Authentication with Azure AD
published: True
description: Implement security in Azure development solutions
tags: Application Security, Azure
---
In Azure AD, Certificate-based authentication can be used to connect to:
- Custom services authored by your organization
- Microsoft SharePoint Online
- M365 or MS Exchange
- Skype for Business
- Azure API Management
- Third-party services deployed in your organization

__Azure Active Directory__
- Identity and access management
- Provides
    - Directory services
    - Identity governance
    - Application access management
- Ideal for SSO between on-premises machines, BYOD and mobile devices
- Thousands of applications in the Azure AD application gallery

![Azure offers several ways to leverage identity as a service (IDaaS) with varying levels of complexity.](https://thepracticaldev.s3.amazonaws.com/i/rzpcr6q8eojxrsob3kg9.png)

__Azure AD vs. Active Directory Domain Services__
__Azure Active Directory__
- Identity-as-a-service
- Not a domain controller in the cloud
- Does provide optional directory services
- Supports SAML, WS-Federation and Oauth
- Can sync with Active Directory Domain Services

__Active Directory Domain Services__
- Provides identity services
- Full-featured domain controller
- Manages machines using organizational units (OUs) and Group Policy Objects (GPOs)

__Azure AD Connect__
- Integrates on-premises directories with Azure Active Directory
- Composed of three primary components:
![Alt text of image](https://thepracticaldev.s3.amazonaws.com/i/apz4zaegz14w9gqdtq8o.png)
![Alt text of image](https://thepracticaldev.s3.amazonaws.com/i/leocp775jipmf2krhly9.png)
The Mega HTML5 CheatSheet
Tags: html, webdev, cheatsheet
Published: 2019-03-27 08:28:29

---
title: The Mega HTML5 CheatSheet
published: True
description: 
tags: #html, #webdev, #cheatsheet
---
[Link to The Mega HTML5 CheatSheet](https://github.com/yogeswaran79/The-Mega-HTML-Cheat-sheet.git)


Don't forget to subscribe to my [newsletter](http://eepurl.com/gbBYGv)



P.S: File is too big to be open in your smartphone
Key Two: The relationship with individual team members
Tags: dailywriting
Published: 2019-04-09 01:27:15

---
title: Key Two: The relationship with individual team members
published: true
tags: daily-writing
canonical_url: https://marcusblankenship.com/key-two-the-relationship-with-individual-team-members/
---

When taking over a new team, the second key is building is the individual, unique relationships with each developer.

Thus, it’s time to get to know each one of them individually, and as quickly as possible.

One-on-one meetings are helpful here, but how you frame them says a great deal about the kind of leader you will be.

## Take the passenger seat

It can be helpful to make a deposit into the emotional bank-account before you ask for a withdrawal, so consider topics which they find beneficial:

- Discuss their career goals and how you can help them achieve them
- Discuss the project/idea they are most excited about working on
- Discuss areas they would like to take a bigger role
- Discuss how they view your presence on the team
- Discuss what’s working well on the team, that you shouldn’t mess with
- Discuss what kind of leader they hope you will be

The goal is not to pass information back and forth, though you’ll be doing that as well.

The goal is for both of you to make sense of this new landscape by creating a trust relationship together. I promise that the way you see the landscape won’t be how they see it. This can will lead to all sorts of problems in the future.

Engage in meaningful dialogue to make sense of this new reality.

In doing so, understand yourself and their viewpoint better.

_See, a dialogue isn’t how we communicate what we believe; it’s how we discover it. _

Every question above could go in a thousand different directions.

 

Allow yourself to be energized and curious, fascinated by their answers. Dig in by asking “Why?”, “What’s behind that?” and “Tell me more!”

Don’t just act interested, become interested.

Let them drive, then note where they led. Where they lead will be the essential thing you need to know about them, right now.

Letting them take the wheel as you begin the new relationships shows you trust them, and are more interested in them than you are in yourself.

It’s not everything you need to know, nor is it everything important, but you can guarantee that it’s what they want you to know right now, which is a great place to start.

Best,  
Marcus

[[SPONSOR] Free eBook: Twenty Patterns to watch for in your engineering team. Which will you recognize?](https://resources.gitprime.com/books/20-patterns/)

The post [Key Two: The relationship with individual team members](https://marcusblankenship.com/key-two-the-relationship-with-individual-team-members/) appeared first on [Marcus Blankenship](https://marcusblankenship.com).
What are the current challenges that prevent DevOps adoption? Let's list
Tags: devops, softwaredevelopment, agile
Published: 2019-03-27 07:56:49

---
title: What are the current challenges that prevent DevOps adoption? Let's list
published: true
description: DevOps adoption challenges
tags: devops, software development, agile
cover_image: https://thepracticaldev.s3.amazonaws.com/i/o9pjxr5ub7yijggtp229.png
---

I am listing 6 major challenges here,

* Resistance to change & culture shift

* Overcoming the Dev versus Ops mentality

* Moving from legacy infrastructure to microservices

* Lack of DevOps and specialist skills

* Too much focus on the tools

* Budget constraints

Can you all list the other challenges for DevOps adoption that you have seen or heard of?
How to deploy a Masonite app to Heroku
Tags: masonite
Published: 2019-03-27 06:20:13

---
title: How to deploy a Masonite app to Heroku
published: True
description:  
tags: Masonite
---


# 1. Add a Procfile
add a [Procfile](https://devcenter.heroku.com/articles/procfile) to the top of the Masonite project.

my Procfile is 
```python
web: gunicorn wsgi  --log-file -
```
add and commit 

# 2. make a new app in Heroku

```sh
$ heroku create
```

# 3. add git remote

```sh
$ heroku git:remote -a {app-name}
```

# 4. Push on line
```sh
$ git push heroku master
```

For more information see [this](https://dev.to/masonite/deploying-a-masonite-application-to-heroku-45jp)
SASS, LESS and BOWER configuration for Windows
Tags: sass, less, bower, configure
Published: 2019-03-27 05:08:56

---
title: SASS, LESS and BOWER configuration for Windows
published: true
description: Configuring SASS, LESS, and BOWER for windows environment. Useful for Front-End Designers
tags: #SASS, #LESS, #BOWER, #Configure
---

#SASS#

Step 1 : Install Ruby
Step 2 : Open Command Line
Step 3 : Install SASS


gem install sass


*check version*


sass -v


*Create sass file .scss or.sass*

 sass input.scss outpit.css
 sass style.scss style.css


You can also tell Sass to watch the file and update the CSS 
every time the Sass file changes:


sass --watch style.scss:style.css



#LESS#


*In general to change the directory to required directory use following command*


   cd


*To check the list of files use the following command*


   ls


1. It is node package so node js must be installed before 
   installing less in the pc.
2. less must be installed globally -g


   npm install less -g


3. To see the available bits of help see the following comments


   lessc --help
   lessc -h


4. To convert a less file to a style.css file run the following commands


   lessc variable.less style.css


5. To continuously watch the changes and made the CSS file update run the following
   command


   lessc --watch agency.less custom.css


6. To check the version of the less 


   lessc -v



#BOWER#


1. To install bower have to install node.js first as it is a node js package
2. It must be installed globally


   npm install -g bower


3. To initiate bower in a directory 


   bower init


4. Some bower packages


   bower install fontawesome
   bower install jquery
   bower install bootstrap


5. To check the version of bower 


   bower -v