DEV Community: Vikram Aditya

10 job interview questions every software developer should know

Vikram Aditya — Fri, 28 May 2021 08:17:06 +0000

So you’re looking to become a software developer and join the ranks of highly skilled professionals If you’re in the midst of your job search and need some quick tips to get better prepared for the interview, we can help with that.

JOIN THEVIKCODE NEWLETTER ( GET DAILY WHICH WILL NOT BE AVAIBLE HERE ) - https://thevikcode.substack.com/

For some, interviews are nerve-racking and difficult. But as long as you prepare with mock interviews, you’ll be ready for anything your future employer might throw your way – not to mention stand out from other job seekers. If you want to ace the interview and land the job, below are ten questions that every software developer should know how to answer. We’ll follow those with some tips for your interview prep, so you have every chance to edge out the competition.

10 Questions to Expect in Your Interview:

What is responsive design? Explain the difference between fixed and fluid layouts.
Describe a time where you had to convince a teammate to change their code for a project.
What is an example of a sandbox? What’s the purpose of one?
How do you communicate your progress to your team?
What tools do you like to use to design, develop and debug applications?
What is the best way to collaborate on a coding project?
Describe a time you got something wrong while coding. What did you do about it?
Have you ever worked with someone who didn’t give as much effort as other team members? How did you handle it?
Give an example of a well designed website or product with good user experience. Why do you like it?
Have you ever had a bug in your code that was already in production? How did you communicate/fix the issue?

Tips for Nailing Your Software Developer Interview

Getting the job relies on so many factors: your experience, culture fit with the company, and even just dumb luck. But you can give yourself every competitive advantage by going into the interview prepared. Here are some reminders to keep in mind if you’re in the running for your dream developer gig.

-If you don’t know the answer, just be honest. Developer interviews can get very technical, very fast. If you don’t know the answer to a question, be transparent and tell them that – but remind them that you’re excited to learn. You could even describe another skill that you learned on the last job (or taught yourself) to demonstrate your initiative.

-Ask questions of your own. Great developers are in high demand. You might get more interview requests, or even competing job offers. So get all of the information you need to decide if the company is a good fit for you, too.

-Be ready to show off your portfolio. You should have a few of your best projects in one place, like Github. Even if you’ve never had a true developer job, there are other ways to build a portfolio

These were some general interview questions every programmer should know...

10 JavaScript Animation Libraries

Vikram Aditya — Thu, 27 May 2021 16:56:26 +0000

After some research, I’ve gathered 10 of the finest libraries around to use in your app. I’ve also added a few more, mostly unmaintained, useful libraries.

When building your UI with components, use Bit (GitHub) to easily share and reuse components between your applications. It saves you time, and lets your team share components to build faster together. Give it a try, it’s free.

JOIN THEVIKCODE NEWLETTER ( GET DAILY WHICH WILL NOT BE AVAIBLE HERE ) - https://thevikcode.substack.com/

1. Three.js

At over 43K stars, this popular library is a great way to create 3D animations on the browser, using WebGL in an intuitive way. Providing canvas, svg, CSS3D and WebGL renderers, this library lets us create rich interactive experiences across devices and browsers. First introduced at April 2010, the library is still being developed by nearly 1,000 contributors.

2. Anime.js

At over 20K stars, Anime is a JavaScript animation library that works with CSS Properties, individual CSS transforms, SVG or any DOM attributes, and JavaScript Objects. This library lets you chain multiple animation properties, synchronize multiple instances together, create timelines and more.

3. Mo.js

At 14K stars, this library is a motion graphics toolbelt for the web, with simple declarative APIs, cross-device compatibility and over 1500 unit-tests. You can move things around the DOME or SVG DOME or create unique mo.js objects. Although documentation is somewhat scarce, examples are plentiful and here’s an introduction at CSS tricks.

4. Velocity

At 15K stars, Velocity is a fast Javascript animation engine with the same API as jQuery’s $.animate(). It features color animation, transforms, loops, easings, SVG support, and scrolling. Here’s a breakdown of Velocity’s high performance engine, and here’s an intro to SVG animation using the library.

5. Popmotion

At 14K stars, this functional and reactive animation library weighs only 11kb. It allows developers to create animations and interactions from actions, which are streams of values that can be started and stopped, and created with CSS, SVG, React, three.js and any API that accepts a number as an input.

