How To Insert Code Box In Blogger Post In Just Easy 8 Steps.

cranky view leonardo meme

How To Insert Code Box In Blogger Post In Just Easy 8 Steps.

If you have a coding blog where you add web development or machine learning codes one like mine, and you don't have a plugin to add code snippet in your blogging platform like in the case of blogger. I personally struggled for that but later I came to know about Hilite, I wish I knew about it earlier. But now I am aware of, it made my life very easy. Follow me until the end I will tell you how it will work.

Hilite is a free open source web application created by Alexander Kojevnikov made on python on Flask framework. blah blah and all those stuff. You don't have to read all these. Let me tell you how it can make your life easy and how to implement hilite in your blog. Trust me its simple.


1. Go to

2. Enter Your code in the Source code Box on the page.
enter code

3. Select the language of your code from language dropdown list.
select lang

4.Select color of your choice. it will change the background color of the code box.

5. Now if you want to add line numbers make sure you checked that box beside select color option.

6. Finally Highlight button at the bottom.
hilite hilight

You will get the preview of the code that is how the code will look like on your blog.
hitite sample

7.Now copy the content inside the box called HTML and paste it into your blog post HTML section where ever you want. You are done.
hilite html

8. Go to HTML tab in your post and add the copied code there.

html tab

Tell me how it is looking in the comment section. I will definitely read your comment.
Thank you.

How To Customize Your Browser To Save Time Like Pro.

I know it is a bit hard when you are reading an article on Wikipedia and then suddenly you want to copy one URL on that page and use it somewhere else. what would you do? As simple, you would hit your right mouse button and click the copy the URL option with your left button. Now what I would do, simply press "yy" on my keyboard, done. that`s all on how to copy the URL on a page of your desire. 

now talking

Impressed? Then stay with me.

Here is another situation, you are reading one article or some web development HTML or CSS or maybe javascript code.What you would you do, using the arrow keys on the keyboard to scroll down here is one alternative use "J" to scroll Down and use "K" to scroll up.

I want something more impressive!

Now if you directly want to go to the end of one page then what would you do 
1. Scroll with the mouse until the page ends.
2. Press and hold the arrow key until the scroll bar ignores you.
Here is a PRO way to achieve it. 
Simply press "G" if capslock is on else "Shift+g" BOOM! you did it.
Isn't cool? Yes indeed.

toy story meme

Another worst situation,

Imagine you are browsing a webpage which has a hideous design, suppose you are scrolling down and suddenly there is a section which has content displaying horizontally, then you have to move your cursor to that scroll bar and drag it to right or left. But I have one button alternative I will press "l" to scroll right and "h " to scroll left as simple as that.

What about finding something on a page?

What will you do to find something on a web page you would definitely press "CTRL+ F" to find I would press "/" to search and to find a next match I would press "n" that's all.

gramdma meme

An alternative for reloading any page.

What will you do to reload a page you will definitely press "F5" or "CTRL+ R" I will press "r" that's all.

Open bookmarked pages like searching the web.

What will you do to open a page bookmark I will press "o" and search the bookmarked site on your browser.

Here`s the Big Question?


Now the question arises how I am doing that? Its called Vimium magic "Vimium" a simple addon for chrome and firefox. One of the useful addon everyone must use. If you are not using it, you are wasting your time doing the old stuff.

What if you forgot those shortcut. 

Simply press "SHIFT+ /" button or "?" on your keyboard and the shortcut help box will pop up like this.

Can I create my own Shortcuts?

Yes, you can by pressing "SHIFT + ?" pop up window will open now click option.

New window tab will open and go to the second TextArea on the page.

key binding
remove all the text from that box and suppose you want to make "e" to scroll down that type.
unmap jmap e scrollDown

The first line is to unmap the previous key and the second one is to assign a new key.
And then press "CTRL + Enter" to save the change. 

hard part meme

Who is it for?

