Front End Software Engineer

9 Courses · 297 Lessons
🔍

C1 Introduction to FrontEnd Development 28 lessons

M1 Introduction to Web Development 7
1Web Development Overview▸ 2Development Environment Setup▸ 3How Browsers Work▸ 4Web Standards aur Best Practices▸ 5Module Review▸ 6T Final Module Assessment▸ 7T1 Mid Module Quiz▸
M2 HTML Fundamentals 7
1HTML Basics▸ 2Text aur Links▸ 3Media aur Forms▸ 4HTML Document Best Practices▸ 5Module Review▸ 6T Final Module Assessment▸ 7T1 Mid Module Quiz▸
M3 CSS Fundamentals 7
1CSS Basics▸ 2Box Model aur Layout▸ 3Typography aur Colors▸ 4CSS Variables aur Units▸ 5Module Review▸ 6T Final Module Assessment▸ 7T1 Mid Module Quiz▸
M4 Responsive Web Design 7
1Responsive Design Principles▸ 2Media Queries▸ 3Responsive Images aur Media▸ 4Responsive Navigation Patterns▸ 5Module Review▸ 6T Final Module Assessment▸ 7T1 Mid Module Quiz▸

C2 Programming with JavaScript 28 lessons

M1 JavaScript Basics and Data Types 7
1JavaScript Introduction▸ 2Variables aur Data Types▸ 3Operators aur Control Flow▸ 4Loops▸ 5Module Review▸ 6T Final Module Assessment▸ 7T1 Mid Module Quiz▸
M2 Arrays Objects and Functions 7
1Arrays▸ 2Objects▸ 3Functions▸ 4Advanced Function Concepts▸ 5Module Review▸ 6T Final Module Assessment▸ 7T1 Mid Module Quiz▸
M3 DOM Manipulation 7
1DOM Overview▸ 2Selecting Elements▸ 3Modifying Elements▸ 4Dynamic UI Patterns▸ 5Module Review▸ 6T Final Module Assessment▸ 7T1 Mid Module Quiz▸
M4 Events and Error Handling 7
1Event Handling▸ 2Event Propagation▸ 3Asynchronous JavaScript▸ 4Error Handling▸ 5Module Review▸ 6T Final Module Assessment▸ 7T1 Mid Module Quiz▸

C3 Version Control 28 lessons

M1 Introduction to Version Control 7
1Version Control Overview▸ 2Git Installation aur Setup▸ 3Understanding Commits▸ 4Repository Management▸ 5Module Review▸ 6T Final Module Assessment▸ 7T1 Mid Module Quiz▸
M2 Git Basics and Commands 7
1Essential Git Commands▸ 2Remote Repositories▸ 3Viewing History▸ 4Undoing Changes▸ 5Module Review▸ 6T Final Module Assessment▸ 7T1 Mid Module Quiz▸
M3 Branching and Merging 7
1Branching Basics▸ 2Merging Strategies▸ 3Branching Workflows▸ 4Rebasing▸ 5Module Review▸ 6T Final Module Assessment▸ 7T1 Mid Module Quiz▸
M4 Collaboration with GitHub 7
1GitHub Overview▸ 2Pull Requests▸ 3Issues aur Project Management▸ 4GitHub Actions Introduction▸ 5Module Review▸ 6T Final Module Assessment▸ 7T1 Mid Module Quiz▸

C4 HTML and CSS in Depth 28 lessons

M1 Semantic HTML and Accessibility 7
1Semantic HTML▸ 2Web Accessibility a11y▸ 3ARIA Attributes▸ 4Accessibility Testing▸ 5Module Review▸ 6T Final Module Assessment▸ 7T1 Mid Module Quiz▸
M2 Advanced CSS Selectors and Properties 7
1Advanced Selectors▸ 2Modern CSS Properties▸ 3CSS Functions▸ 4CSS Architecture▸ 5Module Review▸ 6T Final Module Assessment▸ 7T1 Mid Module Quiz▸
M3 CSS Flexbox and Grid Layouts 7
1Flexbox Fundamentals▸ 2Flexbox Advanced▸ 3CSS Grid Fundamentals▸ 4Grid Advanced aur FlexGrid Together▸ 5Module Review▸ 6T Final Module Assessment▸ 7T1 Mid Module Quiz▸
M4 CSS Animations and Transitions 7
1CSS Transitions▸ 2CSS Animations▸ 3Transform Properties▸ 4Performance aur Best Practices▸ 5Module Review▸ 6T Final Module Assessment▸ 7T1 Mid Module Quiz▸

C5 React Basics 28 lessons

M1 Introduction to React 7
1React Overview▸ 2Project Setup▸ 3React Developer Tools▸ 4React vs Other Frameworks▸ 5Module Review▸ 6T Final Module Assessment▸ 7T1 Mid Module Quiz▸
M2 JSX and Components 7
1JSX Fundamentals▸ 2Function Components▸ 3Component Architecture▸ 4Fragment aur Rendering Patterns▸ 5Module Review▸ 6T Final Module Assessment▸ 7T1 Mid Module Quiz▸
M3 Props and State 7
1Props Fundamentals▸ 2State Management with useState▸ 3Data Flow▸ 4State Patterns▸ 5Module Review▸ 6T Final Module Assessment▸ 7T1 Mid Module Quiz▸
M4 Event Handling and Forms 7
1Event Handling in React▸ 2Controlled Components▸ 3Form Patterns▸ 4Advanced Form Techniques▸ 5Module Review▸ 6T Final Module Assessment▸ 7T1 Mid Module Quiz▸

C6 Advanced React 28 lessons

M1 React Hooks Deep Dive 7
1useEffect Hook▸ 2useRef aur useMemo▸ 3useReducer Hook▸ 4Custom Hooks▸ 5Module Review▸ 6T Final Module Assessment▸ 7T1 Mid Module Quiz▸
M2 Context API and State Management 7
1Context API▸ 2Context Patterns▸ 3State Management Libraries▸ 4State Architecture▸ 5Module Review▸ 6T Final Module Assessment▸ 7T1 Mid Module Quiz▸
M3 React Router and Navigation 7
1React Router Setup▸ 2Route Patterns▸ 3Navigation Patterns▸ 4Data Loading aur Actions▸ 5Module Review▸ 6T Final Module Assessment▸ 7T1 Mid Module Quiz▸
M4 Testing and Performance Optimization 7
1React Testing Library▸ 2Writing Tests▸ 3Performance Optimization▸ 4Production Best Practices▸ 5Module Review▸ 6T Final Module Assessment▸ 7T1 Mid Module Quiz▸

C7 Principles of UX UI Design 28 lessons

M1 UX Design Fundamentals 7
1UX Design Overview▸ 2UI Design Foundations▸ 3Design Principles▸ 4Design Thinking▸ 5Module Review▸ 6T Final Module Assessment▸ 7T1 Mid Module Quiz▸
M2 User Research and Personas 7
1User Research Basics▸ 2Research Techniques▸ 3User Personas aur Journey Maps▸ 4Usability Testing▸ 5Module Review▸ 6T Final Module Assessment▸ 7T1 Mid Module Quiz▸
M3 Wireframing and Prototyping 7
1Wireframing Basics▸ 2Information Architecture▸ 3Prototyping▸ 4Design Handoff▸ 5Module Review▸ 6T Final Module Assessment▸ 7T1 Mid Module Quiz▸
M4 Design Systems and Figma 7
1Design Systems▸ 2Figma for Design▸ 3Prototyping aur Handoff▸ 4Design Evaluation▸ 5Module Review▸ 6T Final Module Assessment▸ 7T1 Mid Module Quiz▸

C8 FrontEnd Developer Capstone 28 lessons

M1 Capstone Project Planning 7
1Capstone Overview▸ 2Requirements Analysis▸ 3Development Environment▸ 4Version Control Strategy▸ 5Module Review▸ 6T Final Module Assessment▸ 7T1 Mid Module Quiz▸
M2 Building the Application 7
1Navigation aur Layout▸ 2Homepage aur Menu▸ 3Reservation System▸ 4Additional Pages▸ 5Module Review▸ 6T Final Module Assessment▸ 7T1 Mid Module Quiz▸
M3 Testing and Optimization 7
1Unit Testing▸ 2Integration Testing▸ 3Accessibility Implementation▸ 4Performance Optimization▸ 5Module Review▸ 6T Final Module Assessment▸ 7T1 Mid Module Quiz▸
M4 Deployment and Portfolio Presentation 7
1Build and Deploy▸ 2CICD Pipeline▸ 3Project Documentation▸ 4Portfolio Presentation▸ 5Module Review▸ 6T Final Module Assessment▸ 7T1 Mid Module Quiz▸

C9 Coding Interview Preparation 28 lessons

M1 Data Structures Fundamentals 7
1Arrays aur Strings▸ 2Linked Lists aur StacksQueues▸ 3Hash Maps aur Sets▸ 4Trees aur Graphs▸ 5Module Review▸ 6T Final Module Assessment▸ 7T1 Mid Module Quiz▸
M2 Algorithm Strategies 7
1Sorting Algorithms▸ 2Searching Algorithms▸ 3Recursion aur Dynamic Programming▸ 4ProblemSolving Strategies▸ 5Module Review▸ 6T Final Module Assessment▸ 7T1 Mid Module Quiz▸
M3 ProblemSolving Techniques 7
1Advanced Patterns▸ 2JavaScript Coding Challenges▸ 3FrontEnd System Design▸ 4Browser aur Web Concepts▸ 5Module Review▸ 6T Final Module Assessment▸ 7T1 Mid Module Quiz▸
M4 Mock Interviews and Strategies 7
1Interview Process▸ 2Resume aur Portfolio▸ 3Mock Interviews▸ 4Career Strategy▸ 5Module Review▸ 6T Final Module Assessment▸ 7T1 Mid Module Quiz▸