teleren/devto huggingface dataset:
Day 5 of #30DaysOfCode | variables, primitive data types, constant and maps in Go
Tags: go, codenewbie, challenge, motivation
Published: 2020-06-30 17:19:46

Today is the 5th day of my #30DaysOfCode challenge and I'm so excited to share what I have learnt today.

After I woke up, I performed my daily rituals and then I started learning Go. I practised maps and wrote a simple example that I will be sharing with you today. Then, I dived a bit deeper into variables, primitive data types and constants in #golang. I learnt about scoping, naming convention. I learnt about all the different data types like int8, int16, int32, int64, float32, float64, complex64, complex128, bool, rune. Then, I enjoyed learning about constants, learning about iota, enumerated constants and a lot of other good stuff.

After I had my fun learning all this cool stuff, I promised myself that from tomorrow, I will start reading the Go Programming Language Book that I bought a month ago.

Okay. Now comes the map part.
So, a quick refresher of maps.
(An excerpt from the last post)
<i>Maps are a data structure in Go which stores collections of data in key-value pair. If you have worked with programming languages like Python or Swift then you are very familiar with maps. Python and Swift have a data structure called Dictionary which is just like Maps. They are essentially just the same thing but with a different name. They store data in a key-value pair.</i>

Now, let's take a look at the example that I wrote for you today. Take a look at the image below and try to understand the code.