1.If you are a developer and want to save time on searching your queries around the web you should have this.
2.If you love to read articles on your favorite website that is maybe! the Vimium is must for you.

Now you can think like a HACKER MAN.


What are Progressive Web Apps? Explained.

What are Progressive Web Apps? Explained.


As we know progressive we apps are here and there is a huge buzz about it. What is the reason behind? The web is the largest software platform ever created that works on any device, anywhere.
That is the thinking behind Progressive Web Apps (PWA), these are the mobile-friendly websites that can do anything not less than native mobile apps. You might have come across to prompts popping up asking you, Make Shortcut to Home Screen. If you have ever visited twitter on the browser, not with its native mobile app. You might have encountered this situation.

Why It`s for you.


Mobile apps can take a lot of storage space on your device. If you had installed Twitter App from Play store before you might have noticed it is of 48 to 49 MB app, but PWA version of Twitter is merely some KB`s. You can see the difference, and most importantly it has most of the features the native app has.You don't need to download an app to get all the killer features like push notifications, location service etc. Your browser can itself become a hub of everything you do on your mobile phone.

How PWA work.

progressive web apps

Its quite simple, progressive web app builds on web standards called service workers, HTTPS and web app manifests. The service workers let developers build websites that can work when there’s no network. The Web App Manifest lets users do things like pin the app to their home screens, or interact with web apps as if they were native.The main motive is to make something that will work without internet and can be launched right from your mobile home screen.

What PWA can do.

disaster girl meme

Companies are looking for websites that can do everything what a native can.  according to 2017 US mobile app report by comSource that, people use mobile apps more than the browser to access the service of a website that has both website and a native app for their service. Agreed that apps are fast robust. They offer push notification, location service, background services and many more. So it is as simple as that if you want more customer, want to reach more people you should make a mobile app,  and its a hell lot of work. That the reason why companies are focusing on progressive web apps, a website that can do everything a native app does. Progressive web apps can use GPS, motion sensor, face detection, gyro sensor and more. it can pave the way for Augmented reality and Virtual reality experience. right on the web. Remember the app Lenskart, Ditto Feature. Ditto is a company which provides its service to its partners like lenskart. So to use that feature we need the native app which will consume more space so here is an alternative, build a PWA version of that app. 

How to use Progressive web app.

Hopes this will help to understand the concept of Progressive web apps.

Web Development Career Will Pay You High Or Less.

Web Development Career Will Pay You High Or Less.