6. Vivus

At over 10K stars, Vivus is a zero-dependencies JavaScript class that lets you animate SVGs, giving them the appearance of being drawn. You can use one of many available animations, or create custom script to draw you SVG. Check out Vivus-instant to get a live example, hands-on.

7. GreenSock JS

GSAP is a JavaScript library for creating high-performance, zero dependencies, cross-browser animations which claims to be used in over 4 million websites. GSAP is flexible and works with React, Vue, Angular and vanilla JS. GSDevtools can also help dubug animations built using GSAP.

8. Scroll Reveal

With 15K stars and zero dependencies, this library provides easy scroll animations for web and mobile browsers, to reveal things on-scroll in an animated way. It supports multiple neat types of effects, and even lets you define animations using natural language.

9. Hover (CSS)

Well, this is a CSS library. At 20K stars, Hover provides acollection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and more, available in CSS, Sass, and LESS. You can copy and paste the effect you’d like to use in your own stylesheet or reference the stylesheet.

10. Kute.js

A fully fledged native JavaScript animation engine with essential features for cross-browser animations. The focus is code quality, flexibility, performance and size (core engine is 17k min and 5.5k gzipped)- here’s a demo. The library is also extendable so you can add your own features.

How to crack coding interviews

Vikram Aditya — Wed, 26 May 2021 20:54:33 +0000

First things first, it is very important to spend some time (at least a weekend) on research — finding the right kind of resources to study for your interviews, and coming up with a plan for the next few weeks. This plan might also include the list of companies you wish to apply for, and in what order (yes, order matters!).

The Interview process

The interview process at most software companies broadly comprises the following steps:

Resume screening — Phone interview — (Virtual) Onsite interviews — Hiring Decision— Offer delivery

JOIN THEVIKCODE NEWLETTER ( GET DAILY WHICH WILL NOT BE AVAIBLE HERE ) - https://thevikcode.substack.com/

Before the interviews

The key to preparation for coding interviews is coding practice, a lot of it. But before jumping into that, it is always good to brush up theory concepts which are specifically important for interviews, and have a look at topic wise solved/unsolved problems. This approach is quite similar to how we used to prepare for our school/college examinations. I found the following two books very useful for my preparation. The good thing about these books is that they also discuss problem solving patterns.

Coding practice

There are several websites that offer practice problems for interview preparation. I prefer LeetCode as it has an amazing public collection of Top Interview Questions for all three difficulty levels- Easy, Medium, Hard. My suggestion is to start your coding practice with this curated list (start with Easy or Medium depending on your past coding practice/current comfort level), and then move to other relevant problems depending on your weak topics. Most importantly, practice writing code (with minimum possible errors) on paper or plain text editors/Google docs.

Some free advice

Write things down to learn better, be it maintaining excel sheets of solved problems, docs, or even hand-written notes.
Know the programming language you are going to use during interviews (e.g., C++/Java) inside out, well, at least the library functions.
Learn basic Object-Oriented Programming Concepts, to be able to write modular and clean code with short comments if time permits (Interviewers love modular code!).
Behavioral rounds matter! It does not take a lot of time to prepare for behavioral questions, but they might have a great impact on your application. Use the STAR method to think of answers to common behavioral questions.

During the interviews

Make sure you understand the problem — the problems are deliberately made ambiguous/open-ended. Ask the right kind of clarifying questions and state any assumptions that you make about the problem scope.
Select a simple yet good example/test case, which may lead to insights about how to solve the general problem.

3.Focus on the algorithm and data structures you will use to solve the problem. Think of a couple of approaches, and keep talking to the interviewer (really important) about your thought process.

Explain your best solution to the interviewer — he/she might ask for a more efficient solution. It is very important to resist the temptation to begin coding before figuring out a complete solution.
Code your solution while still explaining to the interviewer, what you are doing. Make sure you write clean and simple code with good variable naming, possibly with proper input validation.
Verify that your code works by tracing it through the test case (from step 2), to remove minor bugs. Next, check your code for all corner and special cases (if time doesn’t permit, at least tell the interviewer verbally).
Lastly, talk about the time and space complexity of your solutio

Top JavaScript VSCode Extensions for Faster Development 🔥

