en1mes PUC
63
Lean Development www.en1mes.com
-
Upload
gonzalo-sanchez -
Category
Self Improvement
-
view
316 -
download
0
description
Workshop dictado en el CAI de la PUC
Transcript of en1mes PUC
Lean Development www.en1mes.com
Emprender?
“Comenzar una obra, negocio, etc., especialmente los que entrañan alguna dificultad o peligro:”
“Emprender una aventura.”
Emprendedor digital
• Aplicaciones web
• Aplicaiones móviles
El próximo Instagram?
2 opciones
Moraleja de la historia
• Los cambios son caros
Costo de una red social
Hay pocos desarrolladores
DE-manda
• Mucha, pero mucha Demanda
• En la industria digital hay 2 tipos de personas, las que saben de tecnología y son lideres y las que no y son seguidores
Programar es para nerds?
Juguemos
El cofounder perfecto no existe
Programación + mantención
• La mantención es aún más cara.
Herraminetas
Rails new en1mes
Anatomía de html
Título
Navegación
ArtículoArtículo
Sección
ArtículoArtículo
Lateral
Footer
Sección
ArtículoArtículo
Header
Navegación
ArtículoArtículo
Aside
Footer
<body>
<header>
<h1>Header in h1</h1>
</header>
<nav>
<ul>
<li><a href="#">Menu Option 1</a></li>
<li><a href="#">Menu Option 2</a></li>
</ul>
</nav>
<section>
<article>
<header>
<h1>Article #1</h1>
</header>
<section>
This is the first article. This is
<mark>highlighted</mark>.
</section>
</article>
<article>
<header>
<h1>Article #2</h1>
</header>
<section>
This is the second article. These articles
could be blog posts, etc.
</section>
</article>
</section>
<aside>
<section>
<h1>Links</h1>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
</ul>
</section>
</aside>
<footer>Footer - Copyright 2011</footer>
</body>
Página 1
A nadie le gusta una página fea
Apliquemos estilo
Cómo se hace?
• Con Twitter Bootstrap 3
Forma fácil
Buscar en google: CDN twitter bootstrap 3
<head> <link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"></head>
Código copiado
¿Memorizar?
Barra navegación
Title Link Link Dropdown Link Dropdown
Navbar
Navs
MessagesHome Profile
Botones
Action Danger Success
Well (hero-unit)
Look I’m in a well!
Imágenes
177 x 180177 x 180
12 columnas
offset
Responsividad
Palabra mágica
<meta name="viewport" content="width=device-width, initial-scale=1.0">
CSS (Diseño, piel)
javascript (Animación, musculos)
FRONT ENDHTML (Estructura, huesos)
Javascript
• <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
¿Quiéres aprender más?
www.onemonth.cl
En el taller aprenderás:Html5 y CssRuby y Rails
Heroku