![Map in Go | Example](https://dev-to-uploads.s3.amazonaws.com/i/yzzp4x85tt76dykhm3sr.png)

In the image above, there is an example which shows how you can define a map. These are the ways which I would personally use to define a map. Also, if you want to delete a key-value pair from the map, you can just use the delete() function and pass in the map and key in the function as shown in the example above. Also, the delete function works with other data structures too.
Alright! That's all I have for you guys. Thanks for reading the post and don't forget to follow me for more.



Connect With Me:
Youtube: <a href="https://www.youtube.com/c/ShubhamSauravYT" target="_blank" rel="noopener noreferrer">ShubhamSauravYT</a>.
Twitter: <a href="https://www.twitter.com/hiShubhamSaurav" target="_blank" rel="noopener noreferrer">@hiShubhamSaurav</a>
Instagram: <a href="https://www.instagram.com/hiShubhamSaurav" target="_blank" rel="noopener noreferrer">@hiShubhamSaurav</a>
Facebook: <a href="https://facebook.com/hiShubhamSaurav" target="_blank" rel="noopener noreferrer">@hiShubhamSaurav</a>
The 7 Most Popular DEV Posts from the Past Week
Tags: top7
Published: 2020-06-30 17:19:23

---
title: The 7 Most Popular DEV Posts from the Past Week
published: true
description: A round-up of the most-read and most-loved contributions from the community this past week.
tags: icymi
cover_image: https://thepracticaldev.s3.amazonaws.com/i/sfwcvweirpf2qka2lg2b.png
---
Every Tuesday we round up the previous week's top posts based on traffic, engagement, and a hint of editorial curation. The typical week starts on Monday and ends on Sunday, but don't worry, we take into account posts that are published later in the week. ❤️

---

### Unstick yourself from UI templates!

We’re all trying to level up! In this cheatsheet, Abdelrhman helps us improve our front-end skills. Woot!

{% link https://dev.to/gurutobe/keys-for-you-to-become-a-better-frontend-web-developer-1ba8 %}

### Not your average personal website tutorial

Sylvia acknowledges that there are many existing tutorials on building a personal website but explains that there’s value in putting a refreshed spin on previously-covered topics. 

{% link https://dev.to/sylviapap/how-to-make-your-own-no-template-personal-website-with-react-material-ui-and-netlify-pij %}

### New Heights with Ruby and Rails 

Dianakw8591 used their love of climbing and past experience with the sport to inspire a final project for the Flatiron School: building a digital climbing logbook that allows climbers to easily enter new climbs and visualize their climbing history using Nokogiri!

{% link https://dev.to/dianakw8591/rockon-pt-1-using-nokogiri-to-seed-my-database-2h05 %}

### Architecting great applications based on industry best-practices

The principals of the AWS Well-Architected Framework are applicable to any project, according to Mark. In this post, you’ll get a rundown and cost-breakdown of various AWS solutions and how they integrate with the five pillars of this framework.


{% link https://dev.to/aws-heroes/applying-the-well-architected-framework-small-edition-18fj %}

### Overcoming the NLP jitters

Nic walks us through some important context for Natural Language Processing for those just getting started. 


{% link https://dev.to/nicfoxds/getting-started-in-nlp-b0e %}

### Here’s why you should bother with SVGs

For starters, SVGs are vector-based and thus scale perfectly (making them the most loss-less format for graphics in websites), says Jess.


{% link https://dev.to/damjess/responsive-svg-image-overlays-4bni %}

### Tiny changes, BIG UX improvements 

Raja explains that if you care about accessibility and usability in your applications or websites, “skipnav” can help you get there. 

{% link https://dev.to/rajajaganathan/why-skip-nav-link-is-important-14bc %} 



_That's it for our weekly wrap up! Keep an eye on dev.to this week for daily content and discussions...and if you miss anything, we'll be sure to recap it next Tuesday!_

![yay](https://media.giphy.com/media/4a5b4AH9TG7zEgsEEe/giphy.gif)
wasting so much time to learn something new
Published: 2020-06-30 17:12:42

hello folks,
I think most of us have this kind of problem when we need to learn about some new things like a framework or programming language.
the problem is most of the tutorials teaching you the basics like[control flow , conditions, ...] or simple crude project but as a programmer I know all these, I want to learn how to build advance real-world project with that framework or language, so the question is: where to find some source that teaching programming languages or frameworks or any technique for (programmers) not for (beginners).
Response to isDate() Blog Post
Tags: coldfusion, cfml
Published: 2020-06-30 16:47:44

_My response to this [blog post](https://www.lucee.nl/post.cfm/the-horror-of-isdate-in-coldfusion-and-lucee) was detected as spam, so I'm responding here._

The recommendation from Adobe has been to use [isValid("date")](https://cfdocs.org/isvalid) instead of [isDate()](https://cfdocs.org/isdate).  If `isDate()` returns `TRUE`, you should also test using `isValid("date")` and use [parseDateTime](https://cfdocs.org/parsedatetime) (with try/catch) to see what ColdFusion actually evaluates as the date.  In my opinion, a value isn't a valid date until it can be correctly parsed and then sent to third-parties and also be parsed as a date (ie, SQL).
https://tracker.adobe.com/#/view/CF-4204879

For example, tested with latest CF2016
```js
isDate(2000); /* NO */
isValid('date',2000); /* YES */
parseDateTime(2000); /* CF Error */
```

A year ago, `12/31/292278993` was considered a valid date by Adobe ColdFusion.
More info here:
https://dev.to/gamesover/coldfusion-dates-m-d-yyyyyyyyy-555h
https://tracker.adobe.com/#/view/CF-4204879
(ACF also returned `TRUE` for `isvalid("integer", 2147483648)` and a value like `$45000`.)

Here are some test date strings that I've used to compare ColdFusion date parsing against a client-side [DateJS](https://github.com/datejs/Datejs) library that I use.
https://gist.github.com/JamoCA/acd9514b5b8cd9c3c37308aa8f48fd18
Day 3: Learning more about Tailwind CSS
Tags: tailwindcss, learning
Published: 2020-06-30 16:40:19

I’m on the 7th screencast “[Customizing your design system](https://tailwindcss.com/course/customizing-your-design-system/)”, it’s talking about themes.

This is  handy way to see the full default config file from Tailwind CSS, just run

`npx tailwind init tailwind-full.config.js --full`

You can scaffold this file (after running aforementioned command to generate this file). You are free to edit the values to whatever you want

Downsides to this approach:
* Customised Vs Default 🤔🤷🏻‍♀️
* Upgrading Tailwind CSS won’t automatically inherit new styles (you’ll miss out on new features) 😓

But you will have full ownership of this config file, just not up-to-date with TailWind CSS’ latest developments.

So alternatively, you can use a minimal default config file. With this way, you can inherit Tailwind CSS’ new design updates.
👆 This is the recommended way as you can see your custom changes only and leaving the default config file alone.

# Other things to note
In the tailwind.config,js:

```
theme: {
    colors: {
      ‘brand-blue’: ‘#1992d4’’ 
    },
    extend:{}
  },
```

* In “theme”, `color`  is at the root and overrides all the other colours (which is handy if you want to have control of your own brand colours, for example). This does mean it wipes out Tailwind CSS’ default colour palette  like gray, indigo, etc. This means only  ` ‘brand-blue’: ‘#1992d4’’ ` exists!
* If you want to keep Tailwind CSS’ default palette colours, use `extend` section in the config file. Anything in here will be merged with the default values.

And that's as far as I got... adulting and dinner-making a calling 'cause I'm hungee, and it's good to take a break. 😊

![](https://media.giphy.com/media/iigcSmBaMUC5FoSUlu/giphy.gif)
Career Landscape of Containerization
Tags: docker, kubernetes, webdev, devops
Published: 2020-06-30 16:37:31

#You Must've Heard/Used Docker
Docker's been around for a while (since 2010) but its widespread usage started just a few years ago with Kubernetes. Literally everyone is using it, that means it's a skill that companies want!

--- 

![Alt Text](https://media.giphy.com/media/10bDoTtJhtcHu0/giphy.gif)

>Containerization has marked a new era of microservice architecture. I used it and gotta say its some amazing stuff especially for a developer.</br>

***

In most cases, college developers like me just focus on making the web app work and deploy it on was, Heroku, Azure, etc on a student dev pack or something else but forgot that companies have different needs and tend to, not use a PaaS (Platform as a Service) for deployment. They prioritize their specific needs and deploy on their own traditional server machines. PaaS like AWS hide this mess and regulate it at the same time ask a ton of money too For Example Apple spends 30 million on AWS per MONTH! no one wants that.
___

![Alt Text](https://media.giphy.com/media/ToMjGpx9F5ktZw8qPUQ/giphy.gif)

This is where docker and containerization specifically swoops in like superman and saves everyone. It gives developers so much power and scalability at their fingertips that most PaaS charge you for. try to use Docker and Kubernetes specifically. Kubernetes can scale to serve the app to thousands to millions of people. The Likes of IBM, Grubhub, box, Spotify, and a lot more companies use it. Get Started with Docker with this amazing open-source site that can get you on your feet: 
https://docker-curriculum.com/ 
the official docs are also a good place to start!: https://docs.docker.com/
***
#Conlusion
If you've used Docker or Kubernetes flaunt it, if not just learn it. You will thank me later.
Path to be Programmer - Learn Anything
Tags: productivity, programmer, beginners
Published: 2020-06-30 16:36:29

[Photo by Caleb Jones on Unsplash](https://unsplash.com/photos/J3JMyXWQHXU)

#Prologue
At the first time, Senior High School, i had no idea what i will be in the future. Even, before that time was only thought about world of fantasy.

#Learn Anything (Episode1)
Once open time, when I was a children, at seven years old, i had a good imagination to visualize something amazing like cartoon or anime. Everything what i though were not a reality but only the world of fantasy. Sometimes, I had an idea to make the world of fantasy but was difficult. So, I thought a lot of how fled without wings not lookalike airplane but was likely floating in the sky.

At 2020, I had realize that was not possible, because I had looked at Iron Man. That was an amazing that was able to move in the sky without wings but it used to engine for pushing into the sky. I looked into the suite of Iron Man from bottom to top repeatedly. I don't understand at all.

So, so.. I thought a lot not like usually I have done before. I had study simple mathematics, physic, biology, computer, and anything related with Iron Man. After that, without I know that I will be the next person who will be learn anything

>"learn anything to gain anything what I don't understand even thought, it almost I don't understand all" (**Subhan Nooriansyah**)

Then, I was known Iron Man when I was secondary school. but it was only an amazing imagination to fly alike the Iron Man. To make the suit of Iron Man was not possible but. when at senior high school was not created the suite of Iron Man but how to make Jarvis. It is awesome have things is able to speak up and give an answer smart away.

Once again, Creating Jarvis is not easier built the suite of Iron Man. Jarvis is software in embedded into hardware of the suite of Iron Man. Those are always related. Those are able to choose randomly or appropriately. For own path was from Senior High School was learnt mathematics, physic, biology and computer. Continue learn anything of those knowledge to improve computer science.

**continue...
Pick One and Focus (Episode 2)**
How to Speed Up Netflix Without Installing Anything
Tags: tips, productivity, javascript, tutorial
Published: 2020-06-30 16:36:22

---
title: How to Speed Up Netflix Without Installing Anything
published: true
description: document.querySelector('video').playbackRate = 2;
tags: tips, productivity, javascript, tutorial
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/0rdte0qgyijpcbzovlmu.png
---

```js
document.querySelector('video').playbackRate = 0.5;

document.querySelector('video').playbackRate = 1.5;

document.querySelector('video').playbackRate = 2.0;

document.querySelector('video').playbackRate = 3.0;
```

I don't want to install anything just to speed up Netflix. If you do, [there are options](https://thedroidguy.com/change-netflix-playback-speed-1119495). For my part, whenever I move to a new computer, I look up this incantation. I'm posting it myself to speed that up next time.

Open your browser's inspection tool to get to the JavaScript console, then enter this line of code with a number corresponding to the speed. `2.0` or `2` is 2x speed. It takes any non-negative number, including numbers between `0` and `1` to slow down the video. (`0` pauses playback.) It also works for any HTML5 video, not just Netflix. The `'video'` string is the default name and extremely common, although the website *can* change it to something else.

The real solution to this problem is Netflix exposing the HTML5 speed controls through their interface, but they are ghouls who refuse to do that. Likewise, there are creeps in Hollywood who insist they have some fictional right to make you watch TV at 1x speed against your will, and they lobby Netflix to prevent this functionality that already exists. They're making choices for you, and they are choosing to waste your life away. Be the lowest-tier cyberpunk you can be and take your time back from these monsters. At least, when you want to.
YouTube Video | Understanding React Context API -2
Tags: react, javascript, youtube, showdev
Published: 2020-06-30 16:33:54

I had recently started my YouTube channel — The Web Dev. I had decided to start putting all my blogs into the YouTube channel.

Here, we will create a small translation app using the new Context API in ReactJS.

In the second part we are changing our class based project to a functional one and will also use the useContext hook.

{% youtube sc-86Ms70g0 %}

Please do like it and [Subscribe](https://www.youtube.com/channel/UCRf7mazcufqZxd2pR3oQJuQ?sub_confirmation=1) to my channel for more videos.

You can also read the complete blog here -

https://thewebdev.tech/react-context-hooks
Multi-Relational Models in Ruby, how to use 'includes' to your advantage.
Tags: ruby, rails
Published: 2020-06-30 16:26:40

For my Charity Organizer project, that I completed through Flatiron's Coding Bootcamp, I truly learned the in's and out's of Ruby's relationship models. The project involved four relational tables: User, Charity, Favorites and Donations. At the time, I thought 'yes it's one more than usual, but how crazy can it get?'. Right?, Wrong. I searched high and low through Google and even had an instructor help me determine what the correct syntax was for connecting one of my models. I wanted to share with you my findings so that hopefully, in the future, this will help someone much faster than the hour+ of digging I needed to do for a simple line of code.

First, I'm going to show you my models to better explain the relationships between all of the classes.

User:
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/env9rvfsiqwyncyarlgn.png)

Charity:
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/4bmmurjncht4wodai3sp.png)

Favorite:
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/hclt978bdc5hky7i7ql9.png)

Donation:
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/hclt978bdc5hky7i7ql9.png)

The User and Charity models have slightly more complex relationships than I had encountered before, which made it difficult when determining how to use 'includes' in my Controllers. Specifically, my Favorites Controller. I wanted a user to be able to create a Favorite of a Charity and then add/post donations to said Charity on their own personal page. This became difficult because Favorites and Donations are not linked in any direct way, so it was not just a simple 'includes' statement. I had to include the Charity class and through the Favorites class, access the Donations class. Which I thought would be simple to find information on, right? I mean how many large-scale corporations have multi-relational databases, if not all? This proved more difficult than I had anticipated and after an hour of searching(and really only playing around with the syntax), this is what finally worked:

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/cfose7yxnr7cevlnixaz.png)

Additionally, this is what I used for my Charities Controller:
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/yx5udib96mg3qtvdcufo.png)

This finally enabled me to access the props in my frontend React application and made my project work! I hope this helps any of you in the future in connecting multiple databases using Rails. Happy coding!
15 ANGULAR PROJECT IDEAS: BEGINNER TO EXPERT [WITH FREE TUTORIAL]
Tags: angular, beginners, codenewbie, tutorial
Published: 2020-06-30 16:25:00

I got a huge amount of requests from my Instagram friends to share this. So I made an angular post. But I don’t work on it or I don’t have any experience with it. Also not planning to learn it soon. But for the friends who want to concur with this amazing framework. I have a list of projects for you. Check this out -

# Starter

## Note App
{% youtube dlXEeOk-MrI %}

Budget Calculator App
{% youtube sU4z4Ti-8OQ %}

Kanban
{% youtube YGCDAXFWAZo %}

Tic Tac Toe
{% youtube G0bBLvWXBvc %}

# Intermediate Project ideas

## Blog
{% youtube pH-GnoIvAgI %}

## Task Manager
{% youtube V-CeWkz1MNQ %}

## Covid Tracker
{% youtube hPJMa1A-VNg %}

## Live Chat
{% youtube vpQDkEgO-kA %}

# Advanced Project ideas

## Gps Activity
{% youtube EHdSb279Lzg %}

## Dashboard
{% youtube FP7Hs8lTy1k %}

## Reddit Clone
{% youtube DKlTBBuc32c %}

## Chatbot
{% youtube CKhV7-NF2OI %}

# Expert project ideas

## Hotel App
{% youtube 8DEOkXFpLVk %}

## Restaurent App
{% youtube xq3Y2FQb830 %}

## E-commerce
{% youtube X-vjBas_pTU %}

## Fake News Detection
{% youtube llIHzyLu-NE %}

I know it’s a huge list but thanks for reading this whole thing! Share this with your friends to help them!

Here Instagram version of the post –

{% instagram CCDkK38ATww %}


I’ve started a programming community on discord. Click to join [Discord Channel](https://discord.gg/uDj2JtH)

I've two free PDF for you
- [Learn JavaScript in 30 Days](https://blog.nerdjfpb.com/javascript-in-30-days-free-pdf/)
- [Node JS In 30 Days](https://blog.nerdjfpb.com/node-js-in-30-days-free-pdf/)

Originally it published on [nerdjfpbblog](https://blog.nerdjfpb.com/project-ideas-for-angular-beginners-to-expert/).

You can connect with me in [twitter](https://twitter.com/nerdjfpb) or [linkedin](https://www.linkedin.com/in/nerdjfpb/) or [instagram](https://www.instagram.com/nerd_jfpb/)  !
No more Stackoverflow, father of StackOverflow
Tags: showdev, react, python, javascript
Published: 2020-06-30 16:20:18

---
title: No more Stackoverflow, father of StackOverflow
published: true
description: no more StackOverflow, find your code's solution in google
tags: #showdev #React #python #javascript
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/856vftfdbp0rlje77qy9.png
---

We all face problems in our codes to find the solution, we definitely google it and then open StackOverflow or any other websites in order to find the code. for simple code, we need to open two websites, don't you like to have the code in google page

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/856vftfdbp0rlje77qy9.png)

There you've it! I hope you're excited how can I enable this feature. All you need to do is to install the **codegrepper extension** in your chrome browser, I believe it may be exists on firefox. Once you installed it the next time you google a problem you'll definitely see code in google search page.

if your problem isn't registered in **CodeGrepper** you can also add a solution for the google page, next time you google the same problem you'll see the solution.

### Appreciate The solution
The Community has a small number of the developer and growing very fast. To support the developer who added the solution you can donate to him/her if you can!


Me: https://www.codegrepper.com/app/profile.php?id=41157


Thanks for Reading this Post, I hope you'll love it and keep supporting the community!
Imports & Exports
Tags: javascript, webdev, beginners
Published: 2020-06-30 16:16:15

ES6 has brought a lot of revolutionary changes to the way Javascript code is written in general. And the frequently used ones are namely:
1. variable declarations, ie const and let instead of var
2. arrow functions
3. imports and exports
In this post, I'll be talking about imports and exports.

![what is it?](https://www.reactiongifs.com/r/dywtn.gif)
So, what are these exactly?
Well, with the arrival of ES6 features, the best thing that happened was that were now able to write modular code. This means that we can structure our code and separate our concerns by writing pieces of code which accomplish a specific task in separate files.
The problem that arises now is, how do we connect these pieces of code to make the application functional? We can import the required parts code to use in that file.

There are two ways to export your code:
1. default exports
2. named exports

### Default exports
If you have only one function that you would like to reuse in other parts of your code you use default exports as shown below.
![default exports](https://dev-to-uploads.s3.amazonaws.com/i/sdar3kbzw9y49gp64zh5.png)

### Named exports
Named exports are used when you have multiple functions that need to be reused. Here is an example.
![named exports](https://dev-to-uploads.s3.amazonaws.com/i/dni9uftxa6cgt98g56qh.png)

## Where is it used?
And that's pretty much it. Cool right? 
Personally, I love this feature because it helps you when creating larger projects.
For instance, let's say you want to incorporate the MVC(Model, View, Controller) architecture into your code. The MVC model basically seperates the various concerns and the Controller acts as the central piece because it interacts with both the Model and View. So importing the required functions becomes necessary.
I really hope that you find this useful. Do let me know what you think! You can contact me at [https://twitter.com/nrabhiram](https://twitter.com/nrabhiram)