{"componentChunkName":"component---src-templates-blogs-js","path":"/blogs/2","result":{"data":{"allMarkdownRemark":{"edges":[{"node":{"timeToRead":2,"fields":{"slug":"arrow-functions-I","excerpt":"\nToday, I am going to talk about Arrow functions. This is a hot topic in ES6. I have divided this post into two parts so that one post doesn't get awfully long. Let's get started!\n\nArrow functions are short and nice\n\nOne of the main things about arro[..]"},"frontmatter":{"title":"Arrow functions in Javascript Part I","date":"2017-12-15T00:00:00.000Z","tags":["Javascript"]}}},{"node":{"timeToRead":3,"fields":{"slug":"let-vs-var","excerpt":"\nRecently, I started taking a course ES6 For Everyone  by Wes Bos to brush up my ES6. I will be posting about ES6 as I go through the course.\n\nToday, I am going to talk about let, const and var. Before ES6, we only had var and variables declared usin[..]"},"frontmatter":{"title":"let, const and var in Javascript","date":"2017-12-14T00:00:00.000Z","tags":["Javascript"]}}},{"node":{"timeToRead":3,"fields":{"slug":"flex","excerpt":"\nIn my last post, I talked about Javascript. Today, I am shifting my focus back to CSS Flexbox. I am going to explain flex property.\n\nflex is a shorthand property for flex-grow, flex-shrink, and flex-basis. All these properties are applied to flex it[..]"},"frontmatter":{"title":"flex-grow, flex-shrink and flex-basis in Flexbox","date":"2017-10-30T00:00:00.000Z","tags":["CSS"]}}},{"node":{"timeToRead":5,"fields":{"slug":"this-in-js","excerpt":"\nI have only posted about CSS/Flexbox as of now. Today, I decided to post about Javascript and explaining this keyword is the best way to start.\n\nI have taken Colt Steel's Web Developer Bootcamp. In that course, Elie has explained this keyword pretty[..]"},"frontmatter":{"title":"this keyword in Javascript","date":"2017-10-28T00:00:00.000Z","tags":["Javascript"]}}},{"node":{"timeToRead":2,"fields":{"slug":"align-self","excerpt":"\nI have talked about justify-content, align-items and align-content to align flex-items. All of them are a property of container and applies for every flex-item inside the container. align-self comes into play when we want to align only one flex-item[..]"},"frontmatter":{"title":"What is the use of align-self in Flexbox","date":"2017-10-27T00:00:00.000Z","tags":["CSS"]}}}]}},"pageContext":{"skip":5,"limit":5,"pages":3,"count":15,"page":2}},"staticQueryHashes":["3649515864","63159454"]}