Do you think investing in web development skills is a bad idea in 2018? Then my simple answer will be definitely NO!. It is one of the most searched career paths in 2018 after machine Learning and Big Data. If you don`t believe me then go and have a look on the and you will find the most trending and best seller courses are from web development and languages like Javascript, node.js, Ruby, React and its framework Redux and Yes, Python, it is the modern Swiss army knife rightly said by best-selling course creator on web development topic, Colt Steel an Instructor at Udemy.

In a sense learning Python will open many gateways for you if you want to go for Machine Learning after Web development it will become very easy for you to jump to that field or you can stay with Web Development with python or javascript both are worth learning. 

It is just the beginning back then we don't have internet and technologies like we have these days. We have just started to connect our offline business with the global customers and whenever there is a demand there is an opportunity. 
Never think for money first follow your passion and money will follow you back.

Look in this competitive market, learning only one language will not pay more, you have to be an all-rounder. came up with a youtube video explaining, Must-Know web development technologies for a web developer, it is worth watching and I highly recommend you should check that out.

High Paying technologies.

Obviously, Javascript, Python, and their frameworks will definitely pay off if you have skills in them and if you develop something amazing which can attract you employer attention to simply say WOW then you will soon become a valuable employee of your company. If you have skills in design work (Front-end development) can introduce new innovative ideas to styling the website user interface or user experience then chances are that you will earn a lump sum amount of annual package. The starting salary of Front End developer is nearly ₹453000pa or  ₹37,750 per month approximately. The major demand is in Mumbai and Gurgaon with 33% increase respectively.

More opportunity for experienced Web Developer.

webdevelopment path
Now if you want to become a full stack developer then you are on the right path there is more chance to land on a good job, you just reduced work of the employer being a full stack web developer because you are familiar with backend section and front end section. If you have got a job offer then give your full effort of 2 years on your job later you will see that your work will we more noticeable to the employer and they will soon promote you to a higher post with more responsibility.

So far you have understood that Web Development is a lucrative career choice. Now you might be thinking the what is the scope of web development. I have written another post on The Future and scope of Web Development. I highly recommend you that you must check that post.Now where to start for web development career? A big question mark here.
brace Yourselves

How to start learning web development.

To start learning web development first learn HTML5, CSS3, and JavaScript these three are the basic of web development. After learning these three languages they will open up endless possibilities for web development Javascript is still the most used frontend and backend web development choice than python because of the helpful community. It doesn't mean that I am trashing other languages but I am just talking on the basis of support and frameworks. You will find more Javascript developer willing to help at StackOverflow.
javascript backend

Now where to learn all these, I will recommend you take an online course or join some institute because if you don't have enough time to research on different topics on the internet and mastering them. If you have enough time and constant dedication and don`t want to invest money in your skills then you are good to go, else I will recommend you to take the Udemy`s The Complete Web Developer Bootcamp By Colt Steel. Trust me you will not regret taking this course, if you are a professional developer or a newbie there is always something new for every one.

After taking that course, Some tips are, You should start creating copies of some stylish websites try to figure out how they are made and recreating them will boost your skills to that next level. Merely just creating them will not work how have to feature them in your portfolio, don't hesitate to feature them in your portfolio because they are just a copy of other websites, You are just practicing later you will see a drastic change in your development skill. Creating website will become a piece of art for you and what it used to take 1 day will take 5 hrs. 

Skill Improved or not you tell me?

After getting enough experience on these three languages try to give Mobile Web Specialist Certification Exam by Google. It will put you way ahead of your peer developer. How to get be prepared for the exam is for another post. 
Currently, focus on starting with Html, CSS and Javascript, and one thing I want to make it very clear that if you have searched the web and came across to the website w3school they say learn web development, in my opinion, it is a good place to check code example like MDN Web Doc where you get a glimpse of example code how to use a function, methods, or any HTML tags. If you think you can learn from that Web Doc then you have to work hard. 
That's All, for now, Thanks for staying with me till the end, hope I cleared your confusion on Web development career will pay you high or less.     

The Scope Of Web Development In 2018.

The Scope Of Web Development In 2018

front end and back end

Web Development is one of the most searched profession for a long time. It is now one of the biggest ecosystems around the web. You might have noticed at StackOverflow most of the question on the hot topic are from web development, and it should be on the hot list because it is the most exciting career among others. It becomes more amazing when we combine frontend web development with backend web development. I don't want to explain what is Frontend development and what is Backend web development. 

You can find more information on the web like etc but in a nutshell, Frontend part is the client side part which you can see. Where Backend is all the things behind the hood that you are not aware of like in case of Facebook, you don't know how facebook create your account are how it is managing your information.

Ok Enough, Now let's talk about the Future of web development. If you are aware of the Google developer days India which recently held at Bangalore. They mainly focused on Progressive web applications and Web development. They introduced the latest updates of Lighthouse, a tool mainly for web app development. So let's Talk about Progressive web app development.

1.Progressive Web Apps

What is Progressive Web Application?

Have you ever used a news app or Twitter Mobile? Twitter mobile is one of the best examples of Progressive Web App, It is actually a lite version of the actual Android app specially designed to make the app faster with the better user experience. And not only you can access the tweets offline one, Not the new tweets but tweets which you have viewed earlier. I will not talk about how to make such apps right now. But I promise I will make a post explaining to you how to make similar one soon. 

Progressive web apps are the biggest competitor of native mobile apps so far. they look similar to them Flipkart, OLA is other examples of the progressive web apps. Once the app is connected to the internet (if the app has a background service functionality) else when used with internet in some cases, it stores the data in the user's mobile cache and further help you to view them offline anytime. The UX plays the key roll in PWA(Progressive wen Application.)


Bot Cranky View
source Mozilla blog

Web development can be taken to the next level by introducing machine learning. Companies are now hiring Machine Learning experts who can make their websites to produce or suggest related products according to user search preferences like Amazon does. When we talk about Machine Learning with web development one thing comes to mind is bots for Chat are to make thing automated.

What is a Bot for Chat and other things?
Bot are everywhere in you can find bot in Reddit forum to judge your content was spam and remove it from the forum. Bots are used in twitter according to a research 15% of Twitter users are`s a great resource from Mozilla blog.

