teleren/devto huggingface dataset:
1st week @ Flatiron School.
Tags: codenewbie, ruby, womenintech, webdev
Published: 2019-06-16 01:55:58

I'm beyond excited to say that I've gotten as far as being in a code boot camp!

**Who am I?**
My name is Valena and I'm on my way to becoming a full-stack web developer. A few months ago, I knew little-  to nothing about coding. My boyfriend sent me a link to apply for a summer hackers program and I gave it some thought. I didn't get into the program, but it was that link that sort of opened my eyes to a whole new idea: learning to code. Since then, I've joined the Career Karma family and connected with so many people throughout the #21DayCkChallenge. The challenge helped me step out my introvert castle and actually get to know people. During the challenge, I started to learn the basics of Javascript, HTML, and CSS. I enjoyed learning to manipulate the DOM through the Flatiron pre-course so much that I still imagine the "Ada Lovelace" picture in my head. I thought I was so cool! 

**Fast forward to this week**
Things started to get real for me once the first day of boot camp came around. I automatically got excited and *really* nervous. My mind instantly filled with positive snippets of the future (when I land a damn good job!), and doubts about whether or not I put too much dip on my chip. I'm a health science student. I know nothing about what I'm getting into besides what I'm researching and reading from pre-courses. I feel like it's more than feeling like I "don't belong".. I don't even feel that way. I feel as if all the odds are against me and the world is waiting for me to fail. This feeling is real! But I'm using it as a boost to prove those doubts to be wrong and to make myself proud.
Jupyter Key shortcuts
Tags: python, jupyter
Published: 2019-06-16 01:11:28

---
title: Jupyter Key shortcuts
published: true
description: My favorite jupyter key shortcuts
tags: python, jupyter
---

There are certain jupyter key shortcuts/tricks that helps developers remain more productive.

- To run a cell `Shift + enter` or `ctrl + enter`.
- Jupyter notebooks also offers tab completion

