Udemy - Photo Gallery with Image Tagging

This course explains how to upload, resize and crop the image and how to apply tags to the selected areas of the image. We'll create a search form, which will filter the number of images displayed based on the associated tags. We'll also create a Paging class to allow us browse through the pages of the records. All this using PHP, MySQL, jQuery, jQuery UI and ImageMagick.

1: Introduction
1
What's in the package

02:19
2: Framework
2
Header, footer and navigation

04:51
3
Autoloader and config

07:57
4
Include path

04:18
5
Core class
04:31
3: Upload
6
Upload form
05:49
7
Upload class
04:58
8
Validation
05:34
9
Validate extension
03:17
10
File size and file name
03:51
11
Helper sanitise method
03:10
12
Upload and get error
02:38
13
Upload file
04:53
4: Image class
14
Crop method
06:27
15
Resize method
02:24
16
Upload, resize and crop
02:32
5: PDO wrapper class
17
Database connect method
04:58
18
Query method
05:01
19
PDOException output
03:24
20
Last id, get all, execute and insert methods
03:49
21
Import database
01:36
22
Insert record
04:29
23
Testing upload
03:15
6: Tagging
24
Get image size
05:11
25
Display image and associated tags
05:40
26
List of tags
02:14
27
New javascript object
04:06
28
Create dialog method
04:51
29
Make dialog draggable
04:04
30
Remove dialog
01:49
31
Save tag
04:53
32
Save record
03:37
33
Add tag file
04:39
34
New outline and tooltip
05:22
35
Trigger dialog removal
03:57
36
Show outline
02:33
37
Show tooltip
02:42
38
Remove tag
02:11
39
Remove tag file
03:05
40
Cancel button
00:52
7: Displaying images
41
Search form
05:02
42
List of images
06:13
43
Paging class
03:24
44
Render links
05:27
45
Generate url
02:52
46
Get links
03:28
47
Set link and set span
01:20
48
Apply pagination
04:59
49
Remove image method
01:43
50
Remove image file
03:32
51
Trigger image removal
02:34
52
Fixing IE compatibility
01:30
8: Conclusion
53
Summary
00:40