So what is Bot? 
Instructions are written to do a specific task like following other users on Twitter and unfollow then after 3 or 4 days. Or algorithm was written to communicate with real users for providing help support or for time pass one example of Chatbot is Google Assistant. 

You will find many chatbots around the web like Hike and Skype have its own Chatbot you can communicate to them. It's now becoming more difficult to identify are you chatting with bots on twitter or a real human. 

On you can test your self if the poem is written by bots or human, kind of a game you can say. Bots can be of various type some are to like share follow some content or some are designed for customer support. Most of the companies these days want a chatbot for customer support to reduce their expense. So Building Chat bots will remain in the market for a long time.   

3.Static Single Page Website

single page site

Now comes the trend of static Single page website. Like a landing page for a company where you can find each and every content of the company on the same page and these are on a high demand. nearly every startups are now focusing on making a website for the service they are offering. If you have Experienced in HTML and CSS some basic DOM Manipulation you can make them too but, most importantly you will need to have some knowledge of UI and UX to excel in this job. You to keep in mind the design principals Before making single page themes. No need to worry that is an easy task.

4.Motion UI.

motion ui

Motion UI is none other than animating webpage people like animated eye appealing content, not static UI. Check out TrionnDesign this company Landing Page you will definitely like it. So there is a huge demand of Motion UI experts in the market You will find many topics on how to animate with Pure CSS on CodePen here you will find tons of project to get inspired and make your own with CSS check that out.

Emerging Technologies in Web Development.

1. HTML 5
2. CSS 3
3. JavaScript(JS)
4. Angular JS
5. Node JS
6. Express
7. ECMA Scripts
8. PHP
9. Mongo DB
10. CSS FlexBox

Note:- These are the cutting edge technologies which modern companies are using on their websites and the reasons in they have reduced the complexity of web development on a large scale. 

The Scope And Future Of Machine Learning And Expert Tips.

sample ML ROBO

The Scope And Future Of Machine Learning And Expert Tips.

