teleren/devto huggingface dataset:
My portfolio website.
Tags: javascript, showdev, webdev, nuxt
Published: 2019-11-29 18:26:29

---
title: My portfolio website.
published: true
description: How i made my portfolio site.
tags: javascript , showdev , webdev , nuxtjs
cover_image: https://thepracticaldev.s3.amazonaws.com/i/izikb2a44kh6jutgsj2x.PNG
---
I had came to know of static site generators long ago. There are a lot of very good static site generators for running a blog or a simple portfolio site. But every other generator has it's own set of problems. Jekyll is too complex to start because it needs a base knowledge of ruby. Hugo is very good for speed and performance but it's based on Golang which is not comfortable for beginners.

After all these research and analysis, i had made up my mind not to go for a static site generator. I'm a beginner developer and i mainly specialize in Javascript. I have started learning Vuejs last year and right now i have a good knowledge and understanding of it. I love to code using Vue because of the simplicity of using components and JSX syntax. It's similar with HTML and learning Vue is too easy as compared to other front end frameworks.

Recently when i was scrolling through Dev.to articles, i read about Nuxtjs. It's based on Vue and it's so feature rich that it takes vue to another level. I got interested and started googling for static ste generators built on top of Nuxtjs. I found a repository by [Code-tribe](https://github.com/code-tribe/nuxt-netlify-cms-starter) which was a blog based on Nuxtjs and Netlify cms. Articles are stored as a markdown file inside the blog and because it is based on Nuxtjs, it's rendered server-side which makes it crazy fast and lodes in about 1 second.

![My Portfolio](https://thepracticaldev.s3.amazonaws.com/i/npeehd10pcokonac6cec.png)

I forked the repository and as it's open source i started to work on it. I tweaked some problems and added some features like a more robust navbar and darkmode. My portfolio is based on it and it's currently live on [sambitsahoo2.cf](https://sambitsahoo2.cf) which is hosted on Netlify.

In thee process of understanding the code of the original project i learned a lot about Nuxtjs and Netlify cms as the site's back-end is based on it. I have also gone a step forward and converted the site to a Progressive Web App (PWA). The website is a SPA which makes it awesome to work as a PWA. The site offers an average load time of around 2 seconds which is also awesome for good reader experience.

I'm going to merge my [Headliner](https://soulsam480.github.io/headliner) project with my portfolio so that the site can offer more value.

Thank You for reading. Peace!!
How NOT to apply for a job
Tags: career, beginners
Published: 2019-11-29 17:35:14

It's full of very good articles on how to apply out there (and in here, DEV community!), some with crazy good tips that with a little persistence will actually get you places.

But for a change of scenery, here is a rock solid way of NOT getting a job:

![Screenshot of a reply to a job opening screening questionnair, full of arrogance](https://thepracticaldev.s3.amazonaws.com/i/kjhwc211tcb3vuu89jxg.png)

---

_Disclaimer: rant to follow, feel free to skip!_

I spent time and good will trying to design a screening questionnaire that's aimed at surfacing the best in a candidate in as few questions as possible, without lengthy cover-letter requirements and stuff. Not only answering like that shows arrogance, a deeply unprofessional attitude, and several other negative traits, but it's also offensive for those on the other side of the form like myself who went out of their way trying to make your life simpler.

If that's the way you are going to answer, please just don't 🙌 💙
Bootstrap a rapidement sorti la version 4.4.1
Published: 2019-11-29 17:30:16

Suite a des rapports sur quelques erreurs sur différents compilateur **Sass** .
 Le vendredi 29 novembre 2019 l'équipe Bootstrap a rapidement lancé la version 4.4.1 avec la correction de toutes ces erreurs .

**Mises a jours**

Légère modification sur les fonctions "add() & substract()"

___

L'article principal sur le blog officiel de l'équipe [Cliquez pour voir](https://blog.getbootstrap.com/2019/11/28/bootstrap-4-4-1/)
Bug Squashing: A singly linked list python implementation | Part 3
Tags: python, computerscience
Published: 2019-11-29 17:04:09

In the past two episodes in this series, we defined a `Node` class, complete with `__init__` and `__str__` methods. However, we came across a bug, and now it's time to squash it.  
To remind you of the problem, here's the current code for printing a Node.
```python
# indented within Node() class.
    def __str__(self):
        s = "Node with value {} and next node: {}.".format(self.value, self.next_node)
        return s
```
Do you see the problem? (I didn't.)
To give you an idea, here's a the result of printing the first node in a list of five nodes.
```
Node with value 14 and next node: Node with value 27 and next node: Node with value 33 and next node: Node with value 72 and next node: Node with value 38 and next node: None.....
```
That's a mess. Now do you see what happened? It's the bug at work. It recursively printed all of the nodes in the list. This probably isn't the way we want to print a single node!
At any rate, I wanted to print only the Node's value and the value of the next Node. How can we do that? Here is my solution.
```python
# indented within Node() class.
   def __str__(self):
        s = "Node with value {} and ".format(self.value)
        if not self.next_node:
            s += "no next node"
        else:
            s += "next node has value {}.".format(self.next_node.value)
        return s
```
Note that I needed the `if/else` logic because other otherwise, cases where text node's next value is `None`, `self.next_value.value` would effectively be calling `None.value`, which triggers the following type of error.
```
AttributeError: 'NoneType' object has no attribute 'value'
```
So that's the first bug of the series fixed.   
Next it's on to defining a `SinglyLinkedList`, but save the reason why for the next post.

The code for this project is available [here on GitHub](https://github.com/erik-kristofer-anderson/singlylinkedlist). I'll be updating it gradually as I write this series. I'll be sure to commit at least as often as I post, so you can back up and see that code as it was when I published a given post.
unable to load external js file
Tags: react
Published: 2019-11-29 16:55:23

Why does the first example work when the jsx script is inline but the second example not work:

`<!DOCTYPE html>
<html>
  <head>
    <title>ReactJS Example</title>
    <script src='react/react.js'></script>
    <script src='react/react-dom.js'></script>
    <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
  </head>
  <body>
    <div id='container'>
    </div>
    <script type='text.jsx'>             
      ReactDOM.render(
        <h1> Hello, React! </h1>,
        document.getElementById('container')
      );        
    </script>
  </body>
</html>`

second example:

`<!DOCTYPE html>
<html>
  <head>
    <title>ReactJS Example</title>
    <script src='react/react.js'></script>
    <script src='react/react-dom.js'></script>
    <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
  </head>
  <body>
    <div id='container'>
    </div>
    <script src='hello.js' type='text.jsx'></script>
  </body>
</html>`

hello.js:

` ReactDOM.render(
        <h1> Hello, React! </h1>,
        document.getElementById('container')
      );  `
“Design for developers” cheat sheet to make your next project look awesome
Tags: design, sideprojects, startup
Published: 2019-11-29 16:47:13

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/avflyznryh1zq2h0m721.png)
  
While it is always better to hire a professional UI/UX designer for your product, sometimes we do not want to spend too much money before validating our idea or concept (especially when it is a side project!) 
  
However, it is still important that the product looks nice and clean 😎!
We made a short cheat sheet for developers out there that could benefit from learning a little more about design. Hopefully it will be helpful to some of you.
  
Keep up the hard work!
Nevertheless, AxelleDRouge Coded
Tags: wecoded
Published: 2019-11-29 16:28:39

## I started/continued to code in 2019 because...
I started to really code (and not just play a little with C) in 2016, and I have asked myself "Why did'nt I started this earlier???" many, many times since. My parents too, btw... because it would have saved a few years of study in architecture and environmental sciences (which I loved nevertheless) trying to find the best creative subject to work in.

The weirdest aspect of this? I have used and played with computers since I was barely 10 years old. I have always knew that I wanted to work with computers. But even if my father worked in computer software (as a pre-sales mostly) he didn't really liked to code, so even if I played a lot with my softwares, I never discovered the pleasure of building my own, at least with something else than a CMS or Dreamweaver. So I have searched however I could the best way to mix differents aspects of work that I loved, mostly technical studies and art, with a lot of creativity. Architectures seemed great for that, but no, it was not for me. Environmental Sciences was a subject where everything needs to be done, but no one wants to pay for it (wait for it...) then I did an internship in a software editor company to work on a software for sustainable management, and there I found it!

Since I have started, I have loved every minutes of the job. It's fulfilling, rewarding, with the challenge high enough to make me feel my brain work. The harder the algorithmn the better, if not I must learn something new. Always.
I am at home in front of my keyboard.

## I deserve credit for...

Being able to write all that. You know it's against many cultures to speak that much about yourself in positive aspects. But overmodesty can only get you so far. 
I am proud of being able to enjoy myself at work. It was a journey to get there, and I will have to continue to work hard to keep the journey enjoyable.

## I hope to see my school/work/developer/tech community...

Learn more about itself. Sociology exists for us to be able to understand society, and communities, to improve ourselves. Assume our mistakes of the past, learn about them, and work on improving.
We should always thrive to become better than yesterday.
Types of Indexing in Databases
Tags: todayilearned, sql, database, beginners
Published: 2019-11-29 15:59:36

#### _The usual index and pointer to the record structure of indexing is not beneficially in all the cases different indexing techniques are used to help combat different records present in databases_.




Below are few different types of Indexing.

Primary Index - In primary index, there is a **one-to-one relationship** between the entries in the index table and the records in the main table. 
	
                
**_Dense primary index_**
• The number of entries in the index table is the same as the number of entries in the main table.
• Each and every record in the main table has an entry in the index.

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/7ox58uc1omcgnbmvv3jd.jpg)	
	
**_Sparse Index_**
• For large tables,to locate  a record we find the index record with the largest search key. Value less than or equal to the search key value. 
• We start at that record pointed to by the index record, and proceed along the pointers in the file (that is, sequentially) until we find the desired record.
	


![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/5h3sh9rrs4aq0agaxcna.jpg)	




           
**_Clustering Index_**

• It may happen sometimes that we are asked to create an index on a non-unique key, such as Dept-id. 
• There could be several employees in each department. 
Here we use a clustering index, where all employees belonging to the same Dept-id are considered to be within a single cluster, and the index pointers point to the cluster as a whole.

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/5h3sh9rrs4aq0agaxcna.jpg)



**_Multilevel Index/Secondary Index:_**
• A multilevel index considers the index file, which we will now refer to as the first (or base) level of a multilevel index, as an ordered file with a distinct value for each K(i).
•  In this case, the original index file is called the first-level index and the index to the index is called the second-level index.
• We can repeat the process, creating a third, fourth ... top level until all entries of the top level fit in one dis


![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/ojz5gdz9f6n19ozcgf17.jpg)


When the number of keys is high, the data is read from disk in the form of blocks. Disk access time is very high compared to main memory access time. The main idea of using B-Trees is to reduce the number of disk accesses.

We will see use of B and B+ trees in next blog post!

**_Resources_** 
https://www.tutorialspoint.com/dbms/dbms_indexing.html
https://www.ques10.com/p/14831/how-does-multilevel-indexing-improve-the-efficienc/
https://www.javatpoint.com/indexing-in-dbms
Git: Find specific, deleted content in a file
Tags: beginners, tutorial, git
Published: 2019-11-29 15:10:42

---
title: Git: Find specific, deleted content in a file
description: Git: Find specific, deleted content in a file
published: true
tags: beginners, tutorial, git
series: Shorties
---

## Problem

I worked in a file, made some commits.

Then I wanted to add some old text, that I had deleted some 10 commits ago, back into the file.


## Solution

So I only knew, that the path was `content/pages/about.md` and the text had `newsletter` in it.


#### Simple Solution

`git log -p -S <string-to-search> -- <path-to-file>`

In my case: `git log -p -S 'newsletter' -- content/pages/about.md`

You will see all changes for this specific file.
You will have to scan manually through the file.


#### Better solution

`git grep <regex-to-search> $(git rev-list --all -- <path-to-file>) -- <path-to-file>`

In my case: `git grep newsletter $(git rev-list --all -- content/pages/about.md) -- content/pages/about.md`


#### Further Reading

- https://stackoverflow.com/questions/2928584/how-to-grep-search-committed-code-in-the-git-history
My new side projects : Memocards & StackFolio
Tags: showdev
Published: 2019-11-29 15:07:52

I am creating two new side projects built on top of Blockstack - a decentralized computing network and app ecosystem.

# Stackfolio - An encrypted crypto portfolio tracker 

Features:
- Track the balance of all your crypto assets
- View Chart
- End-to-end encrypted data, making sure no one can view your financial data

[stackfolio.co](https://stackfolio.co)

# Memocards - Create & Study Flashcards Online
- Easily create flashcards
- Test your knowledge
- Learn faster and remember longer

[memocards.net](https://memocards.net)


Any feedback would be appreciated.
Books That Made Me: The Personal MBA
Tags: business, books
Published: 2019-12-01 15:14:35

---
title: Books That Made Me: The Personal MBA
description: The Personal MBA is one of the books that made me the web developer I am today. Here's why you should read it too.
published: true
date: 2019-11-29 14:15:00 UTC
tags: business, books
canonical_url: https://raddevon.com/articles/books-that-made-me-the-personal-mba/
cover_image: https://thepracticaldev.s3.amazonaws.com/i/21ydll1p622p403vv7k8.jpg
---
{% youtube Un-5Dax4Ap0 %}

If you want to learn the basics of business, <a href="https://amzn.to/2KPM8GU">buy The Personal MBA on Amazon</a>.

If you’d like a free chapter of my own upcoming book, <em>Freelance Web Development Pricing</em>, read about it and [sign up at my site](https://raddevon.com/freelance-web-development-pricing).
Software is eating the world, programming shouldn't eat up all your time
Tags: saas, startup, devlive, productivity
Published: 2019-11-29 14:11:00

We're celebrating Black Friday by gifting you the savings. 
Save up to 40% of your time building web and mobile applications. 
High-quality, standards-based code with complete freedom to extend code outside the platform.  Absolutely no restrictions.

Software is eating the world, programming shouldn't eat up all your time...or your money. Act today, Limited time offer!

https://skaffolder.com/#/home?ref=blackfriday

Save up to 95% on Skaffolder Licensing, Limited time offer!
I need your insight: Please take a very short survey!
Published: 2019-11-29 13:53:58

---
title:  I need your insight: Please take a very short survey!
published: true
description: 
tags: 
---

I work for Packt Publishing. We want to better understand what life is like for developers and other IT professionals today - from challenges at work to learning habits, it's important to us that we get to know the people who are actually building and managing software. 

It's become a bit of a truism that change is constant in the tech industry - with this survey we wanted to gain a snapshot of how true that is, and take a snapshot of how things really are today. 

The survey won't take you any more than 8 minutes (we've done it ourselves - it really doesn't take that long!)

https://www.surveymonkey.co.uk/r/packt-developersurvey2020

Thanks for helping out - please send me a message if you have any questions, or reach out to me on Twitter @richggall.
You Don't Need UIImage
Tags: swiftui, swift, ui, ios
Published: 2019-11-29 13:53:42

The `Image` view provides a way to initialize it using UIKit's `UIImage`. This was used to work-around some [early issues](https://forums.developer.apple.com/thread/119331) with Swift UI which prevented [custom symbols](https://developer.apple.com/documentation/uikit/uiimage/creating_custom_symbol_images_for_your_app) to be scaled and colored.

Here's how we display, color and scale a built-in image: 

```swift
Image(systemName: "heart.circle")
  .resizable()
  .aspectRatio(contentMode: .fit)
  .foregroundColor(.red)
```

And here's how we _used to_ display a custom SVG image using `UIImage` as intermediary: 

```swift
  Image(uiImage: UIImage(named: "heart.circle.custom")!)
    .resizable() // Dynamic sizing
    .aspectRatio(contentMode: .fit)
    .foregroundColor(.red)
```

Except that it would not take the foreground color and the scaling would be done by resampling a bitmap producing a low resolution result.

To work around these issue we would wrap the image in a dummy `Button` view, which would take care of the color. Then we would have to use a font size to scale the vector image in high resolution, like so:

```swift
Button(action: {}) { // Dummy button
  Image(uiImage: UIImage(named: "heart.circle.custom")!
    .withConfiguration(
        // Fixed size in points
        UIImage.SymbolConfiguration(pointSize: 100)
    )
  )
}
.foregroundColor(.red) // Color applied to button
```

But this still poses the problem of having to specify a static size. The solution is quite simple: avoid the use of `UIImage` and use the standard _fixed_ method.

```swift
Image("heart.circle.custom")
  .resizable()
  .aspectRatio(contentMode: .fit)
  .foregroundColor(.red)
```

Works like a charm!

See below for a result comparison of each of the methods described on this post. 

![Ways of displaying custom symbols](https://swiftui.diegolavalle.com/posts/no-uiimage/icons.png)

---

Originally posted at [Swift You and I](https://swiftui.diegolavalle.com/posts/no-uiimage/)
How To Write A Good White Paper?
Published: 2019-11-29 13:39:43

White paper is a way of reporting of some policy or action taken by any organization or government. It a process of progress on a particular subject. There is a specific format by which a white paper may be published. The organization often use the way of templates to issue certain notification.
White paper is the common and popular way of giving information to the public. The governments often take this route to give notice of some new law. This is a general practice within the government organization to use the white paper as mode for giving some information to the public.

The white paper format is common and not so hard . The most important part of such kind of term paper it’s how to write a body paragraph <a href="https://vortexessay.com/writing-body-paragraph/">how to write a body paragraph</a> . All the organizations do know the style of issuing a white paper. It is a must to follow certain formula to issue the term paper. The white paper is the official mode of any circulars issued by any government or business organization.
In this white paper, mainly it is stated what action the said organization has taken. It shows the basic intention of the issuing authority. It is widely used in all local body offices and governments. Nowadays, big multinational companies also use the white paper to notify certain decisions of the company. The company may announce certain actions taken on white paper.

It is must to use white paper to declare certain law newly formed by the government. It is just an announcement in form of notification.. It is the popular way to do it. It is also advisable to issue white paper as soon as a law in formed. It is type of reporting to the public. The white paper notice is published in front of the press reporters so that everyone can know about it. The government is duty bound to issue a white paper about some legal action is taken. The Said body is also should issue the white paper about some projects to be launched.

The basic purpose of this white paper is to share the information with the public. It is mostly used by government. The main objective of this whitepaper is making people aware of certain events that taking place. It is an official gadget o to get people knows what is going on. The government can issue several White Papers in a day. It can be issued by different department. A top official of the concerned department will sign in the order. It is the important part of daily administration work and is used in various ways.The basic idea is to let people know about the various decisions by government.

Companies also use the process of white paper to let its employee know about its decision. It is a medium through which any communication is sent. When any plants are set up, company issues a white  <a href="https://www.stickytickets.com.au/4dghu/nursing_dissertation_writing.aspx?previewevent=95710"> paper</a>. When a lock out is there in any factory, company issues a white paper. Any new offices are set up, it must be declared in white paper. So, the importance of white paper is enormous.