15-Day Learning Plan - Topics by Technology
Index
1. 1. JavaScript (Core + Advanced)
2. 2. CSS (Core + Advanced)
3. 3. TypeScript
4. 4. React.js
5. 5. Redux
6. 6. Material-UI (MUI)
7. 7. .NET Core
8. 8. Database (SQL Server)
9. 9. Testing (React & Backend)
10. 10. DevOps and Azure
JavaScript (Core + Advanced)
**Core Concepts**:
- Variables (var, let, const) and Data Types.
- Functions: Regular, Arrow Functions, and IIFE.
- Control Structures: Loops, Conditionals, and Switch.
- Error Handling: `try/catch/finally`.
**Advanced Concepts**:
- Closures, Scope, and Hoisting.
- `this` and Context Binding.
- Prototype and Inheritance.
- Asynchronous Programming: Promises, `async/await`, Event Loop.
- Modules: CommonJS, ES Modules (import/export).
- DOM Manipulation and Browser APIs (e.g., `localStorage`, `Fetch API`).
- Functional Programming: Higher-order functions, Currying, Pure Functions.
CSS (Core + Advanced)
**Core Concepts**:
- CSS Selectors and Specificity.
- Box Model: Padding, Margin, Border, Content.
- Positioning: Static, Relative, Absolute, Fixed, Sticky.
- Units: px, em, rem, %, vh/vw.
- Fonts and Typography.
**Advanced Concepts**:
- Flexbox and Grid Layout.
- Media Queries and Responsive Design.
- CSS Variables and Custom Properties.
- Animations and Transitions.
- Accessibility (WCAG Standards).
- CSS-in-JS (Styled Components, Emotion).
TypeScript
**Core Concepts**:
- Types: Primitives, Arrays, Tuples, Enums.
- Interfaces and Type Aliases.
- Union, Intersection, and Literal Types.
- Functions: Type Annotations and Return Types.
**Advanced Concepts**:
- Generics and Utility Types.
- Advanced Types: `keyof`, `typeof`, Mapped Types.
- Decorators (optional).
- TypeScript Configurations (`tsconfig.json`).
React.js
**Core Concepts**:
- JSX and Virtual DOM.
- Functional Components.
- Props and State.
- React Hooks: `useState`, `useEffect`, `useRef`, `useReducer`.
**Advanced Concepts**:
- Context API for State Management.
- React Router DOM (v6+).
- Custom Hooks.
- Code Splitting and Lazy Loading.
- Error Boundaries.
- Performance Optimization.
Redux
**Core Concepts**:
- Redux Architecture: Store, Actions, Reducers.
- Setting up Redux with React.
- Dispatch and Selectors.
**Advanced Concepts**:
- Redux Middleware (e.g., Thunk, Saga).
- Redux Toolkit: Slices, `createAsyncThunk`.
- Migrating from Legacy Redux to Redux Toolkit.
Material-UI (MUI)
**Core Concepts**:
- Components: Buttons, Icons, Modals, Tables.
- Theming and Styling.
**Advanced Concepts**:
- Grid System and Breakpoints.
- Dark/Light Mode Integration.
- Accessibility with MUI.
.NET Core
**Core Concepts**:
- Understanding .NET Core Architecture.
- Building APIs with Controllers and Routing.
- Dependency Injection.
- Middleware and Filters.
- Configurations and Settings (`appsettings.json`).
**Advanced Concepts**:
- Entity Framework Core.
- Authentication and Authorization.
- LINQ Queries.
- Unit Testing in .NET Core.
Database (SQL Server)
**Core Concepts**:
- SQL Basics: SELECT, INSERT, UPDATE, DELETE.
- Joins: Inner, Left, Right, Full.
- Aggregation Functions: COUNT, SUM, AVG.
- Indexing and Views.
**Advanced Concepts**:
- Stored Procedures and Functions.
- Transactions and Locking Mechanisms.
- Performance Optimization and Query Tuning.
Testing (React & Backend)
**Frontend Testing**:
- Jest Basics: Testing Functions and React Components.
- React Testing Library: Querying Elements, Mocking APIs.
**Backend Testing**:
- XUnit for .NET Core.
- Mocking Dependencies with Moq.
DevOps and Azure
**Core Concepts**:
- Setting Up CI/CD Pipelines in Azure DevOps.
- YAML Pipeline Configurations.
- Managing Azure Resources: Functions, App Services.
**Advanced Concepts**:
- Azure Service Bus.
- Event-Driven Architecture.
- Docker Basics and Containerization.
