To programmaictlly change the content of app, we need to contect storyboard to a view controller.

 

To do that, we need to create new file call it 'ProductViewController', subclass should UIViewController:

 

Delete some uncessary code, the remain code should looks like:

import UIKitclass ProductViewController: UIViewController {    override func viewDidLoad() {        super.viewDidLoad()    }}

 

Link view to controller:

Click the view panel, and on the right side give the Custom class name as 'ProductViewController':

 

Link ui elements to outlets:

Click 'ctrl' & drag the image point to the code:

Give the name and save.

We can use 'Image Literal' to auto select the image:

 

DO the same for the label,  then the code looks like:

import UIKitclass ProductViewController: UIViewController {    @IBOutlet weak var productNameLabel: UILabel!    @IBOutlet weak var productViewImage: UIImageView!    override func viewDidLoad() {        super.viewDidLoad()        productNameLabel.text = "1937 Desk Phone";        productViewImage.image = #imageLiteral(resourceName: "phone-fullscreen3");    }}

 

---

 

class CourseViewController : UIViewController {  @IBOutlet weak var courseNameLabel: UILabel!  @IBOutlet weak var courseImageView: UIImageView!  override func viewDidLoad() {    super.viewDidLoad()    var courseName = "App Evolution With Swift"    courseNameLabel.text = courseName    courseImageView.image = UIImage(named: "course-badge")  }}

 

---

@IBAction func addProductAction(_ sender: UIButton) {        print("Button tapped")    }