Advanced Angular Directives Course

Advanced Angular Directives Course, available at $19.99, has an average rating of 4.67, with 28 lectures, based on 6 reviews, and has 53 subscribers.

You will learn about Ability to create complex directives on your own Design and implement advanced drag-and-drop filtering functionality Develop mouse selection on tables Acquire a profound understanding of event handling, DOM manipulation, and various user interactions This course is ideal for individuals who are Anyone keen on understanding the process of constructing complex features from start to completion, as well as enhancing their Angular coding proficiency and mastering of advanced DOM manipulations and event handling It is particularly useful for Anyone keen on understanding the process of constructing complex features from start to completion, as well as enhancing their Angular coding proficiency and mastering of advanced DOM manipulations and event handling.

Enroll now: Advanced Angular Directives Course

Summary

Title: Advanced Angular Directives Course

Price: $19.99

Average Rating: 4.67

Number of Lectures: 28

Number of Published Lectures: 28

Number of Curriculum Items: 28

Number of Published Curriculum Objects: 28

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

Ability to create complex directives on your own
Design and implement advanced drag-and-drop filtering functionality
Develop mouse selection on tables
Acquire a profound understanding of event handling, DOM manipulation, and various user interactions

Who Should Attend

Anyone keen on understanding the process of constructing complex features from start to completion, as well as enhancing their Angular coding proficiency and mastering of advanced DOM manipulations and event handling

Target Audiences

Anyone keen on understanding the process of constructing complex features from start to completion, as well as enhancing their Angular coding proficiency and mastering of advanced DOM manipulations and event handling

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 complex 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 various Document Object Model (DOM) methods
Use 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, aiming to elevate your skills and understand the process of building complex features from start to finish, this course is tailored for you. Enroll now to deepen your understanding of advanced Angular directives and acquire practical skills!

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Chapter 2: Drag & Drop

Lecture 1: Creating HTML structure and ListDraggable directive

Lecture 2: Defining initial properties

Lecture 3: Understanding init method through diagram

Lecture 4: Creation of init method

Lecture 5: Adding mouse movement to the dragged item

Lecture 6: Finding new target item for dropping

Lecture 7: Understanding next steps for getting mouse direction

Lecture 8: Creating methods to get Indices for drag placeholder and item

Lecture 9: Correction for getTransform method

Lecture 10: Using indices to check direction

Lecture 11: Understanding how item rearranging works through diagram

Lecture 12: Creating drag operation filter method

Lecture 13: Rearranging items during dragging

Lecture 14: Creating final listener and finishing the main functionality

Chapter 3: Drag & Drop – Enabling Dragging Across Multiple List Containers

Lecture 1: Creating connectedTo directive instance

Lecture 2: Adjusting init method and introducing additional CSS class

Lecture 3: Toggling between multiple instances

Lecture 4: Small correction for lecture 18

Lecture 5: Adjusting the mouse up method

Lecture 6: Handling the dropping of an item into empty list

Chapter 4: Mouse Selection

Lecture 1: Creating directive and table selection class instance

Lecture 2: Creating mouse down method

Lecture 3: Understanding start and end properties through diagram

Lecture 4: Introducing new properties and creating mouse move method

Lecture 5: Creating core selection method

Lecture 6: Creating final mouse up method

Lecture 7: Supporting multiple types and adding list selection

Instructors

Beka Maisuradze
Lead Software Engineer

Rating Distribution

1 stars: 0 votes
2 stars: 0 votes
3 stars: 1 votes
4 stars: 0 votes
5 stars: 5 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu