Основная цель курса - научиться создавать масштабируемые приложения, которые будет легко поддерживать и над которыми вам будет удобно работать в команде. Вы увидите, что правильно подобранная архитектура позволяет сосредоточиться на задачах бизнес-логики и экономит время, если вы разрабатываете большой проект. Если ваше приложение стало запутанным и сложным в обслуживании, или если вы знаете элементы Angular, но не уверены, как их можно наилучшим образом комбинировать, то этот курс для вас.
Мы будем использовать строгие модели данных TypeScript, NgRx для хранения данных, Firebase в качестве бэкэнда, SCSS и BEM-методологию для стилей, Angular Material в качестве ядра общих элементов управления. И, конечно же, RxJS, чтобы все это работало вместе.
Курс рассчитан на студентов, которые уже имели опыт разработки с Angular, по крайней мере, на уровне создания Tour of Heroes с официального сайта и ознакомления с документацией Angular.
В ходе этого курса мы создадим приложение CourseApp, которое представляет собой платформу для размещения резюме и вакансий.
Конечное приложение будет довольно большим, потому что на простом приложении невозможно показать сложную архитектуру. Но каждый раздел сопровождается готовым кодом, который вы можете использовать.
Посмотреть больше
Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай
Angular Architecture. How to Build Scalable Web Applications,
а также все другие курсы, прямо сейчас!
THEORY: Division into Modules and Elements Grouping
Урок 30.00:02:41
THEORY: When does a Component become a Module?
Урок 31.00:01:01
Intro
Урок 32.00:03:35
THEORY: Shared
Урок 33.00:00:13
Angular Material Folders
Урок 34.00:01:35
Shared Folders
Урок 35.00:03:32
THEORY: Moving Components to Shared
Урок 36.00:03:04
Button
Урок 37.00:03:02
THEORY: Form Controls
Урок 38.00:06:38
Input
Урок 39.00:00:44
THEORY: Validation
Урок 40.00:08:05
Form-field
Урок 41.00:04:18
Form-field Validators
Урок 42.00:05:45
Password
Урок 43.00:01:20
THEORY: Frontend Models
Урок 44.00:02:12
Frontend Models
Урок 45.00:01:25
THEORY: Why use a Shared Component if you already have a Material Component?
Урок 46.00:07:17
Select
Урок 47.00:06:09
Checkboxes
Урок 48.00:03:21
Radios
Урок 49.00:07:05
Date
Урок 50.00:06:12
DateRange
Урок 51.00:00:15
Autocomplete Preview
Урок 52.00:10:14
Autocomplete
Урок 53.00:03:37
Form Buttons
Урок 54.00:01:00
Demo Actions Section
Урок 55.00:03:42
Spinner
Урок 56.00:02:32
THEORY: Services
Урок 57.00:06:29
Notification
Урок 58.00:00:51
Ending
Урок 59.00:00:30
Preview
Урок 60.00:03:28
THEORY: Data Models
Урок 61.00:00:18
Deleting Test DB
Урок 62.00:04:35
Backend Models
Урок 63.00:02:25
Firebase Collections
Урок 64.00:00:25
Ending
Урок 65.00:00:33
Form Items
Урок 66.00:04:18
THEORY: NgRx
Урок 67.00:00:27
NgRx DevTools
Урок 68.00:01:15
Basic Files
Урок 69.00:00:54
Models
Урок 70.00:04:02
Actions and Reducer
Урок 71.00:06:25
THEORY: RxJS
Урок 72.00:06:09
Effects
Урок 73.00:00:41
Root Registration
Урок 74.00:02:03
Selectors
Урок 75.00:02:26
Store App Module
Урок 76.00:00:19
Redux Tool
Урок 77.00:00:39
Flags
Урок 78.00:01:15
Assets
Урок 79.00:02:42
Countries
Урок 80.00:00:26
Ending
Урок 81.00:00:31
Preview
Урок 82.00:00:31
Enable Firebase Auth
Урок 83.00:00:33
User Store: Structure
Урок 84.00:00:49
User Store: Models
Урок 85.00:01:39
User Store: Actions
Урок 86.00:01:33
User Store: Reducer
Урок 87.00:03:16
Effects: SignUp
Урок 88.00:02:05
Effects: SignIn
Урок 89.00:00:35
Effects: SignOut
Урок 90.00:01:25
Selectors
Урок 91.00:00:08
Auth Forms Intro
Урок 92.00:02:25
Auth Page Structure
Урок 93.00:00:12
Header Links
Урок 94.00:00:26
App Routing
Урок 95.00:03:58
Registration: Form Validation
Урок 96.00:03:05
Registration: Template
Урок 97.00:00:55
Registration: Loading
Урок 98.00:00:44
Registration: Dispatch
Урок 99.00:00:27
Registration: test
Урок 100.00:00:33
Registration: Store Data
Урок 101.00:00:29
Registration: Firebase Redirect
Урок 102.00:01:11
Email Confirm
Урок 103.00:00:20
Init User Intro
Урок 104.00:03:29
Store: Init
Урок 105.00:02:39
Sign Out
Урок 106.00:03:27
Log In
Урок 107.00:00:31
Ending
Урок 108.00:00:19
Intro
Урок 109.00:02:35
Structure
Урок 110.00:01:00
Markup and Styles
Урок 111.00:00:26
Preview
Урок 112.00:00:46
Intro
Урок 113.00:01:35
Structure
Урок 114.00:00:58
Directive
Урок 115.00:02:08
Directive + Demo
Урок 116.00:01:15
Template
Урок 117.00:02:04
Dropzone Directive
Урок 118.00:02:27
OnDrop
Урок 119.00:01:30
Select and Dropzone Test
Урок 120.00:06:13
Upload Component
Урок 121.00:01:07
Firebase Storage
Урок 122.00:01:05
FileSize Pipe
Урок 123.00:02:05
URL Paths to Demo
Урок 124.00:05:00
Cropper
Урок 125.00:00:18
Ending
Урок 126.00:01:06
Intro
Урок 127.00:03:37
THEORY: Profile
Урок 128.00:02:16
Structure
Урок 129.00:00:54
Profile Link
Урок 130.00:00:17
Form Markup
Урок 131.00:02:09
THEORY: Stepper
Урок 132.00:01:29
Stepper [part 1]
Урок 133.00:02:21
Stepper [part 2]
Урок 134.00:01:05
Stepper [part 3]
Урок 135.00:01:16
Stepper [part 4]
Урок 136.00:01:40
Stepper [part 5]
Урок 137.00:01:04
Stepper [part 6]
Урок 138.00:07:45
Stepper [part 7]
Урок 139.00:00:38
Dictionaries Intro
Урок 140.00:01:00
Dictionaries Import
Урок 141.00:01:44
THEORY: Form Models
Урок 142.00:02:11
THEORY: Form Tasks
Урок 143.00:00:39
Personal Modules
Урок 144.00:07:05
Personal
Урок 145.00:03:07
UserPhoto Module
Урок 146.00:01:26
Professional [part 1]
Урок 147.00:02:08
Professional [part 2]
Урок 148.00:00:52
Professional Roles
Урок 149.00:03:16
Recruiter Form
Урок 150.00:03:33
Employee Form
Урок 151.00:06:52
Experiences
Урок 152.00:01:14
Utils Control
Урок 153.00:04:42
Employee Controls
Урок 154.00:05:13
Store: User Create and Update
Урок 155.00:01:13
Init Form Store
Урок 156.00:02:41
Store: Form
Урок 157.00:02:07
Resolver
Урок 158.00:01:38
Mapper [part 1]
Урок 159.00:05:53
Mapper [part 2]
Урок 160.00:03:55
Mapper [part 3]
Урок 161.00:02:23
Form Testing
Урок 162.00:00:26
Firebase Testing
Урок 163.00:01:45
Form Finishing
Урок 164.00:04:08
Store: Display
Урок 165.00:04:29
Display [part 1]
Урок 166.00:03:07
Display [part 2]
Урок 167.00:01:22
Testing in Redux Tool
Урок 168.00:00:31
Firebase Rules
Урок 169.00:01:39
Dictionaries Request
Урок 170.00:00:45
Ending
Урок 171.00:00:12
Intro
Урок 172.00:01:11
Structure
Урок 173.00:05:35
Store
Урок 174.00:00:23
Root Module
Урок 175.00:00:48
Employees Component
Урок 176.00:02:02
Employee Component
Урок 177.00:00:52
Demo
Урок 178.00:00:27
Intro
Урок 179.00:01:02
Structure
Урок 180.00:02:09
Store Models and Actions
Урок 181.00:00:44
@angular/entity Intro
Урок 182.00:02:16
Reducer
Урок 183.00:02:20
Effects
Урок 184.00:01:50
Selectors
Урок 185.00:00:32
Jobs Component
Урок 186.00:00:57
Adding Nested Components
Урок 187.00:01:34
Job Component
Урок 188.00:04:28
Form Module
Урок 189.00:01:30
isEditable
Урок 190.00:02:18
THEORY: Guards
Урок 191.00:02:30
Demo
Урок 192.00:01:08
Structure
Урок 193.00:02:08
Auth and Unauth Guards
Урок 194.00:01:58
Role Guard
Урок 195.00:03:13
Demo Guards
Урок 196.00:02:02
Application Guards
Урок 197.00:01:42
Dev/Prod Building
Урок 198.00:02:51
Firebase Hosting
Урок 199.00:01:11
Redirect
Урок 200.00:00:14
Congratulations!
Комментарии
hr
Видео подтормаживает - смотреть не получается. Ссылка на скачивание не работает((
Coursehunters Team
hr
здравствуйте, напишите пожалуйста на info@coursehunter.net
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Узнайте, как стать более эффективным разработчиком Angular, применяя методы, которые высокопроизводительные команды Angular используют каждый день. Мы начнем с демонстрации того, как мы можем организовать наши приложения для масштабирования с помощью Angular CLI и Nx.
Мы справимся со всем, что может предложить Angular, создав 100 практичных компонентов, директив, служб, пайпов и много другого, что можно использовать повторно, для использования в ваших личных или профессиональных проектах.
Узнайте, как использовать возможности Angular для создания мощных реальных приложений с нуля. Мы начнем с нуля и узнаем, как использовать Angular CLI для быстрого запуска нашего приложения, а затем узнаем о компонентах, шаблонах, маршрутизации, формах и взаимодействии на стороне сервера. По мере того, как наше приложение собирается вместе, мы обсудим проверенные методы и шаблоны, которые вы можете использовать сразу же, чтобы приступить к разрабо