Egghead Instructor Akash Gutha

Akash Gutha

Electronics engineer by degree. Programmer by profession.



Support Akash's Free Lessons
become a member today

Browse Akash Gutha's lessons.

showing 15 lessons...

Process Images in React with react-imgpro

Build a Fluid Loading Animation in CSS

Create Automated .gitignore Files for Your Project

Iterate Over Items with JavaScript's for-of Loop

Render Markdown using React with React-Remarkable

Create an Animated Hamburger using HTML5 and CSS3

Build a Carousel Control using Bootstrap

Understand the Bootstrap Grid system

Refactor Services and Quick Fixes with Typescript 2.5

Type check JavaScript files using JSDoc and Typescript 2.5

Avoid Catching Errors with TypeScript 2.5 Optional Catch Clauses

Running your server forever using forever in Node.js

Array Includes method in ES2016 - ES7

Create a Hello bot using Microsoft Botbuilder SDK in Node.js

Exponent operator in ES2016 - ES7

Process Images in React with react-imgpro

3:41 react

In this lesson, we will cover a popular image processing component in the react eco-system for image processing.

The Library is react-imgpro.

Installation:

npm install --save react-imgpro

Include it as a module :

import ProcessImage from 'react-imgpro'

The documentation and the source files can be found here:

https://github.com/nitin42/react-imgpro

Build a Fluid Loading Animation in CSS

4:32 css

In this lesson, we will create a fluid loading animation using Animations and Transformations in CSS3.

Summary:
1. Use keyframes to animate.
2. Add animation property to the required division.
3. Add in an appropriate Transition time.
4. Play with the easing function to get a smooth animation.

Create Automated .gitignore Files for Your Project

2:38 otherjs

This lesson explores what git ignore files are and automating the creation of git ignore files.

The methods covered in this lesson for creating git ignore files are :

  1. Manual Method
  2. Using Github Site
  3. using an IDE
  4. using Gitignore.io

Iterate Over Items with JavaScript's for-of Loop

4:11 js

In this lesson we will understand the For Of loop in Javascript which was introduced in ES6. The for-of loop lets you iterate of an itterable object (array, string, set, or map) and returns each objects value in a specified variable. This excludes plain objects as we will see in the lesson.

Render Markdown using React with React-Remarkable

1:31 react

We will use the React-Remarkable library to render markdown onto our React DOM.
This library uses the Remarkable library to render markdown.

Installation Guide

npm install --save react-remarkable

Importing Guide

import Markdown from 'react-remarkable'

Create an Animated Hamburger using HTML5 and CSS3

3:01 css

We will create an interesting animated hamburger that can be used in websites.
In this process, we will look at transitions and transformations in CSS3.

Further Links:

  1. https://codepen.io/tag/hamburger%20menu/
  2. https://codepen.io/designcouch/pen/Atyop

Build a Carousel Control using Bootstrap

6:30 css

Bootstrap makes building a carousel control a breeze. For Bootstrap carousel to work, we should include Jquery and Bootstrap's javascript module.

Carousel has 3 parts:
1. Slider
2. Slider Controls
3. Indicators

To setup Bootstrap:

http://getbootstrap.com/docs/3.3/getting-started/#download

Understand the Bootstrap Grid system

4:44 css

We will understand the Bootstrap grid system by creating a sample HTML page which is responsive to width changes.
We will use Bootstrap 3 for this lesson.

Link for Bootstrap setup

Refactor Services and Quick Fixes with Typescript 2.5

1:32 typescript

This lesson covers the Refactoring services and Quick fixes provided by Typescript 2.5

Type check JavaScript files using JSDoc and Typescript 2.5

1:31 typescript

Typescript 2.5 adds JSDoc type assertion support for javascript file via ts-check service.

Avoid Catching Errors with TypeScript 2.5 Optional Catch Clauses

2:03 typescript

Typescript 2.5 has brought a couple of interesting changes to the table. let's take a look at these new features and how to take advantage of these features.

Optional catch clauses: TypeScript 2.5 brings a new ECMAScript-bound feature for making catch clauses optional. Most of the time, you’ll find yourself writing a try/catch but not really caring about the thrown error. So Typescript provides you some syntactic sugar for omitting the error paramter.

Running your server forever using forever in Node.js

2:43 node

Previously to tackle manual restarts due to server crashes , process management tools were used.

Forever is one such module that is runs on the node ecosystem. So, we need not move away from the rich ecosystem of Node.js.

Use
npm
install --global forever
to
install forever module globally.

Array Includes method in ES2016 - ES7

2:23 js

Introduction to the new includes method included in the ES2016 specification for the Array data structure.
Review of the previous methods followed, also some complicated examples to get out heads around the new functionalities provided using the includes function.

node tutorial about Create a Hello bot using Microsoft Botbuilder SDK in Node.js

Create a Hello bot using Microsoft Botbuilder SDK in Node.js

2:01 node

Understanding the basics of botbuilder sdk by microsoft, and exploring the basic bot setup to run and respond to messages on any command line client.

The botframework provides two connector classes ConsoleConnector, ChatConnector.

  1. To setup connection to the terminal we used the ConsoleConenctor class
  2. Though in production environment you would like to deploy the bot on to various platforms like facebook, skype, slack etc. the ChatConnector class provides the functionality to do this.
  3. The Chat Connector setup is a bit more complicated, yet doesn't affect the actual logic that you will build your bot on.

Exponent operator in ES2016 - ES7

2:15 js

A brief introduction and review of the exponent operator in ES2016 and review previous methods being followed.
We will also look at some examples that demonstrate the behaviour of the exponent operator.

HEY, QUICK QUESTION!
Joel's Head
Why are we asking?