-
Notifications
You must be signed in to change notification settings - Fork 18
/
Copy pathindex.html
193 lines (151 loc) · 7.71 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
<!doctype html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Seu nome aqui</title>
</head>
<body>
<h1>Instruções</h1>
<p>
Essa página é um "questionário" HTML onde você deverá responder via hardcode. Por
exemplo, ali no campo de email, eu adicionaria no código HTML o atributo
value="harlley arroba gmail ponto com". E no campo idade, adicionaria o atributo
value="33". Se for uma resposta de checkbox, adicionaria o atributo checked.
Bem, se você sabe HTML, entendeu a ideia.
</p>
<p>
A primeira seção <strong>"Sobre você"</strong> é tranquilo, basta responder todas as questões.
Já na segunda seção, do <strong>"Mini-teste"</strong>, você primeiro deve colocar uma nota de 0
a 10 sobre o seu conhecimento em cada um dos assuntos. Depois deve marcar
os checkboxes. A ideia é que você marque apenas as opções que tem algum
relacionamento com a tecnologia. Por exemplo, se a tecnologia fosse "Banana",
você marcaria "fruta" e "casca", e deixaria desmarcado a opção "sementes".
</p>
<p>Depois de responder o questionário, é hora deixá-lo bonitão. Já que você
conhece Frontend, vai ser tranquilo. Basta criar um arquivo CSS, linkar aqui
no HTML e estilizar da forma que preferir, use o seu bom gosto. CSS3 é mais que
bem vindo. Se precisar mudar alguma estrutura do HTML, deixar mais semântico, etc,
tudo bem, mantenha só os seus campos com as respostas, para que eu consiga ler
depois que estiver publicado. Pode adicionar Javascript também, tudo que fizer
para demonstrar os seus conhecimentos, vai te ajudar.
</p>
<p>
O último passo é o envio do seu questionário/teste para eu avaliar. Basta
publicar os arquivo em algum servidor, e informar a URL aqui no formulário.
É importante também que me envie um Pull Request, para que eu veja o seu código.
Aqui no Beved, sabemos o andamento do trabalho de cada um através dos commits.
Portanto, capriche, pois o seu histórico de commits será avaliado.
<p>
<fieldset>
<legend>Sobre você</legend>
<h1>Email</h1>
<input type="text" style="width:700px">
<h1>Idade</h1>
<input type="text" style="width:700px">
<h1>Escolha o valor da sua bolsa estágio</h1>
<input type="radio" name="bolsa"><label>R$ 300,00</label>
<input type="radio" name="bolsa"><label>R$ 600,00</label>
<input type="radio" name="bolsa"><label>R$ 1.200,00</label>
<input type="radio" name="bolsa"><label>R$ 3.000,00</label>
<input type="radio" name="bolsa"><label>Na Beved? Trabalharia até de graça!</label>
<h1>Usa qual IDE?</h1>
<input type="radio" name="ide"><label>Textmate</label>
<input type="radio" name="ide"><label>Sublime</label>
<input type="radio" name="ide"><label>Vim</label>
<input type="radio" name="ide"><label>Outra</label>
<h1>Qual máquina?</h1>
<input type="radio" name="maquina"><label>Windows</label>
<input type="radio" name="maquina"><label>Linux</label>
<input type="radio" name="maquina"><label>Mac</label>
<h1>Qual browser?</h1>
<input type="radio" name="browser"><label>Firefox</label>
<input type="radio" name="browser"><label>Chrome</label>
<input type="radio" name="browser"><label>Internet Explorer</label>
<input type="radio" name="browser"><label>Safari</label>
<input type="radio" name="browser"><label>Outro</label>
<h1>Velocidade da conexão com a internet</h1>
<input type="text" style="width:700px">
<h1>Inglês</h1>
<input type="checkbox"><label>Leitura técnica</label><br>
<input type="checkbox"><label>Escrita: Consigo perguntar e responder em fóruns</label><br>
<input type="checkbox"><label>Conversação fluente</label><br>
<input type="checkbox"><label>Entendo vídeos de cursos e palestras sem legenda</label><br>
<input type="checkbox"><label>Google Translate Master</label><br>
<input type="checkbox"><label>The books is on the table</label>
<h1>Links onde aprendeu sobre Frontend e Ruby on Rails</h1>
<textarea rows="10" cols="98"></textarea>
<h1>Links de sites/apps que criou com o que aprendeu nos links acima</h1>
<textarea rows="10" cols="98"></textarea>
<h1>Quando o bicho pega, onde procura ajuda? Mande os links.</h1>
<textarea rows="10" cols="98"></textarea>
<h1>Qual o seu Facebook?</h1>
<input type="text" style="width:700px">
<h1>Qual o seu Twitter?</h1>
<input type="text" style="width:700px">
<h1>Qual o seu Linkedin?</h1>
<input type="text" style="width:700px">
<h1>Link do último livro que leu</h1>
<input type="text" style="width:700px">
<h1>Link da última série ou filme que assistiu</h1>
<input type="text" style="width:700px">
</fieldset>
<fieldset>
<legend>Mini-teste de Conhecimentos</legend>
<h1>Ruby <input type="text" style="width:200px" placeholder="Qual o seu conhecimento? de 0 a 10"></h1>
<input type="checkbox"><label>Matz</label>
<input type="checkbox"><label>Compilada</label>
<input type="checkbox"><label>Framework</label>
<input type="checkbox"><label>RVM</label>
<input type="checkbox"><label>obj = new Object()</label>
<h1>Ruby on Rails <input type="text" style="width:200px" placeholder="Qual o seu conhecimento? de 0 a 10"></h1>
<input type="checkbox"><label>MVC</label>
<input type="checkbox"><label>linguagem de programação</label>
<input type="checkbox"><label>DHH</label>
<input type="checkbox"><label>rake database:migrate</label>
<input type="checkbox"><label>JVM</label>
<h1>Postgres <input type="text" style="width:200px" placeholder="Qual o seu conhecimento? de 0 a 10"></h1>
<input type="checkbox"><label>Heroku</label>
<input type="checkbox"><label>Banco de Dados</label>
<input type="checkbox"><label>Framework</label>
<input type="checkbox"><label>sql</label>
<input type="checkbox"><label>psql</label>
<h1>HTML5 <input type="text" style="width:200px" placeholder="Qual o seu conhecimento? de 0 a 10"></h1>
<input type="checkbox"><label><video></label>
<input type="checkbox"><label>Microsoft</label>
<input type="checkbox"><label><podcast></label>
<input type="checkbox"><label><article></label>
<input type="checkbox"><label><marquee></label>
<h1>CSS3 <input type="text" style="width:200px" placeholder="Qual o seu conhecimento? de 0 a 10"></h1>
<input type="checkbox"><label>shadow</label>
<input type="checkbox"><label>Sass</label>
<input type="checkbox"><label>#60z3d0</label>
<input type="checkbox"><label>border-rounded:10px;</label>
<input type="checkbox"><label>Modernizr</label>
<h1>Javascript <input type="text" style="width:200px" placeholder="Qual o seu conhecimento? de 0 a 10"></h1>
<input type="checkbox"><label>Backbone</label>
<input type="checkbox"><label>Java</label>
<input type="checkbox"><label>var obj = new Object();</label>
<input type="checkbox"><label>Firebug</label>
<input type="checkbox"><label>v8</label>
<h1>Qual controle de versão já usou?</h1>
<input type="checkbox"><label>Source Safe</label>
<input type="checkbox"><label>Mercurial</label>
<input type="checkbox"><label>Git</label>
<input type="checkbox"><label>CVS</label>
<input type="checkbox"><label>SVN</label>
<input type="checkbox"><label>Renomeio a pasta com _OLD</label>
</fieldset>
<fieldset>
<legend>Entrega</legend>
<h1>Checklist - Só pra te ajudar :)</h1>
<input type="checkbox"><label>Fork</label><br>
<input type="checkbox"><label>Novo branch</label><br>
<input type="checkbox"><label>Respostas hardcode</label><br>
<input type="checkbox"><label>Personalização com CSS e Javascript</label><br>
<input type="checkbox"><label>Pull request</label><br>
<input type="checkbox"><label>Publicação do formulário em algum servidor</label><br>
<h1>Link de onde você publicou o questionário</h1>
<input type="text" style="width:700px">
</fieldset>
</body>
</html>