-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1024 lines (948 loc) · 42.7 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
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Primary Meta Tags -->
<title>Mentoría en Desarrollo Full Stack JavaScript | undefined school</title>
<meta name="title" content="Mentoría en Desarrollo Full Stack JavaScript | undefined school" />
<meta
name="description"
content="Mentoría en Desarrollo Full Stack JavaScript para grupos reducidos | Pagás lo que querés."
/>
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://undefinedschool.io" />
<meta property="og:title" content="Mentoría en Desarrollo Full Stack JavaScript" />
<meta
property="og:description"
content="Mentoría en Desarrollo Full Stack JavaScript para grupos reducidos | Pagás lo que querés."
/>
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://undefinedschool.io" />
<meta property="twitter:title" content="Mentoría en Desarrollo Full Stack JavaScript" />
<meta
property="twitter:description"
content="Mentoría en Desarrollo Full Stack JavaScript para grupos reducidos | Pagás lo que querés."
/>
<!-- end Meta Tags -->
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicon-16x16.png" />
<link rel="stylesheet" href="dist/styles.css" />
<link
href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;600&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600&display=swap"
rel="stylesheet"
/>
<script
async
defer
data-domain="undefinedschool.io"
src="https://plausible.io/js/plausible.js"
></script>
</head>
<body id="top" class="bg-brand-black">
<div class="fixed z-10 bg-brand-black w-full top-0 shadow-xs">
<div class="hint shadow-inner"></div>
<div
class="lg:flex lg:justify-between sm:py-2 pt-2 fixed z-10 bg-brand-black w-full mb-8 md:mb-32 lg:px-32 md:px-24 shadow-xs"
>
<div class="flex items-center justify-between md:px-0 px-10">
<div>
<a href="./">
<p
id="logo"
style="font-family: 'Montserrat', sans-serif"
class="text-lg font-semibold"
>
<span class="text-brand-white">undefined</span>
<span class="text-brand-cyan">school</span>
</p>
<p
style="font-family: 'Raleway', sans-serif"
class="text-gray-600 text-xs -mt-1 text-right"
>
<em>mentorship</em>
</p>
</a>
</div>
<div class="lg:hidden">
<button
aria-label="hamburguer button"
id="hamburguer-button"
type="button"
class="object-scale-down block text-brand-white focus:outline-none"
>
<svg class="h-6 w-6 fill-current" viewBox="0 0 24 24">
<path
id="open-icon"
fill-rule="evenodd"
d="M4 5h16a1 1 0 0 1 0 2H4a1 1 0 1 1 0-2zm0 6h16a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2zm0 6h16a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2z"
/>
<path
id="close-icon"
fill-rule="evenodd"
d="M18.278 16.864a1 1 0 0 1-1.414 1.414l-4.829-4.828-4.828 4.828a1 1 0 0 1-1.414-1.414l4.828-4.829-4.828-4.828a1 1 0 0 1 1.414-1.414l4.829 4.828 4.828-4.828a1 1 0 1 1 1.414 1.414l-4.828 4.829 4.828 4.828z"
/>
</svg>
</button>
</div>
</div>
<nav
id="hamburguer-menu"
class="transition-all duration-150 ease-in px-8 mt-3 sm:mt-1 sm:text-center"
>
<div>
<ul
style="font-family: 'Raleway', sans-serif"
class="nav-list lg:inline-block hidden text-sm text-brand-light-gray"
>
<li class="nav-link rounded block sm:inline-block mt-1 px-2 sm:px-4 py-1">
<a href="#requirements"
><button
type="button"
class="w-full text-left md:text-center"
style="outline: none"
>
Requisitos
</button></a
>
</li>
<li class="nav-link rounded block sm:inline-block mt-1 px-2 sm:px-4 py-1">
<a href="#how-it-works"
><button
type="button"
class="w-full text-left md:text-center"
style="outline: none"
>
Cómo funciona
</button></a
>
</li>
<li class="nav-link rounded block sm:inline-block mt-1 px-2 sm:px-4 py-1">
<a href="#pricing"
><button
type="button"
class="w-full text-left md:text-center"
style="outline: none"
>
Costo
</button></a
>
</li>
<li class="nav-link rounded block sm:inline-block mt-1 px-2 sm:px-4 py-1">
<a href="#faq"
><button
type="button"
class="w-full text-left md:text-center"
style="outline: none"
>
FAQ
</button></a
>
</li>
<li class="nav-link rounded block sm:inline-block mt-1 px-2 sm:px-4 py-1">
<a href="#subscribe"
><button
type="button"
class="w-full text-left md:text-center"
style="outline: none"
>
Newsletter
</button></a
>
</li>
<li class="nav-link rounded block sm:inline-block mt-1 px-2 sm:px-4 py-1">
<a href="#contact"
><button
type="button"
class="w-full text-left md:text-center"
style="outline: none"
>
Contacto
</button></a
>
</li>
<li class="nav-link block sm:inline-block text-brand-white sm:ml-2 mt-1 mb-2 rounded">
<a
class="nav-apply-link"
href="https://undefinedschool.typeform.com/to/iAGeBSdf"
target="_blank"
rel="noopener noreferrer"
>
<button
class="w-full text-left md:text-center nav-apply-button rounded px-2 sm:px-4 py-1 sm:border sm:border-brand-white font-semibold sm:font-normal lg:shadow-xs"
>
Aplicar
</button>
</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<div class="lg:p-32 md:p-24 p-10">
<header class="mt-10 sm:mt-16 mb-40">
<div style="font-family: 'Montserrat', sans-serif" class="mx-auto">
<div class="text-brand-white">
<div class="mb-10 sm:mb-16">
<h1
class="text-4xl md:text-5xl mb-4 sm:mb-6 leading-none"
style="font-family: 'Raleway', sans-serif"
>
<span class="font-light">Aprendé</span>
<span class="font-semibold">Desarrollo Full Stack JavaScript</span>
</h1>
<p style="font-family: 'Raleway', sans-serif">
Mentoría en <strong>Desarrollo Web Full Stack</strong>, para grupos reducidos.
</p>
</div>
<div class="mb-12 sm:mb-16">
<div class="inline-block mb-4 mr-2 shadow-xs">
<a href="#problem"
><button
class="shadow-sm container learn-more-button text-brand-light-green inline-block text-center text-lg"
>
Quiero saber más
</button></a
>
</div>
<div class="inline-block shadow-xs">
<a
href="https://undefinedschool.typeform.com/to/iAGeBSdf"
target="_blank"
rel="noopener noreferrer"
><button
class="shadow-sm container apply-button text-brand-black bg-brand-cyan font-semibold inline-block text-center text-lg"
>
Aplicar
</button></a
>
</div>
</div>
<div class="mb-3 object-scale-down max-w-md mx-auto">
<img
src="https://ik.imagekit.io/di61zq8lsy/hero-image_MXftdGm6GI.svg"
alt="women who code"
/>
</div>
<div class="mb-20">
<a href="#problem" aria-label="about">
<img
alt="down arrow"
class="mx-auto animate-bounce w-6 h-6 text-brand-white"
src="https://ik.imagekit.io/di61zq8lsy/down-arrow_oCcI5W4TXh.svg"
/>
</a>
</div>
</div>
</div>
</header>
<main class="container text-brand-white">
<section id="problem" class="max-w-5xl mb-48">
<h2 class="text-brand-cyan text-3xl mb-10" style="font-family: 'Raleway', sans-serif">
Ser autodidacta a veces es difícil...
</h2>
<div style="font-family: 'Montserrat', sans-serif" class="text-base font-light">
<p>
Estudiar desarrollo web de forma autodidacta es, gracias a internet, cada vez día más
fácil. La cantidad de recursos disponibles comunidades, etc, crecen día a día.
</p>
<br />
<div class="flex items-center flex-col md:flex-row">
<!-- <div style="font-family: 'Montserrat', sans-serif;" class="text-base font-light">
<ul class="ml-8 list-disc">
<li class="mb-3">
Se formará un <strong class="font-semibold">único grupo</strong>, con un
<strong class="font-semibold">máximo de 10 estudiantes</strong>.
</li>
<li class="mb-3">
<strong class="font-semibold">Dinámico</strong>: si alguien libera su lugar, se
abre una nueva vacante.
</li>
<li>
Se busca que sea más <strong class="font-semibold">diverso</strong> y esté
conformado en su mayoría por <strong class="font-semibold">mujeres</strong> y
<strong class="font-semibold">disidencias</strong>.
</li>
</ul>
</div> -->
<div>
<p>
Pero estudiar por nuestra cuenta también nos pone delante de algunos
<strong class="font-semibold">desafíos</strong>, como pueden ser
</p>
<br />
<ul class="ml-8 list-disc">
<li class="mb-3">
<strong class="font-semibold">Qué recursos usar</strong>: al haber una gran
oferta de recursos, a veces nos cuesta elegir cuáles usar o distinguir los de
mejor calidad.
</li>
<li class="mb-3">
<strong class="font-semibold">Qué camino seguir</strong>: terminamos ese curso o
tutorial... y ahora, cuál sería el siguiente paso? Necesitamos tener un camino
más guiado para aprovechar mejor el tiempo.
</li>
<li class="mb-3">
<strong class="font-semibold">Falta de feedback</strong>: nuestro único
parámetro es si podemos resolver o no un determinado problema, pero nos gustaría
tener una devolución al respecto, para mejorar.
</li>
<li class="mb-3">
<strong class="font-semibold">Aprovechar mejor el tiempo</strong>: le dedico
tiempo a estudiar esto? qué conceptos son los importantes?
</li>
<li>
<strong class="font-semibold">Progreso irregular</strong>: la falta de horarios
u objetivos claros dificultan el progreso.
</li>
</ul>
<br />
<br />
</div>
<!-- <div class="md:ml-8 mt-8 md:mt-0 object-scale-down max-w-sm mx-auto">
<img
src="https://ik.imagekit.io/di61zq8lsy/undraw_instant_support_elxh_BQPH-74eF.svg"
alt="study group"
/>
</div> -->
</div>
<p>Si te pasa algo de esto, <strong class="font-semibold">seguí leyendo</strong> 👇</p>
</div>
</section>
<section id="about" class="max-w-5xl mb-48">
<h2 class="text-brand-cyan text-3xl mb-10" style="font-family: 'Raleway', sans-serif">
De qué se trata
</h2>
<div style="font-family: 'Montserrat', sans-serif" class="text-base font-light">
<p>
En estas mentorías, vas a participar de un grupo de estudio sobre desarrollo web,
mentoreado, con 2
<strong class="font-semibold">sesiones</strong> semanales,
<strong class="font-semibold">enfocadas en la práctica</strong> y con un valor muy
accesible.
</p>
<br />
<p>
Practicar, practicar, practicar,
<strong class="font-semibold">¡vamos a codear mucho!</strong> 💪 De esta forma, iremos
completando las diferentes certificaciones y proyectos de
<a
class="underline"
href="https://www.freecodecamp.org/learn/"
target="_blank"
rel="noopener noreferrer"
><strong class="font-semibold">freeCodeCamp</strong></a
>, (la plataforma que usaremos como guía principal)
<strong class="font-semibold">desde cero</strong>, empezando por
<a
class="underline"
href="https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/"
target="_blank"
rel="noopener noreferrer"
><strong class="font-semibold">HTML5</strong></a
>.
</p>
<br />
<p>
El objetivo final es que uses lo aprendido para armar tu
<strong class="font-semibold">portfolio</strong> de desarrollo web Jr.
</p>
</div>
</section>
<section id="about-the-group" class="max-w-5xl mb-48">
<h2 class="text-brand-cyan text-3xl mb-12" style="font-family: 'Raleway', sans-serif">
Sobre el grupo
</h2>
<div class="flex items-center flex-col md:flex-row">
<div style="font-family: 'Montserrat', sans-serif" class="text-base font-light">
<ul class="ml-8 list-disc">
<li class="mb-3">
Se formará un <strong class="font-semibold">único grupo</strong>, con un
<strong class="font-semibold">máximo de 12 estudiantes</strong>.
</li>
<li class="mb-3">
<strong class="font-semibold">Dinámico</strong>: si alguien libera su lugar, se
abre una nueva vacante.
</li>
<li>
Se busca que sea más <strong class="font-semibold">diverso</strong> y esté
conformado en su mayoría por <strong class="font-semibold">mujeres</strong> y
<strong class="font-semibold">disidencias</strong>.
</li>
</ul>
</div>
<div class="md:ml-8 mt-8 md:mt-0 object-scale-down max-w-sm mx-auto">
<img src="https://ik.imagekit.io/di61zq8lsy/group_86ZeCcYkIM.svg" alt="study group" />
</div>
</div>
</section>
<section id="why" class="mb-48 max-w-5xl">
<h2 class="text-brand-cyan text-3xl mb-12" style="font-family: 'Raleway', sans-serif">
Por qué es mejor que estudiar por mi cuenta
</h2>
<div style="font-family: 'Montserrat', sans-serif" class="text-base font-light">
<ul class="ml-8 list-disc">
<li class="mb-3">
Estudiar con gente que tiene los mismos objetivos (con la que además podés hacer
<strong class="font-semibold">networking</strong>) es más divertido y
<strong class="font-semibold">efectivo</strong>, además de que genera
<strong class="font-semibold">compromiso</strong>.
</li>
<li class="mb-3">
Es más fácil avanzar (y <strong class="font-semibold">menos frustrante</strong>) si
tenés gente en la que apoyarte.
</li>
<li class="mb-3">
Vas a <strong class="font-semibold">resolver tus dudas mucho más rápido</strong>.
</li>
<li class="mb-3">
Vas a recibir (y también dar) <strong class="font-semibold">feedback</strong> sobre
tus soluciones.
</li>
<li>
Tener horarios y <strong class="font-semibold">objetivos claros</strong> acelera el
aprendizaje.
</li>
</ul>
</div>
</section>
<section id="requirements" class="mb-48 max-w-5xl">
<h2 class="text-brand-cyan text-3xl mb-12" style="font-family: 'Raleway', sans-serif">
Requisitos
</h2>
<div style="font-family: 'Montserrat', sans-serif" class="text-base font-light">
<ul class="ml-8 list-disc">
<li class="mb-3">
Familiaridad con
<a
class="underline"
href="https://freeCodeCamp.org/"
target="_blank"
rel="noopener noreferrer"
><strong class="font-semibold">freeCodeCamp</strong></a
>
(haberse registrado y resuelto algún ejercicio, etc).
</li>
<li class="mb-3">
Disponer de <strong class="font-semibold">tiempo para dedicarle al estudio</strong>
(lo recomendado es, al menos 1hr por día, siguiendo la filosofía del
<a
class="underline"
href="https://www.100daysofcode.com/"
target="_blank"
rel="noopener noreferrer"
>#100DaysOfCode</a
>).
</li>
<li class="mb-3"><strong class="font-semibold">Micrófono</strong> para las calls.</li>
<li class="mb-3">
Espíritu autodidacta y <strong class="font-semibold">compromiso</strong>.
</li>
<li class="mb-3">
Leer y respetar el
<a
class="underline"
href="http://bit.ly/fccba-codigo"
target="_blank"
rel="noopener noreferrer"
><strong class="font-semibold">código de conducta</strong></a
>.
</li>
<li>
<strong class="font-semibold">Inglés</strong>: lectura y comprensión, para entender
el material de estudio.
</li>
</ul>
</div>
</section>
<section id="how-it-works" class="mb-48 max-w-5xl">
<h2 class="text-brand-cyan text-3xl mb-12" style="font-family: 'Raleway', sans-serif">
Cómo funciona
</h2>
<div style="font-family: 'Montserrat', sans-serif" class="text-base font-light">
<ul class="ml-8 list-disc">
<li class="mb-3">
<strong class="font-semibold">100% online</strong>, podés participar desde cualquier
lugar, siempre y cuando tengas <strong class="font-semibold">micrófono</strong> y
<strong class="font-semibold">puedas asistir</strong> a las sesiones.
</li>
<li class="mb-3">
<strong class="font-semibold">2 sesiones semanales</strong>, de
<strong class="font-semibold">1.5hr</strong> (audio/videollamada por
<a
class="underline"
href="https://discord.com/"
target="_blank"
rel="noopener noreferrer"
><strong class="font-semibold">Discord</strong></a
>).
</li>
<li class="mb-3">
<strong class="font-semibold">No son clases</strong> (vas a estudiar la teoría por
tu cuenta), mi rol es proponer una
<strong class="font-semibold">dinámica de trabajo</strong> (que se va a ir adaptando
al grupo), <strong class="font-semibold">guiarte</strong> cuando no se entienda
algún enunciado o tengas dificultades con algún ejercicio,
<strong class="font-semibold">responder dudas</strong> sobre lo que estemos viendo,
dar <strong class="font-semibold">feedback</strong> sobre las soluciones. No tengo
todas las respuestas, si algo no sale, lo googleamos y vemos como lo resolvemos. 🤘
</li>
<li class="mb-3">
<strong class="font-semibold">Code reviews</strong>: vas a evaluar las soluciones
del resto, para poner a prueba tus conocimientos.
</li>
<li>
<strong class="font-semibold">Canal privado de Discord</strong>, para hacer o
responder consultas y compartir <strong class="font-semibold">recursos</strong>. En
este chat podés dejar consultas en cualquier momento, que pueden responder después
tus compañeras/os o yo, cuando pueda y esté disponible.
</li>
</ul>
</div>
</section>
<section id="schedule" class="mb-48 max-w-5xl">
<h2 class="text-brand-cyan text-3xl mb-12" style="font-family: 'Raleway', sans-serif">
Días y horarios
</h2>
<div style="font-family: 'Montserrat', sans-serif" class="text-base font-light">
<p>
<strong class="font-semibold">Lunes y Miércoles, de 19 a 20.30hs</strong> (horario
según <strong class="font-semibold">UTC/GMT -03:00</strong>, Argentina/Buenos Aires).
</p>
</div>
</section>
<section id="pricing" class="max-w-5xl mb-48">
<h2 class="text-brand-cyan text-3xl mb-10" style="font-family: 'Raleway', sans-serif">
Costo
</h2>
<div style="font-family: 'Montserrat', sans-serif" class="text-base font-light">
<p>
<strong class="font-semibold text-brand-cyan">Pagás lo que querés</strong> (aka
<em>a la gorra</em>): no tiene un costo fijo, sino que
<strong class="font-semibold"
>el precio de cada sesión lo ponés vos (no es gratis)</strong
>, con un
<strong class="font-semibold">mínimo sugerido de ARS $600 por sesión</strong>
(o lo que es lo mismo, ARS $1200 por semana ó ARS $4800 por mes). De ahí en adelante,
sentite libre de aportar lo que quieras y puedas, según el valor que consideres que te
aportó la mentoría.
</p>
<br />
<p>
Los pagos se reciben a través de la plataforma
<a
class="underline"
href="https://cafecito.app/nhsz"
target="_blank"
rel="noopener noreferrer"
><strong class="font-semibold">Cafecito</strong></a
>.
</p>
</div>
</section>
<section id="reviews" class="text-brand-white mb-64 max-w-5xl">
<h2 class="text-brand-cyan text-3xl mb-12" style="font-family: 'Raleway', sans-serif">
Algunas opiniones
</h2>
<div class="mb-8 flex flex-col sm:flex-row items-center p-6 shadow-black rounded">
<div class="w-xxs sm:mb-0 mb-8 sm:mr-8 inline-block shadow-sm">
<img
class="rounded-full"
src="https://ik.imagekit.io/di61zq8lsy/carolina-bonini_709AUdc1q.jpeg"
alt="Carolina Bonini Salas"
/>
</div>
<div>
<p style="font-family: 'Montserrat', sans-serif" class="text-sm font-light mb-6">
Tuve a Nico como mentor y me llevé una muy buena experiencia. Se nota la amplitud de
su conocimiento y su vocación al enseñar, preocupándose de cada detalle a lo largo
de toda la cursada para que todos podamos avanzar sin problemas.
</p>
<p style="font-family: 'Montserrat', sans-serif" class="text-sm font-light">
Además, tiene muy buena disposición a la hora de responder dudas o de ampliar los
temas vistos.
</p>
<p
class="mt-4 text-brand-cyan text-base font-semibold"
style="font-family: 'Raleway', sans-serif"
>
Carolina Bonini Salas
</p>
</div>
</div>
<div class="mb-8 flex flex-col sm:flex-row items-center p-6 shadow-black rounded">
<div class="w-xxs sm:mb-0 mb-8 sm:mr-8 inline-block shadow-sm">
<img
class="rounded-full"
src="https://ik.imagekit.io/di61zq8lsy/leonardo-toccaceli_DHwSNY2Tef.jpeg"
alt="Leonardo Toccaceli"
/>
</div>
<div>
<p style="font-family: 'Montserrat', sans-serif" class="text-sm font-light mb-6">
La experiencia que tuve como estudiante fue excelente. Llegué con conceptos básicos
de HTML, CSS y JS y terminé sintiéndome muy seguro de mis conocimientos y con la
capacidad de aplicarlos para construir aplicaciones reales.
</p>
<p style="font-family: 'Montserrat', sans-serif" class="text-sm font-light">
La capacidad de Nico como docente es muy buena, muchísima paciencia para explicar
los temas y también mucha creatividad a la hora de proponer ejercicios y desafíos
técnicos.
</p>
<p
class="mt-4 text-brand-cyan text-base font-semibold"
style="font-family: 'Raleway', sans-serif"
>
Leonardo Toccaceli
</p>
</div>
</div>
<div class="mb-8 flex flex-col sm:flex-row items-center p-6 shadow-black rounded">
<div class="w-xxs sm:mb-0 mb-8 sm:mr-8 inline-block shadow-sm">
<img
class="rounded-full"
src="https://ik.imagekit.io/di61zq8lsy/milagros-borroni_ToqxURc1h.jpeg"
alt="Milagros Borroni"
/>
</div>
<div>
<p style="font-family: 'Montserrat', sans-serif" class="text-sm font-light mb-6">
Hice el curso de desarrollo Full Stack JS con Nico, es un excelente mentor, con
mucha paciencia y apasionado por lo que hace. El curso tiene un programa destacable,
centrándose en los fundamentos y el por qué de lo que aprendemos.
</p>
<p style="font-family: 'Montserrat', sans-serif" class="text-sm font-light">
Disfruté mucho del enfoque del curso, el material utilizado, y de los trabajos
integradores realizados.
</p>
<p
class="mt-4 text-brand-cyan text-base font-semibold"
style="font-family: 'Raleway', sans-serif"
>
Milagros Borroni
</p>
</div>
</div>
<div class="mb-8 flex flex-col sm:flex-row items-center p-6 shadow-black rounded">
<div class="w-xxs sm:mb-0 mb-8 sm:mr-8 inline-block shadow-sm">
<img
class="rounded-full"
src="https://ik.imagekit.io/di61zq8lsy/martin-quintana_UOOdQmdJ4.jpeg"
alt="Martín Quintana"
/>
</div>
<div>
<p style="font-family: 'Montserrat', sans-serif" class="text-sm font-light mb-6">
Nico es un excelente mentor, tiene gran criterio a la hora de elegir el material de
apoyo y buena predisposición para explicar cosas que, incluso, escapaban de la
currícula del curso. Los conceptos fueron profundizados al agregarlos a las
prácticas.
</p>
<p style="font-family: 'Montserrat', sans-serif" class="text-sm font-light">
A los pocos meses de haber empezado en
<strong class="font-semibold">undefined school</strong>, logré tener mi primer
trabajo como Dev Jr.
</p>
<p
class="mt-4 text-brand-cyan text-base font-semibold"
style="font-family: 'Raleway', sans-serif"
>
Martín Quintana
</p>
</div>
</div>
<div class="flex flex-col sm:flex-row items-center p-4 shadow-black rounded">
<div class="w-xxs sm:mb-0 mb-8 sm:mr-8 inline-block shadow-sm">
<img
class="rounded-full"
src="https://ik.imagekit.io/di61zq8lsy/lucas-livchits_xDvYxnjX7.jpeg"
alt="Lucas Livchits"
/>
</div>
<div>
<p style="font-family: 'Montserrat', sans-serif" class="text-sm font-light mb-6">
Completé y disfruté el curso de Full Stack de Nicolás. El recorrido que diseñó y la
forma de dar los contenidos me brindaron bases sólidas sobre el desarrollo web.
</p>
<p style="font-family: 'Montserrat', sans-serif" class="text-sm font-light">
Su capacidad pedagógica, paciencia y preocupación por que entendiéramos los
fundamentos de lo que aprendimos, acompañadas por la realización de proyectos
originales, hicieron del curso una experiencia muy positiva y gratificante.
</p>
<p
class="mt-4 text-brand-cyan text-base font-semibold"
style="font-family: 'Raleway', sans-serif"
>
Lucas Livchits
</p>
</div>
</div>
</section>
<section id="apply" class="mb-64 max-w-5xl">
<div class="pl-8 py-12 lg:py-16 lg:flex lg:items-center lg:justify-between">
<h2
class="text-gray-500 text-3xl leading-9 sm:leading-10"
style="font-family: 'Raleway', sans-serif"
>
Te interesa formar parte?
<span class="text-4xl block mt-2 text-brand-white font-bold">Sumate.</span>
</h2>
<div class="mt-16 flex lg:flex-shrink-0 lg:mt-0">
<div class="inline-block shadow-xs">
<a
href="https://undefinedschool.typeform.com/to/iAGeBSdf"
target="_blank"
rel="noopener noreferrer"
><button
class="shadow-sm container apply-button text-brand-black bg-brand-cyan font-semibold inline-block text-center text-lg"
>
Aplicar
</button></a
>
</div>
</div>
</div>
</section>
<section id="faq" class="mb-64 max-w-5xl">
<h2 class="text-brand-cyan text-3xl mb-12" style="font-family: 'Raleway', sans-serif">
FAQ
</h2>
<section class="mb-24">
<h3 class="text-xl mb-6" style="font-family: 'Raleway', sans-serif">
Necesito conocimientos previos?
</h3>
<div style="font-family: 'Montserrat', sans-serif" class="text-sm font-light">
<p class="mb-2">
Si los tenés mejor, pero está pensado para arrancar
<strong class="font-semibold">de cero</strong>, con HTML (si ya tenés bastantes
conocimientos del tema, tal vez te aburras un poco en las primeras sesiones, en ese
caso aclaralo en el formulario de aplicación y te tengo en cuenta para ás adelante).
</p>
<p class="font-semibold">
Si es muy necesario que puedas manejarte bien con el navegador, leer y entender
textos en inglés.
</p>
</div>
</section>
<section class="mb-24">
<h3 class="text-xl mb-6" style="font-family: 'Raleway', sans-serif">
Puedo participar si estoy fuera de Argentina?
</h3>
<p style="font-family: 'Montserrat', sans-serif" class="text-sm font-light">
Claro! Es <strong class="font-semibold">online</strong>, asi que
<strong class="font-semibold">podés sumarte desde cualquier lugar</strong>, siempre
que puedas asistir a las sesiones en el horario indicado.
</p>
</section>
<section class="mb-24">
<h3 class="text-xl mb-6" style="font-family: 'Raleway', sans-serif">
No estoy en Argentina o no tengo un medio soportado por MercadoPago, hay otros medios
de pago disponibles?
</h3>
<p style="font-family: 'Montserrat', sans-serif" class="text-sm font-light">
Si, también se reciben contribuciones en criptomonedas como
<strong class="font-semibold">DAI</strong>,
<strong class="font-semibold">BTC</strong> o a través de
<strong class="font-semibold">PayPal</strong>. En ese caso,
<strong class="font-semibold">el monto mínimo sugerido es de U$S 5 por sesión</strong>
(es decir, U$S 10 por semana ó U$S 40 por mes).
</p>
</section>
<section class="mb-24">
<h3 class="text-xl mb-6" style="font-family: 'Raleway', sans-serif">
Durante las sesiones puedo hacer consultas sobre cualquier otro tema?
</h3>
<p style="font-family: 'Montserrat', sans-serif" class="text-sm font-light">
<strong class="font-semibold">Vamos a enfocarnos en lo que estemos viendo</strong>
para avanzar juntos.
</p>
</section>
<section class="mb-24">
<h3 class="text-xl mb-6" style="font-family: 'Raleway', sans-serif">
Qué pasa si estoy más atrasada/o ó adelantada/o que el resto?
</h3>
<p style="font-family: 'Montserrat', sans-serif" class="text-sm font-light">
La idea es, siempre que sea posible,
<strong class="font-semibold">avanzar en grupo</strong>. Si vas más adelante, podés
aprovechar para ayudar al resto!
</p>
</section>
<section>
<h3 class="text-xl mb-6" style="font-family: 'Raleway', sans-serif">
Si no quedo seleccionada/o para el primer grupo, puedo entrar más adelante?
</h3>
<p style="font-family: 'Montserrat', sans-serif" class="text-sm font-light">
Si, en el caso de que haya vacantes, te voy a estar avisando para que te sumes,
dándole prioridad a la gente que haya quedado en lista de espera.
</p>
</section>
</section>
<section id="subscribe" class="mb-64 max-w-5xl">
<div class="pl-8 py-12 lg:py-16 lg:flex lg:items-center lg:justify-between">
<h2
class="text-gray-500 text-3xl leading-9 sm:leading-10"
style="font-family: 'Raleway', sans-serif"
>
Querés estar al tanto de las novedades?
<span class="text-4xl inline-block mt-2 text-brand-white font-bold"
>Suscribite al newsletter.</span
>
</h2>
<div class="mt-16 flex lg:flex-shrink-0 lg:mt-0">
<div class="inline-block shadow-xs">
<a href="https://buttondown.email/nhsz" target="_blank" rel="noopener noreferrer"
><button
class="shadow-sm container apply-button text-brand-black bg-brand-cyan font-semibold inline-block text-center text-lg"
>
Suscribirme
</button></a
>
</div>
</div>
</div>
</section>
<section
id="about-mentor"
class="text-brand-white mb-64 p-6 shadow-black rounded max-w-5xl"
>
<h2 class="text-brand-cyan text-3xl mb-12" style="font-family: 'Raleway', sans-serif">
Sobre el mentor
</h2>
<div class="flex flex-col sm:flex-row items-center">
<div class="max-w-48 sm:mb-0 mb-8 sm:mr-8 inline-block shadow-sm">
<img
class="rounded-full"
src="https://ik.imagekit.io/di61zq8lsy/myself_mAObDgMcg0.jpeg"
alt="Nico"
/>
</div>
<div>
<p style="font-family: 'Montserrat', sans-serif" class="text-sm font-light mb-8">
<strong class="font-semibold">Full Stack Software Engineer</strong> desde hace más
de 6 años y mentor en <strong class="font-semibold">desarrollo web</strong> desde
hace más de 4. Me gusta estudiar y entender los conceptos en profundidad, para
después
<a
class="underline"
href="https://github.com/undefinedschool/notes"
target="_blank"
rel="noopener noreferrer"
>compartirlos</a
>.
</p>
<p style="font-family: 'Montserrat', sans-serif" class="text-sm font-light">
Co-fundador y co-organizador de
<a
class="underline"
href="https://github.com/FreeCodeCampBA"
target="_blank"
rel="noopener noreferrer"
><strong class="font-semibold">freeCodeCampBA</strong></a
>, una de las comunidades de <strong class="font-semibold">freeCodeCamp</strong> más
grandes de latinoamérica y
<a
class="underline"
href="https://twitter.com/LXBA_"
target="_blank"
rel="noopener noreferrer"
><strong class="font-semibold">LXBA</strong></a
>, una meetup que nació con la idea de conectar los mundos de la educación y la
tecnología.
</p>
</div>
</div>
</section>
<section id="contact" class="mb-64 text-brand-white max-w-5xl">
<h2 class="text-brand-cyan text-3xl mb-12" style="font-family: 'Raleway', sans-serif">
Contacto
</h2>
<p style="font-family: 'Montserrat', sans-serif" class="text-base font-light">
Si te quedó alguna duda sobre la propuesta, podés escribirme por
<a
class="underline"
href="https://twitter.com/___nhsz"
target="_blank"
rel="noopener noreferrer"
><strong class="font-semibold">twitter</strong></a
>
o enviarme un
<a class="underline" href="mailto:[email protected]"
><strong class="font-semibold">email</strong></a
>.
</p>
</section>
</main>
<footer class="mt-24 font-light text-sm text-brand-white text-center">
<p>
<a class="underline" href="#top">inicio</a>
| dev x
<a
class="underline"
href="https://twitter.com/___nhsz"
target="_blank"
rel="noopener noreferrer"
>nhsz</a
>
|
<a
class="underline"
href="https://undefinedschool.io"
target="_blank"
rel="noopener noreferrer"
>undefinedschool.io</a
>
</p>
</footer>
</div>
<script>
const nav = document.getElementById('hamburguer-menu');
let navList = document.getElementsByClassName('nav-list');
navList = navList[0];
const hamburguerButton = document.getElementById('hamburguer-button');
const openIcon = document.getElementById('open-icon');
const closeIcon = document.getElementById('close-icon');
const isMobile = window.innerWidth < 768;
let isOpen = false;
window.addEventListener('resize', () => {
if (!isOpen && window.innerWidth < 1024) {
nav.style.maxHeight = 0;
navList.style.display = 'none';
openIcon.style.display = 'block';
closeIcon.style.display = 'none';
} else {
navList.style.display = 'block';
}
});
hamburguerButton.addEventListener('click', () => {
isOpen = !isOpen;
if (isOpen) {