THE OPEN FRONTEND ACADEMY BY MUSE GROUP

Muse Group creates the world’s most popular music app sand content, including Hal Leonard, Ultimate Guitar,MuseScore, Audacity, Audio.com and more.

Our talented team of music lovers collaborate all over the globe, with headquarters in Limassol.

The Open Frontend Academy by Muse Group is a comprehensive program designed to elevate frontend skills. Through a series of structured courses and practical exercises, participants will delve into various aspects of web development, focusing on frontend technologies and best practices.

Skills Acquired:
- Upon completion of the course, you will gain proficiency in frontend development.
- You will be equipped with the ability to build responsive and interactive web applications, implement modern design principles, and troubleshoot frontend issues effectively.

Minimum Requirements:
- Students of senior courses and recent graduates are eligible to apply.
- Proficiency in web development with a focus on CSS, HTML, and JavaScript at the junior level.
- Intermediate level of proficiency in the English

Details:
- Students will be enrolled after a short online interviewLectures in Russian
- Online mode (Zoom)
- 2 lessons per week
- Group of 10 students
- Duration — 2 months, start July, 1 (to de advised)
- Free of charge

1 successful graduate will be invited to 3-month trainee program to Audio.com team

Program:

Fundamentals

1. Hello world with plain JS
2. Hello world with raw React
3. JSX
4. Custom component
5. React Fragment
4. Styling
5. Forms
6. Rendering arrays

Main Hooks
1. uesState
2. State lifting
3. useRef
4. useEffect
5. useEffect: working with API
6. The main rule of hooks
7. Custom hook

Patterns
1. Context
2. Class Components
3. Error Boundry
4. Container and Presentational
5. Compound Components
6. HOC
7. Portal
8. Routing

Advanced Hooks
1. useReducer
2. useMemo & memo
3. useCallback
4. useLayoutEffect
5. useDebugValue
6. useImperativeHandle
7. useFormStatus

Testing
1. Testing with ReactDOM
2.Testing with React Testing Library
3. Test optimisation
4. Form testing
5. Context testing
6. Hook testing

React on server

1. Rendering ways (CSR, SSR, Streaming)
2. Hydration
3. Server Components vs Client Components
4. async Server Components
5. Streaming with Server-Side Suspense​