custom css and js on homepage in wordpress

I have my html homepage with the header like below.

<!--referring to CSS-->

<link rel="stylesheet" type="text/css" href="css/main.css">
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="css/animate.min.css">


<script type="text/javascript" src="http://updateyourbrowser.net/uyb.js"> </script> <!-- Update older browser -->
<!-- load the javascript library for the function in the script DOM-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<!--load the javascript library-->
<script src="js/external/jquery/jquery.js"></script>
<!--??what is this? we load the javascript library-->
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

<!-- Google Analytics script -->
<script>//Google Analytics script
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-61904449-3', 'auto');
  ga('send', 'pageview');

</script>


<!-- Facebook Pixel Code -->

<script>

!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?

n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;

n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;

t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,

document,'script','//connect.facebook.net/en_US/fbevents.js');



fbq('init', '384494271757075');

fbq('track', "PageView");</script>

<noscript><img height="1" width="1" style="display:none"

src="https://www.facebook.com/tr?id=384494271757075&ev=PageView&noscript=1"

/></noscript>

<!-- End Facebook Pixel Code -->


<script>


    // Scrolling function for the top navigation
// ??top left? which navigation? => when you click to go back to the top, to make an ease effect
    $(document).ready(function(){
        $('a').click(function(){
            $('html, body').animate({
                scrollTop: $( $(this).attr('href') ).offset().top
            }, {duration: 1500, easing: 'easeInOutExpo'});
            return false;
        }); 
    });



<!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. -->
<script>var __adobewebfontsappname__="dreamweaver"</script>
<script src="http://use.edgefonts.net/source-sans-pro:i6,n6,n4,i4,i3,n3,n7,i7:default.js" type="text/javascript"></script>

I need to make it the homepage in a WordPress Theme. I put this page as the homepage in theme by the method of
https://www.youtube.com/watch?v=ClXmWsE7wo8,
I am planning on using this method for the custom css and Js
How to add custom css/js to just one page in WordPress?

but am having problem defining the custom CSS and JS.

In my homepage header, there are
1. css files called from outside
2. js called from outside
3. js defined

My 1st question is, for 1, and 2, how do I define the paths in wp_enqueue_script( ‘your_script’,’path’ ); wp_enqueue_style( ‘your-style’,’path’ );?

should i do

wp_enqueue_style( 'main.css','/tstandtest/css/main.css' );
		wp_enqueue_style( 'font-awesome.min.css','/tstandtest/font-awesome/css/font-awesome.min.css' );
		wp_enqueue_style( 'jquery-ui.css','/tstandtest/font-awesome/css/font-awesome.min.css' );
		wp_enqueue_style( 'font-awesome.min.css','//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css' );