Vikram Aditya — Wed, 26 May 2021 15:24:28 +0000

VSCode is an open-source, cross-platform editor that has become a favourite of programmers, particularly in the Web Development community. It’s fast, extensible, customisable, and has tons of features. You should check it out if you haven’t already done it.

Thousands of extensions have been made for VSCode. I am going to list a few extensions that I use on a day-to-day basis.

Let’s begin!

Quokka.js

Quokka.js is a rapid prototyping playground for JavaScript and TypeScript. What that means is that it runs your code immediately as you type and displays various execution results in your code editor. Try it yourself.

After installing this extension, you can press Ctrl/Cmd(⌘) + Shift + P to display the editor’s command palette, and then type Quokka to see the list of the available commands. Select and run the New JavaScript File command. You can also press (⌘ + K + J) to open the file directly. Anything you type in this file is executed immediately.

JOIN THEVIKCODE NEWLETTER ( GET DAILY WHICH WILL NOT BE AVAIBLE HERE ) - https://thevikcode.substack.com/

Todo Highlighter

It often happens that you code a function, and think that there is a probably better way to do the same thing. You leave a comment // TODO: Needs Refactoring or something to that effect. But then you forget about the note and push your code to master/production. With Todo Highlighter, that won’t happen. Hopefully.

It highlights your TODOs/FIXMEs or any other annotation in your code in bright colours so it is always clearly visible. One nifty feature is List Highlighted annotations. It lists all the TODOs in the output console.

REST Client

As a web developer, we often need to work with REST APIs. For examining the URLs and checking the responses, tools like Postman are used. But why have a different app when your editor can easily do the same task. Welcome REST Client. It allows you to send HTTP request and view the response in Visual Studio Code directly.

Auto Close Tag and Auto Rename Tag

Since the advent of React and the traction it has gained in the last few years, HTML-like syntax in the form of JSX is all the rage now. We again have to code with tags JavaScript. Any web developer you would tell you that it is a pain to type the tags. In most cases, we need a tool that can quickly and easily generate tags and their children. Emmet is a really good example of this already built into VSCode. However, sometimes, you do just want something simple and concise. Such as an auto tag closer, which generates the closing pair of a tag as you type the opening pair. And when you change that same tag, the closing tag automatically gets changed. These two extensions do just that.

GitLens

As told by its author, GitLens supercharges the Git capabilities built into Visual Studio Code. It packs a surprising number of features such as code authorship shown via Code lens, commit search, history and GitLens explorer. You can read full explanations of these features here. Suffice it to say that you should install this plugin if you do any work with git.

There are other extensions that focus on a specific functionality. You can install those if GitLens feel bloated or you don’t use many of its features.

Top 5 Web Development Trends of 2021

Vikram Aditya — Mon, 24 May 2021 17:10:34 +0000

AI or Bots
JavaScript
Progressive Web App
Mobile-Friendly Website
Blockchain Technology

AI or Bots
Artificial intelligence (AI) is the intelligence displayed by machines to mimic human intelligence and perform cognitive functions like the ability to learn, collect data, analyze information, understand emotions or solve challenging problems. The need for AI-enabled communication, multi-task automation, and analytics solutions will become more prevalent this year.
As early as now we can see how AI’s chatbots, virtual assistants (like Amazon’s Alexa, Apple’s Siri and Microsoft’s Cortana) and voice bots helped businesses engagement and transformed social interaction. Their evolutions empowered the omnichannel for digital customer experience and guaranteed consistency across voice, chat, messaging and websites.
With the help of Machine Learning (ML) development and Artificial Neural Network (ANN) researches and studies, AI might achieve its coveted goals – to successfully simulate genuine human empathy and demonstrate commonsense knowledge.

JavaScript
JavaScript is still the most popular language for the last six years, and it continues to develop according to Stack Overflow 2018 report. The evolution of its frameworks, libraries, and designs for the past years proved that it has lots to offer in the market. No wonder it’s developer’s top pick language for it provides a whole new experience of flexibility, challenge, and power.
In Coding Dojo bootcamp, we teach not only Javascript, but we offer five of the Most In-Demand Programming Languages of 2019 ranked in TIOBE Index. Our learning platform equips developers with the most sought-after tech skills and helps them stand out on the job market.

