How To Customise 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?

vimium

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.
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 Crankyview.in maybe! the Vimium is must for you.

Now you can think like a HACKER MAN.


hackerman







What are Progressive Web Apps? Explained.


What are Progressive Web Apps? Explained.


PWA 1

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.


PWA MEME

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 Udemy.com 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. LearnCode.academy 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
src: Payscale.com
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 w3schools.com 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?
Pwa

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.)

2.ChatBots

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 bots.here`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 Botpoet.com 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.