Главная страницаКатегория angularAngular, Ionic и Node: Создайте реальное веб и чат-приложение

Angular, Ionic и Node: Создайте реальное веб и чат-приложение

Name: Angular, Ionic и Node: Создайте реальное веб и чат-приложение
Rating: 5 (13 reviews)

Angular, Ionic & Node: Build A Real Web & Mobile Chat App

udemy

★5 (всего оценок - 13)

Angular, Ionic и Node: Создайте реальное веб и чат-приложение

Загрузить

Продолжительность

35 ч 37 мин

Категория

Angular

Количество уроков

399 Видео

Дата добавления

6 авг. 2018 г., 05:05

Язык

Английский

Дата выхода

10 июл. 2018 г., 10:00

Дата обновления

6 авг. 2018 г., 05:12

Научитесь подключать свой Angular и Ionic фронтенд к серверу NodeJS и MongoDB, создав реальное приложение для веба и мобильных устройств.

Вы пытались создать собственное веб-приложение и мобильное приложение с использованием NodeJS? Возможно, вы пытались создать приложение для Интернета или мобильного телефона с функциями чата, и вам нужно сделать больше с ним, тогда этот курс для вас.

Angular является одним из самых популярных фреймворков для создания клиентских приложений с HTML, CSS и TypeScript. Если вы хотите зарекомендовать себя как разработчик полного стека, вам нужно изучить Angular.

Ionic - это платформа с открытым исходным кодом, используемая для разработки мобильных приложений. Он предоставляет инструменты и услуги для создания мобильного интерфейса с естественным внешним видом.

Этот курс следует практическому подходу, а это означает, что весь курс структурирован вокруг одного большого приложения, и различные концепции будут подробно описаны, как они представлены в этом приложении. Бэкэнд, построенный с использованием NodeJS, будет использоваться как для Angular веб-приложения, так и для мобильного приложения Ionic.

Итак, два приложения с одним бэкэнд

Во время этого курса вы научитесь:

Настройке приложение NodeJS + Express + MongoDB + Angular + Ionic с помощью Angular CLI, Ionic CLI и инструмента командной строки Node
Использовать NodeJS и Express
Использовать JWT для аутентификации
Добавлять авторизацию в приложения
API RESTful
Загрузка изображений из приложений
Использовать облачное хранилище для изображений
Подключите свой NodeJS-сервер к вашему приложению через службу HttpClient через Angular
Подключите свой NodeJS-сервер с вашим Ionic-приложением через поставщиков Ionic
Добавите функции частного чата
Добавите emojis в приложения
SocketIO для взаимодействия в режиме реального времени
Использовать materialize css framework
Ошибки обращения
Формы с проверками
Изучите концепции, такие как перехватчики HTTP в Angular
И многое другое

В конце этого курса вы сможете создать полноценное и действующее приложение реального времени как для веба, так и для мобильных платформ.

Посмотреть больше

