К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Single Page Web Applications with AngularJS · LearnSpace
Назад в каталог
courseraПрограммирование

Single Page Web Applications with AngularJS

Курс от Johns Hopkins University
Средний≈ 43.4 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

Do you want to write powerful, maintainable, and testable front end applications faster and with less code? Then consider joining this course to gain skills in one of the most popular Single Page Application (SPA) frameworks today, AngularJS. Developed and backed by Google, AngularJS is a very marketable skill to acquire. In this course, we will explore the core design of AngularJS 1.x (latest version of AngularJS 1), its components and code organization techniques. We will enhance the functionality of our web app by utilizing dependency injection to reuse existing services as well as write our own. We will create reusable HTML components that take advantage of AngularJS data binding as well as extend HTML syntax with a very powerful feature of AngularJS called directives. We’ll set up routing so our SPA can have multiple views. We will also learn how to unit test our functionality. At the end of this course, you will build a fully functional, well organized and tested web application using AngularJS and deploy it to the cloud.

Навыки, которые вы освоите

AngularJavascriptUnit TestingFront-End Web DevelopmentWeb ApplicationsCode ReusabilityApplication FrameworksAjaxUI ComponentsCloud ApplicationsSoftware ArchitectureWeb DevelopmentWeb ComponentsJavaScript Frameworks

Программа курса

5 модулей · 194 учебных материалов

01Introduction to AngularJS40 материалов

Welcome and Important Resources

Course IntroductionВидеоWelcome to Module 1ВидеоHow Grading and Being Late on Assignments WorksЧтениеALL of the EXAMPLE CODE for this courseЧтение

Учитесь у экспертов

Yaakov Chaikin

Adjunct Professor, Graduate Computer Science

Single Page Web Applications with AngularJS
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 43.4 ч

5 модулей

Язык: Английский

Субтитры: Арабский, Французский, Бенгальский, Украинский, Китайский (Китай), Греческий, Итальянский, Бразильский португальский, Вьетнамский, Нидерландский, Корейский, Немецкий, Пушту, Урду, Русский, Тайский, Индонезийский, Шведский, Турецкий, Азербайджанский, Испанский, Дари, Хинди, Японский, Казахский, Венгерский, Польский

Часть программы вашего университета
Is It Worth It To Learn Angular 1 Since Angular 2 Already Came Out?Чтение

Development Environment Setup

Before You Begin: Set Up Your Development EnvironmentЧтениеDevelopment Environment Setup - What We Will NeedВидеоDevelopment Environment Setup for Mac, Part 1ВидеоDevelopment Environment Setup for Mac, Part 2ВидеоKey Points: Mac Development Environment SetupЧтениеDevelopment Environment Setup for Windows, Part 1ВидеоDevelopment Environment Setup for Windows, Part 2ВидеоKey Points: Windows Development Environment SetupЧтениеReflecting on Your Development Environment SetupDIALOGUE

Why AngularJS? Why Not Keep Things Simple?

Lecture 1: Why NOT Keep Things Simple?ВидеоQuiz 1ЗаданиеLecture 2, Part 1: Why Does Code Get Complex?ВидеоLecture 2, Part 2: Why Does Code Get Complex?ВидеоQuiz 2ЗаданиеLecture 3: Model-View-ViewModel (MVVM)ВидеоQuiz 3Задание

AngularJS Installation & Basics

Lecture 4: AngularJS Installation and First Simple AppВидеоQuiz 4ЗаданиеLecture 5: Sharing Data With The View Through ScopeВидеоLecture 6: Implementing NameCalculator Example in AngularJSВидеоLecture 7: What’s Behind the “Magic”: Custom HTML AttributesВидеоReflecting on Your First AngularJS ApplicationDIALOGUEQuiz 5Задание

Dependency Injection, Interpolation

Lecture 8: Dependency InjectionВидеоLecture 9: How Dependency Injection Works in JavascriptВидеоQuiz 6ЗаданиеLecture 10: Protecting Dependency Injection from MinificationВидеоQuiz 7ЗаданиеLecture 11, Part 1: Expressions and InterpolationВидеоLecture 11, Part 2: Expressions and InterpolationВидеоFrequently Asked QuestionsЧтениеRecommended BooksЧтениеModule 1 Wrap-upВидеоDirectives vs. Expressions: What Feels More Powerful?DIALOGUEModule 1 Coding AssignmentЗадание
02Module 2 - Filters, Digest Cycle, Controller Inheritance, and Custom Services41 материалов

Filters, Digest Cycle and Data Binding

