1. Contents
  2. 28. Angular, Part 1

28. Angular, Part 1ΒΆ

  1. 28.1. Why Use JavaScript Libraries
  2. 28.2. Templates
    1. 28.2.1. Your Own Website
    2. 28.2.2. Templates are Frameworks
      1. 28.2.2.1. No Template
      2. 28.2.2.2. A Better Way
      3. 28.2.2.3. Templates Support Dynamic Content
    3. 28.2.3. Templates Provide Structure, Not Content
    4. 28.2.4. Check Your Understanding
  3. 28.3. Angular File Structure
    1. 28.3.1. Installing Angular
      1. 28.3.1.1. Check Your GitHub Account
      2. 28.3.1.2. What's in a Name?
    2. 28.3.2. Ready To Go
  4. 28.4. Angular First Steps
    1. 28.4.1. Starting a New Project
      1. 28.4.1.1. Examine the Files Created
      2. 28.4.1.2. What To Ignore
    2. 28.4.2. Launch the Page
      1. 28.4.2.1. What is ng serve Doing?
    3. 28.4.3. Yay! A Webpage!
      1. 28.4.3.1. Try It
    4. 28.4.4. Un-launching Your Page
  5. 28.5. The Angular Framework
    1. 28.5.1. Inside the app folder
      1. 28.5.1.1. app.component.html File
      2. 28.5.1.2. app.component.ts File
      3. 28.5.1.3. app.module.ts File
    2. 28.5.2. Change The Content
      1. 28.5.2.1. Try It!
    3. 28.5.3. Filename Pattern
    4. 28.5.4. Check Your Understanding
  6. 28.6. Components
    1. 28.6.1. Start Fresh
    2. 28.6.2. Component Files
    3. 28.6.3. Adding a New Component
      1. 28.6.3.1. ng generate
      2. 28.6.3.2. Try It
    4. 28.6.4. app.module.ts
    5. 28.6.5. Arranging Components
      1. 28.6.5.1. Modify the Header Text
      2. 28.6.5.2. Bring in task-list
      3. 28.6.5.3. THIS IS WHY TEMPLATES ARE AWESOME!
    6. 28.6.6. Component Nesting
    7. 28.6.7. Check Your Understanding
  7. 28.7. Exercises: Angular, Lesson 1
    1. 28.7.1. Starter Code
    2. 28.7.2. Part 1: Modify the CSS
      1. 28.7.2.1. Add More Movies
      2. 28.7.2.2. Complete the fav-photos Component
    3. 28.7.3. Part 2: Add More Components
    4. 28.7.4. Part 3: Rearrange the Components
      1. 28.7.4.1. Optional Final Touches
    5. 28.7.5. Sanity Check
  8. 28.8. Studio: Angular, Part 1
    1. 28.8.1. Mission Planning Dashboard
    2. 28.8.2. Create Angular Project
    3. 28.8.3. Requirements
      1. 28.8.3.1. Update Starter Page Content
      2. 28.8.3.2. Header Component
      3. 28.8.3.3. Crew Component
      4. 28.8.3.4. Equipment Component
      5. 28.8.3.5. Experiments Component
    4. 28.8.4. Commit Your Work
    5. 28.8.5. Bonus Mission