teleren/devto huggingface dataset:
My first year in code
Published: 2019-09-19 20:54:09

>Hey people, it is my first post on DEV and i am excited!!!!!!

It's been roughly **4 months** now since i started coding the web and it has been the most resourceful time of my life.

I had learned some computer science in high school and i loved it a lot compared to the other subjects i was taking, it is also where i got my basic foundation in programming by learning C, C++ and some visual basic...until i graduated and there was no more inspiration or motivation to learn more. Then fast forward, 2 years later about 5 months ago, i'm in the university and i hear about Andela, this company that is hiring aspiring software developers and i was interested. And that was because there were't all that may opportunities in software engineering in Rwanda but Andela was specifically looking for those talents that needed opportunities and aiming to mold them into world-scale software developers and **I WANTED IN**. 

So i applied for the fellowship program and from there i started learning html and css from scratch, i had a lot of help from friends, and mostly high school classmates who had gained more coding experience than i had. a few weeks later i started learning javascript and later a lot more as well all the while progressing through the application process for these last few months.

During just those months i have learned what i never thought i could learn in a year (although i know this comes as no surprise to developers),and though it has been hard and trying, it has also been fun and interesting, I have come to realize that coders are some of the coolest, most chill people in the world and that is one of the newest, also undermentioned reasons that push me to work as hard as i can to make it into the world of programming.

I still have a long way to go though, but that's what's great about coding, everyone is always learning something new everyday, be it the Zuckerbergs or the me's, everyone is always learning something from each other and that's why i have come to like coding so much. It is not about how much you already know because for all you know, it could be deprecated in a month cause that's just how technology is -fast,but rather it's about how much new things you are willing to learn. It is not that unlikely that the person you admire in programming may learn something new from you even when they are generally more experienced than you are. 

Personally, I feel like making an impact in the world by doing what you love and are passionate about is like listening to the perfect playlist for each time, everyday and that is something that drives me to keep giving my all to programming because even though some other factors in my life may conflict with it, i know it's the right path for me. 

That was and still is my first year in coding!
Microsoft's new FREE font
Tags: discuss
Published: 2019-09-19 20:52:47

Microsoft has released a new free monospaced font called ***Cascadia Code***. Bonus: it supports ligatures!

It will be released with the new iteration of the Windows Terminal, but they've also released it via a [GitHub repo](https://github.com/microsoft/cascadia-code/releases).

Has anyone tried it yet? What do you think? 

Post up a screenshot of it with your editor's theme!

Here's mine with NightOwl on VS Code: _note: For me, Polacode did not format it correctly, so I did the screenshot the old fashioned way._

