Lessons: 23Length: 3.8 hours
- Overview
- Transcript
4.8 The Conversations Module
It’s time to build our final module. In this lesson, we’ll build a chat module to show recent conversations.
1.Welcome
1.1Introduction00:49
1.1
Introduction
00:49
1.2Designing Backend Interfaces02:47
1.2
Designing Backend Interfaces
02:47
2.Designing the Header
2.1Downloading Icons02:54
2.1
Downloading Icons
02:54
2.2Setting Up the File06:54
2.2
Setting Up the File
06:54
2.3Background and Logo07:30
2.3
Background and Logo
07:30
2.4Alert Icons10:51
2.4
Alert Icons
10:51
2.5Finishing the Header12:19
2.5
Finishing the Header
12:19
2.6Header Dropdown12:39
2.6
Header Dropdown
12:39
3.Designing the Navigation
3.1Search Field09:53
3.1
Search Field
09:53
3.2Creating the Home Icon11:27
3.2
Creating the Home Icon
11:27
3.3Button Text and Dividers05:57
3.3
Button Text and Dividers
05:57
3.4Finishing the Buttons05:23
3.4
Finishing the Buttons
05:23
3.5Submenu Items13:28
3.5
Submenu Items
13:28
4.Designing the Content Area
4.1The Notifications Module07:28
4.1
The Notifications Module
07:28
4.2Notification Icons16:37
4.2
Notification Icons
16:37
4.3The Recent Posts Module14:11
4.3
The Recent Posts Module
14:11
4.4The Quick Post Module19:07
4.4
The Quick Post Module
19:07
4.5Site Visits10:30
4.5
Site Visits
10:30
4.6Building the Chart11:12
4.6
Building the Chart
11:12
4.7Date Selector Dropdown13:33
4.7
Date Selector Dropdown
13:33
4.8The Conversations Module17:35
4.8
The Conversations Module
17:35
4.9Finishing Touches11:18
4.9
Finishing Touches
11:18
5.Conclusion
5.1Final Thoughts01:10
5.1
Final Thoughts
01:10
