Got Questions?

I agree that there are so many EdTech companies trying to sell you a piece of their pie.

Non B.Tech graduates stand an equal chance in a place where skills are valued. I highly suggest you look at various roadmaps in the tech world. There are many legit YouTubers who have put the roadmaps. After going through these, do your own investigation online before trying to buy courses and trainings.

This is just like the stock market. You should never buy something just because it is trending. Do your homework and research online. The Internet is pretty powerful when it comes to sharing knowledge.

After that, think about your interests. Programming is not for everyone. Maybe you like designing or marketing. Pursue what interests you and keeps you engaged without boredom for the years to come.

If you are applying for a software engineer or senior software engineer positions, which demand under 8 years of experience, then you will have a DS & Algo round.

And for frontend, there is 1 data structure which you must focus more than others — Trees.

We work with browser's DOM pretty much all the time as frontend engineers because that's how the web is designed. No matter which web framework/library you use, they will all create the DOM in some way and then finally render it out in the browser.

DOM is a tree data structure. Hence the name "DOM Tree". So please prepare how to traverse trees, finding node elements and manipulating them with lower time complexities.

Video tutorials are always good because they give you an initial "hand-holding".

What is not good is not practicing after the Udemy course is completed. Because the instructors will help you make a project which they are comfortable with and believes that it gives good insights into the topic.

You must however practice with more projects post the training to truly understand and get a grasp of the topic.

There are a ton of materials online, but I can suggest based on my learning journey:

• YDKJS Book series by Mr. Kyle Simpson
• Traversy Media YouTube channel by Mr. Brad Traversy
• MDN docs are easy to read and most accurate
• Read a lot of Medium blog posts on various aspects of JS
• Practice on FreeCodeCamp

Welcome to frontend! You will need to learn in the below order:

• HTML > CSS > JS (basics)
• Advanced JS
• Web browser basics & dev tools
• Web APIs, HTTP protocol
• Setup VS Code and practice
• Learn a library (like React)
• Learn JSS, SASS, LESS, Webpack, Babel, ESLint
• Learn UI framework (like Material UI)
• Learn state management (like Redux)
• Create websites

IIFE stands for Immediately Invoked Function Expression.

If you declare a function in JavaScript and immediately execute it using 2 parenthesis (), it becomes an IIFE.

This pattern is widely used in many JS libraries to isolate the variable declarations that are within them. This will allow various scripts to have scope and thus will not pollute the global object.

Another use of IIFE is to initialize a module or run effects in your app upon compiler pass/load.

As an interviewer myself, whenever I interview a candidate for a frontend position, I expect the following:

• Have core understanding of JS prototype, event loop, web APIs & promises (async JS)
• Can create projects from scratch with Node | Webpack
• Should have good understanding on Web security, browser dev tools and compatibility
• Should be willing to adapt to a new framework quickly
• Should know 1 library deeply like React.js (Redux is a bonus)

JavaScript runs on a single thread in the JS engine. It is the developer's responsibility to use asynchronous requests so that the stack in the event loop is not put into wait mode for a long-time causing freeze time.

When this happens, the browser gets frozen until the execution stack is empty again.

In real world projects, there will be many upstream & downstream systems sending and receiving huge payloads from your app.

The better you understand promises, the better you will handle these situations and produce quality code.

Your interview will probably be focused more on JavaScript, but I see many interviewers still ask a few CSS concepts to check if you are comfortable changing styles in their product.

Few important topics:

• Flexbox
• Specificity
• Media queries
• Make div shapes with CSS
• Box Model
• Transforms
• Viewport metric
• Different selectors
• Content overflow
• SASS / SCSS / LESS

I believe the best things in life are free which includes knowledge also.

If you prefer watching videos, then I don't have to mention about YouTube. It is just fully loaded.

But if you prefer writing code while learning, then try out freecodecamp.org

Finally, MDN is free for you which happens to be the 2nd most accurate resource to know about JavaScript.

Well, if you are starting your career and working on old technologies, then it is a problem for sure.

Why don't you ask your manager to shift you internally to a team working on React and other tech?

If this doesn't workout, what is stopping you from learning on your own? Pretty much all the materials are available for free. You only must make up your mind and start the journey. You will find help as you go.

The React community is big now and you will get solutions to your problems along the way.

If you are into JavaScript, you are already a full stack engineer pal.

See if you can move some of the projects to Node.js so that you can truly apply your JS skills there.

Most companies are adopting to Node.js now due to various kinds of benefits. One of the major benefits is that a separate backend team is not necessary to build the product.

So it's a win-win for employee and the company due to cost saving and faster time to market. All the best!

Firstly, your future is decided by only 1 person – You

Secondly, your manager knows that without frontend, he can't showcase the backend to stakeholders very effectively.

There is a reason you are there in the team. And you need to abstract most of the techy frontend things and start demonstrating real output to your team and gain trust.

You see, once trust comes into picture, people start believing the quality work you are doing in the team and the organization.

Most of the web browsers today support ECMAScript 6 specification code to run in their JavaScript engine.

There used to be a time when this was not so true and even today few clients do not fully support all ES6 syntax.

So we are forced to transpile our code to an older ES5 version to achieve compatibility.

Babel helps us achieve just that.

The short answer is YES

The long answer:

Data structures and algorithms are not related to any language. DS defines how data can be stored in memory and Algorithms define how one can manipulate this data to produce a meaningful result out of it in a given time.

But if you are specifically giving interview for frontend, it's better you practice solutions in JavaScript itself.

Good that you asked early.

I suggest you first learn JavaScript, the language itself well enough first before thinking about full-stack / frontend / backend.

Since you already made up your mind for full-stack, you need Frontend library like React and knowledge of Node.js. I prefer express.js for backend beginners.

I am giving this advice as you are still in UG and companies won't expect you to have advanced skills for internship or your first job.