Welcome to Module 2ВидеоRecommended BooksЧтениеLecture 12: FiltersВидеоQuiz 8ЗаданиеLecture 13, Part 1: Creating Custom FiltersВидеоLecture 13, Part 2: Creating Custom FiltersВидеоLecture 13, Part 3: Creating Custom FiltersВидеоQuiz 9ЗаданиеLecture 14, Part 1: Digest CycleВидеоQuiz 10ЗаданиеLecture 14, Part 2: Digest CycleВидеоLecture 14, Part 3: Digest CycleВидеоQuiz 11ЗаданиеLecture 15: $digest and $applyВидеоLecture 16: 2-way, 1-way and 1-time BindingВидеоQuiz 12Задание

Looping, Controller As Syntax

Lecture 17: ng-repeatВидеоLecture 18: Filtered ng-repeatВидеоQuiz 13ЗаданиеLecture 19, Part 1: Prototypal InheritanceВидеоLecture 19, Part 2: Prototypal InheritanceВидеоQuiz 14ЗаданиеLecture 19, Part 3: Scope Inheritance

Creating and Configuring Custom Services

Lecture 20, Part 1: Custom ServicesВидеоLecture 20, Part 2: Custom ServicesВидеоQuiz 16ЗаданиеLecture 21, Part 1: Custom Services with .factory()ВидеоLecture 21, Part 2: Custom Services with .factory()ВидеоQuiz 17Задание
03Week 3 - Promises, Ajax, and Custom Directives33 материалов

Lesson 1 - Asynchronous Behavior, Promises and Ajax in Angular

Welcome to Module 3ВидеоRecommended BooksЧтениеLecture 24, Part 1: Asynchronous Behavior with Promises and $qВидеоQuiz 20ЗаданиеLecture 24, Part 2: Asynchronous Behavior with Promises and $qВидеоQuiz 21ЗаданиеLecture 25, Part 1: Ajax with $http ServiceВидеоQuiz 22ЗаданиеLecture 25, Part 2: Ajax with $http ServiceВидеоNew Tutorials - here is how...ЧтениеQuiz 23Задание

Lesson 2 - Introduction to Custom Directives

Lecture 26, Part 1: Directives: Dynamic HTMLВидеоLecture 26, Part 2: Directives: Dynamic HTMLВидеоQuiz 24ЗаданиеLecture 27: restrict PropertyВидеоLecture 28, Part 1: Directive’s Isolate Scope: “=” and “@”ВидеоLecture 28, Part 2: Directive’s Isolate Scope: “=” and “@”Видео

Lesson 3 - Directive APIs, Manipulating the DOM, and transclude

Lecture 30, Part 1: Directive APIs and “&”ВидеоLecture 30, Part 2: Directive APIs and “&”ВидеоQuiz 27ЗаданиеLecture 31, Part 1: Manipulating the DOM with linkВидеоLecture 31, Part 2: Manipulating the DOM with linkВидеоQuiz 28Задание
04Module 4 - Components, Events, Modules, and Routing35 материалов

Lesson 1 - Components and Component-Based Architecture

Welcome to Module 4ВидеоRecommended BooksЧтениеLecture 33, Part 1: Components & Component-Based ArchitectureВидеоLecture 33, Part 2: Components & Component-Based ArchitectureВидеоLecture 33, Part 3: Components & Component-Based ArchitectureВидеоLecture 33, Part 4: Components & Component-Based ArchitectureВидеоCONNECT WITH ME!ЧтениеQuiz 30Задание

Lesson 2 - AngularJS Event System and Modules

Lecture 34, Part 1: AngularJS Event SystemВидеоLecture 34, Part 2: AngularJS Event SystemВидеоQuiz 31ЗаданиеLecture 35, Part 1: ModulesВидеоLecture 35, Part 2: ModulesВидеоQuiz 32Задание

Lesson 3 -Introduction to Single Page Routing With ui-router

Lecture 36, Part 1: RoutingВидеоLecture 36, Part 2: RoutingВидеоQuiz 33ЗаданиеLecture 37, Part 1: Routing State with ControllerВидеоLecture 37, Part 2: Routing State with ControllerВидеоQuiz 34Задание

Lesson 4 - Handling Data with Routing

Lecture 38, Part 1: Routing State with resolveВидеоLecture 38, Part 2: Routing State with resolveВидеоQuiz 35ЗаданиеLecture 39, Part 1: Routing State with URL ParametersВидеоLecture 39, Part 2: Routing State with URL ParametersВидеоQuiz 36Задание

Lesson 5 - Nested Views and Transition Events

