logo asrrAboutAboutContact ↗Contact ↗ (opens in a new tab)
GitHubGitHub (opens in a new tab)
  • Introduction
  • Courses
    • Introduction
      • Determining the Right Language
        • Creating a Website
        • Creating a Data Platform
        • Creating a Basic Database
      • Choose an IDE
      • What we use
        • WebStorm
        • PyCharm
        • IntelliJ IDEA
        • Visual Studio
    • The Flow
    • Branches
    • Merging & Resolving Issues
    • Cheatsheet
    • GitHub
    • Create a GitHub Repository
    • Test Driven Development (TDD)
      • The ASRR approved TDD development flow
      • Mocking
      • Assertion
    • Architecture
        • Dictionary for Technical Terms
        • What are HTTP requests?
        • What is an API?
        • Coding Conventions
        • Spring Boot Terminology
        • The Editor
        • Setting up the dev environment
        • Kotlin
          • The Elvis operator (?:)
          • Lambdas
        • CRUDs
        • Dependency Injection
        • Separation of Concerns
        • Blob Storage
        • Document Referencing in NoSQL
        • Component Overview
        • Resource Groups
        • Cosmos DB
        • Blob Storage
        • Container Registry
        • App Service
        • Bicep
        • Setting up
        • Addin files
        • Debugging
        • Architecture
        • Commands
        • Interface
        • Dependency Injection
        • Unit Tests
        • ASRR.Core
        • ASRR.Revit.Core
        • Installers
        • CI/CD
        • Model-View-ViewModel
      • Introduction
      • Web Browsers
      • Inspecting and Debugging
      • HTTP and HTTPS
      • AJAX and the Fetch API
      • Front-End Frameworks
      • Integrating Frameworks
      • Responsive Design
      • Performance and Optimization
      • APIs and Data Exchange
      • Cross-Origin Resource Sharing
      • Web Security
      • Content Security Policy
      • Introduction
      • Elements, Tags and Attributes
      • First HTML document
      • Images and other media
      • Hyperlinks and navigation
      • Forms
      • Semantic elements
      • Meta tags
      • Introduction
      • Inline vs Internal vs External
      • CSS Selectors
      • Class vs ID Selectors
      • Styling Properties
      • Box Model
      • Layout
      • Responsive Design
      • Transitions & Animations
      • Variables
      • Building a Simple Webpage
      • Introduction
      • JavaScript Basics
      • Conditionals, Loops, and Functions
      • Document Object Model (DOM)
      • Events
      • Objects and Arrays
      • Functions in Depth
      • Asynchronous Functions
      • AJAX and Fetch API
      • Introduction to ES6
      • Modules and Classes
      • Web APIs
      • One Page Applications
      • Frameworks
      • Simple Project
      • Introduction
      • Popular Package Managers
      • Node.js & npm
      • Basic npm Commands
      • package.json
      • Semver
      • Npm Scripts
      • Dependency Management Strategies
      • Scopes & Private Packages
      • Audit & Security
      • Yarn
      • Migrating from npm to Yarn
      • Npm vs Yarn
      • Global vs Local Packages
      • Package Managers Different Language
      • Capstone Project
      • Introduction
      • Advantages and Disadvantages
      • Front-end Frameworks
      • Components and Templates
      • Back-end Frameworks
      • Routing and Middleware
      • Full-stack Frameworks
      • Building a Full-stack Application
      • Testing Frameworks
      • Unit and Integration Testing
      • Deploying Frameworks
      • Microservices
      • Serverless Computing
      • Introduction
      • Popular Frameworks
        • Introduction
        • Setting up
        • Grid system
        • Components
        • Introduction
        • Installation
        • Grid system
        • Components
        • Introduction
        • Integration
        • Layout System
        • Components
        • Introduction
        • Setting Up
        • Utility Classes
        • Extending
        • Introduction
        • Integration
        • Components
        • Introduction
        • Installation
        • Elements
        • Responsiveness
        • Theming and customization
        • Performance
        • Building a responsive website
        • Integrating with JavaScript
        • Emerging Frameworks
        • Next Step
      • Introduction
      • Popular Preprocessors
        • Introduction
        • Installing
        • Basic Features
        • Control Directives
        • Functions & Mixins
        • Code Structure
        • Theming
        • Advanced Styling
        • Introduction
        • Installing
        • Basic & Advanced Features
        • Introduction
        • Installing
        • Features
        • Functions & Plugins
        • Code organization
        • Preprocessors & Projects
        • Integrating JavaScript
        • Emerging Trends
        • Next Steps
        • Importance of Testing
        • Types of Testing
        • Testing Pyramid
        • Tools for Testing
        • Configuring Test Environments
        • Introduction
        • Testing JavaScript
        • Mocking and Stubbing
        • Overview of Integration Testing
        • Testing the UI
        • Cypress
        • Scripts and Tasks
        • Continuous Integration
        • Accessibility Testing
        • Lighthouse
        • Mobile Responsiveness
        • Snapshot Testing
        • A/B Testing
        • Mock Data
        • Test Environments
        • Best Practices
        • Emerging Trends
        • Real World Example
        • Next steps
        • Overview of Authentication
        • Types of Authentication
        • Common Scenarios
        • HTML Forms and User Input
        • Cookies and Sessions
        • JavaScript Fundamentals
        • JSON Web Tokens
        • Implementing Token Authentication
        • OAuth Overview
        • Social Media Authentication
        • Security Considerations
        • Securing Communities
        • Single Sign-On
        • PWA Authentication
        • Biometric Authentication
        • Workflow
        • Testing & Debugging
        • WebAuthn
        • Decentralized Identities
        • Popular Authentications
      • Introduction
      • Meta Tags
      • Keywords
      • Images
      • Video's
      • Content
      • Best Practices
        • GLTF format
        • Three.js vs React Three Fiber
        • Poimandres
        • Setup
        • Materials
        • Orbitcontrols
        • Optimalization
      • Introduction
      • Adding components to existing project
      • Create Mantine project from scratch
      • Setup
    • Introduction
      • Introduction to the Internet
      • Domain Name System (DNS)
      • HTTP
      • Home Network
      • LAN vs. WAN
      • Introduction to the Dark Web
      • The Onion Router (Tor)
      • Cybercriminals and the Dark Web
      • Introduction to Hosting
      • Bulletproof Hosting
      • CyberBunker
      • PGP phones
      • PGP vs. WhatsApp vs. Telegram
      • Encryption
        • Types of Phishing
        • Methods of Phishing
        • Phishing Kits
        • Hosting of Phishing Sites
        • Prevention of Phishing
        • Real Life Examples of Phishing
        • Introduction
        • Domain Spoofing
        • Website Spoofing
        • Unicode Spoofing
        • Ghost Spoofing
        • Introduction
        • Remote Access Trojan (RAT)
        • Trojan Horse
        • Keylogger
        • Spyware
        • Adware
        • Ransomware
        • Botnet
        • Example
  • Documentation
  • API Usage
    • 1. Swagger UI Documentation
      • 1. Bearer Tokens (Web and Mobile Apps)
      • 2. API Keys (Server-to-Server)
      • 3. Roles and Permissions
Question? Give us feedback → (opens in a new tab)Edit this page
The Front-End
ThreeJS
The Basics
Poimandres

Poimandres

Coming soon

Three.js vs React Three FiberSetup
ASRR Academy