[WordPress] Loading WordPress Assets, Part 1

00-initial-class-design.php

<?php

namespace Acme\Admin;

class Assets_Loader {

	private $assets;

	public function __construct() {

		$plugin_root = trailingslashit( dirname( dirname( __FILE__ ) ) );
		
		$this->assets = array(
				'css' => array(),
				'js'  => array(),
				),
		);

	}
	
	public function init() {

		 add_action( 'admin_enqueue_scripts', array( $this, 'enqueue_styles' ) );
		 add_action( 'admin_enqueue_scripts', array( $this, 'enqueue_scripts' ) );

	}

	public function enqueue_styles() {

	}
	
	public function enqueue_scripts() {

	}
}

01-adding-javascript-files.php

<?php

$this->assets = array(

	'css' => array(),

	'js' => array(

		'acme-app' => array(
			'ver'  => rand(),
			'path' => plugins_url( 'js/app.min.js', __FILE__ ),
			'deps' => array( 'jquery' ),
		),

	),
);

02-adding-css-files.php

<?php

$this->assets = array(

	'css' => array(

		'acme-admin' => array(
			'ver'   => rand(),
			'path'  => plugins_url( 'css/admin.css',  __FILE__ ),
		),
	),

	'js' => array(

		'acme-app' => array(
			'ver'  => rand(),
			'path' => plugins_url( 'js/app.min.js', __FILE__ ),
			'deps' => array( 'jquery' ),
		),

	),
);

03-enqueuing-javascript.php

<?php

public function enqueue_scripts() {

	$js = $this->assets['js'];

	foreach ( $js as $id => $asset ) {

		wp_enqueue_script(
			$id,
			$asset['path'],
			$asset['deps'],
			$asset['ver'],
			false
		);

	}

}

04-enqueuing-stylesheets.php

<?php 

public function enqueue_styles() {

	$css = $this->assets['css'];

	foreach ( $css as $id => $asset ) {

		wp_enqueue_style(
			$id,
			$asset['path'],
			false,
			$asset['ver']
		);

	}

}

05-the-final-class.php

<?php

namespace Acme\Admin;

class Assets_Loader {
  
	private $assets;

	public function __construct() {

		$plugin_root = trailingslashit( dirname( dirname( __FILE__ ) ) );
		
		$this->assets = array(

			'css' => array(

				'acme-admin' => array(
					'ver'   => rand(),
					'path'  => plugins_url( 'css/admin.css',  __FILE__ ),
				),
			),

			'js' => array(

				'acme-app' => array(
					'ver'  => rand(),
					'path' => plugins_url( 'js/app.min.js', __FILE__ ),
					'deps' => array( 'jquery' ),
				),

			),
		);

	}
	
	public function init() {

		 add_action( 'admin_enqueue_scripts', array( $this, 'enqueue_styles' ) );
		 add_action( 'admin_enqueue_scripts', array( $this, 'enqueue_scripts' ) );

	}

	public function enqueue_styles() {

		$css = $this->assets['css'];

		foreach ( $css as $id => $asset ) {

			wp_enqueue_style(
				$id,
				$asset['path'],
				false,
				$asset['ver']
			);

		}

	}

	public function enqueue_scripts() {
	  
		$js = $this->assets['js'];

		foreach ( $js as $id => $asset ) {

			wp_enqueue_script(
				$id,
				$asset['path'],
				$asset['deps'],
				$asset['ver'],
				false
			);

		}

	}
}