DEV Community: Akash P

GetHelp('resumeTemplate')

Akash P — Wed, 01 Apr 2020 18:03:00 +0000

Hello, World!
I just got a spark to build an Open Source Resume and Portfolio Builder for our fellow developers and whoever to make use of it.
Planning to build it as Full-Stack JavaScript application and I am getting started with this schema found in this open source project JsonResume.

I am calling a GetHelp method and expecting to get your favorite resume templates in the form of HTML, links, images, gist, etc in return that you wish to be in my project.

Since it is an Async function I am not waiting for the return to happen and just going to start with my favorite template using the below JSON schema.

{
  "basics": {
    "name": "John Doe",
    "label": "Programmer",
    "picture": "",
    "email": "john@gmail.com",
    "phone": "(912) 555-4321",
    "website": "http://johndoe.com",
    "summary": "A summary of John Doe...",
    "location": {
      "address": "2712 Broadway St",
      "postalCode": "CA 94115",
      "city": "San Francisco",
      "countryCode": "US",
      "region": "California"
    },
    "profiles": [{
      "network": "Twitter",
      "username": "john",
      "url": "http://twitter.com/john"
    }]
  },
  "work": [{
    "company": "Company",
    "position": "President",
    "website": "http://company.com",
    "startDate": "2013-01-01",
    "endDate": "2014-01-01",
    "summary": "Description...",
    "highlights": [
      "Started the company"
    ]
  }],
  "volunteer": [{
    "organization": "Organization",
    "position": "Volunteer",
    "website": "http://organization.com/",
    "startDate": "2012-01-01",
    "endDate": "2013-01-01",
    "summary": "Description...",
    "highlights": [
      "Awarded 'Volunteer of the Month'"
    ]
  }],
  "education": [{
    "institution": "University",
    "area": "Software Development",
    "studyType": "Bachelor",
    "startDate": "2011-01-01",
    "endDate": "2013-01-01",
    "gpa": "4.0",
    "courses": [
      "DB1101 - Basic SQL"
    ]
  }],
  "awards": [{
    "title": "Award",
    "date": "2014-11-01",
    "awarder": "Company",
    "summary": "There is no spoon."
  }],
  "publications": [{
    "name": "Publication",
    "publisher": "Company",
    "releaseDate": "2014-10-01",
    "website": "http://publication.com",
    "summary": "Description..."
  }],
  "skills": [{
    "name": "Web Development",
    "level": "Master",
    "keywords": [
      "HTML",
      "CSS",
      "Javascript"
    ]
  }],
  "languages": [{
    "language": "English",
    "fluency": "Native speaker"
  }],
  "interests": [{
    "name": "Wildlife",
    "keywords": [
      "Ferrets",
      "Unicorns"
    ]
  }],
  "references": [{
    "name": "Jane Doe",
    "reference": "Reference..."
  }]
}

Just remember about the Promise that Async function should return :-)

# of ways to loop Array in JavaScipt

Akash P — Mon, 30 Mar 2020 18:29:24 +0000

Hello, World!
Here is a challenge, tell me the no of ways in which we can loop over the given arrays below?

//Array one

let letters = ['j','a','v','a','s','c','r','i','p','t']

//Array Two

let javaScipt = [
 {
   name:'Angular',
   by:'Google'
 },
 {
   name:'React',
   by:'Facebook'
 },
 {
   name:'Vue',
   by:'Evan'
 }
]

Find a place for Placeholder!

Akash P — Sat, 28 Mar 2020 16:56:17 +0000

Placeholder

A Placeholder is a person or thing that occupies the position or place of another place or thing. In a computer world, a placeholder can be text, images, JSON, etc.
Here are some of the cool placeholder resources that are found on the web for developers.

Text Placeholder :
https://loremipsum.io/
https://www.lipsum.com/

Image Placeholder :
https://picsum.photos/
https://placeholder.com/

JSON Placeholder:
https://jsonplaceholder.typicode.com/

Comment on some cool placeholder resources that you have come across below.

Let's play this

Akash P — Thu, 26 Mar 2020 16:54:40 +0000

Front-End developers -
Guess what is it
template>(header>ul>li*3>a)+footer ?

Ans: Its called Emmet
Output for the above Emmet:

   <template>
       <header>
           <ul>
               <li><a href=""></a></li>
               <li><a href=""></a></li>
               <li><a href=""></a></li>
           </ul>
       </header>
       <footer></footer>
   </template>

How cool is it ?

Check how to use it
https://docs.emmet.io/
Cheat-sheet
https://docs.emmet.io/cheat-sheet/