Progressive Web App
Progressive Web Apps (or PWAs) are still part of 2019 hottest web trends. These modern web applications load like regular web pages or websites but have a high level of functionality. They can load instantly, regardless of the network state and browser choice because they’re built with progressive enhancement, a strategy for web design that emphasizes core webpage content first.
PWA ensures an instant, independence and reliable experience of users without cache issues. It’s safe because it served via HTTP to avert content snooping and data tampering.
On top of that, PWA is user-friendly, installable and hassle-free which enhances the existing web technologies—thanks to its service workers and other built-in features. It can be shared via a URL and can re-engage users with web push notifications.

Mobile-Friendly Website
Mobile-friendly websites are websites that work well on smartphones. They use touch controls and can fit on small screens for quick navigation. Furthermore, they load fast due to their fantastic features which reduce data entry.
In 2016, Google’s A-Team created its own first mobile-optimized search index. It’s one of Google’s best approaches to give their smartphone visitors the same quality of user experience when delivering search results regardless of the device they’re using.
Although hardware and user-interface are different between desktops and mobile devices, many companies adopted the strategy to start digital traffic and increase their website marketability. It’s a wise move for the number of mobile phone users in the world. And it is expected to pass the five billion mark by 2019 according to Statistica.com.

Blockchain Technology
Thanks to Satoshi Nakamoto, the unknown person who [claimed to be a Japanese] created and developed the bitcoin, we’ve entered the Bitcoin Era. And from it, the Blockchain Technology emerges which heyday is still evident nowadays.
Blockchain is an open and distributed ledger, notorious for its secured design, decentralized consensus, and modified-resistance blocks. It’s designed to lower the financial business cost, reduce the frequency of transaction settlement and improve cash flow backed up by transparent records/data.
As a peer-to-peer network manages it, it has a strict protocol for inter-node communication and new block validation process that earned it the title as the “First and Most Trusted Global Cryptocurrency Company.”
One of the best practices of Coding Dojo workshops is to teach our students on how to create digital certificates using blockchain. This BlockCerts project is made possible with our partnership with MIT. Now, we issue verifiable graduation certificates on the BitCoin blockchain that ensures valid status.

Technologies keep on growing day by day like LaMDA recently launched, also Blockchain technology like bitcoin, Ethereum, dogecoin ( to the mooooooon ) and many more...

JOIN THEVIKCODE NEWLETTER ( GET DAILY WHICH WILL NOT BE AVAIBLE HERE ) - https://thevikcode.substack.com/

5 Awesome Thing You Can Build With Node.Js

Vikram Aditya — Sun, 23 May 2021 19:28:20 +0000

Node.js is not just for making simple websites, but awesome, dynamic, real-time experiences. Here are some Node.js project ideas to spark your inspiration:

GIF Chat Room
Node.js is built for making chat applications. Here’s a novel twist. Chrome and Firefox have an API to access a computer’s camera. Images from the camera get processed around the submission of a chat message and a GIF is sent to the room.
Build your Own Zoom
With the rise of working from home and modern Web APIs like WebRTC being supported by more and more browsers, Zoom & Google Hangout-like applications are going to get more common. Talky.io is one of those .You (and a friend) can visit their website in a compatible browser and try it out for yourself! Check out either a short or long tutorial to learn how to build your own.
Job Search App
Node’s capabilities to communicate with APIs make it ideal for building full stack applications. This tutorial uses the Adzuna jobs API, vanilla JS, and Node to create a job searching app and add custom features you’d like to see in your favorite app.
Collaborative Drawing Tool
Treehouse students will learn how to build a simple drawing application in jQuery in the course jQuery Basics. The functionality has been extended with Node.js so that multiple people can draw on the same canvas!
Covid-19 Tracker
Node.js is a powerful tool for writing server side JavaScript and allows you to interact with APIs and pass data to the front end. You can use Node.js in combination with React and chart.js to create a COVID tracking app. This example pulls data from the CDC so you can stay up to date with stats.

At last I want to say that this is just some of the example I gave to you there's anything you can build.

THANKS FOR CHECKING OUT :D

JOIN THEVIKCODE NEWLETTER ( GET DAILY WHICH WILL NOT BE AVAIBLE HERE ) - https://thevikcode.substack.com/