calling an additional css and js links for a custom page template

wp_register_script( $handle, $src, $deps, $ver, $in_footer );
wp_register_style( $handle, $src, $deps, $ver, $media );


if (!is_admin()) {
add_action('wp_enqueue_scripts', 'my_js'); // for js
add_action('wp_enqueue_scripts','my_style'); // for css
}
function my_js(){
 if(is_page(page id)){ // or is_page_template(page slug)
    wp_register_script( 'port-js', get_template_directory_uri() . '/portfolio-js.js');
    wp_enqueue_script( 'port-js ');
 }
}
function my_style(){
 if(is_page(page id)){ // or is_page_template(page slug)
        wp_register_style( 'port-style', get_template_directory_uri() . '/portfolio-style.css');
        wp_enqueue_style( 'port-style' );
 }
}

Use is_page or is page_template to load script and style only page.