The scope and future of machine learning are rapidly growing. One who gets int the field can reach the pinnacle of success very quickly. The power and simplicity of deep learning technology are great.
According to one of the professors of Bennet University Dr. Deepak Garg, Maths is a required subject for machine learning followed by statistics. At first, he thought to be expert in deep learning technology he has to learn too many things like linear algebra, calculus, probability, and data structures and API`s. 

[must read:]Machine Learning Course and Who Can Learn.

Later in his journey to he realized that how easy it is to get into this field and kickstart his career in Machine Learning with ample amount of online courses on udemy and Udacity etc. Very little maths is required to expert these technologies. Further added that the size of the code might surprise you if compared with the classical computer science application code. And it should amaze you indeed what you have to do is, just giving the inputs data set to the computer and providing some output samples and using an ML model, that all, the computer will find the desired output for a situation.

From this, you can realize that how machine learning is helpful in business decision making and financial analysis and what not. Many startups are not hiring Deep Learning Machine Learning experts because they want to make the user search and recommendation experience much advance and more accurate in some sense.

Here is a business case I found on

A Business Case

Let us now see an interesting example published by McKinsey differentiating the two algorithms: 
Case: Understand the risk level of customers churns over a period of time for a Telecom company Data Available: Two Drivers – A & B What McKinsey shows next is an absolute delight! Just stare at the below graph to understand the difference between a statistical model and a Machine Learning algorithm.
ML example

What did you observe from the above graph?  The statistical model is all about getting a simple formulation of a frontier in a classification model problem. Here we see a non-linear boundary which to some extent separates risky people from non-risky people. But when we see the contours generated by Machine Learning algorithm, we witness that statistical modeling is no way comparable to the problem in hand to the Machine Learning algorithm. The contours of machine learning seem to capture all patterns beyond any boundaries of linearity or even continuity of the boundaries. This is what Machine Learning can do for you.
Users don't have bang their head on the desk to worry about the inner detail of the code as you might do if you are a c programmer and creating a linked list maybe. You have to merely worry about the input sets, output sets, and the appropriate machine learning model.Worried about the future so let me make it very clear to you about it Don't panic look at the below graph, that shows the growth of Machine learning.

ML graph

[must read:] Step By Step Tips On How To Learn Maths For Machine Learning

Machine learning expert will be the most searched profession of 2018. The growth will maintain its pace for next 20 years. The biggest achievement of would be in health care and space sectors.
doctor in ML

Think of it like the doctor has given the symptoms of the patient and the symptom shows is its cancer and the on some cured output samples the robots do the treatment. Yeah, it's not that easy like I am saying here tho, but one day I think it will be there. And in space, as you might be aware of the news that Google machine learning helper NASA to find another similar solar system like us far away bit might be the star wars galaxy maybe. 
death star

So the growth is there in this field but. One Abraham Lincoln said "I would take time to sharpen my AXE before cutting the tree. " yes it was a short story but I just highlighted the moral here that you have prepared your self before getting into exploring deep Learning.

Step by step tips on how to learn maths for Machine Learning.

Machine Learning is rapidly going viral and everyone is a bit crazy about it. Every one wants to become a machine Learning expert these days. I know you are very interested in machine learning too. but if are a bit confused about what maths you will need for MachineLearning then you I am here for you to explain them in a detailed way. All the advance maths you will need for machine learning career. It is definitely a lucrative career choice, from now for 20 years this is a booming field. But to get into this field is a bit lengthy process you have a good fundamental mathematics knowledge, you should know many programming languages along with a few statistics.
As you know this is a bit lengthy process you have to stay motivated till you reach that level.One can excel in this field if he or she is highly motivated and determined and yes, you should have time.
I want to share with you all the list I made on all the maths you will require before getting into this field of computer science. you will need to work with maths to work with SCIKIT LEARN, WEKA, TENSORFLOW etc. One of my readers was asking that Do I have to study AUTOMATA for machine learning? 
The answer is yes, Automata is the base of artificial intelligence all those finite state automata, Mealy machine, Moore machine. You have to study that thing, but no need to worry about it is the easiest part of discrete mathematics.

Why you need maths.
1.To select the best efficient algorithm according to their time complexity. to make your code more efficient.
2.Choosing the parameter and setting the validation string.

What Maths you will need.
 75% of Linear algebra, 25% of statistics,15% multivariate calculus,15% Algorithm and complexity

Now where you should start?

1. Linear algebra: Khan academy linear algebra, probability and statics, Multivariable calculus and optimization.

2.Coding the matrix: Linear algebra.

3. Udacity: Introduction to statistics.

4. MIT Courseware: Linear algebra.

For a beginner you don't have to study them all right now you can start with the basic of machine learning technique and later you can expand your knowledge with these maths skills and excel in this field.

[must read] Machine learning course and who can learn.

If you want to get a live demo of machine learning right now, What is actually machine learning then Google has developed a machine learning library for the web that gives an introduction to machine learning to beginners. It's DeepLearn.js. go and give a try.

The content of the post was originally published by

Wale Akinfaderin 


7 Advance Tips to improve coding skills like a pro

tips to imrove coding

I have received many quires on how can I improve my coding skills, is there any way to code more efficiently, I am not good at problem-solving skills.So, I decided to post some advanced tips to code like a pro indeed. First of all, I want to make it very clear that there are no shortcut ways to improve your coding skills, you have to practice and think about coding all day. That was the first tip from me.
Yes, I know that thinking about coding all day is not an easy task, you have to make your mind focused on one task at a time and proceed. Now let me discuss some tips to stay focused on coding every day. So stay with me.

Advance tips to improve coding skills like a pro.

1. Start with one language and mastering it.

c language

In my case I started with C and studied it for two years when I was compleating my graduation I studied on data structures with c and the basic programming with c that made be quite an efficient coder to easily get started with other languages C is the most basic programming language and I recommend you should start with that and then move to java if you want to learn C++ then it is a vast concept and mastering C++ is not an easy task in my opinion mastering any language is not possible in 1 or 2 months you have to continuesly stay focus and work on to improve your skills. 

[Must Read:] Machine learning course and who can learn.

2. Solve coding problems.

rebuc cube

First of all, you have to find some coding problems from your textbook and try to solve them on your own, and later if you failed, check google for a solution but what if you didn't find any think on google then go to and don't hesitate to express your code problem clearly.
StackOverflow is a place where all beginners to advance programmer hangout to hone up their coding skills. You will definitely find one answer to your question. But note you cant ask every question on StackOverflow, if you code is not working or giving errors then you should ask. if your code has some syntax error you should not ask these type of question on StackOverflow. Rather you should go to some tutorial website and learn the basics properly and try to find your answer from there.Now If your program is giving output but your output is not what you were expecting then you should not ask on StackOverflow instead you should go to Code review another stack exchange site.

3. Reddit forums for knowledge.


As the title says join Reddit forums on a coding section like Ask_programming and try to be active all the time and solve coding quires of other peoples. or try to ask you query there if you want. The Reddit community is very helpful.

4. Read Programming books.


Reading is the only way to improve your skills, it may be reading an article or a book reading is the best approach to hone up your problem-solving skills what you will get with reading is incomparable with any video tutorial. yes, I agree that we get more clarity on the concept rather reading but on the other hand, it is also right to say that you will not get every problem explained as a video for you. So you have to improve your reading and understanding level so that you can acquire knowledge from anywhere. I have listed some of the most trusted books you should follow and trust me you won't regret buying them.

let us c

c skills

5. Write what you have learned so far.

yo story

Writing is sense creating a blog and explain a program that you have solved on your own or that program which you have searched on the internet but failed to find any solution. like that what you will get is, You 100% improve you code typing skill, becoming valuable assets to programming community anyone can get help from your blog any day and finally you can showcase your work to anyone. Even earn from it by monetizing your blog.

[Must Read] 3 app ideas and opportunity for you.

6. Pseudocode approach

girl coding

Every time you code it gets easier to understand the problem when you make a step by step approach toward your goal that is what we call pseudocode. basically what you do is before implementing your code in the code window what you do is you take a piece of paper and write the logic on how you will achieve the final goal. For example, you want to find the largest number in the array. 
pseudocode will be like.

Here are the few basic steps that would be involved:
1) Store the numbers in an array; arr[10]
2) Initialize i to 0
3) Compare arr and arr[i+1]
4) If arr > arr[i+1], then arr[i + 1] = arr
5) Increment i and go to step 2
6) At the end of the loop, the largest number is ***** in arr[i+1] 

it will make your problem easy to understand and boost your problem-solving skills.

7. Take part in code competition.

code jam

You should take part in coding competitions whenever you get a change may be in your college or school. Every technical institute host such competition to hunt young talent. take part in hackathons or google code jam challenge.if you think that you are capable of competing in some high-level coding competitions then check out these sites.
d. TopCoder.

That all if you follow these steps you will definitely come up with flying colors in near future. 
If you liked the tips please share as much as possible.And let me know if you want something more to be added.