Maria is available for hire
Hire MariaMaria Szubski
Verified Expert in Engineering
Front-end Developer
Location
Cincinnati, United States
Toptal Member Since
August 25, 2022
Maria是一名前端开发人员，专攻React和GraphQL. 她有五年建立B2C和B2B网站的经验，并有三年通过当地技术研讨会指导初级开发人员. 她还作为独立/首席开发人员以及跨各种技术的大型开发团队的一员做出了贡献. Maria的UX设计背景帮助她快速将模型转换为响应式ui, delivering best practices in accessibility, user experience, and maintainable code standards.
Portfolio
Self-employed
React, JavaScript, NPM, Git, Accessibility，静态主机，代码生成器...
Girl Develop It
指导，网络开发，活动策划，管理，研讨会，HTML...
Nielsen
网页开发，文档，Illustrator CC, Photoshop CC，移动应用程序设计...
Experience
Availability
Part-time
Preferred Environment
MacOS, React, Git, Accessibility, netflix, GraphQL, JavaScript, ESLint, SCSS, Storybook
The most amazing...
...我为一家财富500强公司构建了一个基于react的网站生成器，它可以快速创建具有可定制web组件和低托管成本的品牌网站.
Work Experience
Front-end Web Developer
2018 - PRESENT
Self-employed
- 与客户合作制定和构建web应用程序, 专注于单页面应用程序架构和可访问性.
- 用React将设计转化为用户友好的响应式web界面, Gatsby, Vue, and Ruby on Rails.
- Developed data models in headless CMS, such as Contentful, Dato, and Strapi, 然后用GraphQL把这些模型连接到前端.
- 在Storybook中构建、测试和记录灵活的React组件系统.
- 使用GitHub和netflix设置自动静态站点部署.
- 制作CSS关键帧动画和交互式svg.
- 用可重用的web组件创建了一个拖放式的、基于react的静态站点生成器.
Technologies: React, JavaScript, NPM, Git, Accessibility，静态主机，代码生成器, GraphQL, InVision, GitHub, Jamstack, ESLint, Gatsby, Content Management Systems (CMS), Contentful, Netlify, SCSS, Bootstrap, Styled-components, Tailwind CSS, JSX, Shopify, Ruby on Rails (RoR), Vue, Storybook, HTML, Photoshop CC, Illustrator CC, Mentorship, Bitbucket, Asana, Trello, TypeScript, Responsive UI, CSS, Scrum, Debugging, Responsive Web Apps, API Integration, YARN, Management, Strapi, Yarn Workspaces, DatoCMS, Documentation, Front-end, HTML5, React Router
章长|活动组织者|指导老师
2015 - 2018
Girl Develop It
- Led and supported instructors, volunteers, 以及参加“女孩发展”辛辛那提分会当地科技聚会的学生.
- Planned the quarterly course schedule, promoted events, fostered community partnerships, grew the chapter, awarded scholarships, and ran day-to-day operations.
- 举办HTML和CSS的工作坊，并为10-15人的班级提供指导.
- 监督聚会组织者和讲师的培训，并指导新课程.
Technologies: 指导，网络开发，活动策划，管理，研讨会，HTML, JavaScript, React, Git, GitHub, SCSS, Netlify, CSS, Responsive UI, NPM, Bootstrap, Trello, Front-end, HTML5
UI Designer
2012 - 2017
Nielsen
- 管理尼尔森收集的大数据应用，建立品牌凝聚力, consistency, and ease of use.
- 建立并维护应用标准文档网站，以传达部门的用户体验指南.
- 设计跨多个框架的接口，包括AngularJS、Sencha、MicroStrategy和D3.
- 创建符合iOS和材料设计标准的移动应用程序.
- 参与员工敬业度团队，组织公司内部网并推动组织内的新举措.
- 通过简化Nielsen Panelist门户网站，提高了产品采用率，改善了小组成员的体验.
- 撰写白皮书:量化用户体验的商业价值，并向150多名员工展示. 这次演讲导致UX团队在公司中重新定位, 让我们对品牌的一系列产品有了更多的控制权.
Technologies: 网页开发，文档，Illustrator CC, Photoshop CC，移动应用程序设计, Accessibility, JavaScript, HTML, SCSS, Prototyping, Responsive UI, CSS, Front-end, HTML5
Digital Product Design Intern
2012 - 2012
Moment Design
- 设计了第一个ESPN ScoreCenter iPad应用程序，具有大量数据的现场比赛统计和突发新闻报道. 每个布局都可以根据用户最喜欢的运动和球队进行定制.
- 为ESPN W庆祝《欧博体育app下载》颁布40周年，制作了《欧博体育app下载》虚拟马赛克. 用户可以上传女运动员的照片，并按运动员姓名或运动项目浏览互动马赛克.
- 为新的快速原型工具提供咨询，以扩展公司的能力并提高工作流程效率.
技术:原型设计，应用程序设计，Illustrator CC, Photoshop CC，数字产品设计
Interactive Design Intern
2011 - 2011
The Ant Farm
- 为即将发行的电影和电子游戏制定多资产营销策略, including social media themes, custom websites, viral campaigns, and banner ads.
- 在蚂蚁农场的行业奖提名中，建立网站和制作电影. 这些微型网站专注于公司能力的一个子集, 强调如何通过案例研究完成工作.
- 为一家大型娱乐公司重新设计了职业网站，使其具有现代感, highlight their major properties, 增加对就业机会的兴趣.
Technologies: JavaScript, HTML, Advertising, Flash, Social Media Campaigns, Illustrator CC, Photoshop CC, Web Development, App Design
Digital Design Intern – IT Innovations
2010 - 2010
JCPenney
- Designed applications for FindMore, 杰西潘尼(JCPenney)商店内的一系列大型触摸屏售货亭, 哪些公司推行季节性营销活动，并为顾客提供产品指南，以提高他们的店内体验.
- 实现了一个易于接近和直观的FindMore店面和结帐流程，对于站立和轮椅用户来说，都可以在视线水平处访问.
- 开发了一款iPad应用程序，以提高JCPenney高级珠宝系列的销量，供销售人员在店内使用. 这包括一个订婚戒指生成器，它显示了可能的戒指定制预览.
技术:移动应用程序设计，Photoshop CC, Illustrator CC
Web Intern
2009 - 2009
Evenflo
- 为内部和面向用户的站点维护自定义CMS, 坚持严格的web标准和可访问性原则.
- 在Flash中拍摄和编辑教学产品演示，培训客户安全操作婴儿产品和汽车座椅.
- Created promotional materials, including posters and pamphlets, 在B2B会议上接触新客户和供应商.
技术:社会媒体活动，内容管理系统(CMS)，教学 & Coaching, Photoshop CC, Illustrator CC, Flash, DSLR Photography, Web Development, Advertising, HTML, CSS
Experience
Johnson & Johnson’s Zarbee’s |网站改版与无体js测试
http://www.zarbees.com/这个项目既是对场地的重新设计，也是约翰逊的一种方式 & 来测试他们新的BodilessJS平台. BodilessJS是一个基于共享组件库构建网站而不需要CMS的工具集. 内容可以在浏览器中编辑并直接写入repo.
I consulted with Johnson & Johnson提供了关于BodilessJS开发者体验的反馈，并为共享库贡献了新的组件. 我与多个团队和利益相关者合作，确定项目的范围和时间表，为客户创造最好的体验.
为Zarbee的网站，一个约翰逊收购的品牌 & Johnson, 我创建了页面模板，并扩展了BodilessJS库，以符合品牌需求. 我还指导团队成员学习React和顺风CSS的最佳实践.
I consulted with Johnson & Johnson提供了关于BodilessJS开发者体验的反馈，并为共享库贡献了新的组件. 我与多个团队和利益相关者合作，确定项目的范围和时间表，为客户创造最好的体验.
为Zarbee的网站，一个约翰逊收购的品牌 & Johnson, 我创建了页面模板，并扩展了BodilessJS库，以符合品牌需求. 我还指导团队成员学习React和顺风CSS的最佳实践.
Aster |八个以盖茨比为主题的品牌网站重新设计
http://www.rosettahardscapes.comAster wanted to redesign its brand sites, 品牌之间尽可能多地共享功能和设计. 我们使用Gatsby主题来创建一个可重用的可样式组件库.
我是这个网站的主要前端开发人员, creating the library of shared components, 然后定制适合每个网站品牌的样式. 客户只提供了桌面设计模型，我把它变成了响应式布局.
下面的Aster站点都是使用相同的底层Gatsby主题和Strapi CMS设置构建的.truemontmaterials.com, www.redi-rock.com, www.rosettahardscapes.com, www.polebase.com, www.redi-scapes.com, manufacture.redi-rock.com, www.makepolebase.com, and www.makerosetta.com.
我是这个网站的主要前端开发人员, creating the library of shared components, 然后定制适合每个网站品牌的样式. 客户只提供了桌面设计模型，我把它变成了响应式布局.
下面的Aster站点都是使用相同的底层Gatsby主题和Strapi CMS设置构建的.truemontmaterials.com, www.redi-rock.com, www.rosettahardscapes.com, www.polebase.com, www.redi-scapes.com, manufacture.redi-rock.com, www.makepolebase.com, and www.makerosetta.com.
迈克阿尔伯特舰队解决方案|网站重新设计
http://www.mikealbert.com/该公司希望重新设计网站，以推广其商用车服务的车队解决方案, including vehicle upfitting, management, and a knowledge center.
我在React和Storybook上用Gatsby构建前端组件和可重用模板. 该设计彻底改变了公司的内容组织和营销策略，以达到新的客户群，并突出了公司作为行业思想领导者的地位.
我在React和Storybook上用Gatsby构建前端组件和可重用模板. 该设计彻底改变了公司的内容组织和营销策略，以达到新的客户群，并突出了公司作为行业思想领导者的地位.
迈克阿尔伯特舰队解决方案|舰队研究实验室网站设计
http://www.mikealbert.com/fleet-studies-lab该公司希望扩大其网站的范围，包括一系列基于其广泛收集的研究和经验的培训课程. 其新的船队研究实验室网站包括商业船队行业主题的课程和课程.
我是这个项目的主要前端开发人员, 为类创建组件和模板库, course categories, and main landing page. 这个网站被用来培训和与其他有前途的行业专家合作.
我是这个项目的主要前端开发人员, 为类创建组件和模板库, course categories, and main landing page. 这个网站被用来培训和与其他有前途的行业专家合作.
Kroger |厨房前端开发1883
http://www.kitchen1883.com/Kitchen 1883是克罗格经营的连锁餐厅. 本网站提供每个地点的详细信息, 包括菜单项和在线订购的能力.
我在React上用Gatsby构建了这个网站的前端. 我使用Storybook来构建、测试和记录组件. 该网站是完全响应和可访问的，可以用键盘或屏幕阅读器导航.
我在React上用Gatsby构建了这个网站的前端. 我使用Storybook来构建、测试和记录组件. 该网站是完全响应和可访问的，可以用键盘或屏幕阅读器导航.
Kroger | On The Rhine餐厅的前端开发
http://www.ontherhineeatery.com/莱茵河餐厅是克罗格辛辛那提市中心杂货店内的一个食品大厅, featuring local restaurant concepts. 这个网站提供关于每家餐厅和即将举行的活动的信息.
我在React和Styled Components上使用Gatsby构建了前端. I used Storybook to build, test, 并记录这些组件，以确保它们是灵活的，并符合可访问性标准. 该网站可以完全通过键盘或屏幕阅读器浏览.
我在React和Styled Components上使用Gatsby构建了前端. I used Storybook to build, test, 并记录这些组件，以确保它们是灵活的，并符合可访问性标准. 该网站可以完全通过键盘或屏幕阅读器浏览.
介绍静态站点生成器研讨会为Jamstack辛辛那提聚会
http://github.com/MariaSzubski/1906-getting-started-with-static-sites我创建了这个单会话的研讨会，以涵盖盖茨比的基础知识和静态站点生成器的好处. It explores the basics of React and Gatsby, including function components, props and state, routing, plugins, and CSS-in-JS. 参与者建立了一个单页的盖茨比网站，并在面对面的会议期间将其部署到netflix上.
The workshop covered: the React project structure and routing; pre-fetching with Gatsby Link; the Gatsby Image; React building blocks such as function components, props, hooks, and state; the Styled Components and Web Font Loader plugins; and Netlify deployment.
The workshop covered: the React project structure and routing; pre-fetching with Gatsby Link; the Gatsby Image; React building blocks such as function components, props, hooks, and state; the Styled Components and Web Font Loader plugins; and Netlify deployment.
Skills
Languages
JavaScript, SCSS, HTML, CSS, GraphQL, TypeScript, HTML5
Libraries/APIs
React, Vue, React Router
Tools
Git, GitHub, Photoshop CC, Illustrator CC, JSX, Asana, Trello, NPM, InVision, Flash, Yarn Workspaces, Bitbucket
Paradigms
Jamstack，移动应用设计，Scrum，管理
Platforms
MacOS, Netlify, Contentful, Shopify
Other
Accessibility, Storybook, Web Development, Gatsby, Responsive UI, ESLint, Styled-components, Content Management Systems (CMS), Instruction & Coaching, Prototyping, App Design, Mentorship, Event Planning, Workshops, DatoCMS, DSLR Photography, Digital Product Design, Debugging, Responsive Web Apps, Social Media Campaigns, Advertising, Documentation, Static Hosting, Code Generators, Strapi, API Integration, Front-end
Frameworks
Bootstrap, YARN, Next.js, Tailwind CSS, Ruby on Rails (RoR)
Education
2007 - 2012
Bachelor's Degree in Digital Design
辛辛那提大学-美国俄亥俄州辛辛那提
Collaboration That Works
How to Work with Toptal
在数小时内，而不是数周或数月，我们的网络将为您直接匹配全球行业专家.
1
Share your needs
在与Toptal领域专家的电话中讨论您的需求并细化您的范围.
2
Choose your talent
在24小时内获得专业匹配人才的简短列表，以进行审查，面试和选择.
3
Start your risk-free talent trial
与你选择的人才一起工作，试用最多两周. Pay only if you decide to hire them.
Top talent is in high demand.
Start hiring