mirror of
https://github.com/zebrajr/express.git
synced 2026-01-15 12:15:27 +00:00
224 lines
7.8 KiB
HTML
224 lines
7.8 KiB
HTML
<html>
|
|
<head>
|
|
<title>Express - node web framework</title>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
|
|
<style>
|
|
#tagline {
|
|
margin-left: 75px;
|
|
margin-bottom: 30px;
|
|
color: rgba(255,255,255,0.7); }
|
|
html {
|
|
background: #1c1c1c url(images/bg.tile.jpg); }
|
|
|
|
body {
|
|
margin: 0;
|
|
padding-bottom: 30px;
|
|
font: 14px/1.4 "Helvetica Neue", "Lucida Grande", "Arial";
|
|
font-size: 14px;
|
|
line-height: 1.5;
|
|
-webkit-font-smoothing: antialiased;
|
|
background: url(images/bg.jpg) 50% 0 no-repeat;
|
|
color: #8b8b8b; }
|
|
|
|
* {
|
|
outline: none; }
|
|
|
|
em {
|
|
color: white; }
|
|
|
|
a img {
|
|
border: none !important; }
|
|
|
|
a {
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
color: white;
|
|
-webkit-transition-property: opacity, -webkit-transform, color, background-color, padding, -webkit-box-shadow;
|
|
-webkit-transition-duration: 0.15s;
|
|
-webkit-transition-timing-function: ease-out; }
|
|
a:hover {
|
|
opacity: 0.8; }
|
|
|
|
h1, h2, h3, h4 {
|
|
margin: 45px 0 0 0;
|
|
color: white;
|
|
text-shadow: 1px 2px 2px rgba(0,0,0,0.6); }
|
|
|
|
h3 {
|
|
font-size: 18px; }
|
|
h4 {
|
|
margin-left: 10px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
pre {
|
|
margin: 20px 10px;
|
|
padding: 25px 20px;
|
|
background: rgba(0,0,0,0.5);
|
|
border: 1px solid #323232;
|
|
-webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.6);
|
|
-moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.6);
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px; }
|
|
|
|
code {
|
|
font-family: "Helvetica Neue", "Lucida Grande", "Arial"; }
|
|
|
|
ul {
|
|
margin: 15px 0;
|
|
padding: 0 0 0 35px; }
|
|
ul li {
|
|
margin: 0;
|
|
padding: 2px 0;
|
|
list-style: square; }
|
|
ul li ul {
|
|
margin: 0;
|
|
padding-left: 12px;
|
|
}
|
|
|
|
.man-name, #Express { display:none; }
|
|
|
|
.sect {
|
|
margin-left: 40px; }
|
|
img {
|
|
margin-left: 20px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
#logo {
|
|
display: block;
|
|
margin-left: 30%;
|
|
margin-bottom: 30px;
|
|
width: 194px;
|
|
height: 51px;
|
|
background: url(images/logo.png) 0 0 no-repeat;
|
|
text-indent: -99999px; }
|
|
#logo:hover {
|
|
opacity: 0.7; }
|
|
#logo:active {
|
|
opacity: 0.3; }
|
|
|
|
#ribbon {
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
z-index: 2; }
|
|
|
|
#wrapper {
|
|
width: 100%;
|
|
min-height: 800px;
|
|
background: url(images/top.png) 0 0 repeat-x; }
|
|
|
|
#container {
|
|
margin: 0 auto;
|
|
padding-top: 80px;
|
|
width: 550px; }
|
|
|
|
#toc {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
margin: 0 0 0 15px;
|
|
padding: 15px;
|
|
height: 100%;
|
|
background: rgba(0,0,0,0.2);
|
|
overflow: auto;
|
|
border-right: 1px solid rgba(255,255,255,0.05);
|
|
}
|
|
#toc li {
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
#toc li a {
|
|
font-size: 11px;
|
|
}
|
|
#menu {
|
|
margin-left: 75px;
|
|
padding: 0;
|
|
padding-bottom: 30px; }
|
|
#menu li {
|
|
display: inline;
|
|
list-style: none; }
|
|
#menu li a {
|
|
display: block;
|
|
float: left;
|
|
margin: 0 2px;
|
|
padding: 3px 15px;
|
|
background: rgba(0,0,0,0.2);
|
|
-webkit-border-radius: 8px;
|
|
-moz-border-radius: 8px;
|
|
-webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.6);
|
|
-moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.6);
|
|
-webkit-transition-property: opacity, -webkit-transform, color, background-color, -webkit-box-shadow;
|
|
-webkit-transition-duration: 0.15s;
|
|
-webkit-transition-timing-function: ease-out; }
|
|
#menu li a:hover,
|
|
#menu li a.active {
|
|
background: rgba(0,0,0,0.5); }
|
|
#menu li a:active {
|
|
background: rgba(0,0,0,0.1);
|
|
-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
|
|
-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.4); }
|
|
</style>
|
|
<script>
|
|
$(function(){
|
|
$('.section').hide();
|
|
$('.toggle, a.section-title').toggle(function(){
|
|
$(this).siblings('ul').fadeIn(300);
|
|
return false;
|
|
}, function(){
|
|
$(this).siblings('ul').fadeOut(300);
|
|
return false;
|
|
});
|
|
});
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<a href='http://github.com/visionmedia/express'>
|
|
<img alt='Fork me on GitHub' id='ribbon' src='http://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png' />
|
|
</a>
|
|
<div id="wrapper">
|
|
<div id="container">
|
|
<a href='http://github.com/visionmedia/express' id='logo'>Express</a>
|
|
<p id="tagline">
|
|
High performance, high class web development for
|
|
<a href="http://nodejs.org">Node.js</a>
|
|
</p>
|
|
<ul id="menu">
|
|
<li><a href="index.html">Home</a></li>
|
|
<li><a href="guide.html">Guide</a></li>
|
|
<li><a href="screencasts.html">Screencasts</a></li>
|
|
<li><a href="applications.html">Applications</a></li>
|
|
</ul>
|
|
<h3>Introduction</h3>
|
|
|
|
<p>This introduction screencast covers the basics of Express, and how to get started with your first application.</p>
|
|
|
|
<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,115,0' width='560' height='345'><param name='movie' value='http://screenr.com/Content/assets/screenr_1116090935.swf' /><param name='flashvars' value='i=139583' /><param name='allowFullScreen' value='true' /><embed src='http://screenr.com/Content/assets/screenr_1116090935.swf' flashvars='i=139583' allowFullScreen='true' width='560' height='345' pluginspage='http://www.macromedia.com/go/getflashplayer'></embed></object>
|
|
|
|
|
|
<h3>View Partials</h3>
|
|
|
|
<p>In this screencast we work with partials to display a collection of users using the <a href="http://jade-lang.com">Jade</a> template engine, and learn about view path resolution.</p>
|
|
|
|
<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,115,0' width='560' height='345'><param name='movie' value='http://screenr.com/Content/assets/screenr_1116090935.swf' /><param name='flashvars' value='i=139591' /><param name='allowFullScreen' value='true' /><embed src='http://screenr.com/Content/assets/screenr_1116090935.swf' flashvars='i=139591' allowFullScreen='true' width='560' height='345' pluginspage='http://www.macromedia.com/go/getflashplayer'></embed></object>
|
|
|
|
|
|
<h3>Route Specific Middleware</h3>
|
|
|
|
<p>In the screencast below we learn about the benefits of route-specific middleware.</p>
|
|
|
|
<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,115,0' width='560' height='345'><param name='movie' value='http://screenr.com/Content/assets/screenr_1116090935.swf' /><param name='flashvars' value='i=140296' /><param name='allowFullScreen' value='true' /><embed src='http://screenr.com/Content/assets/screenr_1116090935.swf' flashvars='i=140296' allowFullScreen='true' width='560' height='345' pluginspage='http://www.macromedia.com/go/getflashplayer'></embed></object>
|
|
|
|
|
|
<h3>Route Param Preconditions</h3>
|
|
|
|
<p>Learn about route parameter (<em>/user/:id</em>) pre-conditions, providing automated validation, and loading of data via the named route param segments.</p>
|
|
|
|
<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,115,0' width='560' height='345'><param name='movie' value='http://screenr.com/Content/assets/screenr_1116090935.swf' /><param name='flashvars' value='i=140300' /><param name='allowFullScreen' value='true' /><embed src='http://screenr.com/Content/assets/screenr_1116090935.swf' flashvars='i=140300' allowFullScreen='true' width='560' height='345' pluginspage='http://www.macromedia.com/go/getflashplayer'></embed></object>
|
|
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |