Front End Software Engineer

9 Courses · 180 Lessons
🔍
📖 C1 Introduction to FrontEnd Development 4 Modules · 20 Lessons
▶ M1 Introduction to Web Development 5
1L1 Web Development Overview→ 2L2 Development Environment Setup→ 3L3 How Browsers Work→ 4L4 Web Standards aur Best Practices→ 5L5 Module Review→
▶ M2 HTML Fundamentals 5
1L1 HTML Basics→ 2L2 Text aur Links→ 3L3 Media aur Forms→ 4L4 HTML Document Best Practices→ 5L5 Module Review→
▶ M3 CSS Fundamentals 5
1L1 CSS Basics→ 2L2 Box Model aur Layout→ 3L3 Typography aur Colors→ 4L4 CSS Variables aur Units→ 5L5 Module Review→
▶ M4 Responsive Web Design 5
1L1 Responsive Design Principles→ 2L2 Media Queries→ 3L3 Responsive Images aur Media→ 4L4 Responsive Navigation Patterns→ 5L5 Module Review→
📖 C2 Programming with JavaScript 4 Modules · 20 Lessons
▶ M1 JavaScript Basics and Data Types 5
1L1 JavaScript Introduction→ 2L2 Variables aur Data Types→ 3L3 Operators aur Control Flow→ 4L4 Loops→ 5L5 Module Review→
▶ M2 Arrays Objects and Functions 5
1L1 Arrays→ 2L2 Objects→ 3L3 Functions→ 4L4 Advanced Function Concepts→ 5L5 Module Review→
▶ M3 DOM Manipulation 5
1L1 DOM Overview→ 2L2 Selecting Elements→ 3L3 Modifying Elements→ 4L4 Dynamic UI Patterns→ 5L5 Module Review→
▶ M4 Events and Error Handling 5
1L1 Event Handling→ 2L2 Event Propagation→ 3L3 Asynchronous JavaScript→ 4L4 Error Handling→ 5L5 Module Review→
📖 C3 Version Control 4 Modules · 20 Lessons
▶ M1 Introduction to Version Control 5
1L1 Version Control Overview→ 2L2 Git Installation aur Setup→ 3L3 Understanding Commits→ 4L4 Repository Management→ 5L5 Module Review→
▶ M2 Git Basics and Commands 5
1L1 Essential Git Commands→ 2L2 Remote Repositories→ 3L3 Viewing History→ 4L4 Undoing Changes→ 5L5 Module Review→
▶ M3 Branching and Merging 5
1L1 Branching Basics→ 2L2 Merging Strategies→ 3L3 Branching Workflows→ 4L4 Rebasing→ 5L5 Module Review→
▶ M4 Collaboration with GitHub 5
1L1 GitHub Overview→ 2L2 Pull Requests→ 3L3 Issues aur Project Management→ 4L4 GitHub Actions Introduction→ 5L5 Module Review→
📖 C4 HTML and CSS in Depth 4 Modules · 20 Lessons
▶ M1 Semantic HTML and Accessibility 5
1L1 Semantic HTML→ 2L2 Web Accessibility a11y→ 3L3 ARIA Attributes→ 4L4 Accessibility Testing→ 5L5 Module Review→
▶ M2 Advanced CSS Selectors and Properties 5
1L1 Advanced Selectors→ 2L2 Modern CSS Properties→ 3L3 CSS Functions→ 4L4 CSS Architecture→ 5L5 Module Review→
▶ M3 CSS Flexbox and Grid Layouts 5
1L1 Flexbox Fundamentals→ 2L2 Flexbox Advanced→ 3L3 CSS Grid Fundamentals→ 4L4 Grid Advanced aur FlexGrid Together→ 5L5 Module Review→
▶ M4 CSS Animations and Transitions 5
1L1 CSS Transitions→ 2L2 CSS Animations→ 3L3 Transform Properties→ 4L4 Performance aur Best Practices→ 5L5 Module Review→
📖 C5 React Basics 4 Modules · 20 Lessons
▶ M1 Introduction to React 5
1L1 React Overview→ 2L2 Project Setup→ 3L3 React Developer Tools→ 4L4 React vs Other Frameworks→ 5L5 Module Review→
▶ M2 JSX and Components 5
1L1 JSX Fundamentals→ 2L2 Function Components→ 3L3 Component Architecture→ 4L4 Fragment aur Rendering Patterns→ 5L5 Module Review→
▶ M3 Props and State 5
1L1 Props Fundamentals→ 2L2 State Management with useState→ 3L3 Data Flow→ 4L4 State Patterns→ 5L5 Module Review→
▶ M4 Event Handling and Forms 5
1L1 Event Handling in React→ 2L2 Controlled Components→ 3L3 Form Patterns→ 4L4 Advanced Form Techniques→ 5L5 Module Review→
📖 C6 Advanced React 4 Modules · 20 Lessons
▶ M1 React Hooks Deep Dive 5
1L1 useEffect Hook→ 2L2 useRef aur useMemo→ 3L3 useReducer Hook→ 4L4 Custom Hooks→ 5L5 Module Review→
▶ M2 Context API and State Management 5
1L1 Context API→ 2L2 Context Patterns→ 3L3 State Management Libraries→ 4L4 State Architecture→ 5L5 Module Review→
▶ M3 React Router and Navigation 5
1L1 React Router Setup→ 2L2 Route Patterns→ 3L3 Navigation Patterns→ 4L4 Data Loading aur Actions→ 5L5 Module Review→
▶ M4 Testing and Performance Optimization 5
1L1 React Testing Library→ 2L2 Writing Tests→ 3L3 Performance Optimization→ 4L4 Production Best Practices→ 5L5 Module Review→
📖 C7 Principles of UX UI Design 4 Modules · 20 Lessons
▶ M1 UX Design Fundamentals 5
1L1 UX Design Overview→ 2L2 UI Design Foundations→ 3L3 Design Principles→ 4L4 Design Thinking→ 5L5 Module Review→
▶ M2 User Research and Personas 5
1L1 User Research Basics→ 2L2 Research Techniques→ 3L3 User Personas aur Journey Maps→ 4L4 Usability Testing→ 5L5 Module Review→
▶ M3 Wireframing and Prototyping 5
1L1 Wireframing Basics→ 2L2 Information Architecture→ 3L3 Prototyping→ 4L4 Design Handoff→ 5L5 Module Review→
▶ M4 Design Systems and Figma 5
1L1 Design Systems→ 2L2 Figma for Design→ 3L3 Prototyping aur Handoff→ 4L4 Design Evaluation→ 5L5 Module Review→
📖 C8 FrontEnd Developer Capstone 4 Modules · 20 Lessons
▶ M1 Capstone Project Planning 5
1L1 Capstone Overview→ 2L2 Requirements Analysis→ 3L3 Development Environment→ 4L4 Version Control Strategy→ 5L5 Module Review→
▶ M2 Building the Application 5
1L1 Navigation aur Layout→ 2L2 Homepage aur Menu→ 3L3 Reservation System→ 4L4 Additional Pages→ 5L5 Module Review→
▶ M3 Testing and Optimization 5
1L1 Unit Testing→ 2L2 Integration Testing→ 3L3 Accessibility Implementation→ 4L4 Performance Optimization→ 5L5 Module Review→
▶ M4 Deployment and Portfolio Presentation 5
1L1 Build and Deploy→ 2L2 CICD Pipeline→ 3L3 Project Documentation→ 4L4 Portfolio Presentation→ 5L5 Module Review→
📖 C9 Coding Interview Preparation 4 Modules · 20 Lessons
▶ M1 Data Structures Fundamentals 5
1L1 Arrays aur Strings→ 2L2 Linked Lists aur StacksQueues→ 3L3 Hash Maps aur Sets→ 4L4 Trees aur Graphs→ 5L5 Module Review→
▶ M2 Algorithm Strategies 5
1L1 Sorting Algorithms→ 2L2 Searching Algorithms→ 3L3 Recursion aur Dynamic Programming→ 4L4 ProblemSolving Strategies→ 5L5 Module Review→
▶ M3 ProblemSolving Techniques 5
1L1 Advanced Patterns→ 2L2 JavaScript Coding Challenges→ 3L3 FrontEnd System Design→ 4L4 Browser aur Web Concepts→ 5L5 Module Review→
▶ M4 Mock Interviews and Strategies 5
1L1 Interview Process→ 2L2 Resume aur Portfolio→ 3L3 Mock Interviews→ 4L4 Career Strategy→ 5L5 Module Review→