![Cascadia Code screenshot](https://thepracticaldev.s3.amazonaws.com/i/80p5ynukuwint3laolc8.png)

And Dank Mono for comparison.

![Dank Mono screenshot](https://thepracticaldev.s3.amazonaws.com/i/bbwgx34dfor35muo0xc1.png)
Wordpress Developers?
Tags: wordpress
Published: 2019-09-19 20:40:54

Hi everyone.  I am a nonprofit administrator and musician, self-taught developer (only started in May 2019 through Free Code Camp and tons of medium articles).  I have only barely touched upon advanced concepts, but I am pretty solid on HTML, CSS, basic/intermediate Javascript and algorithms. I also took it upon myself to build a to-do app with MERN stack.  

But anyway, I decided to just browse around and see if there were companies who would hire an intern who could help out remotely to continue learning code.  And to my surprise, a mid-west company decided to hire me after a few interviews, not only as an intern, but an Assistant Project Manager/Developer.  

The only thing is, I won't get to really practice my coding skills because this is a Wordpress based company.  But I thought, at least I am getting my foot in the door in the tech field!  I know how to update content and manage pages, make tweaks and things, but much more than that.  My humble question is, now that I won't be really coding a lot for the time being, is there a recommended "Wordpress for Developer" book anyone would recommend so I can feel solid on Wordpress?  

I plan on still building projects on the side so I don't lose my fullstack skills!  

Thanks in advance, guys.
Accessibility & Design
Published: 2019-09-19 20:21:35

In the past few years, accessibility has been at the forefront of website design, as many corporations and establishments are getting sued for not having a compliant website to help the impaired. 

<a href="https://www.sixthcitymarketing.com/2019/07/02/accessibility-and-marketing/">Check out our full post on the issue</a>
Introduction — MVC Framework
Tags: mvc
Published: 2019-09-19 20:17:33

---
title: Introduction — MVC Framework
published: true
description: 
tags: MVC
cover_image: https://miro.medium.com/max/1024/1*v6O4SuMNwGUvl5L58dmv1Q.jpeg
---


## What is MVC

Model-View-Controller (MVC)

Architectural Style The application is separated into three main parts: model, display, and control unit. Each of them is created and processed to deal with specific parts of the application.

MVC is one of the most advanced web development styles to meet modern development standards that allow for expansion and facilitate development.


## MVC components

### Model

Is responsible for transferring data to and from the application and database portions.

This can be either data transferred between the View and Controller parts or any data related to the software parts.

For example, a customer’s model imports client information from the database, sends it for processing, and then resumes it to the database or uses it for viewing.

### View

The display pane is used for UI components in the application, for example the client page will contain components such as text boxes, drop-down menus, images, and so on. It is the interaction with the end user.

### Controller

It controls and acts as a mediator between View and Model, handles the data provided by Model, renders it to View, receives and processes end user input in View, and so on.

For example, the client requests its data via the view, receives the Controller request, prepares the data from the database via Model, and sends it back to view
Introduction to Laravel
Tags: laravel, php, framework
Published: 2019-09-19 20:16:04

---
title: Introduction to Laravel
published: true
description: Introduction to Laravel Framework
tags: laravel,php,Framework
cover_image: https://cdn-images-1.medium.com/max/960/1*p649yjmxOCU7KglMmXXyJA.png
series: Framework
---



Laravel is a stylish, compact and flexible PHP framework that focuses on clean code and speed. Laravel describes itself as a "PHP framework for web makers". It is a free and open source framework created by "Taylor Otwell", based on the Model View Controller (MVC) architecture.

Creating a web application from the beginning may be particularly difficult if you are a beginner. Even the simple web application contains many parts, and creating these parts each time you create a Web application can be repetitive and tedious and there is no point in reinventing the wheels. Here comes Laravel to solve this and other problems.

The Laravel framework provides many PHP libraries and auxiliary functions, and can help you focus on the most important parts while providing common functions and logic to speed up creation time and facilitate development.
At first, there are few things to learn, especially if you are a beginner and have no experience with any kind of web framework. But once you produce it, you will not only love it, you will become addicted to it. Laravel aims to create creativity. The word "Web Artisan" is used to refer to the hidden design within the developer's heart. The result is an effective application with fewer paths and well-designed symbols.

## What you need before you start:
* HTML / CSS (for sure).
* PHP Basics.
* Average level in PHP - Learn some concepts like php oop, abstraction and so on.
* Understand the basics of the MVC Framework.
* Perseverance . Although it is easy to learn Laravel, but you may find some difficulties from one period to another, your knowledge of PHP and frameworks and the concept of MVC may help you a lot in the speed of learning the framework of Laravel.
WordPress: Change Sender Name and Email Address from wp
Tags: wordpress
Published: 2019-09-19 19:41:57


This code simply replaces the default WordPress sender name and email address with your custom sender name and email address.

You can test this by adding a new user, changing password, or any other action that sends WordPress notification email.


// Function to change email address
 
function wpb_sender_email( $original_email_address ) {
    return 'tim.smith@example.com';
}
 
// Function to change sender name
function wpb_sender_name( $original_email_from ) {
    return 'Tim Smith';
}
 
// Hooking up our functions to WordPress filters 
add_filter( 'wp_mail_from', 'wpb_sender_email' );
add_filter( 'wp_mail_from_name', 'wpb_sender_name' );
How to exit Vim
Tags: vim, productivity, beginners, todayilearned
Published: 2019-09-19 19:30:14

---
title: How to exit Vim
published: true
description: Never get stuck in Vim again!
tags: #vim, #productivity, #beginners, #todayilearned
cover_image: https://thepracticaldev.s3.amazonaws.com/i/bqkdtr6tnc3t8n1xuphm.jpg
---

To exit Vim:

1. If you are in edit mode, first press the <kbd>esc</kbd> key.
2. Then enter `:wq` + <kbd>return</kbd> to save and exit.

To exit without saving, you can run `:q!` + <kbd>return</kbd>
In need of cool ideas
Tags: discuss
Published: 2019-09-19 19:28:33

---
title: In need of cool ideas
published: true
tags: discuss
cover_image: https://mdfarragher.com/wp-content/uploads/2016/12/maxresdefault-1280x630.jpg
---
I was walking down the stairs when my computer science department president stopped me and asked me to help him come up with cool ideas on programs or events for the semester. Our department is very boring and we want to make it feel as it's supposed to. Please I need suggestions and I appreciate all your contributions. THANKS
Welcome to the Big Thread Club, Yaser Al-Najjar. You are the latest winner of the Big Thread Badge. 🎉
Tags: meta, bigthreadbadge
Published: 2019-09-19 19:19:49

Yaser joins @zkat, @stereobooster, @liyasthomas, @emmawedekind, @neilonsoftware, @andrewbrown, @mjraadi, @room_js, @iam_timsmith, @fullstack_to, @espoir, @helenanders26, @philnash, @florinpop17 and @lauragift21 in the club as the 16th winner of this badge.

{% user yaser %}

The Big Thread Badge is awarded to the person who creates a discussion thread on the site that sparks the most collective comment love (e.g. score as determined by total ❤️ reactions and adjacent ranking factors).

This was Yaser's thread:

{% link https://dev.to/yaser/are-you-a-mediocre-developer-me-too-34ed %}

Entry is simple: Start a thread that is bound to spark a lot of comments. Ask the community to tell a certain kind of story and get lots of comments! Even if these threads aren't always answering _the deep questions_, they are often great for seeing what the broader community thinks of a topic and are usually a lot of fun!

Use the #discuss tag to signal that the post is a discussion thread.

{% tag discuss %}

_DEV employees are not eligible for the Big Thread Badge. 🙂_

## **Happy Coding!**
Setting up Prettier and Husky automatically, with prettier-configure
Tags: prettier, javascript
Published: 2019-09-19 19:10:39

---
title: Setting up Prettier and Husky automatically, with prettier-configure
published: true
description: 
tags: prettier,javascript
---

https://github.com/sosukesuzuki/prettier-configure

(Please put a star!:star:)

I developed prettier-configure. It enabel to set up Prettier and Husky automatically.

## Usage

**It assumes that package.json already exists in your current directory.**

You have not to install prettier-configure. You can run it via npx like below:

```sh
npx prettier-configure
```

If you run it, prettier-configure execs the following three steps:

### 1. Install Prettier and Husky to your devDependencies via yarn (or npm).

prettire-configure installs Prettier and Husky to your devDependencies. You can choose your favorite package manager via `manager` argument option.

```sh
npx prettier-configure --manager=npm
```

### 2. Add a npm script for format with Prettier and config for Husky to your package.json.

prettier-configure inserts "scripts" and "husky" to your package.json.

```json
{
  "scripts": {
    "format": "prettier --write "**/*.{js,jsx,ts,tsx,md,json,yaml,html}""
  },
  "husky": {
    "hooks": {
      "pre-commit": "pretty-quick --staged"
    }
  }
}
```

(caution: If your package.json has "scripts" already, it will be rewrote.)

### 3. Create `.prettierrc.yaml` and `.prettierignore` in your current directory.

Create files with my favorite default settings. If other people want to use this tool, I'll enable that you can change default settings.

`.prettierrc.yaml`


```yaml
trailingComma: 'all'
singleQuote: true
tabWidth: 4
```


`.prettierignore`

```
/node_modules
package.json
```
Are we close enough as a community to help each other out in hard times? (YES! WE ARE!)
Tags: discuss, help
Published: 2019-09-19 18:56:20

---
title: Are we close enough as a community to help each other out in hard times? (YES! WE ARE!)
published: true
description: curious of your thoughts on how close we are as a community and if asking for personal help is out-of-line or welcomed.
tags: discuss, help
cover_image: https://thepracticaldev.s3.amazonaws.com/i/sooveubt71ee0os1nd1l.jpg
---

So I have a question for you all. 

Are we close enough that if we ask each other for support with hard times in our personal lives, it would be welcomed?

I ask because I'm there. My family is struggling. My son is sick and it's serious.

Do I reach out to all of you and ask for your support and prayers? Is that ok? 

Do I post a gofundme that my sister created, and that be something that is looked at and welcomed? Or is it looked at as "who cares, why should we help?", "that's tacky", "why should we trust you to use the money for him?".

I have a hard time asking for help but my kid is sick and I'll do anything for my kids. So where do I stand with this community? 

Am I welcomed to share my burdens or should I stick to myself, and only provide you with helpful post about tech?

Have I given enough of me to at least get a thoughtful consideration? It's ok if the answer is no.

Please comment and let me know your thoughts. If you do want to help our family in times of need, we need prayers. Also I do have a gofundme link if anyone wants to consider donating.

A humbled and worried father.








[Geo's gofundme](https://www.gofundme.com/f/1r99dgjo5c?utm_source=twitter&utm_medium=social&utm_campaign=p_cp+share-sheet)

![The Richardsons](https://thepracticaldev.s3.amazonaws.com/i/5by534vhyg40thc9xlbr.jpg)





Geo says thank you for all the support dev.to

![Geo](https://thepracticaldev.s3.amazonaws.com/i/ekkqjgruf4oi9ocnsmmp.jpeg)

[A Million thanks!](https://dev.to/dechamp/a-million-thanks-to-all-of-you-43oa)
Blazorise 0.8.5 released
Tags: blazorise, components, blazor
Published: 2019-09-19 18:38:23

Once again a new version of Blazorise is available for download. With this release we're still focused on optimizations and we're steadily going to the stable **0.9** milestone.

For those of you not familiar with Blazorise, a Blazorise is an open-source component library built on top of [Blazor](https://dotnet.microsoft.com/apps/aspnet/web-apps/blazor) with support for CSS frameworks like Bootstrap, Bulma and Material. It has all kind of basic components like Button, SelectEdit, TextEdit etc. and some advanced like Chart and DataGrid to name a few.


See [release notes](https://blazorise.com/docs/release-notes/release085/) for a full list of changes.

Github: [https://github.com/stsrki/Blazorise](https://github.com/stsrki/Blazorise)
Docs: [https://blazorise.com/docs/](https://blazorise.com/docs/)

If you like the project please leave a star on [GitHub](https://github.com/stsrki/Blazorise). And as always any feedback is welcome. Thanks
Gridsome 0.7 Released!
Tags: javascript, graphql, vue
Published: 2019-09-19 18:30:28


[Gridsome](https://gridsome.org/) is a new static site generator based on the JAMstack, and it is the underlying software powering my blog at https://loftie.com/.  If you have ever heard of Gatsby, well Gridsome is the vue.js equivalent, and they just released a new version with some cool improvements.

### New Schema API

This is be biggest improvement for me.  Gridsome used to simply infer the GraphQL schema from the data passed on startup, which works well if all the data is present, but I started to run into issues where some nested entries (eg tags) were not correctly discovered.  

With the Schema API you can now define your fields yourself:

```javascript
api.loadSource(({ addSchemaTypes }) => {
  addSchemaTypes(`
    type Post implements Node {
      title: String
    }
  `)
})
```

You dont have to specify all the fields either, Gridsome can still automatically infer the fields that you know will be present and only specify the deeper ones.  To do that simply pass the [@infer](https://gridsome.org/docs/schema-api/#infer) extension.

```javascript
type Post implements Node @infer {
    title: String
}
```

### Other Changes
- Vue Remark plugin - Lets you add vue components to markdown files- 
- New template configuration - More consistent way to specify template routes
- Custom App.vue - Useful if you want for example a `<transition>` component around the `<router-view>`- And some more, see the full list [here](https://gridsome.org/blog/2019/09/17/gridsome-v07/)

Check out Gridsome for yourself at [https://gridsome.org/](https://gridsome.org/)
setup a Capybara
Tags: rails
Published: 2019-09-19 17:53:17

---
title: setup a Capybara
tags: rails
published: true
---

## 🔗 Parent Note
{% link https://dev.to/n350071/my-capybara-note-2gp3 %}

## 1. install gem

```ruby
# Gemfile
group :test do
  gem 'capybara'
  gem 'capybara-screenshot' # recommend
  gem 'selenium-webdriver'
end
```


## 2. configure capybara

```ruby
# spec_helper.rb
require 'capybara/rails' # For Rails app
require 'capybara/rspec' # Load RSpec 3.5+ support

# set up driver
Capybara.register_driver :headless_chrome do |app|
  Capybara::Selenium::Driver.new(
    app,
    browser: :chrome,
    http_client: client
    options: options)
end

## set up client
require 'selenium-webdriver'
client = Selenium::WebDriver.for :chrome # see also following link.

## set up options
options = Selenium::WebDriver::Chrome::Options.new.tap do |opts|
  opts.args << '--headless'
end

# configure
Capybara.configure do |config|
  config.ignore_hidden_elements = true
  config.default_max_wait_time = 3 #sec
end
```

- 📚 [capybar config]( https://www.rubydoc.info/github/jnicklas/capybara/Capybara#configure-class_method)
- 📚 [selenium user manual](https://docs.seleniumhq.org/docs/)
- 📚 [selenium new handbook](https://seleniumhq.github.io/docs/site/en/)
- 📚 [selenium api](https://seleniumhq.github.io/selenium/docs/api/rb/Selenium/WebDriver.html)
making complex test data in Capybara
Tags: rails
Published: 2019-09-19 17:46:23

---
title: making complex test data in Capybara
tags: rails
published: true
---

## 🦄 First, Notes
This technique is not actually only for the Capybara testing, but also for RSpec testing. However, the main use case is Capybara.

## 🤔 Situation
You need to prepare complex test data that is for multiple tests.  
It seems to be too complex for Factorybot. But, It seems to be easy with UI manipulations.

## 👍 Solution
You can use a module and include it, call it from before {} block.

```ruby
#rails_helper.rb
Dir[Rails.root.join('spec/rails_helpers/**/*.rb')].each { |f| require f }
```

```ruby
# spec/rails_helpers/book_operation_scripts.rb
module BookOperationScripts
  def create_published_book(author, options = {})
    click_on('publish a new book')
    fill_in 'v2_book[author]', with: options.fetch(:name, 'n350071')
    fill_in 'v2_book[title]', with: options.fetch(:name, 'enjoy ruby')
    fill_in 'v2_book[price]', with: '8'
    # ...
    page.execute_script("$('form#publish-form').submit()")
  end
end
```

```ruby
# spec/v2/feature/books_spec.rb
require 'rails_helper'

feature 'book/', js: true do
  include BookOperationScripts
  let(:author){ create(:v2_author) }
  before do
    create_v2_published_book(author)
  end
end
```

## 🔗 Parent Note
{% link https://dev.to/n350071/my-capybara-note-2gp3 %}
Embedded Storage for Node.js Part 2
Tags: javascript, mongodb
Published: 2019-09-19 17:33:57

In the follow up to Tuesday's video, I cover the MongoDB version of the authentication code (it only differs by maybe 20 lines from the NeDB version), show a TingoDB version since it's more up-to-date than NeDB, and highlight some resources for learning and using MongoDB like their free University courses, and their Atlas cloud platform.

I also discuss a few other databases you can quickly embed in your projects like LevelDB and PouchDB that don't happen to look just like MongoDB.

{% youtube H_Od9w-KkXo %}
Webinar: Debugging AWS Lambda functions with VSCode
Tags: webinar, serverless
Published: 2019-09-19 17:28:21

---
title: Webinar: Debugging AWS Lambda functions with VSCode 
published: true
description: Webinar announcement
tags: webinar, serverless
cover_image: https://thepracticaldev.s3.amazonaws.com/i/p0gzqp6x9izc16620kk4.jpg
---

On the 1st of October I'm doing a Webinar together with [Renato Byrro](https://dev.to/byrro) of [Dashbird](https://dev.to/dashbird). We will talk about debugging AWS Lambda functions with SAM CLI and VSCode.

Register now, we have limited spots: https://zoom.us/webinar/register/WN_V-4DzL5aQF-4iyC9iB1wEQ

[![Webinar Info](https://thepracticaldev.s3.amazonaws.com/i/wkvsaa3rjtcdzdpoe5zm.jpg)](https://zoom.us/webinar/register/WN_V-4DzL5aQF-4iyC9iB1wEQ)