teleren/devto huggingface dataset:
When's the Last Time You Finished a Coding Side Project?
Tags: devjournal, womenintech, codenewbie, sideprojects
Published: 2020-08-26 14:44:00

How many times have you gotten straight to work on a coding side project that you’d just gotten the lightning bolt of inspiration for, only to fantastically fizzle out a few days later once you ran into a tough problem that you weren’t motivated to solve?


I’ll go ahead and raise my hand right up.


And it sucks! Seriously, the gap between that burning motivation to build your project and then the sputtering loss of inspiration can be so frustrating.


And the thing that’s even more frustrating than that is the fact that it seems to have become a pattern that happens every time you come up with and start in on building out a new idea.


And then you end up with a sad wasteland of folders within a ‘projects’ folder on your desktop that you can’t bring yourself to delete because that you mean that you’re *really* not going to get around to those particular projects one day. Le sigh.


I personally got tired of this sad project-starting-and-never-shipping pattern, and I decided to come up with a personal plan for overcoming it.


Here’s that side-project plan for you, my creative coding friend. May you always follow through on the side projects you undertake:


1. Check in with how realistic your expectations are
2. Set one achievable goal project to remain focused on
3. Give yourself a useful constraint
4. Commit to showing up for yourself x amount of time each week
5. At the end of your time frame, celebrate your progress (even if you aren’t done, look at just how far you’ve come since beginning)


For a deep dive into the steps outlined above, I invite you to listen to today's episode of my podcast The Ladies Code Collective Podcast [here >>] (https://www.ladiescodecollective.com/podcast)

Enjoy!

