Advanced Front-End Development

GMUSD87

Credits: 2.00

Prerequisites : Basic programming & computer knowledge

Course Duration : 30 Hours / 12 Weeks

Start Date : 2024-08-01

End Date : 2024-10-31

Seats Remaining : 60

BACK

Aim & Summary

The "Advanced Front-End Development" course aims to deepen students' expertise in creating dynamic, responsive, and user-friendly web interfaces. Building on foundational front-end skills, the course covers advanced JavaScript frameworks, state management, performance optimization, and best practices in user experience (UX) and user interface (UI) design. By the end of the course, students will be proficient in developing sophisticated front-end applications that deliver exceptional user experiences.

Course Content
Week 1	Advanced JavaScript ,ES6+ Features: Arrow Functions, Classes, Modules ,Asynchronous JavaScript: Promises, Async/Await ,Error Handling and Debugging ,Hands-On: Applying Advanced JavaScript Features
Week 2	Introduction to Front-End Frameworks ,Overview of Front-End Frameworks ,Introduction to React.js ,Setting Up a React Development Environment ,Hands-On: Creating a Basic React Application
Week 3	React Components and State Management ,Understanding React Components and Props ,Managing State with use State and use Effect Hooks ,Introduction to Context API ,Hands-On: Building a Component-Based React Application
Week 4	Routing and Navigation in React ,Introduction to React Router ,Implementing Navigation and Routing ,Dynamic Routing and Route Parameters ,Hands-On: Adding Routing to a React Application
QUIZ 1
Week 5	Advanced React Concepts ,Component Lifecycle Methods ,Custom Hooks and Error Boundaries ,Performance Optimization Techniques ,Hands-On: Enhancing React Applications
Week 6	Introduction to Front-End Tooling ,Overview of Build Tools: Webpack, Babel ,Introduction to Package Managers: npm, Yarn ,Setting Up a Development Workflow ,Hands-On: Configuring and Using Build Tools
Week 7	Introduction to CSS Preprocessors ,Overview of CSS Preprocessors: Sass, Less ,Variables, Mixins and Nesting ,Compiling Preprocessed CSS ,Hands-On: Using Sass for Styling
Week 8	CSS and Animations ,CSS Transitions and Animations ,Keyframe Animations and Animation Libraries , Responsive Design and Advanced Layout Techniques ,Hands-On: Implementing Advanced CSS Animations
QUIZ 2
Week 9	Testing Front-End Applications ,Introduction to Front-End Testing ,Tools for Testing: Jest, React Testing Library ,Writing Unit and Integration Tests ,Hands-On: Testing React Components
Week 10	Front-End Performance Optimization ,Performance Best Practices: Lazy Loading, Code Splitting ,Analyzing and Improving Performance ,Tools for Performance Monitoring: Lighthouse ,Hands-On: Optimizing Front-End Performance
Week 11	-
Week 12	-
PROJECT REPORT

Course Certification

Certificate will have your name, photograph and the score in the final exam with the breakup. It will have the logos of GMU and company handling the course.