kingers Posted May 1 Report Share Posted May 1 Advanced Angular Directives Course! Published 11/2023 MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHz Language: English | Size: 1.20 GB | Duration: 3h 24mMastering Angular Directives: Empower Your Projects with Drag-and-Drop, Mouse Selection, and More! What you'll learn Ability to create complex directives on your own Design and implement advanced drag-and-drop filtering functionality for enhanced user experience Develop mouse selection on tables Acquire a profound understanding of event handling, DOM manipulation, and various user interactions Requirements Windows, macOS or Linux. Feel free to use any code editor (VSCode preferred) Basic understanding of JavaScript, Angular, TypeScript Description Welcome to this course on advanced Angular directives. This course is dedicated to creating real world directives from scratch, without the use of external or third party libraries. You will acquire a strong grasp of the fundamental concepts and gain practical skills, empowering you to not apply those skills to your projects but also create other directives independently on your own.This Course Covers:Drag and Drop:Delve into various techniques, including item reordering, transferring data across different lists, event handling, DOM manipulation, and user interactions.Getting familiar with different Document Object Model (DOM) methodsUse this knowledge as a foundation tool in order innovate and construct entirely new functionalities tailored to your needs or for your project.Mouse Selection:Focus on mouse selection on different elements (tables and lists), understanding the management of mouse events, capturing selections, and more.The key highlight is our in depth exploration of drag and drop and mouse selection functionality, providing you with the expertise needed to build something great on your own. Whether you are an Angular developer or a frontend developer transitioning from other frontend stacks and looking to elevate your skills, enroll now to enhance your understanding of advanced Angular directives and gain practical skills! Overview Section 1: Introduction Lecture 1 Introduction Section 2: Drag & Drop Lecture 2 Creating HTML structure and ListDraggable directive Lecture 3 Defining initial properties Lecture 4 Understanding init method through diagram Lecture 5 Creation of init method Lecture 6 Adding mouse movement to the dragged item Lecture 7 Finding new target item for dropping Lecture 8 Understanding next steps for getting mouse direction Lecture 9 Creating methods to get Indices for drag placeholder and item Lecture 10 Correction for getTransform method Lecture 11 Using indices to check direction Lecture 12 Understanding how item rearranging works through diagram Lecture 13 Creating drag operation filter method Lecture 14 Rearranging items during dragging Lecture 15 Creating final listener and finishing the main functionality Section 3: Drag & Drop - Enabling Dragging Across Multiple List Containers Lecture 16 Creating connectedTo directive instance Lecture 17 Adjusting init method and introducing additional CSS class Lecture 18 Toggling between multiple instances Lecture 19 Adjusting the mouse up method Section 4: Mouse Selection Lecture 20 Creating directive and table selection class instance Lecture 21 Creating mouse down method Lecture 22 Understanding start and end properties through diagram Lecture 23 Introducing new properties and creating mouse move method Lecture 24 Creating core selection method Lecture 25 Creating final mouse up method Lecture 26 Supporting multiple types and adding list selection Anyone who wants to elevate their Angular coding skills to the next levelDDownloadhttps://ddownload.com/9n3m41ofdoqz/yxusj.Udemy_Advanced_Angular_Directives_Course.part1.rarhttps://ddownload.com/2pfzsiatzq7y/yxusj.Udemy_Advanced_Angular_Directives_Course.part2.rarAusFilehttps://ausfile.com/npqpmhhg0vln/yxusj.Udemy_Advanced_Angular_Directives_Course.part1.rarhttps://ausfile.com/68zzzd4bibid/yxusj.Udemy_Advanced_Angular_Directives_Course.part2.rarRapidGatorhttps://rapidgator.net/file/c51360a5e6d90a4c44f24d28c9a2d9de/yxusj.Udemy_Advanced_Angular_Directives_Course.part1.rarhttps://rapidgator.net/file/233f7a321fdaa4eed0b0e86cbf3a6683/yxusj.Udemy_Advanced_Angular_Directives_Course.part2.rar Link to comment Share on other sites More sharing options...
Recommended Posts
Please sign in to comment
You will be able to leave a comment after signing in
Sign In Now