![The Ladies Code Collective Podcast cover art](https://dev-to-uploads.s3.amazonaws.com/i/d98k74rhyqe94lwoj5wv.png)
Role based login
Tags: angular, help, typescript
Published: 2020-08-26 14:26:55

Hi,

I researched a lot but didn't find any thing relevant to my requirement.

"Basically I had single login page for 6 different roles based on login type some features are enabled and disabled for that role."

so for this I have an simple API for login with username & password. when your login is success in the response we will be getting the type of role and their permissions.

Example:- Roles -> super admin, admin, manager, hr, receptionist, staff

Ref JSON response for if manager had login
{
user_id : 1,
type : manager,
home_page : true,
about_page : false,
contact_page : true,
feed_page : true
}

Ref JSON response for if staff had login
{
user_id : 3,
type : staff,
home_page : true,
about_page : true,
contact_page : false,
feed_page : false
}

so based on this response in the header section these menu options will be enabled and disabled by checking the response as true and false. You can use a static data for the API.

I hope i explained clearly. If any questions please comment below.

So can someone please help me with this requirement, no need to use bootstrap also just basic output is enough.

Thanks in advance.
Storing tokens in single-page applications
Tags: javascript, vue, react, security
Published: 2020-08-26 14:19:22


Single-page applications that use tokens to authenticate users need to implement a strategy for storing the tokens securely.

## Don't use localStorage

Tokens should not be stored in `localStorage` or `sessionStorage`. These data stores are accessible from any JavaScript code running on the page. Storing tokens in `localStorage` makes your application vulnerable to XSS attacks.

You might think you control all the JavaScript on a page, but that's not necessarily true. A dependency of a dependency, a 3rd party tracking script, or a chrome plugin are all examples of code that could be malicious without your knowledge.

## Don't use browser cookies

Tokens should not be stored in cookies created with JavaScript. JavaScript cookies, similarly to `localStorage`, can be read by other JavaScript code.

Malicious code running on the client could access the token and make requests on behalf of the user.

## Do use memory

Storing a token in memory is better than saving a token in `localStorage`, as long as it isn't stored in variable accessible by the global scope.

The problem with storing tokens in memory is that the storage isn't persistent when a user refreshes the page or opens your application in a new browser tab.

## Do use HTTP cookies

Tokens can be stored in cookies created by the server as long as it has the correct security attributes.

A cookie storing a token should have the `HttpOnly` attribute. This attribute ensures it cannot be read with JavaScript, thus protecting against XSS attacks.

The cookie should also have the `Secure` attribute. This attribute ensures the cookie can only be set and read on HTTPS connections. Using an encrypted connection protects against man-in-the-middle attacks.

The `Domain` attribute should be used to ensure that the cookie is only returned to the server of the application.

Lastly, the `SameSite` attribute should be either `Strict` or `Lax`. This attribute ensures that only the server can store the cookie, which protects against CSRF attacks.

For this method to work, the client and server applications must be hosted on the same domain.

*Tired of handling authentication manually? I'm creating starter kits for Laravel and Vue/React for different authentication methods. Check out [Titanium](https://usetitanium.com/) to stay updated!*
Force enable Vue.js devtools in production mode.
Tags: vue, devtools, javascript, webpack
Published: 2020-08-26 14:12:02

**TLDR update:**
as @hzmming mentioned in comments - there is now a chrome extension "[Vue force dev](https://chrome.google.com/webstore/detail/vue-force-dev/oohfffedbkbjnbpbbedapppafmlnccmb)" you can use to automate what I described here.

---------

Every once in a while we need to debug something in production. But with Vue.js deployed with devtools disabled, you'll see the message:
![Devtools inspection is not available because it's in production mode or explicitly disabled by the author.](https://dev-to-uploads.s3.amazonaws.com/i/oaxr31jtai30gq2e7z60.png)
Now it's a PITA to debug if you can't reproduce the bug on your dev environment.

But, since "it's just JavaScript" – we can "hack the mainframe" easily. All we have to do is to find where Vue is loaded and overwrite one option:
```
Vue.config.devtools = true
```
Most bundlers leave the comments from a source file for licensing purposes, so we can search all files for a specific comment: 
```
 * Vue.js v2.6.11
 * (c) 2014-2019 Evan You
 * Released under the MIT License.
 */
```
To search through all sources in chrome devtools click on the dots and select `search`:
![chrome devtools search option](https://dev-to-uploads.s3.amazonaws.com/i/t3wcnvw4nswlb4b07spo.png)

No need to copy the exact version, simply searching for "Vue.js" should get you the correct line most of the time. It should look similar to this:
![Source code with Vue package](https://dev-to-uploads.s3.amazonaws.com/i/qdtwf9cu38o4dew24naa.png)

Set a breakpoint on this line and reload the page. If it's all minified and in one line, you'll need to jump to the very end of it with the "step over next function call (F10 / CMD ')". If it's not minified you'll need to set a breakpoint after the whole Vue code block.

Now by looking through the variables in our scope we need to find the Vue object. With Webpack Vue should be inside exports, something like this:

![Variables in our scope](https://dev-to-uploads.s3.amazonaws.com/i/eyfeufeakppfuxgb3z5r.png)

In our case, we see that the property `exports` of the object `t` is our Vue object.

Now go to the console, and overwrite the devtools option with `true`:
![Setting the devtoops option in console](https://dev-to-uploads.s3.amazonaws.com/i/dl3pz5zzp6jugb3e7op0.png)

Our breakpoint can be removed and the runtime resumed - that's it! Just close the developer tools and open again to see our Vue tab available to us!

The solution may vary based on your setup, please comment if you have problems with it and I might add more info to the post.

❤️
Let's build for Ruby and Rails developers - Part 7
Tags: rails, ruby, tutorial
Published: 2020-09-07 15:16:42

---
title: Let's build for Ruby and Rails developers - Part 7
published: true
date: 2020-08-26 13:44:00 UTC
tags: rails, ruby, tutorial
canonical_url: https://web-crunch.com/posts/lets-build-for-ruby-and-rails-developers-part-7
---

{% youtube X5LXC2FKHi0 %}

In part 7 of my Let's build for Ruby and Rails developers series I begin styling parts of the app relative to specific job listings.

If you're reading this, thanks for joining me on this journey! This part of the series is pretty straight-forward. We'll leverage Ruby, Rails, and [Tailwind CSS](https://tailwindcss.com) to start bringing some aspects of the user interface to life. I'll pay attention primarily to the job listing partial and the index (root path) of the site to begin with.

The style is very _basic_ for now. I have high doubt I'll keep things as they look now but I want to move quickly to keep this project from taking to go live.

#### The series so far

- [Part 1](https://dev.to/justalever/let-s-build-for-ruby-and-rails-developers-2g1)
- [Part 2](https://dev.to/justalever/let-s-build-for-ruby-and-rails-developers-part-2-3310)
- [Part 3](https://web-crunch.com/admin/posts/lets-build-for-ruby-and-rails-developers-part-3/)
- [Part 4](https://web-crunch.com/admin/posts/lets-build-for-ruby-and-rails-developers-part-4/)
- [Part 5](https://web-crunch.com/admin/posts/lets-build-for-ruby-and-rails-developers-part-5/)
- [Part 6](https://web-crunch.com/admin/posts/lets-build-for-ruby-and-rails-developers-part-6/)
- Part 7 (You are here)
没钱脱产的 2022 考研计划之早我干嘛去了
Published: 2020-08-26 13:41:01

## 目标院校

中国人民大学

## 目标专业

非全日制电子信息(专业学位)

## 考试科目

### 初试

+ 101 思想政治理论
+ 204 英语二
+ 302 数学二
+ 856 软件工程基础综合(数据库 50 分，数据结构 50 分，计算机网络和管理信息系统二选一 50 分)

### 复试

程序设计(C/C++)

## 目标分数

350 = 60 + 70 + 110 + 110

## 必要知识

+ 数学
  + 高等数学
  + 线性代数
+ 英语
  + 单词
  + 长难句
  + 阅读，完形填空
  + 大小作文
+ 政治
+ 专业课
  + 数据库
  + 数据结构
  + 计算机网络 / 管理信息系统

## 时间规划

考试时间大至为 2021 年 12 月的 25，26 日两天，截止到今日(2020-08-26)，距离 2022 研究生考试还剩 485 天，整 16 个月，共五个季度零一个月的时间。

### 季度规划

每季最后一周，核算本季的计划完成计划，并更新下季的季度计划。

+ 第一季度 - 2020 年 8 月 27 日 至  2020 年 11 月 26 日
  + 数学，过完高等数学 16 讲，1000 题至少做 600。
  + 英语，练练有词过完
+ 第二季度 - 2020 年 11 月 27 日 至 2021 年 2 月 26 日
  + 数学，过完线性代数，做完 1000 题
  + 英语，长难句 + 阅读完型
+ 第三季度 - 2021 年 2 月 27 日 至 2021 年 5 月 26 日
  + 数学，新的1000题，第二遍刷题
  + 英语，作文背诵默写，阅读完型
  + 开始专业课
+ 第四季度 - 2021 年 5 月 27 日 至 2021 年 8 月 26 日
  + 各种真题
  + 开始背政治
+ 第五季度 - 2021 年 8 月 27 日 至 2021 年 11 月 26 日
  + 各种真题
+ 冲刺月 - 2021 年 11 月 27 日 至 2021 年 12 月 24 日
  + 冲冲冲

### 月度计划

每月最后一周，核算本月的计划完成计划，并更新下月的月计划。

+ 第一月 - 2020 / 8 / 27  -  2020 / 9 / 26
  + 数学，高数 1 - 6 讲，200 题
  + 英语，恋恋有词，3 / 4 的高频词汇
+ 第二月 - 2020 / 9 / 27  -  2020 / 10 / 26
  + 数学，高数 7 -  12 讲，200 题
  + 英语，恋恋有词，1 / 4 的高频词汇 + 1 / 2 中频词汇
+ 第三月 - 2020 / 10 / 27  -  2020 / 11 / 26
  + 数学，高数 13 - 16 讲，200 题
  + 英语，恋恋有词，1 / 2 中频词汇 + 所有低频词汇

### 周计划

每周周六，核算本周计划完成情况，并更新下周的周计划

+ 第零周 - 2020 / 8 / 23  -  2020 / 8 / 29
  + 获取各种考研资讯资料，包括但不限于视频，试题，方法论，主要是英语方面
  + 制定完善总体计划
  + 测试日计划
+ 第一周 - 2020 / 8 / 30  -  2020 / 9 / 5

### 日计划

每日睡前，核算本日计划完成情况，并调整次日计划。

日计划将在评论层更新。

## 奖惩制度(试运行)

大方向，奖励每月一评，惩罚每天一评，超额完成即奖励，未完成即惩罚一周内完成。

每次奖惩的实施，之后都要进行计划的调整。

维护一个心愿清单和惩罚列表，随机抽网络随机数。

### 心愿清单

[ ] 1. 休息一天

[ ] 2.

[ ] 3. 

### 惩罚列表

1. 跑 5 公里
2. 100 俯卧撑
3. 100 仰卧起坐
4. 爬楼 50 层
5. 


## TODO

[√] 发布到社交网站，定期更新，让大家监督

[ ] 更加合理的整体规划

[ ] 每日计划精确到小时

[ ] 奖惩制度的完善
Migrating from weak password hash into a stronger one
Tags: php, password, todayilearned
Published: 2020-08-26 13:26:08

Weak password hashing can have severe consequences on a data breach due to easiness to brute force and actual data retrieval.

Therefore, for password you need a strong password hashing scheme. Bcrypt is a good solution that php itself offers out of the box:
 * https://www.php.net/manual/en/function.password-hash.php
 * https://www.php.net/manual/en/function.password-verify.php

But in case you inherited bad code and bad password storage how you migrate them into a good one?

For that read at arkabat's blog: https://akrabat.com/migrating-to-password_verify/

I am in a position that I have inherited bad code and need to fix it. Arkabat's solution seems a good one for me.
How to Save Zimbra Database to Office 365 mailbox
Tags: office365
Published: 2020-08-26 13:24:00

Read this write up to find out perfect solution regarding how to save Zimbra Database to Office 365 Mailbox. Zimbra is used by lots of users but thousands of them are such who would have need to go with Office 365 from Zimbra and it is true that there is no direct migration solution available because none of them have export or import function to transfer data. At this time, the Zimbra Converter helps them to overcome from all the migration problems without any issue. It supports lots of advanced functionalities so user can get complete & effortless migration from Zimbra into Office 365. https://www.cubexsoft.com/zimbra-export/

To know about how to save Zimbra Database to Office 365 mailbox, follow the given simple steps of the application –

•	First of all download & launch the application on your desktop.
•	Add Zimbra files by provided function and then also provides a preview of all selected files so check them.
•	Go with Export option and choose Office 365 as your saving option.
•	Provide your O365 account id and other details then choose other desired options.
•	Click on Connect button to start the process and it completes the migration process with a successful message.

It also supports “I am admin” function to save Zimbra files into other user profile of Office 365 admin account. It supports very simple GUI so anyone can easily operate it without any issue. Still have doubt or confusion then it also supports free demo edition which allow saving 25 items (emails, contacts, calendar, etc.) from Zimbra to Office 365 free of cost.

Therefore, download it and clear your all doubts regarding how to save Zimbra files to Office 365 mailboxes. It maintains all mails properties of emails and other data of Zimbra TGZ file during migration into Office 365. It is compatible with all Windows OS – Windows 10, Windows 8.1, Windows 8.0, Windows 7.0, etc. It is also capable for unlimited data migration.
Wednesday Links - Edition 2020-08-26
Tags: java, kotlin, spring, microservices
Published: 2020-08-26 13:04:26

Dealing with TCP TIME-WAIT ( 1 min read ) 🚧
https://twitter.com/jdyszkiewicz/status/1296559082552406017

Chromium’s impact on root DNS traffic ( 6 min read ) 🚥
https://blog.apnic.net/2020/08/21/chromiums-impact-on-root-dns-traffic/

Shrinking a Kotlin binary by 99.2% ( 6 min read ) 🗜️
https://jakewharton.com/shrinking-a-kotlin-binary/

Notarizing Java applications on macOS ( 7 min read ) 🆗
https://www.joelotter.com/2020/08/14/macos-java-notarization.html

OCR in Java with Tess4J ( 3 min read ) 📄
https://www.mscharhag.com/java/ocr-tess4j

Telltale: Netflix Application Monitoring Simplified ( 8 min read ) 👁️
https://netflixtechblog.com/telltale-netflix-application-monitoring-simplified-5c08bfa780ba

Kinesis Advantage2 - Review after three years of use ( 4 min read ) ⌨️
https://martinfowler.com/articles/kinesis-advantage2.html

JEP 338: Vector API ( 16 min read ) ➡️
https://openjdk.java.net/jeps/338

Support for Java 14 records in Jackson ( 20 sec read ) ✨
https://github.com/FasterXML/jackson-databind/pull/2714/commits/20684d773c09fb09e5c7a013e2479ab1edc43e78

Get the very first bits of Spring Authorization Server 0.0.1 ( 1 min read ) 🔐
https://spring.io/blog/2020/08/21/get-the-very-first-bits-of-spring-authorization-server-0-0-1

Config file processing in Spring Boot 2.4 ( 8 min read ) 🏭
https://spring.io/blog/2020/08/14/config-file-processing-in-spring-boot-2-4

Spring’s Lightweight JPA/Hibernate Alternatives ( 4 min read ) 💽
https://4comprehension.com/lightweight-jpa-hibernate-alternatives

Date and time gotchas ( 6 min read ) ⏱️
https://blog.frankel.ch/date-time-gotchas/
“Interview Prep – Golang” Course Released
Tags: go, languages, release, career
Published: 2020-08-28 15:40:21

---
title: “Interview Prep – Golang” Course Released
published: true
date: 2020-08-26 12:59:20 UTC
tags: Golang,Languages,Release,career
canonical_url: https://qvault.io/2020/08/26/interview-prep-golang-course-released/
---

 ![Golang interview preparation](https://qvault.io/wp-content/uploads/2020/08/Go-Interview-Prep-300x300.png "Go Interview Prep")

The post [“Interview Prep – Golang” Course Released](https://qvault.io/2020/08/26/interview-prep-golang-course-released/) first appeared on [Qvault](https://qvault.io).

We just launched _[Interview Prep – Golang](https://classroom.qvault.io/)_, a quick course for those looking to brush up on some Go quirks before walking into an interview. The course is a hands-on tutorial where you complete algorithms and data structures exercises, as well as answer common multiple-choice questions about the Go language.

This interview preparation review stands out because it gives a solid recap (over 30 exercises) of the language, and it’s _free_ on signup!

[Get Started](https://qvault.io/go/course-page-go-interview-prep/)

## What’s Included?

The course has two modules and covers many topics, some of which are:

- Interfaces and structs
- Error handling and testing
- Syntactic sugar
- Workspace and toolchain features
- Stacks and queues
- Channels
- Mutexes and concurrency
- Binary trees

## Why Go?

![golang gopher](https://qvault.io/wp-content/uploads/2019/10/go-300x157.png "go")

Go is soaring in popularity among DevOps, backend, and security engineers. If you aren’t familiar with Go yet, take a look at our [Go Mastery](https://qvault.io/go-mastery/) course! All code is written and scored in the browser, so no need to worry about spinning up a local development environment and copying/pasting answers.

## Thanks For Reading!

Follow us on Twitter [@q\_vault](https://twitter.com/q_vault) if you have any questions or comments

Take game-like coding courses on [Qvault Classroom](https://classroom.qvault.io/#/)

[Subscribe](https://mailchi.mp/5c7f5c281bbe/qvault-newsletter-subscribe) to our Newsletter for more educational articles
Using Laravel at Scale | Laravel Worldwide Meetup 2020
Tags: laravel, conference, speaking, optimisation
Published: 2020-08-26 12:57:23

---
title: Using Laravel at Scale | Laravel Worldwide Meetup 2020
published: true
description: 
tags: laravel, conference, speaking, optimisation 
cover_image: https://miro.medium.com/max/2000/1*eWLlwWPxTHwPDSOEkp3pkw.png
---


The second episode of the [Laravel Worldwide Meetup](https://meetup.laravel.com) happened on the 25th of August. There, I gave a talk about some of the lessons I learned while working with an [API that handles over 300 million records daily](https://twitter.com/aboutyou_tech). Because of the Coronavirus :/ we had to hold the meetup remotely but it was a success nonetheless.

Thanks to [Freek](https://freek.dev) for hosting it.

## Video

Here is a video of the talk:
{% youtube 4WZHRtgMAWo %}

## Slides

Here are the slides for the talk:
{% speakerdeck 97c47be4dfcb40c8a0c1619107da3e56 %}
AzureFunBytes New Episode Reminder - 8/27/2020 2 PM EDT - IaC, Terraform, and @Azure with @zdeptawa 
Tags: azure, terraform, beginners, tutorial
Published: 2020-08-26 12:36:26

New #AzureFunBytes - 8/27/2020 at 2 PM EDT.  

This week [Zachary Deptawa](https://twitter.com/zdeptawa) joins me to discuss Infrastructure as Code (IaC), Terraform, Azure, and how they all fit together.  As a fellow member of the Azure Advocacy DevOps team, we both love opportunities to collaborate and learn in public together.  We'll take questions, discuss how Zach got his start and tons more.

{% youtube SNp0sgsoYjA %}

AzureFunBytes! - Byte-sized content with a live Twitch show!

Learn about Azure fundamentals with me!

Live stream is available on Twitch at 2 pm EDT Thursday. You can also find the recordings there as well.

https://twitch.tv/azurefunbytes
https://twitter.com/azurefunbytes

Join me, ask questions, and learn about Azure!

{% youtube Y42hgiSvXfE %}

Useful Docs:
[Microsoft Learn: Azure Fundamentals](https://cda.ms/1jV) 
[Microsoft Azure: $200 Free Credit](https://cda.ms/1tj) 
[Terraform with Azure](https://cda.ms/1z2)
[Quickstart: Configure Terraform using Azure Cloud Shell](https://cda.ms/1z3)
[HashiCorp Terraform on Azure](https://cda.ms/1z5)
[Infrastructure as Code](https://cda.ms/1z6)
How to Use Excel PRODUCT Function in Office 365?
Tags: excelfunctions, excelproductfunction
Published: 2020-08-27 11:01:31

---
title: How to Use Excel PRODUCT Function in Office 365?
published: true
date: 2020-08-26 12:36:01 UTC
tags: ExcelFunctions,ExcelPRODUCTFunction
canonical_url: https://geekexcel.com/how-to-use-excel-product-function-in-office-365/
---

## Excel PRODUCT Function:

In this article, we are going to see the **Excel PRODUCT Function in Office 365** with its syntax, explanation, and examples. Let’s step into this article!! Get an official version of **MS Excel** from the following link: [https://www.microsoft.com/en-in/microsoft-365/excel](https://www.microsoft.com/en-in/microsoft-365/excel)
## PRODUCT Function – Explanation:

- This function **returns the product of all the given input numbers**.
- It is used to multiply more number of cells.
- For example, **PRODUCT(A1\*A2\*A3\*A4)** returns the multiplied value of the given numbers in the specified cell reference.

## Syntax:

**=PRODUCT(number1, [number2], …)**

### Argument Explanation:

**Number 1** – The first input number or cell reference.

**Number 2 ** – It is optional. The second number or cell reference to multiply.

### Note:

- This function accepts up to **255** numbers.
- If you give any text, logical values, or empty cells as inputs, it just ignores them.

## Examples:

Let’s take some examples to understand how it works.

### Example 1:

- Refer to the below example.
- In this image, you can see the input numbers in **Column A** , **B** , and **C**. Their products are listed in **Column D**.

![Example 1](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/08/1-75.png)<figcaption id="caption-attachment-12622">Example 1</figcaption>

### Example 2:

- If you give any text, logical values, or empty cells as inputs, it just ignores them.

![Example 2](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/08/2-60.png)<figcaption id="caption-attachment-12623">Example 2</figcaption>

## Closure:

In this article, you can learn the usage of **Excel PRODUCT Function in Office 365** with its syntax, explanation, and examples. Leave your **feedback** in the comment section. Thanks for visiting **[Geek Excel.](https://geekexcel.com/)** Keep Learning!!

### Keep Reading:

- [How to Use Excel SHEETS Function in Office 365? – [With Examples]](https://geekexcel.com/how-to-use-excel-sheets-function-in-office-365-with-examples/)
- [How to Use Excel “FACT Function” in Office 365? – {with Examples}](https://geekexcel.com/how-to-use-excel-fact-function-in-office-365-with-examples/)