Advanced Angular Directives Course!

[AD-TEAM]

Advanced Angular Directives Course!
Published 11/2023
MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHz
Language: English | Size: 1.20 GB | Duration: 3h 24m

Mastering 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 Coversrag and Dropelve 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 level

DDownload

[To see links please register or login]

AusFile

[To see links please register or login]

RapidGator

[To see links please register or login]