Search
Contents
29.
Angular, Part 1
29.
Angular, Part 1
ΒΆ
29.1. Why Use JavaScript Libraries
29.2. Templates
29.2.1. Your Own Website
29.2.2. Templates are Frameworks
29.2.2.1. No Template
29.2.2.2. A Better Way
29.2.2.3. Templates Support Dynamic Content
29.2.3. Templates Provide Structure, Not Content
29.2.4. Check Your Understanding
29.3. Angular File Structure
29.3.1. Installing Angular
29.3.1.1. Check Your GitHub Account
29.3.1.2. What's in a Name?
29.3.2. Ready To Go
29.4. Angular First Steps
29.4.1. Starting a New Project
29.4.1.1. Examine the Files Created
29.4.1.2. What To Ignore
29.4.2. Launch the Page
29.4.2.1. What is
ng
serve
Doing?
29.4.3. Yay! A Webpage!
29.4.3.1. Try It
29.4.4. Un-launching Your Page
29.5. The Angular Framework
29.5.1. Inside the
app
folder
29.5.1.1.
app.component.html
File
29.5.1.2.
app.component.ts
File
29.5.1.3.
app.module.ts
File
29.5.2. Change The Content
29.5.2.1. Try It!
29.5.3. Filename Pattern
29.5.4. Check Your Understanding
29.6. Components
29.6.1. Start Fresh
29.6.2. Component Files
29.6.3. Adding a New Component
29.6.3.1.
ng
generate
29.6.3.2. Try It
29.6.4.
app.module.ts
29.6.5. Arranging Components
29.6.5.1. Modify the Header Text
29.6.5.2. Bring in
task-list
29.6.5.3. THIS IS WHY TEMPLATES ARE AWESOME!
29.6.6. Component Nesting
29.6.7. Check Your Understanding
29.7. Exercises: Angular, Lesson 1
29.7.1. Starter Code
29.7.2. Part 1: Modify the CSS
29.7.2.1. Add More Movies
29.7.2.2. Complete the
fav-photos
Component
29.7.3. Part 2: Add More Components
29.7.4. Part 3: Rearrange the Components
29.7.4.1. Optional Final Touches
29.7.5. Sanity Check
29.8. Studio: Angular, Part 1
29.8.1. Mission Planning Dashboard
29.8.2. Create Angular Project
29.8.3. Requirements
29.8.3.1. Update Starter Page Content
29.8.3.2. Header Component
29.8.3.3. Crew Component
29.8.3.4. Equipment Component
29.8.3.5. Experiments Component
29.8.4. Commit Your Work
29.8.5. Bonus Mission
←
28.8.
Studio: TypeScript
29.1.
Why Use JavaScript Libraries
→