-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.html
265 lines (240 loc) · 11.4 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
---
layout: default
---
<div class="row home">
<div class="row">
<h2>Conocimiento técnico previo requerido</h2>
<hr />
<div class="col-6">
<ul>
<li><b>Programación orientada a objetos básica</b></li>
<ul>
<li>¿Qué es un <a target="_blank" href="http://en.wikipedia.org/wiki/Object_(computer_science)">Objeto?</a></li>
<li>¿Qué es una <a target="_blank" href="http://en.wikipedia.org/wiki/Class_(computer_science)">Clase?</a></li>
<li>¿En qué consiste la <a target="_blank" href="http://en.wikipedia.org/wiki/Encapsulation_(object-oriented_programming)">encapsulación</a>,
<a target="_blank" href="http://en.wikipedia.org/wiki/Object_composition#Aggregation">agregación</a>,
<a target="_blank" href="http://en.wikipedia.org/wiki/Object_composition#Composite_types_in_C">composición?</a></li>
<li>¿Qué es la <a target="_blank" href="http://en.wikipedia.org/wiki/Inheritance_%28object-oriented_programming%29">Herencia (inheritance)</a>?</li>
<li>¿Qué es una <a target="_blank" href="http://en.wikipedia.org/wiki/Class_%28computer_programming%29">Clase Abstracta?</a></li>
<li>¿Cuál es la diferencia entre una <a target="_blank" href="http://en.wikipedia.org/wiki/Class_%28computer_programming%29#The_concept_of_class_interface">Interfaz</a> y una <a href="http://en.wikipedia.org/wiki/Class_%28computer_programming%29">Clase Abstracta?</a></li>
<li>¿Qué es un <a target="_blank" href="http://en.wikipedia.org/wiki/Class_diagram">Class Diagram?</a></li>
<li>¿Qué <a target="_blank" href="http://en.wikipedia.org/wiki/Data_structure">estructuras de datos</a> conoces y has manejado?</li>
</ul>
</ul>
</div>
<div class="col-5">
<ul>
<li><b>Patrones de diseño</b></li>
<ul>
<li>En qué consiste el patrón Model-View-Controller (MVC)?</li>
<li>Cuál es la diferencia entre un Modelo y un Controlador?</li>
<li><strong>Recursos</strong></li>
<ul>
<li><a target="_blank" href="http://blog.codinghorror.com/understanding-model-view-controller/">http://blog.codinghorror.com/understanding-model-view-controller/</a></li>
<li><a href="https://www.youtube.com/watch?v=eTdVkgF_Slo">https://www.youtube.com/watch?v=eTdVkgF_Slo</a></li>
</ul>
</ul>
</ul>
<ul>
<li><b>APIs</b></li>
<ul>
<li>Qué es un API?</li>
<li>Cuáles son las ventajas de tener un API?</li>
<li><strong>Recursos</strong></li>
<ul>
<li><a target="_blank" href="http://en.wikipedia.org/wiki/Application_programming_interface">http://en.wikipedia.org/wiki/Application_programming_interface</a></li>
<li><a target="_blank" href="http://apionrails.icalialabs.com/book/">http://apionrails.icalialabs.com/book/</a></li>
</ul>
</ul>
</ul>
</div>
</div>
<div class="row">
<div class="col-6">
<ul>
<li><b>HTML/CSS</b></li>
<ul>
<li>¿Qué es un <a target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element">tag</a> de HTML?</li>
<li>¿Qué es un atributo?</li>
<li>¿Qué es el DOM?</li>
<li>¿Qué es un selector de CSS?</li>
<li>¿Cuál es la diferencia entre un elemento HTML inline y uno block?</li>
<li>¿Cómo se modifican estilos básicos de un elemento HTML con CSS (color de fondo, color de texto, etc.)?</li>
<li><strong>Recursos</strong></li>
<ul>
<li><a target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Introduction">https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Introduction</a></li>
<li><a target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/CSS/Syntax">https://developer.mozilla.org/en-US/docs/Web/CSS/Syntax</a></li>
<li><a target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity">https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity</a></li>
<li><a target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/CSS/inheritance">https://developer.mozilla.org/en-US/docs/Web/CSS/inheritance</a></li>
<li><a target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started">https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started</a></li>
</ul>
</ul>
</ul>
<ul>
<li><b>JavaScript</b></li>
<ul>
<li>¿Para qué se utiliza JavaScript en una página web?</li>
<li>¿Cómo se pueden asociar funciones a eventos como un clic en un elemento HTML?</li>
<li>¿Cómo se pueden crear Clases y Objetos en JavaScript?</li>
<li><strong>Recursos</strong></li>
<ul>
<li><a target="_blank" href="http://www.codecademy.com/en/tracks/javascript">http://www.codecademy.com/en/tracks/javascript</a></li>
<li><a target="_blank" href="https://developer.mozilla.org/en-US/Learn/Getting_started_with_the_web/JavaScript_basics">https://developer.mozilla.org/en-US/Learn/Getting_started_with_the_web/JavaScript_basics</a></li>
<li><a target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript">https://developer.mozilla.org/en-US/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript</a></li>
</ul>
</ul>
</ul>
</div>
<div class="col-5">
<ul>
<li><b>Ruby</b></li>
<ul>
<li>¿Qué es un símbolo?</li>
<li>¿Como se lleva a cabo la sobrescritura de métodos en clases?</li>
<li><strong>Recursos</strong></li>
<ul>
<li><a target="_blank" href="http://www.codecademy.com/tracks/ruby">http://www.codecademy.com/tracks/ruby</a></li>
</ul>
</ul>
<li><b>Recursos en Internet</b></li>
<ul>
<li>¿Cómo funciona StackOverflow?</li>
<li>¿Qué diferencias conoces entre SaaS, PaaS, IaaS?</li>
<li><strong>Recursos</strong></li>
<ul>
<li><a href="http://stackoverflow.com/tour">http://stackoverflow.com/tour</a></li>
</ul>
</ul>
</ul>
</div>
</div>
<div class="row">
<h2>Instalación de software necesario</h2>
<hr />
<div class="col-6">
<ul>
<li><strong>Laptop con sistema operativo UNIX based:</strong></li>
<ul>
<li>Mac OS X</li>
<li>Ubuntu</li>
<li>Debian</li>
</ul>
<li><strong>Git</strong></li>
<li><strong>Ruby</strong></li>
<li><strong>Editor de texto favorito</strong></li>
<ul>
<li>Sublime Text</li>
<li>Vim</li>
<li>Emacs</li>
<li>Brackets</li>
<li>TextMate</li>
</ul>
</ul>
</div>
<div class="col-5">
<ul>
<li><strong>Web server local</strong></li>
<li><strong>Cuenta de github creada</strong></li>
<li><strong>PostgreSQL</strong></li>
</ul>
<ul>
<li><strong>CLI de tu preferencia:</strong></li>
<ul>
<li>zsh</li>
<li>bash</li>
</ul>
</ul>
</div>
</div>
<p class="row kaishi-hint">Existe un script que automatiza la instalación de todo lo mencionando anteriormente, su nombre es <a href="https://github.com/IcaliaLabs/kaishi">kaishi</a> y lo puedes encontrar <a href="https://github.com/IcaliaLabs/kaishi">aquí</a>.</p>
<div class="row">
<h2>Práctica de tareas básicas de manejo de código</h2>
<hr />
<div class="col-6">
<ul>
<li><b>Git</b></li>
<ul>
<li>Crear un repo local (git init)</li>
<li>Hacer un commit (git commit)</li>
<li>Hacer un branch (git branch)</li>
<li>Hacer merge entre dos branches (git merge)</li>
<li>Hacer reset o revert hacia un commit anterior (git reset)</li>
</ul>
<li><b>Github</b></li>
<ul>
<li>Crear un repo en github</li>
<li>Sincronizar en computadora local</li>
<li>Hacer un commit y push</li>
</ul>
</ul>
</div>
<div class="col-5">
<ul>
<li><b>Command Line Interface</b></li>
<ul>
<li>Crear un directorio local (mkdir)</li>
<li>Cambiar de directorio (cd) y listar sus contenidos (ls)</li>
<li>Crear un symlink (ln -s)</li>
<li>Eliminar un archivo (rm)</li>
<li>Modificar permisos de un archivo o directorio (chmod)</li>
</ul>
</ul>
</div>
</div>
<div class="row">
<h2>Recursos de apoyo</h2>
<hr />
<div class="col-3">
<ul>
<li><strong>CodeSchool</strong></li>
<ul>
<li><a target="_blank" href="https://www.codeschool.com/courses/try-sql">Try SQL</a></li>
<li><a target="_blank" href="https://www.codeschool.com/courses/try-jquery">Try jQuery</a></li>
<li><a target="_blank" href="https://www.codeschool.com/courses/discover-devtools">Google Dev Tools</a></li>
<li><a target="_blank" href="https://www.codeschool.com/courses/try-git">Try Git</a></li>
<li><a target="_blank" href="https://www.codeschool.com/courses/try-ruby">Try Ruby</a></li>
<li><a target="_blank" href="https://www.codeschool.com/courses/javascript-road-trip-part-1">Javascript</a></li>
</ul>
</ul>
</div>
<div class="col-3">
<ul>
<li><strong>Git</strong></li>
<ul>
<li><a target="_blank" href="http://git-scm.com/book/en/v2/Getting-Started-About-Version-Control">Getting Started</a></li>
<li><a target="_blank" href="https://www.airpair.com/git/learn-git-basics">Git basics</a></li>
</ul>
</ul>
<ul>
<li><strong>Github</strong></li>
<ul>
<li><a target="_blank" href="http://jahya.net/blog/git-vs-github/">Git vs Github</a></li>
<li><a target="_blank" href="https://help.github.com/articles/set-up-git/">Set up</a></li>
<li><a target="_blank" href="https://help.github.com/articles/create-a-repo/">Create a repo</a></li>
<li><a target="_blank" href="https://help.github.com/articles/fork-a-repo/">Fork a repo</a></li>
</ul>
</ul>
</div>
<div class="col-3">
<ul>
<li><strong>CodeAcademy</strong></li>
<ul>
<li><a target="_blank" href="http://www.codecademy.com/en/tracks/web">HTML & CSS</a></li>
<li><a target="_blank" href="http://www.codecademy.com/en/tracks/javascript">Javascript</a></li>
<li><a target="_blank" href="http://www.codecademy.com/en/tracks/jquery">jQuery</a></li>
<li><a target="_blank" href="http://www.codecademy.com/en/tracks/ruby">Ruby</a></li>
</ul>
</ul>
</div>
<div class="col-2">
<ul>
<li><strong>Command Line Interface</strong></li>
<ul>
<li><a target="_blank" href="http://code.tutsplus.com/tutorials/the-command-line-is-your-best-friend--net-30362">CLI - Your best friend</a></li>
<li><a target="_blank" href="http://blog.teamtreehouse.com/introduction-to-the-mac-os-x-command-line">Introduction</a></li>
<li><a target="_blank" href="https://www.udemy.com/linux-command-line-volume1/">Linux CLI</a></li>
</ul>
</ul>
</div>
</div>
</div>