Udemy - Advanced Angular Directives Course!

Category Other
Type Tutorials
Language English
Total size 1.7 GB
Uploaded By freecoursewb

Downloads 144
Last checked 4 days ago
Date uploaded 2 years ago
Seeders 2
Leechers 2

Infohash : 67749CD51A7C913CB11D557ECCB6EB037ABBD62F

Advanced Angular Directives Course!

https://DevCourseWeb.com

Published 11/2023
Created by Beka Maisuradze
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English | Duration: 26 Lectures ( 3h 24m ) | Size: 1.71 GB

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

                Files: 

                [ DevCourseWeb.com ] Udemy - Advanced Angular Directives Course!
Get Bonus Downloads Here.url (0.2 KB)
~Get Your Files Here !1. Introduction1. Introduction.html (0.7 KB)
2. Drag & Drop1. Creating HTML structure and ListDraggable directive.mp4 (12.4 MB)
1.1 drag-drop-styles.css (1.3 KB)
1.2 Github starter code for drag and drop.html (0.1 KB)
10. Using indices to check direction.mp4 (19.3 MB)
11. Understanding how item rearranging works through diagram.mp4 (6.4 MB)
12. Creating drag operation filter method.mp4 (85.5 MB)
13. Rearranging items during dragging.mp4 (100.3 MB)
14. Creating final listener and finishing the main functionality.mp4 (158.7 MB)
2. Defining initial properties.mp4 (33.3 MB)
3. Understanding init method through diagram.mp4 (6.7 MB)
4. Creation of init method.mp4 (137.1 MB)
4.1 elementFromPoint.html (0.1 KB)
4.2 Explore MouseEvent properties on MDN.html (0.1 KB)
4.3 getBoundingClientRect.html (0.1 KB)
5. Adding mouse movement to the dragged item.mp4 (66.0 MB)
6. Finding new target item for dropping.mp4 (99.3 MB)
7. Understanding next steps for getting mouse direction.mp4 (35.6 MB)
8. Creating methods to get Indices for drag placeholder and item.mp4 (89.9 MB)
9. Correction for getTransform method.html (0.3 KB)
__MACOSX_ng-drag-dop-2 (0.2 KB)
_ng-drag-drop-1 (0.2 KB)
_ng-drag-drop-3 (0.2 KB)
_ng-drag-drop-4 (0.2 KB)
_ng-drag-drop-5 (0.2 KB)
ng-drag-dop-2_.DS_Store (0.1 KB)
ng-drag-drop-1_.DS_Store (0.1 KB)
src_.DS_Store (0.1 KB)
ng-drag-drop-3_.DS_Store (0.1 KB)
ng-drag-drop-4_.DS_Store (0.1 KB)
ng-drag-drop-5_.DS_Store (0.1 KB)
ng-drag-dop-2DS_Store (6.0 KB)
README.md (1.1 KB)
angular.json (2.8 KB)
editorconfig (0.3 KB)
gitignore (0.5 KB)
package-lock.json (768.4 KB)
package.json (1.0 KB)
srcappapp.component.css (1.1 KB)
app.component.html (0.3 KB)
app.component.spec.ts (0.8 KB)
app.component.ts (0.2 KB)
app.module.ts (0.5 KB)
directiveslist-draggable.directive.ts (3.8 KB)
assetsgitkeep (0.0 KB)
favicon.ico (0.9 KB)
index.html (0.3 KB)
main.ts (0.2 KB)
styles.css (0.3 KB)
tsconfig.app.json (0.3 KB)
tsconfig.json (0.9 KB)
tsconfig.spec.json (0.3 KB)
vscodeextensions.json (0.1 KB)
launch.json (0.5 KB)
tasks.json (0.9 KB)
ng-drag-drop-1DS_Store (8.0 KB)
README.md (1.1 KB)
angular.json (2.8 KB)
editorconfig (0.3 KB)
gitignore (0.5 KB)
package-lock.json (768.4 KB)
package.json (1.0 KB)
srcDS_Store (6.0 KB)
appapp.component.css (1.1 KB)
app.component.html (0.3 KB)
app.component.spec.ts (0.8 KB)
app.component.ts (0.2 KB)
app.module.ts (0.5 KB)
directiveslist-draggable.directive.ts (2.7 KB)
assetsgitkeep (0.0 KB)
favicon.ico (0.9 KB)
index.html (0.3 KB)
main.ts (0.2 KB)
styles.css (0.3 KB)
tsconfig.app.json (0.3 KB)
tsconfig.json (0.9 KB)
tsconfig.spec.json (0.3 KB)
vscodeextensions.json (0.1 KB)
launch.json (0.5 KB)
tasks.json (0.9 KB)
ng-drag-drop-3DS_Store (6.0 KB)
README.md (1.1 KB)
angular.json (2.8 KB)
editorconfig (0.3 KB)
gitignore (0.5 KB)
package-lock.json (768.4 KB)
package.json (1.0 KB)
srcappapp.component.css (1.1 KB)
app.component.html (0.3 KB)
app.component.spec.ts (0.8 KB)
app.component.ts (0.2 KB)
app.module.ts (0.5 KB)
directiveslist-draggable.directive.ts (5.1 KB)
assetsgitkeep (0.0 KB)
favicon.ico (0.9 KB)
index.html (0.3 KB)
main.ts (0.2 KB)
styles.css (0.3 KB)
tsconfig.app.json (0.3 KB)
tsconfig.json (0.9 KB)
tsconfig.spec.json (0.3 KB)
vscodeextensions.json (0.1 KB)
launch.json (0.5 KB)
tasks.json (0.9 KB)
ng-drag-drop-4DS_Store (6.0 KB)
README.md (1.1 KB)
angular.json (2.8 KB)
editorconfig (0.3 KB)
gitignore (0.5 KB)
package-lock.json (768.4 KB)
package.json (1.0 KB)
srcappapp.component.css (1.1 KB)
app.component.html (0.3 KB)
app.component.spec.ts (0.8 KB)
app.component.ts (0.2 KB)
app.module.ts (0.5 KB)
directiveslist-draggable.directive.ts (7.0 KB)
assetsgitkeep (0.0 KB)
favicon.ico (0.9 KB)
index.html (0.3 KB)
main.ts (0.2 KB)
styles.css (0.3 KB)
tsconfig.app.json (0.3 KB)
tsconfig.json (0.9 KB)
tsconfig.spec.json (0.3 KB)
vscodeextensions.json (0.1 KB)
launch.json (0.5 KB)
tasks.json (0.9 KB)
ng-drag-drop-5DS_Store (6.0 KB)
README.md (1.1 KB)
angular.json (2.8 KB)
editorconfig (0.3 KB)
gitignore (0.5 KB)
package-lock.json (768.4 KB)
package.json (1.0 KB)
srcappapp.component.css (1.1 KB)
app.component.html (0.3 KB)
app.component.spec.ts (0.8 KB)
app.component.ts (0.2 KB)
app.module.ts (0.5 KB)
directiveslist-draggable.directive.ts (8.9 KB)
assetsgitkeep (0.0 KB)
favicon.ico (0.9 KB)
index.html (0.3 KB)
main.ts (0.2 KB)
styles.css (0.3 KB)
tsconfig.app.json (0.3 KB)
tsconfig.json (0.9 KB)
tsconfig.spec.json (0.3 KB)
vscodeextensions.json (0.1 KB)
launch.json (0.5 KB)
tasks.json (0.9 KB)
3. Drag & Drop - Enabling Dragging Across Multiple List Containers1. Creating connectedTo directive instance.mp4 (40.2 MB)
1.1 updated-styles.css (1.1 KB)
2. Adjusting init method and introducing additional CSS class.mp4 (74.0 MB)
3. Toggling between multiple instances.mp4 (124.3 MB)
4. Adjusting the mouse up method.mp4 (104.1 MB)
__MACOSX_drag-drop-final (0.2 KB)
drag-drop-final_.DS_Store (0.1 KB)
drag-drop-finalDS_Store (6.0 KB)
README.md (1.1 KB)
angular.json (2.8 KB)
editorconfig (0.3 KB)
gitignore (0.5 KB)
package-lock.json (768.4 KB)
package.json (1.0 KB)
srcappapp.component.css (1.1 KB)
app.component.html (1.0 KB)
app.component.spec.ts (1.0 KB)
app.component.ts (0.4 KB)
app.module.ts (0.5 KB)
directiveslist-draggable.directive.ts (13.2 KB)
assetsgitkeep (0.0 KB)
favicon.ico (0.9 KB)
index.html (0.3 KB)
main.ts (0.2 KB)
styles.css (0.2 KB)
tsconfig.app.json (0.3 KB)
tsconfig.json (0.9 KB)
tsconfig.spec.json (0.3 KB)
vscodeextensions.json (0.1 KB)
launch.json (0.5 KB)
tasks.json (0.9 KB)
4. Mouse Selection1. Creating directive and table selection class instance.mp4 (46.1 MB)
1.1 Github starter code.html (0.1 KB)
2. Creating mouse down method.mp4 (107.7 MB)
3. Understanding start and end properties through diagram.mp4 (6.3 MB)
4. Introducing new properties and creating mouse move method.mp4 (74.9 MB)
5. Creating core selection method.mp4 (154.7 MB)
6. Creating final mouse up method.mp4 (51.0 MB)
7. Supporting multiple types and adding list selection.mp4 (118.5 MB)
__MACOSX_ng-selection-1 (0.2 KB)
_ng-selection-2 (0.2 KB)
_ng-selection-final (0.2 KB)
ng-selection-1_.DS_Store (0.1 KB)
ng-selection-2_.DS_Store (0.1 KB)
ng-selection-final_.DS_Store (0.1 KB)
ng-selection-1DS_Store (6.0 KB)
README.md (1.1 KB)
angular.json (2.8 KB)
editorconfig (0.3 KB)
gitignore (0.5 KB)
package-lock.json (768.4 KB)
package.json (1.0 KB)
srcappapp.component.css (1.1 KB)
app.component.html (0.9 KB)
app.component.spec.ts (1.0 KB)
app.component.ts (0.2 KB)
app.module.ts (0.5 KB)
directivesselectable.directive.ts (0.6 KB)
modelstable-selection.ts (1.5 KB)
assetsgitkeep (0.0 KB)
favicon.ico (0.9 KB)
index.html (0.3 KB)
main.ts (0.2 KB)
styles.css (0.6 KB)
tsconfig.app.json (0.3 KB)
tsconfig.json (0.9 KB)
tsconfig.spec.json (0.3 KB)
vscodeextensions.json (0.1 KB)
launch.json (0.5 KB)
tasks.json (0.9 KB)
ng-selection-2DS_Store (6.0 KB)
README.md (1.1 KB)
angular.json (2.8 KB)
editorconfig (0.3 KB)
gitignore (0.5 KB)
package-lock.json (768.4 KB)
package.json (1.0 KB)
srcappapp.component.css (1.1 KB)
app.component.html (0.9 KB)
app.component.spec.ts (1.0 KB)
app.component.ts (0.2 KB)
app.module.ts (0.5 KB)
directivesselectable.directive.ts (1.0 KB)
modelstable-selection.ts (5.3 KB)
assetsgitkeep (0.0 KB)
favicon.ico (0.9 KB)
index.html (0.3 KB)
main.ts (0.2 KB)
styles.css (0.9 KB)
tsconfig.app.json (0.3 KB)
tsconfig.json (0.9 KB)
tsconfig.spec.json (0.3 KB)
vscodeextensions.json (0.1 KB)
launch.json (0.5 KB)
tasks.json (0.9 KB)
ng-selection-finalDS_Store (6.0 KB)
README.md (1.1 KB)
angular.json (2.8 KB)
editorconfig (0.3 KB)
gitignore (0.5 KB)
package-lock.json (768.4 KB)
package.json (1.0 KB)
srcappapp.component.css (1.1 KB)
app.component.html (1.2 KB)
app.component.spec.ts (1.0 KB)
app.component.ts (0.4 KB)
app.module.ts (0.5 KB)
directivesselectable.directive.ts (1.8 KB)
modelslist-selection.ts (4.8 KB)
table-selection.ts (6.1 KB)
assetsgitkeep (0.0 KB)
favicon.ico (0.9 KB)
index.html (0.3 KB)
main.ts (0.2 KB)
styles.css (0.9 KB)
tsconfig.app.json (0.3 KB)
tsconfig.json (0.9 KB)
tsconfig.spec.json (0.3 KB)
vscodeextensions.json (0.1 KB)
launch.json (0.5 KB)
tasks.json (0.9 KB)
Bonus Resources.txt (0.4 KB)

There are currently no comments. Feel free to leave one :)

Code:

udp://tracker.torrent.eu.org:451/announce
udp://tracker.tiny-vps.com:6969/announce
http://tracker.foreverpirates.co:80/announce
udp://tracker.cyberia.is:6969/announce
udp://exodus.desync.com:6969/announce
udp://explodie.org:6969/announce
udp://tracker.opentrackr.org:1337/announce
udp://9.rarbg.to:2780/announce
udp://tracker.internetwarriors.net:1337/announce
udp://ipv4.tracker.harry.lu:80/announce
udp://open.stealth.si:80/announce
udp://9.rarbg.to:2900/announce
udp://9.rarbg.me:2720/announce
udp://opentor.org:2710/announce