Урок 1.00:02:20
Introduction
Урок 2.00:01:05
Course Outline
Урок 3.00:07:02
Angular App Demo
Урок 4.00:05:41
Ionic App Demo
Урок 5.00:03:46
Install NodeJS
Урок 6.00:03:58
Install Latest Angular Version
Урок 7.00:04:38
Install MongoDB
Урок 8.00:05:45
Install Robo3T
Урок 9.00:00:50
VS Code
Урок 10.00:01:13
Section Introduction
Урок 11.00:03:33
Create Angular Project
Урок 12.00:03:27
Angular CLI
Урок 13.00:04:05
Angular Folders
Урок 14.00:07:22
Prettier
Урок 15.00:01:52
Materialize CSS
Урок 16.00:02:30
Add Materialize CSS
Урок 17.00:05:53
Install Materialize
Урок 18.00:00:33
Section Introduction
Урок 19.00:04:48
Auth Component
Урок 20.00:09:21
Auth Routing Module
Урок 21.00:03:23
Display Auth Component
Урок 22.00:07:30
Auth Component Tabs
Урок 23.00:05:57
Change Auth Tabs
Урок 24.00:05:06
Add Login and Sign Up Components
Урок 25.00:07:23
Sign Up Form
Урок 26.00:05:21
Sign Up Form Styles
Урок 27.00:03:40
Reinstall Materialize CSS
Урок 28.00:03:48
Change Tabs Color
Урок 29.00:02:02
Set Tabs Content Height
Урок 30.00:00:58
Section Introduction
Урок 31.00:02:43
Create NodeJS Folder
Урок 32.00:08:16
Install Express
Урок 33.00:01:25
Install Nodemon
Урок 34.00:01:57
Create Project Folders
Урок 35.00:02:26
Config Secret
Урок 36.00:02:27
Install Cookie Parser
Урок 37.00:03:10
User Schema
Урок 38.00:06:13
Auth Routes
Урок 39.00:05:59
Add Express Body Parser Middleware
Урок 40.00:10:44
Validate Sign Up Data
Урок 41.00:02:35
Http Status Codes Module
Урок 42.00:06:58
Check If Email Exist
Урок 43.00:03:30
Check If Username Exist
Урок 44.00:08:17
Save Data to DB
Урок 45.00:03:12
Use Postman
Урок 46.00:10:07
Add JWT
Урок 47.00:02:09
Save JWT in Cookie
Урок 48.00:09:03
Auth Sign Up Service
Урок 49.00:09:47
Sign Up Reactive Form
Урок 50.00:06:06
Add Cross Origin Resource Sharing (CORS) Module
Урок 51.00:07:05
Display Sign Up Form Errors
Урок 52.00:04:00
Add Error Div
Урок 53.00:05:59
Display Error Messages
Урок 54.00:07:01
Create Streams Component
Урок 55.00:05:42
Add Materialize Spinner
Урок 56.00:09:11
Login Route
Урок 57.00:01:15
Test Login with Postman
Урок 58.00:06:05
Login Form
Урок 59.00:03:57
Auth Login Service
Урок 60.00:01:37
Section Introduction
Урок 61.00:00:41
Change Token Expiration Time
Урок 62.00:04:28
NGX Cookie Service
Урок 63.00:02:59
Token Service Methods
Урок 64.00:04:51
Set Token Method
Урок 65.00:07:42
Auth Guard
Урок 66.00:04:13
Test Auth Guard
Урок 67.00:04:07
Automatic Login
Урок 68.00:05:49
Toolbar Component
Урок 69.00:01:36
Toolbar CSS
Урок 70.00:02:45
Toolbar Nav Content
Урок 71.00:03:42
Streams Child Component
Урок 72.00:02:02
Side Component
Урок 73.00:03:35
Side Component Collection
Урок 74.00:04:14
Side Collection Items
Урок 75.00:03:25
Side Component Top
Урок 76.00:02:21
Posts Form Component
Урок 77.00:05:47
Post Form
Урок 78.00:01:47
Post Form Styles
Урок 79.00:06:09
Posts Schema
Урок 80.00:03:28
Posts Route
Урок 81.00:07:24
Posts Service - Part 1
Урок 82.00:01:58
Posts Service - Part 2
Урок 83.00:09:36
Verify JWT Token
Урок 84.00:06:18
Test Verify Token
Урок 85.00:08:30
Http Interceptor - Part 1
Урок 86.00:02:44
Http Interceptor - Part 2
Урок 87.00:03:28
Authorization Token
Урок 88.00:07:27
Send Post To DB
Урок 89.00:02:26
Add Post To User Model
Урок 90.00:06:14
Update User Post Array
Урок 91.00:07:05
Token Payload
Урок 92.00:02:53
Display Username On Toolbar
Урок 93.00:05:06
Add Post Component HTML - Part 1
Урок 94.00:01:45
Add Post Component HTML - Part 2
Урок 95.00:02:15
Post Component Style
Урок 96.00:07:56
Get All Posts
Урок 97.00:05:09
Display Posts
Урок 98.00:04:22
Install Moment Module
Урок 99.00:06:43
Install Socket.io
Урок 100.00:03:01
Connection Event
Урок 101.00:06:11
Install Socket.io Client
Урок 102.00:08:38
Emit Socket.io Event
Урок 103.00:02:52
Test Socket.io Event
Урок 104.00:01:51
Like Post Method
Урок 105.00:06:09
Add Like Post Route
Урок 106.00:03:08
Like Post Service Method
Урок 107.00:02:24
Allow Users To Like Post Once
Урок 108.00:08:12
Check If Post is Liked By User
Урок 109.00:00:58
Resize Post Component Column
Урок 110.00:05:22
Comments Component
Урок 111.00:03:13
Hide Nav Content On Comments Component
Урок 112.00:03:08
Comments Component HTML
Урок 113.00:07:15
Comments Service Method
Урок 114.00:06:28
Save Comment in DB
Урок 115.00:01:41
Disable Comments Button
Урок 116.00:04:22
Get SIngle Post Method
Урок 117.00:07:28
Display Comments
Урок 118.00:05:42
Refresh Comments
Урок 119.00:04:51
Display Post on Comments Component
Урок 120.00:02:19
Check If User Commented on a Post
Урок 121.00:07:23
Style Side Component
Урок 122.00:03:40
Auto Logout
Урок 123.00:02:28
Section Introduction
Урок 124.00:05:00
Create People Component
Урок 125.00:04:43
People Component HTML
Урок 126.00:02:23
People Component Styles
Урок 127.00:04:34
Get All Users Route
Урок 128.00:03:46
Get All Users Method
Урок 129.00:05:33
Users Service
Урок 130.00:02:51
Display All Users
Урок 131.00:03:31
Remove Logged in user
Урок 132.00:05:09
Follow User Route
Урок 133.00:07:06
Follow User Method
Урок 134.00:05:31
Follow User Button
Урок 135.00:04:19
Get Single User
Урок 136.00:03:28
Single User Service Method
Урок 137.00:08:42
Check if User Is Followed
Урок 138.00:05:09
Refresh Follow User Button
Урок 139.00:04:42
Following Component
Урок 140.00:06:39
Display Followed User
Урок 141.00:03:20
Unfollow User Service Method
Урок 142.00:06:36
Unfollow User Route
Урок 143.00:08:34
Followers Component
Урок 144.00:04:49
Followers Component Refresh
Урок 145.00:04:29
Notifications Component
Урок 146.00:03:06
Notifications Array
Урок 147.00:03:47
Add Notifications
Урок 148.00:06:14
Notifications Component HTML
Урок 149.00:05:41
Get Notifications
Урок 150.00:03:22
Fix Get User Route Error
Урок 151.00:05:17
Display Notifications
Урок 152.00:01:38
Change Notifications Time
Урок 153.00:03:35
Mark Notification Button
Урок 154.00:05:54
Mark Notification Route
Урок 155.00:06:52
Mark Notification
Урок 156.00:06:04
Notifications NG Class Directive
Урок 157.00:05:19
Delete Notification
Урок 158.00:08:15
Notifications Dropdown
Урок 159.00:04:24
Display Notifications in Dropdown
Урок 160.00:02:28
Dropdown NG Class Directive
Урок 161.00:01:22
Notifications Dropdown Time Format
Урок 162.00:05:13
Mark All Notifications Button
Урок 163.00:10:34
Mark All Notifications Method
Урок 164.00:05:55
Unread Notifications Count
Урок 165.00:03:33
Reload If Token Expired
Урок 166.00:07:17
Streams Component Tabs
Урок 167.00:05:54
Top Streams Component
Урок 168.00:08:23
Display Top Streams
Урок 169.00:07:59
Side Component User Data
Урок 170.00:03:12
Side Component Top Links
Урок 171.00:01:55
Section Introduction
Урок 172.00:06:17
Chat Message Component
Урок 173.00:03:08
Hide Nav Content on Chat Component
Урок 174.00:03:34
Add HTML To Chat Component
Урок 175.00:04:29
Message Header
Урок 176.00:04:51
Message Content
Урок 177.00:05:51
Message Footer
Урок 178.00:03:09
Send Message Route
Урок 179.00:08:41
Message Schema
Урок 180.00:02:19
Add Chat List Array To User Schema
Урок 181.00:07:07
Message Service
Урок 182.00:06:33
Route Params
Урок 183.00:06:00
Send Chat Message Method
Урок 184.00:01:11
Prevent Empty Message
Урок 185.00:08:35
Conversation Find Method
Урок 186.00:07:22
Add New Conversation - Part 1
Урок 187.00:03:56
Add New Conversation - Part 2
Урок 188.00:05:52
Update Chat List Array
Урок 189.00:00:32
New Message Error
Урок 190.00:02:25
Test New Message
Урок 191.00:07:09
Update Message Array
Урок 192.00:07:48
Get All Messages Route
Урок 193.00:06:25
Get All Messages Service Method
Урок 194.00:07:21
Display Chat Messages
Урок 195.00:04:05
Refresh Chat Component
Урок 196.00:04:48
Auto Scroll Module
Урок 197.00:05:50
Join Chat Event
Урок 198.00:09:05
Emit Start Typing Event
Урок 199.00:03:21
Display User is Typing
Урок 200.00:06:15
Emit Stop Typing Event
Урок 201.00:06:41
Message Dropdown
Урок 202.00:07:45
Display Messages in Dropdown
Урок 203.00:04:49
Moment Calendar Method
Урок 204.00:02:39
Align Message Dropdown
Урок 205.00:09:26
Check If Message is Read - Part 1
Урок 206.00:05:07
Check If Message is Read - Part 2
Урок 207.00:02:05
Hide Icon
Урок 208.00:02:40
Message Dropdown Link
Урок 209.00:09:21
Update Chat List Method
Урок 210.00:02:11
Test Update Chat List Method
Урок 211.00:02:21
Edit Server File
Урок 212.00:05:33
NG2 Emoji Picker
Урок 213.00:08:27
Add Emoji Content
Урок 214.00:05:01
Display Emojis
Урок 215.00:03:34
Hide Message Unread Icon
Урок 216.00:02:59
Navigate to Chat Page
Урок 217.00:06:04
Mark Receiver's Message Route
Урок 218.00:08:57
Message Aggregate Method - Part 1
Урок 219.00:04:43
Message Aggregate Method - Part 2
Урок 220.00:09:29
Mark All Messages As Read
Урок 221.00:02:05
Clear Message Count
Урок 222.00:07:40
Add User Class - Part 1
Урок 223.00:06:34
Add User Class - Part 2
Урок 224.00:08:27
Emit Online Event
Урок 225.00:03:55
Listen For Users Online Event
Урок 226.00:08:17
Disconnect Event
Урок 227.00:06:55
Angular Output Decorator
Урок 228.00:07:54
Angular Input Property
Урок 229.00:05:38
NG Changes Method
Урок 230.00:05:06
Test If User is Online
Урок 231.00:07:16
Add Margin To Element
Урок 232.00:05:46
Show If User Is Online On People Component
Урок 233.00:02:04
Style Scrollbar
Урок 234.00:02:13
Section Introduction
Урок 235.00:05:51
Images Component
Урок 236.00:06:52
Images Component HTML
Урок 237.00:03:12
Change Upload Button
Урок 238.00:07:16
NG2 File Upload Module
Урок 239.00:06:35
Add Read Image File Method
Урок 240.00:04:59
Use Read Image File Method
Урок 241.00:08:09
Upload Image Route
Урок 242.00:06:18
Cloudinary
Урок 243.00:07:19
Cloudinary Upload Method
Урок 244.00:02:38
Upload Images To Cloudinary
Урок 245.00:06:20
Add Default Profile Image For Users
Урок 246.00:06:57
Display User Images
Урок 247.00:05:32
Set Default Image Method
Урок 248.00:05:02
Change Default Image
Урок 249.00:09:51
Display Profile Image
Урок 250.00:06:18
Display User Image in Chat
Урок 251.00:05:06
Fix Chat Image Issue
Урок 252.00:04:06
View User Component
Урок 253.00:06:27
View User Tabs
Урок 254.00:04:23
Add Tabs Div
Урок 255.00:06:42
Hide and Show Tabs Content
Урок 256.00:05:15
Get User Data By Name
Урок 257.00:07:16
Display Tab Posts
Урок 258.00:05:57
Display Tab Followers
Урок 259.00:01:55
Post Tab Image
Урок 260.00:02:35
Logged in User Post Tabs
Урок 261.00:07:54
Profile View Method
Урок 262.00:09:13
Profile View Route - Part 1
Урок 263.00:06:16
Profile View Route - Part 2
Урок 264.00:01:44
Fix View User Link
Урок 265.00:04:27
Change Password Component
Урок 266.00:01:36
Change Password Component HTML
Урок 267.00:07:48
Password Field Validation
Урок 268.00:07:21
Custom Password Match Validation
Урок 269.00:04:25
Change Password Route
Урок 270.00:09:34
Change Password Controller - Part 1
Урок 271.00:05:02
Change Password Controller - Part 2
Урок 272.00:07:34
Send Image With Post - Part 1
Урок 273.00:08:28
Send Image With Post - Part 2
Урок 274.00:02:02
Test Post Image Send
Урок 275.00:06:11
Display Post Images
Урок 276.00:07:54
Remove Old Posts
Урок 277.00:16:31
Display Location
Урок 278.00:01:47
Section Introduction
Урок 279.00:03:30
Install Ionic and Cordova
Урок 280.00:07:11
Create Ionic Project
Урок 281.00:09:28
Create Home Page
Урок 282.00:03:30
Login and Register Pages
Урок 283.00:05:15
Test Nav Controller Push Method
Урок 284.00:04:20
App and Variables Scss
Урок 285.00:09:34
Login Page HTML
Урок 286.00:04:24
Login Page Styles
Урок 287.00:05:28
Register Page Styles
Урок 288.00:02:19
Replace Placeholder With Text
Урок 289.00:06:05
Register User NG Model
Урок 290.00:07:42
Register Auth Provider
Урок 291.00:03:25
Register User
Урок 292.00:08:21
Display Error Alert
Урок 293.00:08:05
Ionic Storage
Урок 294.00:03:55
Get Token Payload
Урок 295.00:03:32
Add Loader
Урок 296.00:04:50
Create Tabs Page
Урок 297.00:07:33
Automatic Login
Урок 298.00:06:47
Login
Урок 299.00:07:16
Ionic Token Http Interceptor - Part 1
Урок 300.00:07:47
Ionic Token Http Interceptor - Part 2
Урок 301.00:06:28
Add All Provider Methods
Урок 302.00:06:19
Add Tabs
Урок 303.00:05:24
Streams Segment
Урок 304.00:05:42
Add Segment Contents
Урок 305.00:08:54
Display All Posts
Урок 306.00:05:34
Display Post Images
Урок 307.00:04:10
Like Post Method
Урок 308.00:05:51
Add Comments Page
Урок 309.00:05:33
Hide Tabs On Comments Page
Урок 310.00:06:57
Comments Page HTML
Урок 311.00:07:09
Display Comments
Урок 312.00:07:18
Add Comments
Урок 313.00:06:45
Install Socket.io Client
Урок 314.00:06:09
Check If Post is Liked By User
Урок 315.00:07:55
Add Fab Button
Урок 316.00:03:52
Post Modal Back Button
Урок 317.00:06:37
Add Post Input
Урок 318.00:06:24
Send Post
Урок 319.00:06:49
Ionic Native Camera Module
Урок 320.00:06:37
Add Camera Options
Урок 321.00:05:26
Add Cordova Browser Plugin
Урок 322.00:04:53
Test Post Image Upload
Урок 323.00:03:17
Display Top Posts
Урок 324.00:03:14
Check If Token is Expired
Урок 325.00:03:10
Hide Tabs On Login Page
Урок 326.00:01:40
Section Introduction
Урок 327.00:03:12
Create Chat List Page
Урок 328.00:02:05
Chat List Page HTML
Урок 329.00:08:05
Display Chat List
Урок 330.00:05:43
Format Chat List Date
Урок 331.00:07:33
Check If Message is False Method
Урок 332.00:03:38
Display Chat List Image
Урок 333.00:09:16
Navigate to Chat Page
Урок 334.00:04:35
Chat Page HTML
Урок 335.00:07:23
Send Message Method
Урок 336.00:10:00
Display All Messages
Урок 337.00:03:42
Scroll to Bottom
Урок 338.00:02:26
Chat Page Back Button
Урок 339.00:08:21
Add Emoji Icons
Урок 340.00:02:45
Fix Emoji View
Урок 341.00:00:44
Add Username to Chat
Урок 342.00:05:00
Display Chat Receiver's Image
Урок 343.00:05:25
User is Typing Functionality
Урок 344.00:11:38
User is Online Functionality
Урок 345.00:09:32
Message Count Display - Part 1
Урок 346.00:07:03
Message Count Display - Part 2
Урок 347.00:03:30
Clear Tabs Badge
Урок 348.00:06:52
Notifications Badge
Урок 349.00:09:15
Create Alert Page
Урок 350.00:07:39
Display Alerts
Урок 351.00:08:13
Mark and Delete Notification
Урок 352.00:02:08
Section Introduction
Урок 353.00:01:50
Create People Page
Урок 354.00:04:57
People Page HTML
Урок 355.00:04:41
Display All Users
Урок 356.00:04:45
Removed Logged in User
Урок 357.00:06:47
View Profile Page
Урок 358.00:01:36
Hide Tabs On View Profile Page
Урок 359.00:08:16
View Profile HTML
Урок 360.00:10:49
Show Header Image
Урок 361.00:05:23
Create Components
Урок 362.00:05:20
Post Component HTML
Урок 363.00:10:11
Display Posts in Component
Урок 364.00:01:43
Format Post Component Time
Урок 365.00:07:50
User Friends Input Property
Урок 366.00:10:13
User Friends Content
Урок 367.00:05:05
View User Profile Chat Link
Урок 368.00:08:47
Create Pop Over Page
Урок 369.00:02:19
Style Pop Over Page
Урок 370.00:09:28
Hide or Show Follow and Unfollow Buttons
Урок 371.00:03:46
Follow User
Урок 372.00:03:03
Unfollow User
Урок 373.00:09:08
Images Component
Урок 374.00:08:20
Create Profile Page
Урок 375.00:04:34
Style Profile Page
Урок 376.00:02:20
Profile User Friends Component
Урок 377.00:07:36
Display Images in Profile
Урок 378.00:07:27
Change Default Image
Урок 379.00:02:01
User Component Selector in Scss
Урок 380.00:05:43
Create Settings Page
Урок 381.00:02:33
Hide Tabs On Settings Page
Урок 382.00:05:36
Add Logout
Урок 383.00:02:55
Change Password Page Link
Урок 384.00:05:08
Change Password HTML
Урок 385.00:08:59
Add Reactive Form Properties
Урок 386.00:05:42
Validate New and Confirm Password Fields
Урок 387.00:08:58
Change Password Method
Урок 388.00:02:03
Section Introduction
Урок 389.00:05:16
Add Edit Button
Урок 390.00:05:50
Add Modal
Урок 391.00:06:16
Edit Post Form
Урок 392.00:04:30
Open Modal Method
Урок 393.00:03:32
Close Modal Method
Урок 394.00:10:05
Edit Service Method
Урок 395.00:05:33
Edit Post Route
Урок 396.00:10:14
Edit Post Controller Function
Урок 397.00:04:28
Delete Post Service Method
Урок 398.00:11:04
Delete Post
Урок 399.00:10:43
Edit Post On View User Component

Автор - udemy

udemy

Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.

+194