Learn AngularJS 1.X
Learn how to easily build single-page web applications using this popular JavaScript framework.
Start![[missing "en.views.course_landing_page.learn-angularjs.course_illustration" translation]](http://www.codecademy.com/webpack/bf5c2cdedc7008c04ffe0b974fcd41b1.svg)
Why Learn AngularJS?
As a web developer, you'll need to learn how to use new frameworks on a regular basis. AngularJS is a full-featured framework that is incredibly popular among developers. For single-page applications, the AngularJS framework creates rich interactive features for a real-time experience.
It's friendly to developers and has a supportive and active community. Products built with AngularJS include YouTube Video Manager, The Weather Channel site, several Google products, and Tinder.
Take-Away Skills:
Apply your understanding of HTML and JavaScript to learn how to build single-page web applications with this popular JavaScript framework. You'll be introduced to the Model-View-Controller (MVC) programming pattern and get a chance to build your own application from scratch by the end of this course.
Note on Prerequisites:
A strong foundation in JavaScript is a prerequisite for this course, as well as basic HTML.
Codecademy courses have been taken by employees at
What you'll learn
- 1
Your First App
Get up and running quickly by building an AngularJS app from scratch.
- 2
Directives
Learn how to use directives to make standalone UI components.
- 3
Services
Use services to communicate with a server.
- 4
Routing
Add routes to build powerful single-page applications.
- 5
Putting It All Together
Take what you learned in this course and put it all together with these projects.
- View Syllabus
What you'll create
Portfolio projects that showcase your new skills
Bolt Network 1
In this project, you'll create a movie review board using a controller and a view.
Pizza Planet
It's time to build fluency in AngularJS fundamentals. In this next Pro Project, we're going to practice $scope in AngularJS so you can hone your skills and feel confident taking them to the real world. Why? $scope holds the ""state"" of your app and is a crucial part of any AngularJS app. What's next? Pizza Planet, building a delicious menu, more AngularJS. You got this!
MOVE Log
It's time to build fluency in AngularJS fundamentals. In this next Pro Project, we're going to practice $scope in AngularJS so you can hone your skills and feel confident taking them to the real world. Why? Practicing using $scope will help you build AngularJS apps more efficiently. What's next? Moving with MOVE, assigning reps, more AngularJS. You got this!
How you'll master it
Stress-test your knowledge with quizzes that help commit syntax to memory
— Madelyn, Pinterest“I know from first-hand experience that you can go in knowing zero, nothing, and just get a grasp on everything as you go and start building right away.”