Lecture 40, Part 1: Routing State with Nested ViewsВидеоLecture 40, Part 2: Routing State with Nested ViewsВидеоQuiz 37ЗаданиеLecture 41, Part 1: Router State Transition EventsВидеоLecture 41, Part 2: Router State Transition EventsВидеоQuiz 38Задание
05Module 5 - Form Validation, Testing, and Restaurant Site Development45 материалов

Lesson 1: Form Validation and Introduction to Testing Javascript

Welcome to Module 5ВидеоRecommended BooksЧтениеLecture 42, Part 1: Form ValidationВидеоLecture 42, Part 2: Form ValidationВидеоQuiz 39ЗаданиеLecture 43, Part 1: Testing Javascript with JasmineВидеоLecture 43, Part 2: Testing Javascript with JasmineВидеоNew Tutorials - here is how...ЧтениеQuiz 40Задание

Lesson 2: Testing AngularJS Controllers and Services

Lecture 44, Part 1: Testing AngularJS ControllersВидеоLecture 44, Part 2: Testing AngularJS ControllersВидеоLecture 44, Part 3: Testing AngularJS ControllersВидеоLecture 44, Part 4: Testing AngularJS ControllersВидеоQuiz 41ЗаданиеLecture 45, Part 1: Testing AngularJS Services and $httpВидео

Lesson 3: Testing AngularJS Directives and Components

Lecture 46, Part 1: Testing AngularJS DirectivesВидеоLecture 46, Part 2: Testing AngularJS DirectivesВидеоQuiz 43ЗаданиеLecture 47, Part 1: Testing AngularJS ComponentsВидеоLecture 47, Part 2: Testing AngularJS ComponentsВидеоQuiz 44Задание

Lesson 4: Visit With Client, Old Site Overview, Restaurant Server Setup

(OPTIONAL) Lecture 48, Part 1: Visit With The ClientВидео(OPTIONAL) Lecture 48, Part 2: Visit With The ClientВидео(OPTIONAL) Lecture 49, Part 1: Non-AngularJS Website OverviewВидео(OPTIONAL) Lecture 49, Part 2: Non-AngularJS Website OverviewВидеоLecture 50 (Mac Version): Restaurant Server SetupВидеоLecture 50 (Windows Version): Restaurant Server SetupВидео

Lesson 5 - Coding the Restaurant Site in AngularJS

Lecture 51, Part 1: Basic Structure of the Restaurant AppВидеоLecture 51, Part 2: Basic Structure of the Restaurant AppВидеоLecture 52: Coding Up a Loader/SpinnerВидеоLecture 53: Coding Up $http InterceptorВидеоQuiz 45ЗаданиеLecture 54: Coding Up Menu Categories View - Part 1Видео
Видео
Lecture 19, Part 4: Scope InheritanceВидео
Lecture 19, Part 5: Controller As SyntaxВидео
CONNECT WITH ME!Чтение
Quiz 15Задание
Lecture 22, Part 1: Custom Services with .provider()Видео
Lecture 22: Part 2: Custom Services with .provider()Видео
Quiz 18Задание
Lecture 23: ng-if, ng-show and ng-hideВидео
Frequently Asked QuestionsЧтение
Module 2 Wrap-UpВидео
Quiz 19Задание
Module 2 AssignmentЗадание
Quiz 25Задание
Lecture 29, Part 1: Using Controllers Inside DirectivesВидео
Lecture 29, Part 2: Using Controllers Inside DirectivesВидео
Quiz 26Задание
Lecture 32, Part 1: Using Directive’s transclude to Wrap Other ElementsВидео
Lecture 32, Part 2: Using Directive’s transclude to Wrap Other ElementsВидео
Quiz 29Задание
Frequently Asked QuestionsЧтение
Module 3 Wrap-UpВидео
Module 3 AssignmentЗадание
Frequently Asked QuestionsЧтение
Module 4 Wrap-UpВидео
Module 4 AssignmentЗадание
Lecture 45, Part 2: Testing AngularJS Services and $httpВидео
Quiz 42Задание
Lecture 55: Coding Up Menu Categories View - Part 2Видео
Lecture 56: Coding Up Menu Categories View - Part 3Видео
Lecture 57: Single Category View - Part 1Видео
Lecture 58: Single Category View - Part 2Видео
Lecture 59: Single Category View - Part 3Видео
Frequently Asked QuestionsЧтение
Keep In Touch with Me! Чтение
Course Wrap-UpВидео
Recommended BooksЧтение
Module 5 AssignmentЗадание