[{"_1":2,"_46":-5,"_47":-5},"loaderData",{"_3":4,"_14":15,"_44":-5,"_45":-5},"root",{"_5":-5,"_6":-5,"_7":-5,"_8":9,"_10":11},"user","shoppingCartId","toast","locale","en","constants",{"_12":13},"paypalClientId","AenrHU49peF-ZUH-Yq7AXLLNZYGUGlml474U16NCjB4ZznmQCEjiliN3whyuVZmkb7VxEzmTALgtKEKE","routes/_store+/_readers+/email_author.$slug/route",{"_16":17,"_43":-5},"book",{"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":29},"id","Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6Qm9va1Byb2R1Y3QvMzg0ODk","title","The Angular Tutorial","state","published","contactAuthorMethod","email","aboutText","

Learning a front-end framework is hard. \"Getting started\" tutorials cover the basics but you leave thinking, \"Okay, now how do I build something with this?\" The truth is, getting started tutorials aren't all that great for beginners. They're demos to highlight as many features as quickly as possible. They're great for showing off what a framework can do. They aren't so great for teaching you how to build web apps. The end result is a basic application that doesn't mimic what it's like building real applications as a front-end developer.

You'll work with a mocked API and database. Application architecture isn't covered. Automated testing is skipped altogether.Trust me, I've been there. But those days are over.

With The Angular Tutorial, you'll learn how to build applications using a real API and database. You'll leverage 3rd party APIs like Zomato, Google Places, and open-source libraries just as you would in a real job.The Angular Tutorial assumes you have no previous knowledge of the Angular framework. It starts at the very beginning.Every piece of code is explained and tested to make you interview ready.

You'll begin with an introduction to how web applications work followed by an introduction to Angular to give you a good grasp on the basics.

Then you'll learn how to setup a real database and API just as I've done at numerous companies ranging from venture capital, startups, Fortune 500 companies, and digital agencies working with companies like CNN, Turner Broadcasting System, NBC, Mazda, AutoTrader and The Home Depot.

After that is a deeper dive into Angular where you'll build a real application with features like a signup page, a login page, a dashboard for authenticated users, and a calendar displaying lunch dates which you can show off on your resume or to your friends.

You'll deploy this application to the web using Heroku so the proof of your work will be accessible to anyone.

✅ Forms - Template-driven forms or reactive forms? Don't worry, both are covered.

✅ E2E Testing - Fast and easy end-to-end testing of your application with Cypress.

✅ Unit Testing - Unit test your code with Karma and Jasmine.

✅ Services - Communicate with a backend using Angular's HttpClient and write your own interceptors.

✅ Authentication - Secure your application with JSON Web Tokens (JWT).

✅ Authorization - Learn to restrict sections of your application to authorized users.

✅ Module Architecture - Create dumb components, feature modules, and learn to break down an application into smaller parts.

✅ OSS Integration - Why re-invent the wheel? Learn to use open-source libraries to your advantage just as you would on the job.

✅ API Documentation - Learn how to read API documentation so you have the confidence going forward to work with any API.

✅ Deployment - Get your application onto the web. Learn how to build and deploy your Angular application to Heroku.

","authors",[30],{"_18":31,"_32":33,"_5":34},"Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6UHJvZHVjdEF1dGhvci80MDI3NA","name","Adam Morgan",{"_35":36},"avatar",{"_37":38,"_39":40,"_41":42},"url","https://d308did4coypzi.cloudfront.net/avatars/444524/medium/adam_morgan_headshot.png?1589655326","styleName","medium","exists",true,"currentUser","routes/_store+/_layout","routes/_store+/_readers+/_layout","actionData","errors"]

Email the Author