Scribd Logo
Upload

Welcome to Scribd!

  • 5 views

    2.1 Architecture PDF

    Uploaded by

    Varun Sharma
    This document discusses using Angular for full-stack development. It covers Angular tools like Angular CLI, components, routing, and forms. It also discusses using Material UI elements like autocomplete and toolbar. Additionally, it recommends structuring the codebase by keeping frontend and backend code separate and in different folders for a modular full-stack architecture.

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content

    You might also like

    2.1 Architecture PDF

    Uploaded by

    Varun Sharma
    5 views4 pages
    This document discusses using Angular for full-stack development. It covers Angular tools like Angular CLI, components, routing, and forms. It also discusses using Material UI elements like autocomplete and toolbar. Additionally, it recommends structuring the codebase by keeping frontend and backend code separate and in different folders for a modular full-stack architecture.

    Original Description:

    Angular Architecture

    Original Title

    2.1 Architecture.pdf.Pptx

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document discusses using Angular for full-stack development. It covers Angular tools like Angular CLI, components, routing, and forms. It also discusses using Material UI elements like autocomplete and toolbar. Additionally, it recommends structuring the codebase by keeping frontend and backend code separate and in different folders for a modular full-stack architecture.

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pptx, pdf, or txt
    5 views4 pages

    2.1 Architecture PDF

    Uploaded by

    Varun Sharma
    This document discusses using Angular for full-stack development. It covers Angular tools like Angular CLI, components, routing, and forms. It also discusses using Material UI elements like autocomplete and toolbar. Additionally, it recommends structuring the codebase by keeping frontend and backend code separate and in different folders for a modular full-stack architecture.

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pptx, pdf, or txt
    of 4

    TECHNOLOGY

    Angular in Full-Stack Architecture DIVISION

    • Angular CLI tool (ng)


    • Angular Reuse of UI through components
    • Angular HttpClient
    • Angular Router
    • Angular Reactive Forms
    • Material Autocomplete
    • Material Toolbar
    • Material Sidenav

    1
    TECHNOLOGY

    Wireframe example DIVISION

    2
    TECHNOLOGY

    High level architecture DIVISION

    • hard-decoupling
    – Frontend code separate
    – never

    3
    TECHNOLOGY

    Folder structure DIVISION

    • Keep frontend and backend code in different


    repositories
    • If in the same repositories, keep different folders
    • Set up development directory
    – dev
    • Windows
    – PS> mkdir c:\dev
    – PS> cd c:\dev
    • macOS
    – $ mkdir ~/dev
    – $ cd ~/dev

    You might also like