forked from design4nyc/design4nyc.github.io
-
Notifications
You must be signed in to change notification settings - Fork 7
/
Copy pathuiengineer2023.html
241 lines (199 loc) · 13 KB
/
uiengineer2023.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
<!DOCTYPE html>
<html lang="en">
<head>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="img/favicon.ico">
<title>User Interface (UI) Engineer - NYC Opportunity</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Font awesome -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="js/script.js"></script>
<script src ="js/bootstrap.min.js"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<!-- Navbar -->
<div id="jobs-nav"></div>
<!-- end of Navbar -->
<!-- Job Description -->
<div class="well">
<h1><b><font color="#2F334F">User Interface (UI) Engineer</font></b></h1>
<p class="lead">NYC Opportunity is seeking a UI Engineer to support its portfolio of digital products through front-end application and web development. Their work will help evolve and broaden the use of scalable UI in our products by directly contributing to our internal <a href="https://nycopportunity.github.io/patterns-framework/">Patterns Framework</a>. Which is used by the following products;
<ul class="panel-bullets">
<li><a href="https://access.nyc.gov/">ACCESS NYC</a></li>
<li><a href="https://growingupnyc.cityofnewyork.us/">
Growing Up NYC</a></li>
<li><a href="https://www1.nyc.gov/site/opportunity/portfolio/my-file-nyc.page">My File NYC</a></li>
<li><a href="https://working.nyc.gov/">Working NYC</a></li>
<li><a href="https://screeningapidocs.cityofnewyork.us/">NYC Benefits Platform | Screening API</a></li>
</ul>
</p>
<p class="lead">You will be part of a growing interdisciplinary team of product managers, user experience (UX)/UI designers, content strategists, full-stack engineers, and product team fellows working to build new services for underserved New Yorkers while maintaining standards across all our products and special initiatives. </p>
<div class="row">
<div class="col-sm-12">
<a href="index.html">
<button type="button" class="btn btn-primary center-block btn-lg"><b>Learn More About Our Work</b></button>
</a>
</div>
</div>
</div> <!-- end of Job Description -->
<!-- Panels -->
<div class="row marketing">
<!-- Responsibilities -->
<div class="col-lg-6">
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title"><span class="glyphicon glyphicon-flag" aria-hidden="true"></span> Responsibilities</h3>
</div>
<div class="panel-body">
<p>The ideal candidate will have an in-depth background in front-end engineering, working with and implementing UI libraries using a human-centered design lens for multiple front-end environments. They will additionally have experience creating and maintaining JavaScript web applications in one or more of the popular front-end frameworks (particularly Vue.js).</p>
<p><strong>Responsiblities include:</strong></p>
<ul class="panel-bullets">
<li>Collaborate with team members to build new web applications for underserved New Yorkers while maintaining standards across all our products and special initiatives.</li>
<li>Interpret and adhere to UX standards and make recommendations for improvements.</li>
<li>Write clean and organized ES Module JavaScript, Dart Sass, and Web Content Accessibility Guideline (WCAG) compliant HTML with an emphasis on web component development.</li>
<li>Write lightweight NodeJS scripts and use external libraries to compile preprocessed languages into browser-friendly code.</li>
<li>Use GitHub and NPM to maintain and publish <a href="https://nycopportunity.github.io/loves-open-source/">open-source code</a>, collaborate with other engineers, and broadly support integration with other team members in our organization and the City.</li>
<li>Write applications using the front-end framework Vue.js.</li>
<li>Participate in the office’s Engineering Fellowship Program by coaching and mentoring engineering fellows and helping to support the management of the program.</li>
</ul>
</div>
</div>
</div><!-- end of Responsibilities -->
<!-- Skills and Experience-->
<div class="col-lg-6">
<!-- Skills -->
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title"><span class="glyphicon glyphicon-ok-sign" aria-hidden="true"></span> Skills We're Seeking</h3>
</div>
<div class="panel-body">
<p>We understand that candidates may not have experience with all of the requirements. We encourage those interested in applying. We seek inquisitive individuals to join our team to help us scale design systems that impact everyday New Yorkers' lives.</p>
<div class="row">
<div class="col-sm-4">
<h2><span class="glyphicon glyphicon-globe" aria-hidden="true"></span></h2>
<h4>Commitment to the mission of advancing greater equality and opportunity.</h4>
</div>
<div class="col-sm-4">
<h2><span class="glyphicon glyphicon-user" aria-hidden="true"></span></h2>
<h4>Experience working closely with communities who are engaging with public services and programs and/or has lived-experience engaging with public services and programs.</h4>
</div>
<div class="col-sm-4">
<h2><span class="glyphicon glyphicon-home" aria-hidden="true"></span></h2>
<h4>Experience in policy, government or non-profit, in particular with low-income and vulnerable youth and families is a plus.</h4>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<h2><span class="glyphicon glyphicon-cog" aria-hidden="true"></span></h2>
<h4>Working knowledge of common front-end frameworks in addition to Vue.js such as React, Svelte, Angular, or Ember.js.</h4>
</div>
<div class="col-sm-4">
<h2><span class="glyphicon glyphicon-cloud-download" aria-hidden="true"></span></h2>
<h4>Working knowledge of full-stack platforms such as WordPress (PHP), Django (Python), Docker, and Amazon Web Services (EC2, Lambda).</h4>
</div>
<div class="col-sm-4">
<h2><span class="glyphicon glyphicon-cloud" aria-hidden="true"></span></h2>
<h4>Understanding of cloud infrastructure services and management, including AWS.</h4>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<h2><span class="glyphicon glyphicon-retweet" aria-hidden="true"></span></h2>
<h4>Comfort or understanding of agile and waterfall development methodologies.</h4>
</div>
<div class="col-sm-4">
<h2><span class="glyphicon glyphicon-equalizer" aria-hidden="true"></span></h2>
<h4>Experience building applications that consume APIs and other open data platforms.</h4>
</div>
<div class="col-sm-4">
<h2><span class="glyphicon glyphicon-hdd" aria-hidden="true"></span></h2>
<h4>Experience integrating external services such as SAAS platforms, authentication, or data.</h4>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<h2><span class="glyphicon glyphicon-user" aria-hidden="true"></span></h2>
<h4>Experience working with external technical resources such as consultants or vendors.</h4>
</div>
<div class="col-sm-4">
<h2><span class="glyphicon glyphicon-save-file" aria-hidden="true"></span></h2>
<h4>Ability to interpret and implement data protection and security protocols per citywide security policies.</h4>
</div>
<div class="col-sm-4">
<h2><span class="glyphicon glyphicon-cog" aria-hidden="true"></span></h2>
<h4>Client-focused, committed to rapid execution, and strategic but flexible.</h4>
</div>
</div>
</div>
</div>
<!-- end of Skills -->
<!-- Experience -->
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title"><span class="glyphicon glyphicon-education" aria-hidden="true"></span> Education and Experience</h3>
</div>
<div class="panel-body">
<p>A baccalaureate degree from an accredited college in the field of voice and/or data telecommunications or in a pertinent scientific, technical, electronic or related area, and four years of satisfactory fulltime experience in the performance of analytical, planning, operational, technical, or administrative duties.</p>
</div>
</div>
<!-- end of Experience -->
<!-- Benefits and Comp-->
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title"><span class="glyphicon glyphicon-education" aria-hidden="true"></span> Benefits and Compensation</h3>
</div>
<div class="panel-body">
<p>This is a permanent, full-time position offering competitive salary and benefits. The salary range for this position is $63,301 - $140,000 commensurate with experience and qualifications.</p>
<p>To learn more about the New York City's Employee benefits, visit the <a href="https://www1.nyc.gov/site/olr/index.page">NYC Office of Labor Relations</a>.</p>
</p>
<p><em>Applicants must be authorized to work in the United States. We are unable to provide sponsorship to prospective employees.</em></p>
</div>
</div><!-- end of Experience --><!-- Skills and Education-->
<!-- How to Apply -->
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title"><span class="glyphicon glyphicon-user" aria-hidden="true"></span> How to Apply</h3>
</div>
<div class="panel-body">
<!-- Application Closed
<p>The application window for Senior Advisor position with the Mayor’s Office for Economic Opportunity is now closed.</p> -->
<!-- Application = OPEN -->
<p>Please fill out the <a href="https://airtable.com/shr69xBNgAtu7b9w8">application form</a>. The form will prompt you to upload a resume and cover letter.</p>
<p>In addition to the application form, candidates will have to complete a separate application on the <strong><a href="https://www1.nyc.gov/jobs/index.page">NYC job portal (Job ID: 574002)</a></strong>.</p>
<p><em>Due to the volume of applications received we may not be able to respond to every application.</em></p>
<p> </p>
<a href="https://airtable.com/shr69xBNgAtu7b9w8">
<button type="button" class="btn btn-success btn-lg"><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> Apply Here</button>
</a>
<p> </p>
<p><em>Please note that as of September 13, 2021, NYC government employees are no longer working remotely. This position will require work from our office in Downtown Brooklyn.</em></p>
</div>
</div><!-- How to Apply -->
</div> <!-- end of Panels -->
<!-- Footer -->
<footer class="footer">
<h3>Interested in a position? </h3>
<a href="mailto:[email protected]?subject=Software%20Engineer,%20Tech%20Team">
<button type="button" class="btn btn-success btn-lg"><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> Send us a note</button>
</a>
</footer> <!-- end of Footer -->
</div> <!-- /container -->
</body>
</html>