![image](http://i68.tinypic.com/w9cn7a.jpg)

- You can also get documentation within `jupyter-notebook` by hitting `shft + tab` three times or you can by `?` at the end of the function to get `docs`.

![image](http://i67.tinypic.com/2lc62he.png)

- `M` for `markdown` mode and `Y` for command mode.
- `%env` This is going to print environment variables.
- `%pdb` activates `pdb` debugger.
- `%pylab` allows to work interactively with `numpy` and `matplotlib`.
- `%%debug` activate debbugging mode in cell.
- `%%html` renders cell as html.
- `%%latex` renders cell as latex.
- `%%sh` shell script.
- `%%time` time command to see how long it took to run the command.


These are my personal favorites for jupyter-notebook.
Btw this was published in my personal wiki. 
Do you guys keep a personal wiki ?

[Personal Wiki](https://muhammadraza.me/dailylog/)
I Decided to List all my non-developer friend's Idea
Tags: discuss
Published: 2019-06-16 00:15:25

I don't have a lot of *developer/programmer friends* most of my friends are mostly normal people. So something like this could happen. Sometimes as a Developer, you got that one or two friends telling you something they need.

Here the common pickup line:

- "Hey, Could you build this app? I may pay you..."

- "Hey, I don't have enough money, but I can sell this app for you"

- "This app can you make it? But add these options..."

Although I'm busy working for somebody else I think I've still had a chance to make those *friend idea*. I'm serious here I created a Trello board for it.

![this is a Trello board](https://thepracticaldev.s3.amazonaws.com/i/j4f1a4zdvcadcbzuqjp3.png)

If you wonder what is that label for here it is :

![the labels](https://thepracticaldev.s3.amazonaws.com/i/1qd0cvchm44xp3wh8a6r.png)

## Posible

Your friend's idea is possible to make. That's not an app to hack Facebook or Instagram account (We all been there "Could you hack his Instagram account he seems cheating on me").

I always, always, and always say this to my friends, "I maybe can make those apps if you can explain it how it works or how to do it". So when they ask "Can you make an app that could hack some Facebook account?" I'll reply "Tell me how to hack Facebook first, then maybe we could make it"

## Worth Making

Really, the app is worth to make. It is something outside your comfort zone, something challenging!

## Money Possibility

You may don't want to work for free, maybe your friends want to pay you, or those ideas can bee a product or startup!

## Board Created

You already take that Idea seriously! Maybe that's just a silly app, or something not that big, but you already got time and got some research on the app so you create a board and tell your friend "Hey, that app you tell me, I'm on my way to make it, maybe it took a long time, maybe not :)"

Just take a note cause every Idea worth to hear.
Update the Azure AD password of a federated user
Published: 2019-11-05 03:31:57

---
title: Update the Azure AD password of a federated user
published: true
date: 2019-06-16 00:00:00 UTC
tags: 
canonical_url: https://merill.net/2019/06/update-the-azure-ad-password-of-a-federated-user/

---

There are times you need to update the Azure AD password of a user that’s synced from Active Directory. However running either Set-AzureADUserPassword or Set-MsolUserPassword fails with one of the following errors.

- Set-MsolUserPassword : You cannot reset a password for a federated user.
- Set-AzureADUserPassword : Error occurred while executing SetUser Code: Request\_BadRequest

There is a simple hack to workaround this limitation. All you need to do is temporarily change the user’s UserPrincipalName to that of a managed domain, update the password and then change the UserPrincipalName back to the federated domain.

```PowerShell
# Change UPN to managed domain
Set-AzureADUser -ObjectId xxxxx -UserPrincipalName user@domain.onmicrosoft.com

# Update the password
Set-AzureADUserPassword -ObjectId xxxxx

# Change UPN back to the federated domain
Set-AzureADUser -ObjectId xxxxx -UserPrincipalName user@domain.com
```

That’s it. The user will eventually be signed out of the apps they are in and will have to re-sign in again.

The new password will remain until the user changes their password on-prem in Active Directory which will then sync across to Azure Active Directory.
Make your own custom theme for VS Code
Tags: vscode, javascript
Published: 2019-06-15 23:32:44

Hi everyone! :)

A few days ago I found some extension which allows you to load custom CSS and JS files into Visual Studio Code. And if have interest to modify your using theme or make own CSS styles for Visual Studio Code this article can helps you :)


Extenstion which is needed for us it is `Custom CSS and JS Loader`. You need to install it    
![Custom CSS and JS Loader](https://i.imgur.com/Atd1yiY.png)  


After installing you need to turn on this extension. Open your command palette with `Ctrl + Shift + P` or `Shift + ⌘ + P` or `F1` and choose **"Enable custom CSS and JS"**. It will prompt you to restart.


Next step you need to create CSS file on your file system and add path to this file to property `vscode_custom_css.imports` in `settings.json` of VS Code.  
```json
{
  "vscode_custom_css.imports": [
    "file:///{PATH_TO_THIS_FILE}/{YOUR_FILE_NAME}.css"
  ]
}
```
If you are using Windows (like me) you need to write path to file like this  
```json
{
  "vscode_custom_css.imports": [
    "file:///C:/Users/User/vs_dark.css"
  ]
}
```

You can put to this CSS file one of following styles:
- [Neon CSS styles (synthwave84.css)](https://github.com/robb0wen/synthwave-vscode/blob/master/synthwave84.css)
- [My VS Code dark theme extension](https://gist.github.com/js2me/dfccef039e1ce727eafce4145c0bb4cb)

Also if you attached `synthwave84.css` you should [install this theme to VS Code](https://marketplace.visualstudio.com/items?itemName=RobbOwen.synthwave-vscode) or if you use my VS Code dark theme extension you should select `Dark+ (default dark)` theme in VS Code

After this you need to reload VS Code to enable this custom css files.
For that you need to open up command palette and choose **"Reload custom CSS and JS"**

After that you should see the CSS modifications in your VS Code :)

![](https://i.imgur.com/cB7riwB.png)

Or if you attach `synthwave.css` your VS Code editor should looks like

![](https://i.redd.it/jfr0ixsgm9v21.jpg)


And if you want to debug and modify this file you need to open up command and choose **"Developer: Toggle Developer Tools"**.

![](https://i.imgur.com/EB0GlmR.png)

It open up developer tools which are the same as in Google Chrome.

![](https://i.imgur.com/dmI9Uj5.png)

And your custom styles are overriding existing

![](https://i.imgur.com/0yM1RTf.png)



**If you have some question don't worry to ask here**
**Thanks for read this article, enjoy :)**

### Extra links

- [Custom CSS and JS loader for VS Code](https://marketplace.visualstudio.com/items?itemName=be5invis.vscode-custom-css)
- [SynthWave custom css extension for VS Code](https://marketplace.visualstudio.com/items?itemName=RobbOwen.synthwave-vscode)


![](https://media.giphy.com/media/Ydvn0G7Agtk9G/giphy-downsized.gif)
Regret minimization
Tags: career, psychology, motivation
Published: 2019-06-15 23:26:51

Lately I've been reading [_One Click: Jeff Bezos and the rise of Amazon.com_](https://www.amazon.com/One-Click-Jeff-Bezos-Amazon-com-ebook/dp/B004IYIUS8), a book about Jeff Bezos and how Amazon came to be the internet giant that it is today. I'm still at the chapter 5/17, but what I found most curious so far is the fact that every time Bezos made a decision, not only about the business but also about his personal life, he took an incredibly analytic approach and studied all the possible outcomes and aspects that may influence the result.

One of the ways in which this manifested was through what he called the "Regret Minimization Framework". Basically, it's a tool that helped him choose between a set of options by analyzing which one will be the one that he may regret less in the future. In the book, it's presented when he had to choose between continue working on his (really) high-paid job in a financial software company, or leaving it and start an Internet business.

> "I knew that when I was eighty there was no chance that I would regret walking away from my 1994 Wall Street bonus in the middle of the year. I wouldn't even have remembered that. But I did think there was a chance that I might regret significantly not participating in this thing called the Internet, that I believed passionately in. I also knew that if I had tried and failed, I wouldn't regret that" 

I've had to make a big personal decision myself lately (switching to a new job and moving to another country, or continue at a job that still was a really good opportunity), and even if I didn't named it that way the "regret minimization" was definitely the most important factor that influenced my decision. If you think of it, it's probably the best way to make a decision because it forces you to think not only on the instant gratification that you will get from each option, but also on its long-term consequences. 

A detail that may seem insignificant but that for me it's one of the most important parts of the framework is how he considered both the good and the bad outcome. In the end, it's obvious that things will not always go as expected, and making sure that you won't regret a specific decision even if it goes completely wrong is probably one of the factors that you need to consider the most when you make the choice.

Decision-making is the skill that will have the biggest impact in your life, and having a clear set of steps to follow during the process will undoubtedly help you get the best outcome from it. Are you comfortable to make that decision now, even considering that things may go wrong? Will you be able to change to another option if you think better about it in the future, and will there be any consequences? And, most importantly: will you be able to accept that decision 10, 20 or even 50 years from now?
Side Hustle Projects - Here's mine, what's yours?
Tags: javascript, sideprojects, productivity
Published: 2019-06-15 22:27:11

Hey,

So I recently listened to an awesome podcast on SyntaxFM which was strongly around "Side Hustles". - basically a side project that you're working on aside from your main development job.

I thought I'd jump on here and get everyone involved and see if anyone has a side hustle.

I have only really launched mine after alot of self disbelief in it but it's finally here and I'm offering a free eBook as an incentive to gain interest and future potential customers.

Im going to launch my first online educational course, which will be aimed at beginners starting off in web development, focusing on HTML, CSS and JS. In depth, 20+ lectures which I've started recording already.

Here's the intro and free ebook;
https://free-ebook.thetechteacher.info/

Let me know what you think of the e-book.

What's your side hustle??
Building high-performance Hugo theme
Tags: hugo, webdev, performance, go
Published: 2019-06-15 22:19:52

---
title: Building high-performance Hugo theme
published: true
description: Hugo theme based on AMP performance checklist 
tags: [hugo, webdev, performance, go]
cover_image: https://thepracticaldev.s3.amazonaws.com/i/tfitmyacgov6qgf5y4re.jpg
series: Hugo theme
---

The previous version of this post died, because I by accident overwrite it with another story. I feel lazy to restore full version. Here is the main idea: to build a Hugo theme which will load fast we can follow [recommendations of AMP project](https://css-tricks.com/taking-amp-for-a-spin/) (I don't want to use AMP itself, but checklist makes sense).

Demo is [here](https://stereobooster.netlify.com/). Source code is [here](https://github.com/stereobooster/hugo-pipes-parcel/tree/basic-theme).

### Only asynchronous scripts. Non-async scripts block DOM construction and delay page rendering.

I have one and only one script bundled with Parcel (Parcel is optional) and placed before the closing tag of body.

```
{{ if (fileExists "./assets/output/index.js") }}
  {{ $js := resources.Get "output/index.js" }}
  {{ with $js }}
    {{ $secureJS := . | resources.Fingerprint }}
    <script src="{{ $secureJS.Permalink }}" integrity="{{ $secureJS.Data.Integrity }}" crossorigin="anonymous" async></script>
  {{ end }}
{{ end }}
```

### External resources need to have set dimensions. 

For iframes user (author of blog) would need to provide dimensions, but for local images, we can calculate dimensions automatically with the help of shortcode. See [my other post on the subject](https://dev.to/stereobooster/responsive-images-for-hugo-dn9).

### CSS must be inlined and size bound. 

I use a minimal amount of CSS:
- [postcss-normalize](https://www.npmjs.com/package/postcss-normalize) any other normalize would work as well
- [syncope](http://nowodzinski.pl/syncope) for vertical rythm
- Code for highliting generated with `hugo gen chromastyles --style=manni > assets/css/code.css`

Then I [inline](https://discourse.gohugo.io/t/hugo-inline-css-optimization-for-google-pagespeed/6032/21) it directly in the header:

```
{{ with resources.Get "output/index.css" | minify }}
<style>{{ .Content | safeCSS }}</style>
{{ end }}
```

### Font loading must be efficient.

I don't use custom fonts. I use so-called [system font stack](https://css-tricks.com/snippets/css/system-font-stack/). Other option would be self-hosted web fonts with [`font-display: swap;`](https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display)

### Only run animations on the GPU.

I don't have any animations for now, but I will take this into account in the future.

### Other

I added [quicklink](https://github.com/GoogleChromeLabs/quicklink) for faster between pages navigation.
Lesson 6 : Literals , Keywords and Identifiers
Published: 2019-06-15 19:53:50

 

_Literal_ is the value assigned to a variable :

 ![Alt text of image](https://1.bp.blogspot.com/-6SrR_m4Z-B8/XQU76qRVArI/AAAAAAAAIQA/jTIIo-AaeF8iNzp_SqX0-hnOfwjBDh-qgCLcBGAs/s1600/1.png)
__Literals categories :__


_- Integer literals_ 

_- String literals_  

_- Boolean literals_ 

 _- Character literals_

_- Float literals_

_- Null literals_  
 

#__Keywords :__#

_Keywords_ are the predefined words having any specific meanings :


  ![Alt text of image](https://1.bp.blogspot.com/-gveg1n0cveE/XQU-6h08OVI/AAAAAAAAIQM/kN4zzC5F9-QOEiTEk4iMZe7L6JuYfUVdACLcBGAs/s1600/2.png)

#__Identifiers :__#

_Identifier_ is any name , it can be a variable name , class name or method name :

 ![Alt text of image](https://1.bp.blogspot.com/-PcZXz4J8UiI/XQVA7sGUNKI/AAAAAAAAIQY/nys9wzlEUjQGyw9dqJnd-dl-dJNWdFbLgCLcBGAs/s1600/3.png)

__Rules for Identifiers :__

 

__1- space can not be used :__

 

int emp no = 10 ; ---------> int emp_no = 10 ;

 

 __2- only underscore( _ ) and dollar ( $ ) can be used :__

 

int emp_no = 10 ; 

 

__3- Reserved word can not be used :__

 

int public = 10 ; ----------> int a = 10 ;


__4- Integer values can not be used at first position but it can be used after first character :__


int 1abc  = 10 ; -----> int a1bc = 10 ;    int abc1 = 10 ;

 

#__Naming Conventions :__#

 

 __variable ----------->     my    ,   my_java   ,   my_java_demo__

 

 __methods---------->    my() ,   myJava() ,   my java demo()__

 
 __class/interface---->     My    ,   MyJava    ,   MyJavaDemo__
List of augmented browsing software
Tags: discuss, github, markdown
Published: 2019-06-15 21:21:10

What if we re-build **Wikipedia** using `Markdown` and GitHub?

https://www.youtube.com/watch?v=9_dgIfz876A

----

Main article: **Augmented browsing**

This list is incomplete; you can help by expanding it.

- **Bookmarklets** (JavaScript - last update: always working) Can execute arbitrary JavaScript on any page, but requires a user to click them, rather than running automatically
- **Firebug** (Firefox extension for developers - last update: 2017) Allows arbitrary real time changes to a page's DOM
- **Grammarly** (Browser extension - last update: 2017) Grammar, plagiarism and spell checker which can retrieve definitions and synonyms for marked words
- **Greasekit** (last update: 2008) Provides userscripting for Safari (WebKit) 
- **Greasemonkey** (Firefox extension - last update: 2017) Alters the output of web content immediately after being displayed
- **iMacros** (Browser extension - last update: 2016) Allows the user to record and replay "Internet Macros" for web automation, web scraping or web testing
- **monastic-browser** (In-browser - last update: 2019) Rebuild the innocent web with **Monastic** `Markdown-first` web browser
- **Proxomitron** (Proxy-level language - last update: 2003) Available since late 1990s, predates JavaScript active browsing and provides a similar function for all browsers using a regular expression-like matching language
- **Stylish** (Firefox extension  - last update: 2017) Client-side manipulation of webpage content 

----

## Links

- https://en.wikipedia.org/w/index.php?title=List_of_augmented_browsing_software&oldid=901442161
- https://monastic.neocities.org/#/url/https://monastic.neocities.org/posts/List_of_augmented_browsing_software.md
Xcode Doesn't Allow Us to Use Webcam without asking
Tags: openframeworks
Published: 2019-06-15 21:15:00

Today I wrote a simple script which is using the webcam with openFrameworks. It's been a while since I wrote oF script for the webcam.

Then, I got the following error.


```
This app has crashed because it attempted to access privacy-sensitive data without a usage description.  The app's Info.plist must contain an NSCameraUsageDescription key with a string value explaining to the user how the app uses this data.
```

Obviously, Xcode told me that I don't allow you to use the webcam without telling the reason. This is the same as Swift/Objective-C when need to use a phone camera.


But, a little bit surprising to me lol.


The solution is to add the following to `openFrameworks-Info.plist`

```xml
<key>NSCameraUsageDescription</key>
    <string>Need to access your camera to capture a picture and record a video.</string>
    <key>NSMicrophoneUsageDescription</key>
    <string>Need to access your microphone to record a video.</string>
```
The joy of xkcd
Tags: discuss, fun
Published: 2019-06-15 20:50:01

For those of you not familiar [xkcd](xkcd.com) is a web comic that makes fun of science and technology.
![](https://thepracticaldev.s3.amazonaws.com/i/r1hork3qfk1z4simh15l.png)
I write this post just because some people see programmers as boring nerds I think this say otherwise (oh and it so funny).
Make Responsive Design a Priority
Tags: css, beginners
Published: 2019-06-15 20:17:32

Hello again! If you have a love/hate relationship with CSS, then welcome to the club. 🙌🏾 ![Alt Text](https://media.giphy.com/media/xZqycRHIQkKNa/giphy.gif)

It feels amazing when it works, but incredibly annoying when it doesn't.


{% twitter 1114430664072474624 %}

This article isn't a "how-to" because I'm by no-means an expert. (Although, I will provide resources.) The purpose of this article is to encourage you (and myself) to make responsive design a priority, no matter how frustrating CSS can be.

### Avoiding Responsivility 👈🏾(Responsibility + Responsiveness)
It's cheesy, I know. 😂

When I first started building projects, responsiveness wasn't even a thought of mine. I would just create a project and call it day, without considering what it looked like on devices other than desktop. My mentality was "It may be ugly, but it works. 🤷🏾‍♀️"

In 2018, [58% of site visits] (https://www.stonetemple.com/mobile-vs-desktop-usage-study/) came from a mobile device. 🤯 With this in mind, I realized that my projects had to look good no matter what device they were being viewed on. The only problem was that I didn't really know how to approach responsiveness. I had been exposed to media queries, etc. in tutorials, but didn't really know how to implement them in my projects.

A few months ago I stumbled upon [Bootstrap] (https://getbootstrap.com/) and initially wanted to just use it to avoid having to learn responsiveness with pure CSS. After some contemplation, I decided that it was in my best interest to get better at pure CSS before moving on to Bootstrap.

Don't get me wrong, Bootstrap is an amazing tool, but I believe that if you're going to use it, you should know why the code is presented the way it is, rather than just blindly copying and pasting it.

### Taking Responsivility
This past week, I've spent countless hours making the projects on my [portfolio site](https://dayrentolliver.com/) responsive. Is there a better/easier way to accomplish some of the issues I encountered? Probably. Do my projects look a lot better than they did a week ago? Absolutely!

As stated earlier, I'm not a CSS expert. Even when I was working on the final project on my current iteration of my portfolio site, it still took me forever and a day to make it responsive. But the point is I made an honest effort and finally got it to work. I know that in time, and with more practice, it will get easier.

I guess the main takeaway here is to put in the time to learn responsive design and use it in your current projects.

### Resources for Responsiveness

* [Interneting is Hard](https://internetingishard.com/)
* [Learn CSS Layout] (http://learnlayout.com/)
* [Build An HTML5 Website With A Responsive Layout] (https://www.youtube.com/watch?v=Wm6CUkswsNw)
* [MDN CSS Layout] (https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout)

Thanks for reading! 😉