teleren/devto huggingface dataset:
My experience so far
Tags: blogging, beginners
Published: 2019-03-18 21:17:06

---
title: My experience so far
published: true
description: The experience (so far) of a beginner who started everything three weeks ago
tags: blogging, beginner
canonical_url: https://valevstech.tumblr.com/post/183541185209/my-experience-so-far
---

It’s been three weeks since I decided to officially start this journey in which I’m learning non-stop about software development, and, of course, I have *so many* things to say.

The first one is that it’s definitely not an easy thing to do.Technology has to be your passion, otherwise you’ll struggle… a lot. In my case, learning something new every day was… hard? Sometimes I felt it was too much and my [impostor syndrome](https://blog.oxforddictionaries.com/2017/04/24/what-is-impostor-syndrome/) kicked in again and again. Nevertheless, I slowly but surely, started to learn how to overcome it. Now I feel tired, yes, but I’m satisfied with the strides made so far, and I actually do feel good, I do like what I’m doing and I can assure y’all, I’ll never regret signing up for this. This is the right path for me. I think that this is one of the best opportunities I’ve had in my whole life. Anyways! Before I get emotional or something, let’s keep going.


Like I said before, I’m learning something new every single day and it’s **so** exciting! In these three weeks I’ve already learned the theory of the basics/fundamentals of Ruby, now it’s time for me to practice, practice and practice. Because, as people say, practice makes perfect. That’s what I want. I also want to prove everyone that being the youngest amongst the group doesn’t mean that I can’t do what they can. I’m sure everyone knows that, though. The group of people I'm part of as well as with the bootcamp itself are just beyond amazing! I can learn at least one thing from everyone, technical or non-technical stuff; they all have something to teach.


They’re not the only ones who have something to teach, though! There’s also something I can teach! I’ve become the unofficial English teacher of the group. I love getting this feeling of joy and pride whenever someone tells me they’ve learnt something new or managed to do something thanks to me. I hope that’s how everyone feels whenever I thank them for their help when I manage to use something like ERB (for example) or something simpler like Classes and Methods.


This is one hell of a ride, in the ***best*** way possible, and I can’t wait to see what the future holds for me… for us. So, to finally end this, I want to say one last thing: if you’re a beginner, just like me, don’t give up, ever. Be patient. You’re great! You can do it! F*** the impostor syndrome, it’s *nothing* compared to what you can do! You’re gonna go far, kid (yes, this is a reference to The Offspring, love that band). Now, off we go!
Python List Comprehensions
Tags: python, tutorial, programming
Published: 2019-03-18 21:13:22

---
title: Python List Comprehensions
published: true
description: List Comprehensions are a Pythonic, readable, and intuitive way to quickly generate and transform Lists from existing data structures
tags: Python, Tutorial, Programming
---

List Comprehensions are a Pythonic, readable, and intuitive way to quickly generate and transform Lists from existing data structures.
[Read more about integrating list comprehensions in your code.] (https://kite.com/blog/python/python-list-comprehensions)
App-ideas Github Repository Update - Tiers
Tags: coding, projects, beginners, opensource
Published: 2019-03-18 21:03:07

---
title: App-ideas Github Repository Update - Tiers
published: true
description: A collection of application and project ideas
tags: coding, projects, beginners, open-source
cover_image: https://github.com/florinpop17/app-ideas/raw/master/app-ideas.png
series: App-ideas repository
---

Last week, together with my good friend [Jim](https://dev.to/jdmedlock) started sharing our work on the App-ideas repository. The community loved the work that we have done so we kept pushing forward.

Many people requested a specific feature, so today we are very glad to announce that we added **TIERS** to all of the projects that are currently in the collection. :smiley:

![Panda happy](https://media.giphy.com/media/l3V0lsGtTMSB5YNgc/giphy.gif)

As of now we have three tiers:

1. **Beginner** - Developers in the early stages of their learning journey. Those who are typically focused on creating user-facing applications 
2. **Intermediate** - Developers at an intermediate stage of learning and experience. They are comfortable in UI/UX, using development tools, and building apps that use API services
3. **Advanced** - Developers who have all of the above, and are learning more advanced techniques like implementing back-end applications and database services

You can check out the project repository below:

 {% github florinpop17/app-ideas %}

What project do you believe it should be added next? :thinking: 

As always, your feedback is welcomed and highly appreciated! 

If you like our work, make sure you give it a star :star: so more people will find and benefit from the work we put in this project! :smile:
Welcome Thread - v31
Tags: welcome
Published: 2019-03-18 20:52:27

---
title: Welcome Thread - v31
published: true
description: Introduce yourself to the community!
tags: welcome
---

Hey there! Welcome to dev.to!

![International Welcome Taco says hello in many languages!](https://media3.giphy.com/media/l2JHZ0dIcyFo5UQGQ/giphy.gif)

Leave a comment below to introduce yourself to the community! ✌️

Here are some ideas to get you started:

1. You can talk about what brought you here, what you're learning, or just a fun fact about yourself.

2. Reply to someone's comment and say hello or ask them a question. 👋

3. Or answer this question: What's your preferred way of communicating with your coworkers? Email, chat, in person, or something else?
Weekly Coding Challenge - week #3 - Navigation
Tags: challenge, html, css, javascript
Published: 2019-03-18 20:47:00

---
title: Weekly Coding Challenge - week #3 - Navigation
published: true
description: Week #3 of the Weekly Coding Challenge program - Navigation
tags: challenge, html, css, javascript
canonical_url: https://www.florin-pop.com/blog/2019/03/tab-bar-navigation/
cover_image: https://www.florin-pop.com/static/98f31bcaaa1f125ba4038f0477bba10b/ff993/tab-bar-navigation.png
series: Weekly Coding Challenge
---

Theme of the week: **Navigation**

### Description

A navigation component is crucial on a website because you want your users be able to easily navigate through your pages. You can find a navigation component even on single page websites that'll allow you to jump to a certain section on the page. So as a developer is very useful to know how to build this kind of component.

## Useful Resources

Check out my submission for this challenge: [Tab Bar Navigation](https://www.florin-pop.com/blog/2019/03/tab-bar-navigation/).

See all the submissions in this [Codepen Collection](https://codepen.io/collection/nRgJNz/).

Are you interested in joining the challenge? :smiley: Read [The Complete Guide](https://www.florin-pop.com/blog/2019/03/weekly-coding-challenge/) to find out how. Don't forget to share your creation! :wink:

Happy Coding! :innocent:
Tailwind CheatSheet live search
Tags: tailwindcss
Published: 2019-03-18 20:24:58

---
title: Tailwind CheatSheet live search
published: true
description: Tailwind CheatSheet live search
tags: Tailwindcss,
---

![enter image description here](https://thepracticaldev.s3.amazonaws.com/i/lpinxind003pkopd0jkq.gif)

[Website](https://alicannklc.github.io/intellij-tailwind-css/)
Nav bar and div spacing
Tags: help
Published: 2019-03-18 20:16:03

---
title: Nav bar and div spacing
published: true
tags: help
---

Hello friends!

I'm in the middle of rebuilding my portfolio. At least to practice with the coding skills thus far and to have something more genuine (the one I have now is made in Adobe Muse :\ )

Would someone mind looking at my code? I'm having trouble where my navbar and div meet for the blog post. I had to insert 4 br tags to get it to space properly but I feel like (or know) there's a better way to do it. 

Thanks friends :) 

(also, sorry if my code isn't the cleanest)

{% codepen https://codepen.io/natastro/pen/WmKrxZ %}
Print * as a box
Tags: interview, questions
Published: 2019-03-18 19:59:23

---
title: Print * as a box
published: true
description: 
tags: interview, questions
//cover_image: https://thepracticaldev.s3.amazonaws.com/i/0qlba6ydvih51lo4lfxw.png
---



```python
maxRows = 10
maxCols = 100
for i in range(maxRows):
    star = "*"
    for j in range(maxCols-2):
        if(i==0 or i==maxRows-1):
            star = star + "*"
        else:
            star = star + " "
    print(star+"*")
```

![printStar](https://thepracticaldev.s3.amazonaws.com/i/0qlba6ydvih51lo4lfxw.png)
Is using localStorage for a guest shopping cart a bad idea?
Tags: ecommerce, rails, ruby, javascript
Published: 2019-03-18 19:50:17

---
title: Is using localStorage for a guest shopping cart a bad idea?
published: true
description: Trying to crowdsource some opinions on whether or not using a purely localStorage based cart is a bad idea.
tags: ecommerce, rails, ruby, javascript
---

I've found myself building some custom, basic e-commerce sites these days in Rails. I have a few options when it comes to building out a basic guest user shopping cart. These sites *will not* have logged in users so it is not necessary to tie the cart to a user account in any way. This has led me to consider using the `localStorage` api to persist the cart. The other option is to go with the tried and true store the cart in a database temporarily and tie this to the user via cookie in the browser.

In terms of browser support, localStorage sports browser support of IE8 and up. This is more than sufficient. In terms of speed and simplicity to develop, I believe that localStorage also has the win here. 

While a database is more secure, in this case it's just storing an array of products to be later turned into an order. This order content is going to be sanitized by the server so that isn't a huge strike against localStorage either.

So I pose the question to the community, what are the drawbacks of using a localStorage based shopping cart for this scenario? Has anyone done this only to regret it later?
Understanding how `this` works in Javascript - Default Binding
Tags: javascript, programming, ignoredconcepts, gettingdeeper
Published: 2019-03-18 19:34:30

---
title: Understanding how `this` works in Javascript - Default Binding
published: true
description: Have you ever noticed some time you rely on 'this' keyword but it turns out to be undefined or you declare a variable accidentally at the global space? or just something weird or unexpected just happened.
tags: Javascript, programming, ignored concepts, getting deeper
series: Understanding how `this` works in Javascript
cover_image: https://raw.githubusercontent.com/inikulin/callsite-record/master/media/example1.png
---

We've seen in the previous post that `this` is bound depending on where is called, if you haven't read it please go back to {% link https://dev.to/kenystev/understanding-how-this-works-in-javascript---the-call-site-3hj3 %}

I'll start by saying that default binding is the last case which is going to match in case any other fit.

When default binding is applied, **the global object** will be bind to the called function, consider the next code:
```javascript
function foo() {
	console.log(this.a);
}

function bar() {
    function bazz() {
        console.log(this.b);
    }
    bazz();
}

var a = 3;
var b = 5;

foo();	// 2
bar();	// 5
```

It is worth to point out that **global object** will be eligible just if `strict mode` is not set either inside or outside the definition scope of the called function, but if `'use strict'` is set at one of them, then `this = undefined`.

`'use strict'` inside function's definition
```javascript
function foo() {
        'use strict';
	console.log(this.a);
}

var a = 3;

foo();	// TypeError: Cannot read property 'a' of undefined (this = undefined)
```

`'use strict'` outside function's definition
```javascript
function bar() {
    'use strict';
    function bazz() {
        console.log(this.b);
    }
    bazz();
}

var b = 5;

bar();	// TypeError: Cannot read property 'b' of undefined (this = undefined)
```

It's worth to point out, despite of biding is entirely based on *call-site*, the `'use strict'` concern is totally base on where the function itself is declared.
```javascript
function foo() {
	console.log(this.a);
}

var a = 3;

(function(){
    'use strict';    
    foo();	// 3
})();
```
Looking back on C#
Tags: csharp
Published: 2019-05-30 07:58:47

---
title: Looking back on C#
published: true
tags: csharp
canonical_url: https://blog.csmac.nz/looking-back-on-c/
---

 ![Looking back on C#](https://images.unsplash.com/photo-1502426899022-660e3522a15a?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjE2ODI3fQ)

With C# 8 on our doorstep, I figure it is a good time to reflect on recent additions to the language that have come before. There are some great improvements you may have missed, some that I really enjoy using, and some I consider have reached canonical usage status that I think are all worth some reflection.

It was back in 2016 with the release of Roslyn, a complete rewrite C# compiler platform written in C# that we started to see a ramp up on language features not seen since .Net 4.0 (probably). Most people probably remember `async` `await` and then an explosion of language features started flooding in.

2016 we saw the release of C# 6 and Visual Studio 2015. This had some great features to look forward to revisiting soon. Visual Studio 2017 followed two years later with C# 7, and quick on its heels was 7.1, 7.2, and 7.3 alongside three of the 8 minor Visual Studio 2017 releases. That is a few features over the last 4 years to learn and know.

Now we have a Preview of Visual Studio 2019 (well three actually) that give us a chance to play with C# 8 features in a Preview capacity. There are plenty of great blogs out there talking about the new stuff, so I will try and avoid duplication at this point, and probably revisit after a few months of using these features in real development life.

In the meantime, I hope going over what you already have, and can start using today will be beneficial.

First, up will be the Elvis Operator. Stay tuned.

Have a favourite language feature you want to me to review? Leave a comment below.
Assess your npm project health and call the doctor!
Tags: npm, node, javascript, tips
Published: 2019-03-18 18:55:54

---
title: Assess your npm project health and call the doctor!
published: true
description: npm project health assessment
tags: npm, nodejs, javascript, tips
canonical_url: https://www.lirantal.com/blog/2019-03-18_assess-your-npm-project-health
---

## Tip 4: Assess npm project health (out of [10 npm security best practices](https://snyk.io/blog/ten-npm-security-best-practices/))


### Outdated dependencies

Rushing to constantly upgrade dependencies to their latest releases is not necessarily a good practice if it is done without reviewing release notes, the code changes, and generally testing new upgrades in a comprehensive manner.

With that said, staying out of date and not upgrading at all, or after a long time, is a source for trouble as well.

The npm CLI can provide information about the freshness of dependencies you use with regards to their semantic versioning offset. By running `npm outdated`, you can see which packages are out of date:

```
$ npm outdated
```

![](https://res.cloudinary.com/snyk/image/upload/v1550482184/blog/npm-10-security-best-practices-CLI.png)

Dependencies in yellow correspond to the semantic versioning as specified in the package.json manifest, and dependencies colored in red mean that there’s an update available. Furthermore, the output also shows the latest version for each dependency.

### Call the doctor

Between the variety of Node.js package managers, and different versions of Node.js you may have installed in your path, how do you verify a healthy npm installation and working environment?

Whether you’re working with the npm CLI in a development environment or within a CI, it is important to assess that everything is working as expected.

Call the doctor! The npm CLI incorporates a health assessment tool to diagnose your environment for a well-working npm interaction. Run `npm doctor` to review your npm setup:

```
$ npm doctor
```

* Check the official npm registry is reachable, and display the currently configured registry.
* Check that Git is available.
* Review installed npm and Node.js versions.
* Run permission checks on the various folders such as the local and global `node_modules`, and on the folder used for package cache.
* Check the local npm module cache for checksum correctness.

--

I also blogged about a complete [10 npm security best practices](https://snyk.io/blog/ten-npm-security-best-practices/) you should adopt in a post that includes a high-resolution printable PDF like the snippet you see below.

Thanks for reading and to [Juan Picado](https://twitter.com/jotadeveloper) from the Verdaccio team who worked with me on it. [Check it out](https://snyk.io/blog/ten-npm-security-best-practices/)


[![Node Version](https://thepracticaldev.s3.amazonaws.com/i/yvey2bykpvbjcxrurqoz.png)](https://snyk.io/blog/ten-npm-security-best-practices/)
What is syntax?
Tags: beginners, tutorial, learning, devtips
Published: 2019-05-31 09:09:08

---
title: What is syntax?
published: true
tags: beginners, tutorial, learning, devtips
canonical_url: https://www.codetips.co.uk/beginner/what-is-syntax/
---

> Syntax to programming is what grammar is to languages.

 ![What is syntax?](https://images.unsplash.com/photo-1473186505569-9c61870c11f9?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjExNzczfQ)

This article is written in English. In order to be grammatically correct, there is a set of structural rules I have to follow.

- I, shouldn't, put, a, comma, after, every, word, and, declare, my, sentence, grammatically, correct. 
- .I shouldn't start my paragraph with a full stop.
- Its a grammatical error to omit the apostrophe in "it's" when the meaning is "_it is"_. 

The three above bullets are all poorly written, grammatically.

Syntax is exactly this, for programming languages. Each programming language has a defined syntax, which advises its users (developers) how to write code in the language.

The difference is if you make a grammatical error, the reader may not fully understand your message, but they could probably make an educated guess and move on.

If you make a syntactical error, your computer will not understand what you're trying to do and will crash. Computers purposefully don't try to guess what the user means and will crash to avoid unforeseen side effects.

**<u>Examples</u>**

If you've followed these articles, you should already know what a [variable](https://www.codetips.co.uk/beginner/what-is-a-variable/) is. Each language specifies the Syntax of how to write a variable.

**Javascript**

<!--kg-card-begin: markdown-->
```
var x = "Hello World"
```
<!--kg-card-end: markdown-->

**Go**

<!--kg-card-begin: markdown-->
```
x := "Hello World"
```
<!--kg-card-end: markdown-->

**Python**

<!--kg-card-begin: markdown-->
```
x = "Hello World"
```
<!--kg-card-end: markdown-->

All three code snippets do exactly the same thing - they define a variable (`x`) and set the value to the string `Hello World`.
Local slang or words in code
Tags: development, language, patois, discuss
Published: 2019-03-18 18:27:48

---
title: Local slang or words in code
published: true
description: What localisms have you used in code?
tags: development, language, patois, discuss
---
I was looking back on a bit of Python code I wrote a year or two ago for a nanotechnology facility and remembered that as part of their process they move the 'device' back and forth a few nanometers before finalising their settings.  I coded the function that did it as '[shoogle](https://www.collinsdictionary.com/dictionary/english/shoogle)'.

> 
(ˈʃʊɡəl ) or shoogie (ˈʃʊɡiː) dialect, mainly Scottish
verb
1. 
to shake, sway, or rock back and forth
noun
2. 
a rocking motion; shake

I still feel absurdly pleased with myself that some £50m nanotech plant is 'shoogling' every few hours.

I got to wondering - what words have you snuck into code that you are secretly pleased with?
Applying for First Job as a Self-Taught Developer?
Tags: help, discuss, career, webdev
Published: 2019-03-18 18:08:24

## The Question
I am completely self-taught.  I went to school for Music and Education and have been a middle school teacher for the last 9 years.  

Any time I go online I see the obvious things like:
- Have a portfolio
- Be involved with the community
- Make sure your code is online (like on GitHub) so potential employers can see it.

My question is, what types of thing do you put on your cover letter? What types of jobs should you even look for?  (It seems as though every job wants 3+ years of professional experience). In teaching land there are very ridged things that employers look for, so if I were to change positions, it would be fairly straight forward what I should be doing. 

So, __if you've been in my shoes, what's worked for you?__

If you are someone who's interviewing and doing recruitment, __if someone had no CS degree, bootcamp, or something similar, what would you be looking for at first glance to consider them as a legit candidate?__
The 7 Most Popular DEV Posts from the Past Week
Tags: top7
Published: 2019-03-18 16:26:35

---
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 Monday 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. ❤️

#1. Tired Of Slow-To-Load Web Apps?

Matt shares how they rebuilt an app to be entirely server rendered. 

{% link https://dev.to/winduptoy/a-javascript-free-frontend-2d3e %}

#2. Hacking Is Hard

Katerina provides a guide to ethical web application hacking - from setting up your environment to CTFs and bug bounties. 

{% link https://dev.to/kathyra_/how-to-learn-penetration-testing-a-beginners-tutorial-505a %}

#3. Talking Tips

After receiving her first conference acceptance notice, Emma turned to the community for advice. This post is a compilation of speaking tips from preparation to technical details to cadence. 

{% link https://dev.to/emmawedekind/tips-for-first-time-speakers-3fcb %}

#4. Bug-Free Mission
 
Jonathan put together the ultimate check-list for their mission to write bug-free code.

{% link https://dev.to/conw_y/towards-zero-bugs-1bop %}

#5. Such Similarities

Islam points out the similarities between frontend frameworks as a guide to learning a new one quickly.

{% link https://dev.to/imm9o/how-i-learn-any-front-end-framework-29a2 %}

#6. Hardware How-To

Sarthak shares how to build a linux dev server using a Raspberry Pi.

{% link https://dev.to/teamxenox/make-a-linux-dev-server-for-less-than-50life--3gc7 %}

#7. Reading List

Tiffany shares their repo of recommended JS books and articles -- if you know a good one, submit a PR!

{% link https://dev.to/twhite/the-javascript-developers-reading-list-3fmp %}

_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 Monday!_