- Essentials
- Technical Interview Preparation
- Data Structures and Algorithms 🚀
- Systems Design and Architecture 🔥
- Specialties
- Coding Fundamentals Refresher
- Frontend Engineering and Javascript
- SQL Mastery for Interviews
- DevOps/SDLC Cheat Sheets
- Machine Learning Fundamentals
- Object Oriented Programming
- Interview Cheat Sheets by Topic
- Become a Startup Engineer
- Nontechnical
- Getting the Interview and Job
- After Landing the Job Offer
- Personalized
- Generate a Custom Course 🪄
- Guided
- 60 Day Interview Crash Course
Frontend Devlopment learning and exploring
I want to learn frontend technologies and do some good projects to showcase as a production ready engineer
Course Curriculum
Section 1. Frontend Devlopment learning and exploring
Introduction to Frontend Development
Frontend development plays a crucial role in creating user-friendly and interactive interfaces for websites and applications. As a senior engineer interested in learning the MERN stack, having a solid understanding of frontend technologies is essential. Frontend development involves working with HTML, CSS,...
HTML and CSS Fundamentals
Introduction to HTML HTML (Hypertext Markup Language) is the standard markup language for creating web pages. It provides the structure and the content of a web page. Think of HTML as the skeleton or framework of a web page, defining the different elements and how they are organized. HTML uses tags to define the different elements of a web pa...
JavaScript Basics
Introduction to JavaScript JavaScript is a versatile programming language that plays a critical role in frontend web development. It allows you to create interactive and dynamic elements on web pages, making them more engaging for users. JavaScript is often combined with HTML and CSS to build modern and responsive web applications. If you hav...
DOM Manipulation
In frontend development, DOM manipulation refers to the process of programmatically manipulating the Document Object Model (DOM) of a web page. The DOM represents the structure of an HTML document and provides a way to interact with and modify its elements. DOM manipulation is important in frontend development as it allows developers to dynamical...
Responsive Web Design
Introduction to Responsive Web Design Responsive web design is an approach to designing and building websites that ensures optimal viewing and interaction experience across a wide range of devices and screen sizes. In today's digital era, where the usage of mobile devices is increasing rapidly, it is essential for websites to be accessible and us...
CSS Frameworks
As a backend developer, you may already be familiar with the concept of frameworks in the programming world. In the frontend development realm, CSS frameworks serve a similar purpose. CSS frameworks are pre-written collections of CSS styles and components that provide a solid foundation for building websites and web applications. They offer a set...
Introduction to React
React is a popular JavaScript library for building user interfaces. It was developed by Facebook and is widely used in frontend development. React follows a component-based architecture, where each UI element is represented as a reusable component. This makes it easier to manage and update different parts of the user int...
React Components and Props
Introduction to React Components In React, components are the building blocks of a user interface. They represent a piece of the UI that can be reused throughout the application. Just like LEGO bricks can be combined in various ways to create different structures, React components can be combined to create complex UIs. Components in React ca...
React State and Events
Introduction to React State In React, state is a crucial concept that allows components to manage and maintain their own data. It represents the current condition or situation of a component and is used to update and render the user interface accordingly. As a senior engineer with a background in Java backend development, you may be famil...
React Forms and Validation
Introduction to React Forms Forms play a vital role in web development, allowing users to input data and perform actions on a website. In React, forms are created using the form element and various form input elements such as input, select, textarea, etc. Forms in React are special because they utilize the concept of **controlled comp...
React Router
Introduction to React Router React Router is a library that allows you to handle routing in your React applications. It provides a way to navigate between different pages or views without refreshing the entire page. This is especially useful when building single-page applications. React Router is built on top of the React library and uses it...
Introduction to Redux
Redux is a state management library that works well with JavaScript applications, including React. It provides a predictable state container and helps manage the state of an application in a centralized manner. The core concept of Redux involves three main components: the store, actions, and reducers. Store: The st...
Redux Actions and Reducers
Introduction to Redux Actions and Reducers Redux is a state management library commonly used in React applications. It helps in managing the application state in a predictable way. Redux actions and reducers are two fundamental concepts in Redux. Redux Actions Actions in Redux are plain JavaScript objects that represent an intention to c...
Redux Middleware
Introduction to Redux Middleware Redux is a predictable state container for JavaScript applications. It helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test. One of the key features of Redux is its Middleware system. Middleware provides a way to extend the...
Building Production-Ready Apps
Introduction to Frontend Development Frontend development is a crucial aspect of building web applications. It involves creating the user-facing part of a website or web application that users interact with. As a Senior Engineer with a background in Java backend development, frontend development opens up a whole new world of possibilities to...
