techsin techsin

I'm having trouble understanding the benefit of require.js. Can you help me out? I imagine other developers have a similar interest.

From Require.js - Why AMD:

The AMD format comes from wanting a module format that was better than today's "write a bunch of script tags with implicit dependencies that you have to manually order"

I don't quite understand why this methodology is so bad. The difficult part is that you have to manually order dependencies. But the benefit is that you don't have an additional layer of abstraction.

	<!DOCTYPE html>
	<html class="no-js" lang="en"><!-- <![endif]--><head><style type="text/css">@charset "UTF-8";[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide{display:none !important;}ng\:form{display:block;}.ng-animate-block-transitions{transition:0s all!important;-webkit-transition:0s all!important;}.ng-hide-add-active,.ng-hide-remove{display:block!important;}</style>
	<meta charset="utf-8">
	<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
	<base href="/">

	<title>Working with us: The Small Group: The Big Organization</title>
	<meta content="width=device-width, initial-scale=1.0, user-scalable=no" name="viewport">
	<link href="http://local-resources.crowdtwist.com/v84/widgets/stylesheets/ct-widgets.css" rel="stylesheet">
	<script>


	#survey > div.header.ct-header-color {
	position: relative;
	width: 500px;
	margin: auto;
	display: block;
	background-color: #DE1F26!important;
	overflow:autop;
	border: none;
	}

	#activity-list > div.header.ct-header-color {
	background-color: transparent!important;
	border-bottom-color: #DE1F26;
	padding:0;
	}

	#activity-list > div.header.ct-header-color h3 {
	background-color: #DE1F26;
	width: 200px;
	padding: 0;


	#reward-list > div.container .rewards .reward {
	display: inline-block;
	margin:0;
	width: calc(33% - 10px);

	padding: 15px;

	}

	@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300);
	* {
	/font-family: 'Oswald', sans-serif;/
	font-family: 'Open Sans', sans-serif;
	color: white!important;
	}

	html {
	overflow: hidden;

	var myConfObj = {
	iframeMouseOver : false
	}
	window.addEventListener('blur',function(){
	if(myConfObj.iframeMouseOver){
	console.log('Wow! Iframe Click!');
	}
	});

	document.getElementById('YOUR_CONTAINER_ID').addEventListener('mouseover',function(){


	sentence = <<-something
	Steven likes the movies. Blake likes to ride his bike but hates movies.
	Blake is taller than than than steven. Steven Steven is a great teacher.
	something

	counter = Hash.new(0)
	sentence.gsub!(".","").split(" ").each do \|word\|
	counter[word] += 1
	end