Software Development
Advanced Front-End Development
Master advanced frontend development techniques including performance optimization, progressive web applications, state management, and modern CSS architecture. The course focuses on real-world implementation through practical projects.
About this course
Master advanced frontend development techniques including performance optimization, progressive web applications, state management, and modern CSS architecture. The course focuses on real-world implementation through practical projects.
Advantages
Practical teaching
In addition to class hours, you will practice the topics covered with your instructor and mentor dur
Mentors
The knowledge and skills you learn at the academy will be further strengthened with the mentor syste
Academic transcript
Assignments and projects are checked by the instructor, and your knowledge and skills are determined
Training program
- 1 React fundamentals: Functional components, JSX, props/state, lifecycle with hooks (useState, useEffect)
- 2 Redux basics: Store, actions, reducers, useSelector, useDispatch
- 3 One-way data flow and immutability
- 4 Intro to Redux Toolkit: configureStore, createSlice
- 5 Common pitfalls and anti-patterns
- 1 Scalable architecture: feature-based structure, domain-driven design
- 2 Container vs presentational components
- 3 Modular Redux with Redux Toolkit: createSlice, createAsyncThunk, createEntityAdapter
- 4 State strategy: global vs local, when to use Redux, Context, or component state
- 1 API management with RTK Query: fetching, caching, polling
- 2 Advanced async logic with createAsyncThunk
- 3 Writing custom middleware: logging, metrics, notifications
- 4 Middleware comparisons: Redux Thunk vs Redux Saga
- 1 React internals: rendering lifecycle, batching, reconciliation
- 2 Concurrent features: startTransition, useDeferredValue
- 3 Memoization tools: React.memo, useMemo, useCallback
- 4 Profiling with React DevTools and flamegraphs
- 5 Optimizing Redux with reselect and avoiding unnecessary re-renders
- 1 Compound components
- 2 Controlled vs uncontrolled components
- 3 Render props and higher-order components (HOCs)
- 4 Hooks-based component composition
- 1 Form libraries: react-hook-form vs formik
- 2 Schema validation: Yup, Zod
- 3 Dynamic forms and conditional logic
- 4 Performance and field-level validation techniques
- 1 Unit testing: components and slices with Jest
- 2 Integration testing with React Testing Library
- 3 Mocking strategies: Redux store, async logic (msw, jest.fn)
- 4 Test coverage strategy and CI/CD integration
- 1 Build a production-ready dashboard: authentication, APIs, charts, forms
- 2 Environment configs and feature flags
- 3 Error boundaries and fallback UIs
- 4 Logging, analytics, and observability
- 5 Deployment strategies: Vercel, Netlify, Docker, CI/CD
- 1 React Server Components (RSC) and streaming
- 2 TypeScript with React and Redux
- 3 Monorepo tools: Turborepo, Nx
- 4 Micro frontends architecture
- 5 Internationalization (i18n) and localization
